Вы можете добавить разметку схемы на веб-страницу, чтобы предоставить больше контекста о ее содержимом. Хотя веб-браузер не отображает эти данные, сканеры поисковых систем могут их читать. Затем поисковые системы могут отображать эти данные в результатах в виде расширенных фрагментов.

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

В этой статье мы покажем вам, как добавить разметку схемы вручную. Хотя это не самый быстрый метод, этот подход дает вам больше контроля и избавляет вас от необходимости устанавливать какие-либо дополнительные плагины.

1. Выберите предпочитаемый формат

Есть несколько различных форматов, которые вы можете использовать для разметки содержимого вашего веб-сайта. Наиболее распространены Микроданные, RDFa, и JSON-LD.

Микроданные

Микроданные - это набор тегов, которые можно использовать для добавления структурированных данных непосредственно в элементы HTML. Добавление этих тегов в ваш HTML делает их более машиночитаемыми и доступными для поисковых систем и веб-сканеров.

instagram viewer

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

RDFa

RDFa - это сокращение от Resource Description Framework in Attributes. Как и микроданные, RDFa добавляет теги к элементам HTML, чтобы сделать их более машиночитаемыми. Этот фреймворк имеет три тега: vocab, typeof и property. Они помогают обрисовать в общих чертах используемый словарь, тип страницы и ее свойства.

JSON-LD

JSON-LD означает нотацию объектов JavaScript для связанных данных. это Рекомендуемый формат Google для разметки схемы. В отличие от других обсуждаемых форматов, JSON-LD не является встроенным методом. Это означает, что вам не нужно вносить прямые изменения в элементы HTML. Вместо этого вы вставляете код в заголовок своей веб-страницы. Обычно это проще реализовать.

2. Напишите разметку в текстовом редакторе или воспользуйтесь генератором разметки схемы

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

Более простой способ - использовать генератор разметки схемы, который автоматически сгенерирует для вас код. Есть много генераторов, но два из лучших - Генератор разметки схемы от Merkle и Генератор JSON-LD компании Hall Analysis.

Оба эти инструмента предлагают широкий спектр словарей схем, из которых вы можете выбирать. Все, что вам нужно сделать, это выбрать один и заполнить необходимые данные. Затем инструмент сгенерирует для вас соответствующий код. Затем вы можете скопировать фрагмент кода для использования на своем веб-сайте.

3. Добавьте разметку на желаемую веб-страницу

Добавление кода на ваш сайт так же просто, как и предыдущие шаги. Для начала перейдите в панель управления WordPress и откройте запись или страницу, где вы хотите добавить разметку схемы.

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

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

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

Для начала:

  1. Щелкните значок с тремя точками в правом верхнем углу экрана.
  2. Перейдите к Предпочтения и щелкните по нему
  3. Прокрутите вниз до Расширенные панели и проверьте Настраиваемые поля вариант

Как только вы активируете Настраиваемые поля вариант, вернитесь к своему сообщению или странице и прокрутите вниз, где вы увидите Настройки настраиваемых полей. Под Добавить новое настраиваемое поле, Выбрать Enter New для создания нового настраиваемого поля.

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

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

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

Когда вы закончите, нажмите Добавить настраиваемое поле, прокрутите страницу вверх и нажмите Обновлять чтобы сохранить изменения. На этом этапе вы успешно добавили новое настраиваемое поле в свой пост или страницу, но вам все еще нужно указать WordPress, что с ним делать.

В этом случае вам нужно добавить фрагмент кода в свой header.php файл, который сообщает WordPress «вызывать» ваши настраиваемые поля.

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

Вот код, который нужно добавить в header.php файл:

php 
$ schema = get_post_meta (get_the_ID (), 'schema', true);

if (! empty ($ schema)) {
echo $ schema; < br />}

Чтобы найти свой файл header.php, перейдите по ссылке Внешний вид> Редактор тем. Справа вы увидите ряд файлов, включая файлы вашего сайта. header.php файл.

Перейдите к этому файлу и щелкните по нему. Откроется новое окно, в котором вы сможете его редактировать. Вставьте код прямо перед закрытием тег.

Затем нажмите на Обновить файл кнопку и перезагрузите свой сайт в браузере. Вот и все! Вы успешно добавили разметку схемы на свою веб-страницу.

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

Google предлагает инструмент проверки структурированных данных который вы можете использовать для тестирования разметки схемы вашего сайта. Все, что вам нужно сделать, это открыть инструмент и ввести URL-адрес страницы, которую вы хотите протестировать. Инструмент просканирует страницу и покажет все найденные структурированные данные. Он также сообщит вам, есть ли какие-либо ошибки, что полезно, если вы написали свои структурированные данные вручную.

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

Опередите конкурентов с помощью разметки схемы

Разметка схемы дает множество преимуществ любому веб-сайту, и обычно ее довольно легко добавить. Вы можете добавить разметку схемы на свой сайт с помощью плагина или сделать это вручную, как мы показали в этой статье. Разметка схемы - отличный способ повысить рейтинг кликов вашего сайта. Если вы ищете еще лучших результатов SEO, вам следует подумать об использовании целостного плагина SEO.

7 самых эффективных плагинов для SEO для WordPress

Эти плагины SEO для WordPress предоставят ваш контент нужным глазам.

Читать далее

доляТвитнутьЭлектронное письмо
Похожие темы
  • Программирование
  • Wordpress
  • Веб-разработка
  • SEO
  • Метаданные
Об авторе
Дэвид Абрахам (Опубликовано 11 статей)

Дэвид - любитель WordPress, который с энтузиазмом помогает малому бизнесу расти!

Ещё от David Abraham

Подписывайтесь на нашу новостную рассылку

Подпишитесь на нашу рассылку технических советов, обзоров, бесплатных электронных книг и эксклюзивных предложений!

Нажмите здесь, чтобы подписаться