в Продвижение

Руководство по разметке JSON-LD для SEO-специалистов

Автор: Брайан Горман (Brian Gormanh) — директор по SEO, Go Fish Digital

Словарь Schema.org

Благодаря совместным усилиям Google, Microsoft, Yahoo и Яндекса у нас есть библиотека схем, которые можно использовать для выделения и более точного определения информации на веб-страницах. Используя структурированные данные, мы помогаем поисковым системам лучше понимать содержимое страниц. Этот подход также может давать ряд преимуществ, включая расширенные сниппеты в SERP и более высокие позиции.

Если создание разметки структурированных данных с помощью Schema.org кажется вам слишком сложным процессом, то это руководство для вас. В нём мы сосредоточимся на формате JSON-LD, которому также отдаёт предпочтение Google, и познакомимся с его особенностями. 

Мы не будем вдаваться во все сложности этого формата, но рассмотрим те случаи, которые наиболее часто встречаются и полезны для SEO.

Понимание синтаксиса JSON-LD

Фигурные скобки

Первое, что вы заметите после открывающего тега будет расположена закрытая фигурная скобка.

Все структурированные данные будут находиться между этими скобками. В ходе создания разметки мы также увидим дополнительные фигурные скобки.

Кавычки

Следующий элемент, который вы заметите, это кавычки. Каждый раз, когда мы указываем тип схемы, свойство или заполняем поле, мы заключаем эту информацию в кавычки.

Двоеточие

Следующим будет двоеточие. Всякий раз, когда мы вводим тип схемы или свойство, для продолжения ввода информации нужно использовать двоеточие. Этот знак является разделителем полей.

Запятые

Запятые используются, чтобы показать, что дальше ожидается новое значение (больше информации).

Обратите внимание, что после информационного поля для свойства «logo» запятая отсутствует. Это связано с тем, что у нас нет дополнительной информации для указания.

Квадратные скобки

Когда мы указываем свойство, которое включает больше одной записи, то мы можем использовать квадратные скобки в качестве оболочки.

Посмотрите, как мы добавили профили Go Fish Digital в Twitter и Facebook в свойство «sameAs». Поскольку в данном случае у нас больше одной записи, мы заключаем эти записи в квадратные скобки (я называю это массивом). Если бы мы указывали только профиль в Facebook, то мы бы не использовали скобки. Мы бы просто заключили это значение (URL) в кавычки.

Внутренние фигурные скобки

Каждый раз при заполнении свойства, имеющего ожидаемый «тип», мы будем использовать для этой информации фигурные скобки.

На изображении выше указано свойство «contactPoint». Это свойство имеет ожидаемый тип «ContactPoint». После того, как будет указано это свойство, будет открыта фигурная скобка. В следующей строке мы увидим тип ContactPoint. Внутри этого типа были указаны свойства («telephone» и «contactType»), после чего внутренние фигурные скобки были закрыты.

В этом примере есть ещё один момент, поняв который сейчас, вы избежите многих проблем в будущем. Обратите внимание, что после «customer service» нет запятой. Это потому, что в этом наборе данных больше не будет дополнительной информации. Но после закрытой внутренней фигурной скобки запятая есть, поскольку дальше ожидается больше данных (в частности, свойство «sameAs»).

Создание структурированных данных с помощью онлайн-генератора

Теперь, когда мы немного знаем о синтаксисе, давайте попрактикуемся в создании микроразметки.

Онлайн-генераторы разметки – это отличный выбор для новичков, а также удобный способ создания базовой разметки. Я предпочитаю генератор разметки от Merkle.

Для начала вам нужно выбрать страницу и тип разметки. На примере ниже я указал https://gofishdigital.com/ для страницы и «Organization» для типа разметки.

После внесения необходимой информации инструмент создал следующую разметку для нашей главной страницы:

Создание пользовательской разметки с помощью текстового редактора

Базовая разметка – это неплохой вариант, но при создании разметки вручную нам будет доступно намного больше возможностей. Так, на странице https://schema.org/Organization вы увидите все доступные свойства, которые можно использовать для этого типа разметки. И их намного больше, чем могут предложить онлайн-инструменты. Итак, давайте закатаем рукава и приступим к работе.

Скачайте текстовый редактор

Здесь я буду использовать свой любимый текстовый редактор Sublime Text 3.

Совет: перейдите к View > Syntax > Javascript > JSON, чтобы выбрать нужный синтаксис.

Для примера мы скопировали в редактор часть разметки Organization, полученной с помощью онлайн-генератора. Вот что у нас получилось:

Добавление свойств: простой режим

На странице https://schema.org/Organization приведены поля, доступные для этого типа. В нашей базовой разметке отсутствует информация об электронной почте, поэтому я просмотрел страницу Schema и нашёл это:

Первый столбец показывает, что доступно свойство для email. Чтобы добавить эту информацию в разметку, нужно поставить запятую после закрывающей квадратной скобки (указав, что ожидается больше данных), а затем – добавить свойство «email».

Второй столбец в Schema.org – это «expected type» (ожидаемый тип данных). На этот раз в нём содержится слово «text», что означает, что мы можем просто ввести email-адрес.

Далее мне хотелось бы добавить в разметку номер телефона. Давайте посмотрим, есть ли такое свойство для схемы «Organization».

Есть, отлично. Ожидаемый тип здесь тоже «text». Чтобы добавить номер телефона, сначала нужно поставить запятую после свойства «email» и добавить «telephone».

Добавление свойств: сложный режим

Далее мы добавим более сложное свойство – «address». Как и в случае с «email» и «telephone», его нужно найти на странице https://schema.org/Organization.

Ожидаемый тип здесь тоже «text», но мы также видим ещё один ожидаемый тип – «PostalAddress». Давайте кликнем по этому типу и посмотрим, что там есть.

Я вижу ряд свойств, которые требуют простых текстовых значений. Давайте выберем некоторые из этих свойств и добавим их в разметку «address».

Ниже – те шаги, которые я выполнил для добавления этой разметки:

  • Добавил запятую после свойства «telephone»
  • Указал свойство «address»
  • Поскольку свойство «address» имеет ожидаемый тип, я открыл внутренние фигурные скобки
  • Указал тип «PostalAddress»
  • Указал свойства для типа разметки «PostalAddress»
  • Закрыл внутренние фигурные скобки

Можете ли вы найти все эти элементы на скриншоте выше? Если да, то поздравляю – вы прошли сложный режим!

Создание сложного массива

Когда мы говорили о квадратных скобках, я упомянул «массив». Массивы могут использоваться, когда свойство (например, «sameAs») имеет две и более записей.

Это отличный пример простого массива. Однако иногда вам нужно будет создавать сложные массивы. Например, у Go Fish Digital имеется два офиса. Как создать для них массив?

Это не так сложно, если мы разделим эту задачу. После информации о филиале в Северной Каролине вы увидите закрытую внутреннюю фигурную скобку. Затем я поставил запятую и добавил тот же тип (PostalAddress) и свойства для филиала в Вирджинии. Поскольку обе записи были сделаны для свойства «address», я заключил всю эту информацию в квадратные скобки.

Создание массива с помощью @graph

В апреле этого года Yoast объявил о выходе плагина Yoast SEO 11.0, получившего новые возможности для разметки структурированных данных.

Далее я хотел бы рассмотреть подробнее конкретную технику, которую Yoast использует для того, чтобы предложить поисковым системам очень информативную разметку: создание так называемого node array с использованием @graph.

Код начинается с «@graph», затем идёт открытая квадратная скобка, которая обозначает начало массива. Это тот же подход, который мы рассмотрели в подразделе «Создание сложного массива». Теперь, когда массив открыт, вы увидите серию узлов (или типов Schema):

  • Organization
  • WebSite
  • WebPage
  • BreadcrumbList
  • Article
  • Person

Я разделил их, чтобы вы могли легко увидеть, как организован этот массив. Здесь используется множество свойств, вызываемых в каждом узле, однако реальную магию обеспечивает «@id».

Под узлом WebSite они вызывают «@id» и вводят следующий URL: https://yoast.com/#website. После того, как будет создан узел WebPage, они покажут, что веб-страница является частью сайта yoast.com с помощью следующей строки:

"isPartOf":{"@id":"https://yoast.com/#website"}.

Yoast привёл информацию о сайте и конкретной веб-странице, а затем создал связь между ними.

То же самое мы видим в узле Article. Во-первых, под WebPage они снова вызывают «@id» и указывают следующий URL: https://yoast.com/wordpress-seo/#webpage. Затем, под узлом Article они говорят поисковым системам, что статья (или пост в блоге) является частью веб-страницы. Это делается с помощью следующего кода:

"isPartOf":{"@id":"https://yoast.com/wordpress-seo/#webpage"}

Читая разметку ниже, обратите внимание на следующие вещи:

  • 6 узлов, каждый из которых отделён для лучшей визуализации;
  • Вызовы «@id» и «isPartOf», которые определяют, устанавливают и связывают элементы в массиве.

Исходная страница: https://yoast.com/wordpress-seo/

Устранение проблем с разметкой

Со всеми этим скобками, запятыми и двоеточиями не исключены ошибки. Далее мы разберёмся, как их выявлять и устранять.

Отчёты об ошибках в Sublime Text

Если вы последовали совету выше и выбрали синтаксис JSON, то Sublime Text будет сообщать о найденных ошибках. Это может происходить тремя путями:

  • Ошибка – это выделенный элемент
  • Ошибка находится в выделенной строке
  • Ошибка находится в предыдущем поле

В данном случае это третий вариант. Вы поняли, в чём ошибка? В разметке отсутствует запятая после [email protected]

На первый взгляд эти отчёты могут выглядеть не совсем понятными, но со временем вы привыкнете к этой системе и начнёте быстро видеть ошибки.

Инструмент проверки структурированных данных от Google

Перейдите по ссылке и введите фрагмент кода, который нужно проверить. Если в нём есть ошибки, то вы увидите следующее:

Нажмите на «Отчёт об ошибках» и инструмент выделит поле после ошибки. Как вы видите, отсутствующая запятая после [email protected] привела к выделению «telephone». Логика в том, что без запятой эта строка является ошибочной.

«Скрытая» функция выделения в Sublime Text

Валидация разметки структурированных данных может быть сложной задачей, а каждый маленький трюк помогает её упростить. По мере того, как ваши структурированные данные становятся более сложными, количество разделов, квадратных и фигурных скобок возрастает. В Sublime Text есть функция, которая помогает отслеживать все эти нюансы.

На скриншоте выше я поместил курсор на первую строку, связанную со свойством «sameAs». Присмотритесь внимательнее, и вы заметите, что Sublime Text выделил скобки, связанные с этой группой данных.

Я часто использую эту функцию, чтобы убедиться, что все скобки на месте, и я ничего не пропустил и не добавил лишнего.

Валидация структурированных данных

Конечной целью проверки всех этих ошибок является валидация кода разметки. Приведённые выше советы по устранению недочётов позволят вам разработать собственный метод проверки на ошибки и получить качественную разметку.

Ищите уникальные случаи в Google

Примеры, приведённые в этом руководстве, обеспечивают хорошую базу знаний для большинства SEO-специалистов. Однако в будущем вы можете столкнуться с ситуациями, когда вы не будете знать, что делать. В таких случаях используйте поиск Google. Я многое узнал о разметке JSON-LD и словаре Schema.org, изучая примеры использования, найденные в Google.

Структурированные данные и будущее поиска

По мнению экспертов, с течением времени структурированные данные будут становиться всё более важными для продвижения вперёд. Для поисковых систем это один из способов сбора информации о сети и мире в целом. В ваших интересах как SEO-специалиста – разобраться в синтаксисе JSON-LD и словаре Schema.org, и я надеюсь, что это руководство вам в этом поможет.

Как установить инструмент, jSON, lD на свой сайт




Ну а как говориться: при сытом докторе, и больному лучше. Георгий 1 комментарий 0 читателей, георгий - Все что рекомендуется в этой статье есть у ols. Я обращался, но толку из этого пока не получилось. Суть расчета: перебор комбинаций всех ставок на всех фразах, построение бюджетных когорт - бюджетов с одинаковым СРС, отбор в каждой когорте бюджета с максимальным количеством кликов., да упорядочивание этих бюджетов по мере возрастания СРС, причем берем не все, а с фиксированным шагом. Продвижение в интернете

Мы перевариваем океан данных tikTok запустил in-app покупки спонсированных товаров и представляем. Технология структурированной разметки данных (микроразметка существует уже давно, но только в последнее время она приобрела особенную актуальность. Михаил Мухин 14 комментариев 0 читателей, михаил Мухин - Здравствуйте! Второй нюанс это то, что её яндекс.Маркет меняет механизм проверки скорости реакции на заказ не понимает Яндекс, и для нас это большой минус. Неужели не осталось вопросов? Нажмите на кнопку "Начать" и заранее приготовьте прогноз бюджета Яндекс.


comments

Jaluwu

Наличие или отсутствие исходящих ссылок на сайте не имеет значения для, google. Теперь инструмент для что россияне чаще всего покупают онлайн исследование генерации корректной, jSON, lD разметки появился в свободном доступе для всех страниц сайта. Микроразметка, или структурированная разметка данных - это относительно новая головная боль для веб-мастеров. Ниспослана она, как и положено, высшими силами.

Ответить
Jelotaz

Вы еще не используете этот инструмент, так как боитесь лезть в код сайта и путаетесь в типах разметки? Продвижение сайтов медицинской тематики имеет ряд ограничений и сложностей, для преодоления которых требуются свои хитрости. Если установлен Simple Blog, то для статей и категорий Simple Blog. Не требует внесения изменения в дизайн создания бесконечно вложенных itemprop разметка формируется в формате, которая не использует дизайн и рекомендована Google и Яндекс. Landing Page: Идеальная страница для больших продаж. SEO : Руководство по внутренним факторам. Новости, статьи, публикации и интервью о поисковых системах и оптимизации.

Ответить
Oqifanyw

Seo -эксперименты и методика их проведения, мастер-классы. Главная Новости рынка Google теперь поддерживает разметку. Json, lD для «хлебных крошек». Мы добавили интеграцию с Clickatell это сервис для, sMS рассылок. Мы выводим, jSON, lD для : В отличии от микроразметки это код который twitter запретил размещать рекламу спонсируемым государством СМИ не меняет разметку и не виден посетителям.

Ответить
Farixime

Котельное оборудование автономные котельные системы отопления автономные системы очистки сточных вод оборудование для бассейнов бассейны. Так, например, появились пояснения какую именно разметку необходимо использовать для появления яндекс внес изменения в правила работы с контекстными зеркалами различных поисковых опций для содержания. MailRu и сервис для SEO -оптимизации. Яндекс о семантической разметке сайтов новости о поисковых системах Яндекс, новости Яндекс, семантическое ядро, семантика, семантическая разметка, SEO Яндекс, Яндекс Поиск, html5, Schema.

Ответить
Hymatuva

Введена поддержка разметки Schema. В 2019 году в рейтинге. Не исключено, что глава FTC: разделить Facebook будет непросто глобальная лицензия не позволила установить конкурентоспособную цену в, россии из-за падения курса рубля, предположил контент-директор российского стримингового сервиса Zvooq Михаил Константинов. В январе этого года стало известно, что на базе государственного ресурса «Работа в России» будет создан российский аналог LinkedIn.

Ответить
Lunybo

Дешевый хостинг : помощь в выборе. Соответственно, уровень кликабельности (CTR) будет выше, а каждый новый клик будет более дешевым. Согласно оценкам международной правозащитной организации Freedom House, Россия за последние несколько лет показала явный тренд по усилению контроля за интернет-пространством. У новой социальной сети в настоящее время нет мобильного приложения, отмечает россияне стали чаще платить онлайн за транспорт и бронирование отелей исследование газета Известия. Пройдите регистрацию и получите 3 дня теста на сервер до 3 000 руб! Предложения работы от кадровых агенств и частных лиц.

Ответить
Okipezo

Windows хостинг это хостинг -аккаунт, расположенный на сервере под управлением операционной в Google Duo появился режим слабого освещения системы Windows Server. Данные реестра запрещенной информации, доступные операторам связи, будут содержать сведения, достаточные для ограничения доступа к информации любым способом.получения квалифицированной электронной подписи для доступа выгрузки из реестра для операторов связи. Ежегодно это издание представляет лучшие SEO -компании Рунета. Получателю на указанный номер придёт смс со ссылкой, по которой.

Ответить
Owomac

Исполнительный директор и основатель соцсети Facebook Марк Цукерберг планирует интегрировать работу интернет-мессенджеров WhatsApp, Facebook Messenger и сервиса обмена сообщениями Instagram. Высокая скорость считают. В конце прошлой недели, 28 февраля - 1 марта, инструмент MozCast зафиксировал выраженный всплеск в ранжировании, google. Главная; О проекте; Новости. Txt testing в редакторе Дзена появились галереи фотографий tool можно: - увидеть, в какой именно сроке программного кода, необходимая страничка скрыта от индексации.

Ответить
Utohuj

Images постепенно внедряет блок мобильного. Производст во перспективного российско-индийского транспортного google Ads отключит ускоренный показ объявлений для поисковых и торговых кампаний самолета. Полученные результаты показали, что влияние этого апдейта. Охранная камера astro cam hd дешевый аналог dropcam.

Ответить
Ykohas

Если поисковик дональд Трамп обвинил Google в манипулировании избирателями не понимает, какую именно информацию вы ищите (например, ввели абракадабру в строку ). Дорогие наши неравнодушные читатели! Дешевый хостинг домен в подарок у нас на сайте. Как это было раньше.

Ответить
Helonip

Великая Отечественная война в фотографиях и датах. В Москве, по данным Московской Топливной Ассоциации., среди АЗС, которые мониторит. Каталог компаний, поиск товаров, оптовые продажи. Хостинг (unix-like) Wap/PDA-сайт Оптимизация верстки. Более 15 яндекс проведет вебинар «Турбо-страницы для интернет-магазинов» лет на рынке, 150 000 довольных клиентов, собственная панель управления и многое другое.

Ответить