Как сделать микроразметку schema org: Микроразметка Schema.org — как сделать и проверить

Содержание

Как добавить микроразметку Schema.org на страницы сайта

Любая страница сайта состоит из HTML тегов. Как правило, HTML теги сообщают браузеру как отобразить информацию, которая находится внутри тега. Таким же образом микроразметка Schema.org сообщает поисковым системам где находится та или иная важная информация на странице.

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

Содержание

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

Чтобы быть в курсе последних лайфхаков по SEO и знать, как продвигать сайты в 2020 году — подпишитесь на личный Telegram канал.

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

В данной статье я хочу показать о том, как на практике сделать микроразметку на своем сайте, чтобы ее хорошо восприняли и Google и Yandex одновременно. Потому что многие сталкиваются с проблемами: для Yandex микроразметка нормально проходит валидацию (об этом читайте ниже), а вот для Google появляются ошибки, и наоборот. Да, это действительно так. Но всегда можно найти компромисс!

С помощью правильной микроразметки Schema.org Вы сможете передавать самые важные данные. То есть поисковому роботу информация подается сразу «на блюдечке». Для этого и была создана микроразметка поисковыми системами.

Основы микроразметки Schema.org

  • Что такое микроразметка сайта?

    Микроразметка сайта — это способ показать поисковым системам важные элементы на вашем сайте. Также это способ создать расширенные сниппеты на поиске и получить больше кликов, увеличить CTR на поиске и, соответственно, улучшить позиции на поисковой выдаче.

  • Что такое Schema.org?

    Schema.org — это словарь, с помощью которого можно размечать страницы, чтобы они были понятны поисковым системам Google, Яндекс, Mail.ru, DuckDuckGo, Bing, Rambler.

  • Есть ли Schema.org на русском?

    Да, есть. Находится перевод проекта по адресу ruschema.org.

  • Как сделать разметку страницы или сайта?

  • Как проверить микроразметку на сайте?

  • Как проверить есть ли на сайте микроразметка?

  • Рекомендации Google по применению микроразметки

    Большое количество рекомендаций по работе со структурированными данными от Google вы можете найти здесь с примерами.

  • Какую микроразметку использовать для своего сайта?

    Изучите статью о том, какие бывают виды микроразметок. Так вам будет проще какой вид микроразметки использовать на сайте.

  • Генератор микроразметки Google

  • Как влияет разметка Schema на индексацию Google?

    Никак не влияет на индексацию.

Не растут позиции сайта?

Закажите разбор сайта по SEO с консультацией

Сделайте аудит сайта самостоятельно с помощью сервиса

Как проверить «правильность» микроразметки Schema.org?

Для проверки валидации («правильности») микроразметки предназначены специальные сервисы, которые были разработаны поисковыми системами. Мы будем в данной статье проверять микроразметку для поисковой системы Yandex и Google.

Вот ссылки на два сервиса проверки валидации микроразметки Schema.org:

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

Как пользоваться валидаторами микроразметки?

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

Итак, начнем с валидатора от Google. Страница выглядит следующим образом:

Есть два варианта проверки валидации страницы:

  1. С помощью прямой вставки HTML кода
  2. С помощью вставки URL адреса страницы, которую необходимо проверить

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

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

После проверки в валидаторе Google появится слева код Вашей HTML страницы, а справа — какая микроразметка там присутствует и есть ли там ошибки:

С валидатором Google я думаю все понятно. Перейдем к валидатору от Yandex.

Когда Вы зайдете на сайт с валидатором микроразметки от Yandex, Вы увидите несколько иную картину, но смысл там остается тот же:

Здесь интерфейс немного проще и опять же есть два варианта проверки Вашего HTML кода: с помощью вставки исходного кода страницы, либо с помощью вставки лишь URL необходимой страницы.

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

Валидатор Yandex и Google будут давать Вам рекомендации сразу на русском языке. Но и этого бывает мало, потому что у всех ошибки разные и зависят от конкретного контекста страницы и HTML структуры.

Где проверять свою микроразметку Вы сейчас знаете. Поэтому немедленно перейдите на свой сайт, скопируйте URL ссылку первой же статьи и проверьте ее на валидацию.

Очень много ошибок? Не волнуйтесь, все можно исправить. Главное разобраться в этом постепенно исправить все ошибки.

Шаг 1. Что необходимо разметить на странице?

Словарь микроразметки Schema.org очень большой. Здесь можно найти формат разметки практически любого типа записей. В прошлой статье я приводил основной список форматов, которые поддерживаются данная микроразметка: адреса и организации, видео, программы, рефераты, изображения, статьи, фильмы и так далее.

Поэтому первым шагом необходимо определиться с основным шаблоном и правильно его подготовить. А у же потом переносит на реальный сайт.

В данной статье я покажу как сделать пример для сайта, под управлением CMS WordPress. А на данной CMS чаще всего создают блоги. Поэтому будем писать разметку для такого типа страниц, как «Статья».

Далее нам необходимо определить, какую сущность из словаря мы будем использовать. На официальном ресурсе Schema.org есть следующая структура: Article. Но внутри нее есть подструктуры, которые мы можем использовать. Спускаясь все глубже по подструктурам я нашел следующий тип:

BlogPosting. Он является частным вариантом сущности Article. И он отлично подходит для разметки записей на блогах.

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

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

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

Шаг 2. Формируем шаблон микроразметки

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

Основная суть микроразметки (технически): добавить к необходимым тегам дополнительные атрибуты. Иногда добавить дополнительные теги для структуры.

ВАЖНО: Google постоянно вносит изменения и оставил «звездочки» только для страниц с продуктами. Есть сайты, которые это обходят, но все же желательно размечать так, как этого требует Schema.org. Поэтому сейчас код был изменен и «звездочки» на поиске можно сделать только в сущности Product. Это больше относится к таким услугам и товарам, но не к обычным статьям.

Без прелюдий перейдем сразу к делу. После многочисленных попыток сделать микроразметку Schema.org валидной для Google и Яндекса получилась следующая структура:

HTML КОД



    
    
    
        
            
            
        
    
    
        Юрий Немец
    
    
            
        
        		
        
        
            
            		
        

Основной текст статьи.

Так выглядит обычная статья без сторонних дополнений. Код получился действительно немаленький. Сейчас поясню буквально по строкам и расскажу где какие присутствуют нюансы:

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

Если Вы разобрались в структуре микроразметки Schema.org для статьи, то проделали уже 80% работы. Осталось малость, но эта «малость» требует технических знаний. Потому что сейчас необходимо перенести данную структуру на реальный работающий сайт.

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

Когда попадете туда — увидите следующее:

Необходимо выбрать, что хотите разметить: вакансия, набор данных, продукты, страница ответов на вопрос, мероприятия, отзывы о книгах, рестораны, телесериалы, местные организации, приложеня, статьи или фильмы.

Чтобы разметить, необходимо либо ввести URL страницы, либо вставить HTML этой же страницы.

Мы введем адрес одной из статей сайта и на его примере покажу как разметить:

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

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

Когда закончите, необходимо кликнуть справа вверху по кнопке «Создать HTML». Вас перенаправит на страницу с готовым HTML кодом и разметкой для вставки на сайт:

Есть 2 варианта внедрения этой разметки на свой сайт:

В CMS, таких как WordPress, OpenCart и других все делается с помощью плагинов, не вручную. Ниже посмотрим с помощью каких плагинов.

Шаг 3. Внедряем микроразметку Schema.org на реальный сайт

Многие используют различные CMS. Поэтому нет уникального кода, который бы работал сразу на любом сайте. Но у Вас есть код микроразметки, который получился у меня в ходе многочисленных поисков. Вам останется постепенно внедрить данную разметку на своем сайте. И сейчас я дам советы, которые помогут Вам в этом:

  1. Начинайте разметку с основных структур. То есть для начала разметьте основную сущность, внутри которой находятся все остальные элементы. Поэтому сначала необходимо найти блок, в котором содержится все: изображение, автор, дата и так далее;
  2. Далее займитесь разметкой блока «Organization». Потому что он не меняется динамически. Его необходимо один раз сделать и поместить внутрь сущности «BlogPosting». Данный блок затем скройте с помощью CSS стилей.
  3. Затем необходимо разметить дату публикации и дату последнего изменения. Сделать это несложно. В каждой CMS есть своя функция, которая отвечает за это. Так как это мета-теги, то скрывать ничего не нужно. Например в WordPress дата публикации и дата изменения выводятся следующим образом:
  4. Далее отметьте подструктуру «articleBody». Именно внутри нее Вам необходимо будет указать заголовок и главное изображение статьи.
  5. И последним шагом исправьте разметку главного изображения в статье. Так как это, чаще всего, сделать технически сложнее всего, то оставьте данный элемент на концовку.

После внедрения обязательно проверьте с помощью валидаторов на отсутствие ошибок.

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

Кликаете в правом верхнем углу по кнопке «Предварительный просмотр» и попадаете на странице предпросмотра:

Позиции сайта «зависли» и не идут в ТОП?

Закажите разбор сайта по SEO с консультацией

Сделайте аудит сайта самостоятельно с помощью сервиса

Микроразметка FAQ от Schema.org

Как увеличить CTR на поиске за 15 минут?

Очень легко, нужно лишь добавить микроразметку FAQ в свою статью и отправить на переиндексацию в Google.

Вот пример статьи, где я добавил микроразметку:

Как добавить такую микроразметку?

Очень легко, достаточно в исходный код страницы вставить следующий JSON внутри тегов script:



Еще несколько советов по использованию:

Используйте 4 пункта, тогда будут показываться все 4 вопроса. Если напишете больше 4 вопросов, то последний пункт будет скрыт под элемент «Развернуть».

Обязательно проверьте микроразметку на валидаторе Google, чтобы она была без ошибок (только потом отправьте ее на переиндексацию). Если по тем ошибкам непонятно, как исправить, тогда советую проверить на валидаторе JSON — здесь. Если и там не удалось найти ошибку, то можете написать в комментариях к статье, либо обратиться к техническому специалисту.

Если все сделали правильно, то достаточно буквально 15-30 минут и вы увидите в поиске в сниппете микроразметку.

Важно заметить, что микроразметка появляется не под всеми ключевыми словами, под которые продвигается статья.

Ошибки микроразметки Schema.org

Рассмотрим самые популярные ошибки при добавлении микроразметки Schema.

  • Необходимо указать значение для поля itemReviewed

    Здесь нужно понимать для чего нужно свойство itemReviewed.

    Это свойство, которое отдельно без сущности существовать не может. Сущностью для свойства может быть AggregateRating и Review.

    Это обязательное свойство для данных сущностей, поэтому его указать, иначе звездочки на поиске не появятся.

  • Необходимо указать значение для поля item

    Это свойство используется в сущностях DataFeedItem и ListItem.

    Например, вы хотите разметить «хлебные крошки» (BreadCrubms). Внутри элементов списка необходимо использовать для ссылок данное свойство:

    
    
    1. SEO
    2. Внутренняя перелинковка
  • Необходимо указать значение для поля url

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

  • Необходимо указать значение для поля image

    Это может быть URL или сущность ImageObject.

    Если это ImageObject, то нужно вводить гораздо больше значений:

    
    
      

    Название изображения

    Автор Юрий Немец Фотография сделана Россия, Москва Дата загрузки: 22 декабря, 2020 Подробное описание изображения.

    Самое важное поле — это URL.

  • Для id указан недопустимый url

    Ошибка чаще всего возникает с сущностью BreadcrumbList когда не задан URL, а используется текстовое описание.

    Внимательно изучите сущность itemListElement, потому что она используется для BreadCrumbs.

  • Необходимо указать значение для поля itemListElement

    Это ошибка при разметке «хлебных крошек» на сайте. Если хотите сделать последний элемент списка неактивным (без ссылки), то он должен быть не BreadcrumbList элементом. Пример ниже:

    
    

Частозадаваемые вопросы по микроразметке Schema.org

  • Itemprop что это?

    Itemprop — это свойство сущности для разметки подробных сведений об этой сущности.

    На примере: есть сущность для разметки фильма. У фильма есть много свойств: название, режиссер, жанр. Чтобы указать в микроразметке каждое свойство — необходимо в соответствующем атрибуте itemprop задать ему значение.

    
    
      
      
      Режиссер:
        Адиль Эль Арби
        (род. 30 июня 1988 г.)
      
      Комедия
              
    
    			

    Обратите внимание, что нужно разметить и сам фильм и трейлер, либо информацию о трейлере совсем не вводить.

  • Как узнать тип микроразметки в Гугл?

  • Как разместить URL сайта в Schema.org?

    Все зависит от того, какую сущность микроразметки вы используете.

    Например, если используете сущность BlogPosting (на русском эта же сущность), то используйте следующий код:

    
    
  • Каким образом можно проверить корректность настройки микроразметки?

    Корректность настройки микроразметки проверяется с помощью валидаторов.

  • Плагины внедрения микроразметки для CMS

  • Как выбрать тип Schema.org?

    Рекомендую зайти на следующую страницу — структурированные данные от Google. Слева выбрать тот материал, который вам нравится и затем разметить в соотвествии с рекомендациями.

  • Как исправить ошибку микроданных в Google?

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

    Чаще ошибка связана не с микроразметкой Schema, а именно с незнанием технической части сайта или CMS. Задать свой вопрос вы можете в комментариях ниже.

  • Каким разметить номер телефона с помощью Schema.org?

    Есть свойство Telephone. Важно понимать, что это лишь свойство, оно должно быть внутри сущности, например, внутри сущности Organization.

  • Как создать микроразметку для Яндекса онлайн?

    Для Яндекс и для Google можно создать шаблон микроразметки с помощью генератора.

  • Валидатор не видит разметку

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

  • Плагин проверки микроразметки в браузере Chrome

  • Как добавить микроразметку для сайтов на Wix? (Schema.org)

    На самом деле это актуально для любого конструктора.

    Для начала вам необходимо сформировать скрипт в формате JSON-LD через этот генератор.

    Затем скопировать этот скрипт, перейти в раздел редактирование сайта. Там выбрать «Настройки», далее «Коды аналитики». Выбираем справа вверху «Новый инструмент», далее «Новый код».

    Вставляем скопированный скрипт в формате JSON-LD.

    Осталось сохранить и проверить на валидаторе правильность разметки.

  • Как добавить микроразметку для сайтов на Tilda? (Schema.org)

    Генерируем скрипт в формате JSON-LD, как в ответе на предыдущий вопрос про Wix.

    На Тильде заходим в «Настройки страницы», затем «Дополнительно» и далее «HTML код для зоны». Кликаем «Edit code» (редактировать код).

    Вставляем скопированный код и сохраняем.

Вывод

Многие, возможно, начнут возмущаться, что нет готового решения, которого все так ждали. Все хотят волшебную таблетку: «скопировал->вставил». Такого не будет, если Вы хотите реальных и ощутимых результатов. У Вас индивидуальный шаблон, у которого своя собственная структура. Поэтому наберитесь терпения и разберетесь в том, как устроена микроразметка Schema.org.

Что касается технической части, то скажу вот что: либо отдайте это дело профессионалу, либо самостоятельно разберитесь в том, что я описал в данной статье.

Успехов!

С Уважением, Юрий Немец

Микроразметка Schema.org для вопросов и ответов | Development

Обычно микроразметка типа «вопрос / ответ» требуется либо в отдельном разделе сайта, посвящённом ответам на типичные вопросы (FAQPage), либо на обычных страницах, содержащих какую-то справочную информацию для посетителей или клиентов. Для разметки чаще всего используется Schema.org по причине популярности и удобства.

Очень распространённой проблемой при добавлении в HTML код страницы микроразметки shema.org для вопросов и ответов являются ошибки. В результате добавленная микроразметка не проходит валидацию и по сути будет бесполезна на сайте, так как поисковые системы её или вообще не воспринимают или понимают неправильно.

Обязательно проверяйте добавленную на сайт микроразметку при помощи онлайн валидатора.

Давайте посмотрим, как сделать правильную микроразметку schema.org для ответов на вопросы.

Пример правильной микроразметки Schema.org вопрос/ответ

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

<div itemscope itemtype="http://schema.org/FAQPage">
	<div itemprop="mainEntity" itemscope itemtype="http://schema.org/Question">
		<div itemprop="name">Это вопрос</div>
		<div itemscope itemprop="acceptedAnswer" itemtype="http://schema.org/Answer">
			<div itemprop="text">Здесь размещается ответ на указанный вопрос</div>
		</div>
	</div>
	
	<div itemprop="mainEntity" itemscope itemtype="http://schema.org/Question">
		<div itemprop="name">Это вопрос</div>
		<div itemscope itemprop="acceptedAnswer" itemtype="http://schema.org/Answer">
			<div itemprop="text">Здесь размещается ответ на указанный вопрос</div>
		</div>
	</div>
</div>

Обратите внимание, что все вопросы и ответы на них обёрнуты в FAQPage. Внутри находятся блоки Question, каждый из которых соответствует отдельному вопросу. Внутри Question содержится текст самого вопроса, а также ответ в блоке Answer.

Важно! Посмотрите на наличие mainEntity в блоке Question. Без него валидатор выдаёт ошибку «Необходимо указать значение для поля mainEntity»

Скопируйте этот код и сразу проверьте в любом онлайн валидаторе. Мы рекомендуем использовать онлайн валидатор микроразметки от Google.

Как сделать микроразметку вопросов на сайте

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

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

Если у Вас возникли проблемы с добавлением микроразметки schema.org вопросов и ответов на сайте или сделанная разметка не проходит валидацию, напишите комментарий ниже.

Уникальная метка публикации: 4B4E03EE-6A68-1DBF-1C19-018E999ABAB3
Источник: //artemvm.info/information/uchebnye-stati/development/pravilnaya-mikrorazmetka-schema-org-voprosy-i-otvety/

Микроразметка изображений: Schema.org, сниппет с картинками

Поисковые системы учитывают содержимое атрибута alt изображения при формировании его сниппета в поиске по изображениям. Но иногда возникает необходимость в более значительном влиянии на их сниппет и позиции. Особенно если в вашей нише выбирают товар по внешнему виду или ваш основной контент — изображения.

Если же вы задумались о внедрении микроразметки изображений ради сниппета в обычном поиске, то лучше лучше укажите изображение в разметке Product для товаров или Article/NewsArticle для статей, новостей.

Обозначения полей

Основные поля

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

contentUrl (или image) — ссылка на изображение;

thumbnail — миниатюра изображения для предпросмотра.

Дополнительные поля

Использование данных полей не является обязательным, тем не менее рекомендуется для того чтобы лучше продвигаться в вертикали поиска по картинкам:

name — название изображений;

description — описание изображения;

caption — подпись к изображению;

width — ширина изображения;

height — высота изображения.

Свойства отражающие размеры изображения необходимо указывать в формате числа с единицей измерения (например, «200px»).

Пример разметки

Для примера возьмём изображение с заголовком и описанием выводимых в коде.

<div itemscope itemtype="http://schema.org/ImageObject">
  <h4 itemprop="name">Пингвины</h4>
  <img src="penguin.gif" itemprop="contentUrl">
  <span itemprop="description">Пингвин делает “подножку”.</span>
</div>

Если вы не хотите выводить информацию на странице, используйте тег meta для скрываемых полей:

<div itemscope itemtype="http://schema.org/ImageObject">
  <meta itemprop="name" content="Пингвины">
  <img src="penguin.gif" itemprop="contentUrl">
  <meta itemprop="description" content="Пингвин делает “подножку”">
</div>

Проверку валидаторами Яндекса и Google обе микроразметки проходят успешно:

Ответы на популярные вопросы

Как сделать микроразметку изображений в WordPress

Лучше всего делать ее точечно и вручную. Решить проблему того что редактор TinyMCE вырезает микроразметку можно любым из двух вариантов:

  • написать свой шорткод, который формирует изображение с нужной микроразметкой;
  • отключить в TinyMCE проверку нужных нам атрибутов (например, itemscope, itemtype и itemprop если разметка формата microdata, как в примере).

Что делать если изображение размещено без тега <img>

Не стоит так размещать значимый для страницы контент, рекомендую все-таки переверстать изображение через тег <img>.

Что делать с изображениями загружаемыми через JavaScript

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

Пример разметки изображений в такой карте сайта:

<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
  <url>
    <loc>https://site.ru/page/</loc>
    <image:image>
      <image:loc>https://static.site.ru/img/one.jpg</image:loc>
    </image:image>
    <image:image>
      <image:loc>https://static.site.ru/img/two.jpg</image:loc>
    </image:image>
  </url>
</urlset>

Используете ли вы микроразметку изображений? Если да, то как?

как настроить, FaqPage Schema — Сollaborator

Google сообщил о появлении микроразметки FAQ и HowTo в мае 2019 года. Анонс сделали ещё год назад, но возможность использовать форматы на реальных проектах появилась лишь в следующем мае. С тех пор они используются наравне со старыми форматами Product, AggregateRating, Review и другими. 

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

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

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

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

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

Rich snippet в SEO как высокие позиции — сегодня они могут быть, а завтра нет. Google не гарантирует показ микроразметки в 100% случаев. Она может появиться, а через время исчезнуть. Алгоритмы следят за правильностью использования расширенных данных и могут наложить на сайт фильтр, если обнаружат злоупотребление. 

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

Если микроразметка сделана в соответствии со спецификацией, и проходит проверку в валидаторе, у неё есть все шансы на показ в результатах органической выдачи. Она поможет привлечь на сайт пользователей, которые заинтересованы в контенте или покупке товаров. 

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

Важно, чтобы микроразметка выглядела органично и помогала пользователям закрывать их вопросы. Тогда у Google не будет претензий к качеству сниппета и rich snippet может показываться в результатах поиска долгое время. 

Чем полезна микроразметка FAQ для SEO:

  1. Привлекательный сниппет. Пользователи чаще обращают внимание на блоки с нестандартными элементами. Читайте в другом материале, что такое сниппет, а также используйте наш сервис для генерации красивых сниппетов для Google
  2. Расширение семантики. В ответы на вопросы можно вставить ключи и получить дополнительный трафик
  3. Добавление ссылок в выдаче. Микроразметка FAQ поддерживает ссылки и даёт шанс привлечь пользователей на интересующие их страницы
  4. Увеличение CTR. Привлекательные сниппеты повышают количество кликов
  5. Рост позиций. Если пользователи будут часто переходить на сайт из результатов поиска и алгоритмы зафиксируют хорошие поведенческие в сочетании с отсутствием возврата на выдачу, со временем видимость проекта может улучшиться. Для проверки эффективности используйте сервисы для проверки позиций сайта в поисковых системах. 

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

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

Источник

FAQ (Frequently asked questions) в результатах поиска выглядит как популярный HTML-элемент «аккордеон». Вопросы видны в любом положении, а ответы показываются по клику на иконку со стрелочкой или текст вопроса. 

Google рекомендует использовать FAQ Page для разметки ответов на вопросы, которые действительно волнуют пользователей. Текст ответа должен быть коротким и понятным. Если необходимо добавить дополнительную информацию, лучше поставить ссылку на релевантную страницу.

Оптимальная длина ответа — одно-два предложения. В этом случае блок выглядит аккуратно и у пользователей не пропадает желание посмотреть содержимое «аккордеонов». 

На скриншоте ниже представлен стандартный сценарий использования микроразметки FAQ Page для коммерческих проектов. По факту в данном случае можно было обойтись без расширенных данных, потому что никакой полезной информации в сниппете нет. 

Анализ исходного кода сайтов из примера выше показывает, что проекты используют словарь семантической разметки Schema.org. Google рекомендует использовать формат JSON-LD, который основан на Schema. 

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

По наблюдениям вебмастеров, Google в последнее время начал ограничивать количество элементов в блоке «Вопрос-ответ». В июне Дэнни Салливан подтвердил, что в результатах поиска FAQ будет ограничен 2 элементами. Это сделано из-за роста случаев злоупотребления микроразметкой.

Раньше количество элементов «Вопрос-ответ» доходило до 10 и FAQ Page использовалась, чтобы вытеснить конкурентов с первой страницы результатов поиска. Сайты, которые находились на 1-3 позициях, могли отодвинуть конкурентов далеко от взгляда пользователей. 

Самый простой способ добавить на страницы сайта микроразметку Schema FAQ — использовать сервисы и плагины. Каждый раз писать код вручную не совсем удобно. Тем более что не во всех CMS можно вставлять фрагменты кода в редактор, и нет гарантий корректного отображения в HTML-структуре страницы. 

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

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

Пошаговый алгоритм добавления микроразметки выглядит так:

  1. Добавить обязательные свойства для FAQ
  2. Убедиться, что соблюдаются все рекомендации
  3. Опубликовать страницу и проверить её в валидаторе
  4. Дождаться индексации и следить за отчётами в Google Search Console
  5. Проверить корректность микроразметки ещё раз, если расширенный сниппет не появляется в результатах поиска. 

В большинстве случаев добавленная микроразметка становится видимой в Google через 1-2 недели после попадания страницы в поисковую базу. Иногда срок может увеличиться, но если проблем на стороне сайта и серверов поисковой системы нет, rich snippet не заставит себя ждать. 

Рассмотрим подробнее оба способа добавления микроразметки FAQ.

Способ 1: для добавления микроразметки FAQ используем специальные сервисы. 

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

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

Подборка сервисов для генерации микроразметки страницы вопросов и ответов:

  1. Page Rich Snippet Generator. Сервис создаёт код в формате JSON-LD для сайтов без CMS и под WordPress. Можно добавить ID страницы или поста и получить функцию для вставки через плагины, которые добавляют обработку PHP-кода.
  2. Schema Markup Generator. Создаёт микроразметку на основе словаря Schema.org, поддерживает FAQPage и HowTo. Есть встроенный инструмент для тестирования кода в валидаторе Google.
  3. JSON-LD Schema Generator. Удобный генератор со встроенной проверкой кода в валидаторе и конвертацией в формат Google Tag Manager. 
  4. Schema App. Платный сервис за 30$ в месяц, поддерживает все сущности стандарта Schema.org.

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

Способ 2: для добавления микроразметки FAQ используем плагины. 

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

По состоянию на 2021 год, WordPress остаётся самой популярной системой управления контента в мире, поэтому мы собрали подборку плагинов для неё. Для остальных CMS в открытом доступе тоже встречаются модули с нужным функционалом. 

Рекомендуем обратить внимание на такие плагины для для добавления микроразметки FAQ:

  1. Yoast SEO. Самый популярный плагин поисковой оптимизации для WordPress. Поддерживает добавление блоков FAQ, HowTo через блочный редактор Gutenberg
  2. Rank Math. Выступает в роли главного конкурента Yoast SEO. Поддерживает добавление блоков FAQ через блочный редактор Gutenberg
  3. Schema & Structured Data for WP & AMP. Поддерживает FAQ, Q&A, HowTo 
  4. WPSSO. Поддерживает FAQ, HowTo
  5. Expert Review. Поддерживает микроразметку FAQ. Лицензия стоит от 2 440 до 4 440 ₽ 
  6. SNIP. Поддерживает FAQ и Q&A, продаётся через маркетплейс CodeCanyon за 59$

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

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

Если не хотите устанавливать плагины и есть опыт работы с Google Tag Manager, можно добавить микроразметку FAQ через «Диспетчер тегов». Этот способ был впервые описан в блоге Semrush.

Подключите контейнер сервиса к сайту и выполните шаги из нашей инструкции по добавлению микроразметки FAQ с помощью Google Tag Manager:

  1. Откройте Google Tag Manager, выберите контейнер сайта
  2. Перейдите в раздел «Переменные»
  3. Нажмите кнопку «Настроить»
  4. Убедитесь, что в конфигурации отмечен «Page URL»
  5. Перейдите в раздел «Теги» и добавьте новый тег 
  6. Напишите название, в типе выберите «Пользовательский HTML»
  7. Вставьте код из блока под списком. Количество вопросов можно регулировать самостоятельно 
  8. Нажмите на блок с триггерами
  9. Нажмите кнопку с плюсиком
  10. Напишите название триггера, а в настройках выберите «Просмотр страницы» 
  11. В условиях активации выберите «Некоторые просмотры страниц» и задайте настройки как на скриншоте 
  12. Сохраните триггер
  13. Убедитесь, что он добавился к тегу
  14. Сохраните тег
  15. Нажмите кнопку «Отправить»
  16. Проверьте страницу в валидаторе Google. Если предупреждений нет, расширенный сниппет должен появиться в выдаче  
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "Напишите здесь вопрос",
"acceptedAnswer": {
"@type": "Answer",
"text": "Напишите здесь ответ"
}
}, {
"@type": "Question",
"name": "Напишите здесь вопрос",
"acceptedAnswer": {
"@type": "Answer",
"text": "Напишите здесь ответ"
}
}, {
"@type": "Question",
"name": "Напишите здесь вопрос",
"acceptedAnswer": {
"@type": "Answer",
"text": "Напишите здесь ответ"
}
}, {
"@type": "Question",
"name": "Напишите здесь вопрос",

"acceptedAnswer": {
"@type": "Answer",
"text": "Напишите здесь ответ"
}
}, {
"@type": "Question",
"name": "Напишите здесь вопрос",
"acceptedAnswer": {
"@type": "Answer",
"text":"Напишите здесь ответ"}
}]
}
</script>

Google Tag Manager можно использовать в связке с сервисами генерации микроразметки, чтобы не редактировать код вручную, а вставить готовый фрагмент в тело тега. Подобную операцию надо будет выполнить для каждой страницы, где должна быть микроразметка FAQ. 

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

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

В seo чеклист любого оптимизатора входит проверка микроразметки. Для проверки фрагмента кода или страницы необходимо использовать инструмент проверки расширенных результатов. Старый валидатор микроразметки скоро перестанет работать и Google постоянно напоминает о необходимости перехода в новый сервис. 

Принцип проверки микроразметки на ошибки максимально простой:

  1. Вставьте фрагмент кода или адрес страницы
  2. Ознакомьтесь с результатами сканирования
  3. Если всё в порядке, появится зелёная галочка
  4. В примере ниже показано уведомление с ошибкой

Пролистайте страницу до блока «Обнаруженные элементы» и нажмите на блок с ошибкой, чтобы увидеть больше информации. По клику откроется редактор, а проблемный фрагмент подсветится красным цветом. 

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

При использовании формата JSON-LD самая распространённая ошибка — незакрытые фигурные скобки. Код не будет проходить проверку в валидаторе и могут возникнуть проблемы с формированием сниппета. 

Такой способ проверки и исправления ошибок с микроразметкой простой и доступный каждому. Читайте также о других бесплатных SEО-инструментах в нашем материале.

Микроразметка Q&A используется для страниц, где пользователи могут отвечать на вопросы. Это главное отличие от FAQPage, где список вопросов и ответов зафиксированы и могут меняться только по желанию администратора сайта.

QAPage подходит для сайтов, где есть разделы с возможностью публикации пользовательского контента. Например, для форумов и Q&A-сайтов по типу Яндекс.Кью. Ещё формат можно использовать в интернет-магазинах, где пользователи оставляют отзывы на страницах товаров. 

Источник

Микроразметка Q&A используется реже чем FAQ из-за особенностей формата. Сниппет в выдаче выглядит привлекательно и занимает больше места чем 2 вопроса из FAQ, но использовать его не по назначению не рекомендуется. 

Найти живой пример QAPage в выдаче сложно, потому что Google периодически меняет подход к отображению ответов. Например, он часто скрывает расширенный сниппет для форумов и показывает их в компактном виде. Скорее всего, снижение количества rich snippet связано со злоупотреблением со стороны вебмастеров. 

В документации Google нет упоминаний о том, где чаще встречается расширенный сниппет. По наблюдениям веб-мастеров, в мобильной выдаче он появляется чаще, а вот на десктопе найти полноценный QAPage достаточно трудно. 

Стоит учитывать, что при сочетании нескольких типов микроразметки, Google может выбрать один формат основным. Хотя иногда встречаются комбинации нескольких вариантов расширенных данных. Например, рейтинг + цена товара и блок FAQ. 

Источник

Последний формат расширенных данных, который появился вместе с FAQ и Q&A — HowTo. Используется для разметки пошаговых инструкций. Отличительная черта — наличие карусели с изображениями и видео, а также отображение только в мобильной выдаче. 

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

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

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

Найти пример микроразметки HowTo в выдаче ещё сложнее, чем QAPage, потому что она используется крайне редко и Google в последнее время начал регулировать количество расширенных сниппетов. 

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

Главный показатель эффективности микроразметки — значение CTR, которое можно отслеживать в Google Search Console. Данные в консоли не всегда обновляются оперативно, поэтому есть смысл делать снимки выдачи в момент проверки позиций в сервисах. 

Ещё стоит обратить внимание на количество кликов и среднюю позицию. Расширенный сниппет повышает видимость в результатах поиска, если страница показывается в ТОП-10. Как следствие — рост количества переходов и средней позиции при наличии хороших поведенческих факторов. 

Где мониторить динамику сайта после добавления микроразметки:

  1. В разделе «Эффективность» Google Search Consoleb
  2. В разделе «Улучшения» после появления микроразметки в выдаче будут доступны отчёты по разным типам расширенных данных. Можно посмотреть данные о количестве страниц с ошибками и без 
  3. Периодически заглядывайте в раздел «Меры, принятые вручную». Санкции за спам в микроразметке накладывают редко, но такое может быть, если неправильно её использовать 

По наблюдениям оптимизаторов, расширенные данные повышают CTR в выдаче, а вместе с ним со временем может вырасти и средняя позиция. В кейсе компания Elsight рассказала, что после добавления FAQ и QAPage CTR вырос на 30% в мобильной выдаче. 

Устройство

CTR без FAQ за неделю

CTR с FAQ

Прирост

Desktop

4,04%

4.49%

+10%

Mobile

3,4%

4,9%

+31%

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

В финале дадим несколько советов по работе с микроразметкой FAQ и двумя другими форматами:

  1. Вопросы и ответы должны быть уникальными для каждой страницы. Пока сайты, использующие шаблоны не получают санкции, но ситуация может измениться 
  2. Контент в расширенных сниппетах должен быть релевантным странице. Иначе вместо роста CTR будет отрицательная динамика
  3. Не рассчитывайте на быстрый результат. Rich snippet может появляться и пропадать сам по себе 
  4. Осторожно используйте FAQ, Q&A, HowTo на коммерческих проектах. Форматы больше подходят для материалов информационного характера 
  5. Следите за уведомлениями в Google Search Console. Если на сайте будут проблемы с корректностью микроразметки, Google оперативно пришлёт оповещение 
  6. Не манипулируйте алгоритмами. Фильтр за спам в микроразметке появляется в разделе ручных санкций и пока его последствия практически не изучены 

Микроразметка FAQ в совокупности с двумя другими форматами не поддерживается в Яндексе и актуальна только для Google. Она может как повысить видимость в выдаче, так и негативно сказаться на рейтинге проекта. Всё зависит от подхода к работе с инструментом.


Пишите в комментариях, какой формат микроразметки используете на своих сайтах и делитесь кейсами 🗨️

Что такое микроразметка и для чего она нужна на сайте в блоге FireSeo

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

Что такое микроразметка

«Микроразметка на сайте что это» – отвечаем подробно на вопрос. Чтобы точнее понять, что такое микроразметка сайта, представим хорошо знакомый случай из жизни. Вы впервые пришли в недавно открывшийся ресторан на набережной «Алые паруса» и совсем не знаете меню заведения, из каких ингредиентов готовят блюда, понравятся ли вам и прочее. Как вы поступаете в таком случае? Просматриваете перечень кулинарных позиций и задаете конкретные вопросы официанту. Получив нужную информацию, уже выбираете приглянувшееся вашим вкусовым предпочтениям и делаете заказ.

Аналогичная история происходит и с семантической разметкой сайта, которая и призвана облегчить процесс поиска пользователю и главное – предоставить понятную и структурированную информацию поисковому роботу.

Приведем конкретный пример. Пользователь ищет через поиск Яндекса, в какое агентство обратиться за разработкой и продвижением сайта. Вот так выглядит ресурс с микроразметкой:

Микроразметка что это такое наглядно с рейтингом:

Для чего нужна микроразметка

Если на вашем ресурсе до сих пор не внедрена микроразметка, скорее исправьте эту ситуацию.

Занимаетесь бизнесом? Подпишитесь на телеграм-канал российского предпринимателя с 10+ летним опытом. В канале только личный опыт про бизнес, управление и саморазвитие.

Микроразметка на сайте необходима:

  • Для удобства пользователя

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

  • Коммерческая польза

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

Виды микроразметки

  1. разметка schema org

Отвечаем на вопрос массы пользователей и начинающих SEO-специалистов «schema org что это?».

Это особый язык поисковиков Google и Яндекс, его понимают и роботы других поисковых систем вроде Yahoo, Bing и прочие.

schema org – популярнейший язык микроразметки рейтинга, микроразметки товаров

микроразметки product, микроразметки отзывов и прочего содержимого сайта. В 2011 году этот тип микроразметки приняли за стандарт известные поисковые системы.

О требованиях микроразметки статей по schema.org от Google и Яндекс читайте здесь.
  • itemprop что это – атрибут, используемых для дополнения свойств микроданных к элементу сайта. Название такого свойства назначается itemprop, а значение свойства уже определяется содержимым HTML-элемента. Например, текстом, расположенным внутри элемента.

Как выглядит:

itemprop="<свойство>"

Свойства определяется словарём данных на Schema.org

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

Наглядный пример такого типа микроразметки:

  1. разметка OpenGraph

Этот способ разметки информации используется в SMM (соцсети) – Facebook, ВКонтакте, Twitter, Google+, LinkedIn и прочие. Такая микроразметка нужна для публикации привлекательного и понятного превью в новостной ленты пользователей. С помощью такой микроразметки привлечете больше целевых переходов 🙂

  1. Микроформаты

Другой метод разметки гипертекста с помощью атрибута “class”. К примеру, назначаем тег

<div class=”adr”></div>

, что значит – сообщаем роботу о том, что внутри <div>помещен адрес.

Какой вид микроразметки SEO внедрять? Зависит ли от наличия микроразметки места, которые займет ваш сайт в результатах выдачи? Эксперты отрицают такие зависимости, но советуют применять микроразметку schema.org. Но вы можете выбрать ту, которая удобнее и практичнее для вас.

Как сделать микроразметку на сайте

Если решились внедрить микроразметку schema.org, то ознакомьтесь подробнее с руководством в статье “Введение в schema.org”. Этот материал рассказывает об основных принципах синтаксиса этого языка основные принципы синтаксиса этого языка. С помощью таких понятных рекомендаций сможете действительно грамотно внедрить эту микроразметку на свой ресурс.

Также вы можете более подробно рассмотреть создание микроразметки на сайте в нашей статье

Еще есть масса инструментов, которые автоматизируют процесс внедрения микроразметки на сайт:

Schema App — платный сервис. Здесь есть набор инструментов,  с помощью которых сможете использовать язык Schema.org, не вникая с головой в их суть ☺

Microdata Generator Using Schema.org + JSON-LD – инструменты, помогающие в структурировании информацию по принципам Schema.org.

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

Теперь вы знаете, зачем нужна микроразметка, какими видами она представлена и как ее внедрить. Не отставайте от конкурентов, дерзайте! ☺

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

и получайте подборки статей, полезных сервисов, анонсы и бонусы. Присоединяйтесь!

ruschema.org — проект перевода schema.org

Перевод осуществляется в гордом одиночестве и на голом энтузиазме, так что имейте терпение, а если есть возможность — можете помочь 🙂

Все свои замечания или замеченные неточности в переводе пишите сюда

Для тех кто не понял о чем вообще все это — вот определение Яндекса:

Schema.org – это стандарт семантической разметки данных в сети, объявленный поисковыми системами Google, Bing и Yahoo! летом 2011 года. 
Цель семантической разметки – сделать интернет более понятным, структурированным и облегчить поисковым системам и специальным программам извлечение и обработку информации для удобного её представления в результатах поиска. 
Яндекс с осени 2011 года понимает этот формат и поддерживает его в некоторых партнерских программах.
Разметка происходит непосредственно в HTML-коде страниц с помощью специальных атрибутов и не требует создания отдельных экспортных файлов. 

Микроданные (HTML microdata) — это международный стандарт семантической разметки HTML-страниц, с помощью атрибутов, описывающих смысл информации, содержащейся в тех или иных HTML-элементах. Такие атрибуты делают контент страниц машиночитаемым, то есть позволяют в автоматическом режиме находить и извлекать нужные данные. 


Это сайт, который содержит коллекцию схем (html-тегов), которые вебмастера могут использовать для разметки своих страниц способами, признаными крупнейшими поисковыми системами, такими как Bing, Google, Yahoo! и Яндекс, которые полагаются на эту разметку для улучшения отображения результатов поиска, делая процесс поиска правильных веб-страниц проще для людей.

Многие сайты генерируются из структурированных данных, которые чаще всего хранятся в БД. Когда данные переводятся в HTML, становится очень сложно восстановить первоначальные структурированные данные. Многие приложения, особенно поисковые системы, могут получить значительные преимущества, имея прямой доступ к структурированным данным. Разметка страниц позволяет поисковым системам понимать информацию на веб-страницах и предоставлять пользователю именно ту информацию, которую он ищет. Разметка также может задействовать новые инструменты и приложения, которые используют эту структуру.

Этот общий словарь облегчит вебмастерам выбор правильной схемы разметки  и поможет получить максимум выгоды из приложенных усилий. Так, воодушевленные sitemaps.org, Bing, Google and Yahoo! собрались вместе чтобы создать для вебмастеров эту коллекцию схем.

Ну что ж, начнем!

Либо сразу можете перейти к поиску необходимого типа

Как в DLE настроить микроразметку Schema.org » Fozo.INFO

Как в DLE настроить микроразметку Schema.org – на примере шаблона Default. Особенности кода и тестирования валидности. Нужно ли гнаться за идеальной разметкой. 

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

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

Почему в шаблонах DLE нельзя по умолчанию сделать микроразметку Schema.org – загадка. Ведь без нее поисковые системы не будут нормально ранжировать контент. 

Зачатки микроразметки есть лишь в шаблоне Default (версия 14), но и на нем валидаторы выдают ошибки. 


Валидаторы

Для проверки микроразметки используются два валидатора: 



Настройка кода под статьи

Итак, пример правильного кода для fullstory.tpl на примере шаблона Default (жирным выделено то, что нужно менять):

<article itemscope itemtype="http://schema.org/Article">

<div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">

<div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">

<meta itemprop="addressLocality" content="Урюпинск, Россия" />              

<meta itemprop="postalCode" content="9999" />

<meta itemprop="streetAddress" content="Ул. Остапа Бендера, 56" />

</div>

<meta itemprop="telephone" content="+7-00-000-90-00" />

    <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">

        <img itemprop="url image" src="logo.png"/>

        <meta itemprop="width" content="64">

        <meta itemprop="height" content="64">

    </div>

    <meta itemprop="name" content="Название сайта">    

</div>

       <meta itemprop="image" content="{image-1}" /> 

    <div>

        [not-group=5]

        <ul>

            <li>

                [add-favorites]<span title="Добавить в закладки"><svg><use xlink:href="#icon-fav"></use></svg></span>[/add-favorites]

                [del-favorites]<span title="Убрать из закладок"><svg><use xlink:href="#icon-star"></use></svg></span>[/del-favorites]

            </li>

            <li>

                [edit]<i title="Редактировать">Редактировать</i>[/edit]

            </li>

        </ul>

        [/not-group]

        <h3 itemprop="headline">{title}</h3>

        <div itemprop="articleBody">

                       


<div>    

</div>

            {full-story}

            Теги: {tags}

            [poll]

{poll}

[/poll]

[edit-date]<p>Новость отредактировал: <b>{editor}</b> - {edit-date}<br>

            [edit-reason]Причина: {edit-reason}[/edit-reason]</p>[/edit-date]

        </div>

        {pages}

        <div>

            <div>

                <svg><use xlink:href="#icon-cat"></use></svg>

                {link-category}

            </div>

            [rating]

                <div>

                    [rating-type-1]<div>{rating}</div>[/rating-type-1]

                    [rating-type-2]

                    <div>

                    [rating-plus]

                        <svg><use xlink:href="#icon-love"></use></svg>

                        {rating}

                    [/rating-plus]

                    </div>

                    [/rating-type-2]

                    [rating-type-3]

                    <div>

                        [rating-plus]<span title="Нравится"><svg><use xlink:href="#icon-like"></use></svg></span>[/rating-plus]

                        {rating}

                        [rating-minus]<span title="Не нравится"><svg><use xlink:href="#icon-dislike"></use></svg></span>[/rating-minus]

                    </div>

                    [/rating-type-3]

                    [rating-type-4]

                    <div>

                        <span>{likes}</span>

                        [rating-plus]<span title="Нравится"><svg><use xlink:href="#icon-like"></use></svg></span>[/rating-plus]

                        <span>{dislikes}</span>

                        [rating-minus]<span title="Не нравится"><svg><use xlink:href="#icon-dislike"></use></svg></span>[/rating-minus]

                    </div>

                    [/rating-type-4]

                </div>

            [/rating]

        </div>

        [fixed]<span title="Важная новость"></span>[/fixed]

    </div>

    <div>

        <ul>

            <li title="Жалоба">[complaint]<svg><use xlink:href="#icon-bad"></use></svg><span>Жалоба</span>[/complaint]</li>

            <li title="Просмотров: {views}"><svg><use xlink:href="#icon-views"></use></svg> {views}</li>

            <li title="Комментариев: {comments-num}">[com-link]<svg><use xlink:href="#icon-coms"></use></svg> {comments-num}[/com-link]</li>

        </ul>

        <ul>

            <li><svg><use xlink:href="#icon-info"></use></svg><span></span><time datetime="{date=Y-m-d}" itemprop="datePublished">[day-news]{date}[/day-news]</time></li>

        </ul>

    </div>

    <meta itemprop="author" content="{login}">

</article>

<div>

    {include file="modules/rightside_fullstory.tpl"}

</div>

<div>

    [prev-url]<a href="{prev-url}">Предыдущая публикация</a>[/prev-url]

    [next-url]<a href="{next-url}">Следующая публикация</a>[/next-url]

</div>


<div>   

    <div>

        [comments]<h5>Комментарии <span>{comments-num}</span></h5>[/comments]

        <div>

            {comments}

        </div>

    </div>

    {navigation}

    {addcomments}

</div>

Жирным выделены места для модернизации. В общем, везде, где есть itemprop

При таком раскладе оба валидатора ошибок не выдают, кроме предупреждений о dateModified и mainEntityOfPage. Но игра с data-edit ничего не дала. Может кто-то напишет в комментариях о возможностях модернизации, либо разработчики DLE наконец-то внедрят правильную микроразметку. 


Пробежимся по основным моментам

http://schema.org/Article – здесь подразумевается, что микроразметка делается под статью, под информационный контент. Для интернет-магазинов необходимо использовать Product. 

Publisher – тут, по идее, нужно указывать организацию (Organization) или физическое лицо, управляющее сайтом (Person). 

На сайте Schema.ord для физлица приведен такой пример микроразметки:

<div itemscope itemtype="http://schema.org/Person">

  <span itemprop="name">George Bush</span>, the

  <span itemprop="disambiguatingDescription">41st President of the United States</span>

  is the father of

  <div itemprop="children" itemscope itemtype="http://schema.org/Person">

    <span itemprop="name">George W. Bush</span>, the

    <span itemprop="disambiguatingDescription">43rd President of the United States</span>.

  </div>

</div>

Однако, когда этот фрагмент вставляешь в код, вылезает ошибка: “Необходимо указать значение для поля publisher”

Если же использовать “name”, как советуют в Интернете, то выходит уже другая ошибка: “Person – недопустимый тип целевого объекта для свойства publisher”.

В общем, настроить микроразметку для Person не удалось никак. 

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

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

Сергей Матяш

Что такое разметка схемы и почему она важна для SEO

Разметка схемы, которую можно найти на Schema.org, представляет собой форму микроданных. После добавления на веб-страницу разметка схемы создает расширенное описание (обычно называемое расширенным фрагментом), которое отображается в результатах поиска.

Ведущие поисковые системы, включая Google, Yahoo, Bing и Яндекс, впервые начали сотрудничать для создания Schema.org еще в 2011 году.

Разметка

Schema особенно важна в эпоху Hummingbird и RankBrain.То, как поисковая система интерпретирует контекст запроса, определяет качество результатов поиска.

Схема может предоставить контекст для неоднозначной веб-страницы.

Через Schema.org:

«Большинство веб-мастеров знакомы с тегами HTML на своих страницах. Обычно теги HTML сообщают браузеру, как отображать информацию, содержащуюся в теге. Например,

Аватар

указывает браузеру отображать текстовую строку «Аватар» в формате заголовка 1. Однако тег HTML не дает никакой информации о том, что означает эта текстовая строка — «Аватар» может относиться к чрезвычайно успешному 3D-фильму или к типу изображения профиля — и это может затруднить поиск. движки для интеллектуального отображения релевантного контента пользователю.

Улучшает ли Schema ваш поисковый рейтинг?

Нет доказательств того, что микроданные оказывают прямое влияние на ранжирование в органическом поиске.

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

Согласно исследованию acmqueue, менее трети результатов поиска Google содержат расширенный фрагмент с разметкой Schema.org. Это открывает огромные возможности для остальных.

Сегодня очень немногие вещи в SEO могут быстро изменить ситуацию. Это может.

Для чего используется схема?

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

Добавление схемы на ваши веб-страницы

Использование микроданных

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

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

Прежде чем вы начнете добавлять схему на свои веб-страницы, вам необходимо выяснить «тип элемента» контента на вашей веб-странице.

Например, ваш веб-контент посвящен еде? Музыка? Технология?

После того, как вы определились с типом предмета, теперь вы можете определить, как вы можете пометить его.

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

.


TechHaven


Лучшие маршрутизаторы, которые вы найдете в Интернете!


Адрес:


459 Humpback Road


Риальто, Калифорния


Тел.: 909 574 3903


.

Теперь мы будем использовать тег «itemprop», который помечает свойства элемента:

itemprop=»name» >Техническая гавань

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

Например, если у вас есть строка с надписью «Адрес: 1234 w саншайн бульвар », вам нужно применить теги только вокруг самого адреса и ничего больше.

itemprop=»description» >Лучшие маршрутизаторы, которые вы найдете в Интернете!

Адрес:


itemprop=»address» itemscope itemtype=»http //схема.org/PostalAddress”>

itemprop=»streetAddress»> 459 Humpback Road


itemprop=»addressLocality»> Rialto, Ca


< p>Тел: 909 574 3903


itemprop=»menu» href=»http:// http:/ /www.techhaven.com/menu «>Нажмите здесь, чтобы просмотреть наш вкусный ассортимент блюд!


Мы открыты:


itemprop=»openingHours» >Пн-Сб с 8:00 до 22:30


itemprop=»openingHours» >Вс: с 14:00 до 20:00


Этот код может показаться сложным, но схема.org предоставляет примеры того, как использовать различные типы элементов, так что вы действительно можете увидеть, что должен делать код. Не волнуйтесь, вы не останетесь в дураках, пытаясь понять это самостоятельно!

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

Чтобы использовать этот замечательный инструмент, просто выберите тип элемента, вставьте URL-адрес целевой страницы или контента, на который вы хотите настроить таргетинг, а затем выделите различные элементы, чтобы пометить их.

Использование RDFa

RDFa — это аббревиатура от Resource Description Framework in Attributes . По сути, RDFa — это расширение HTML5, предназначенное для помощи пользователям в разметке структурированных данных.

RDFa считается рекомендацией W3C, что означает, что это веб-стандарт, и его можно использовать для объединения словарей структурированных данных. Это особенно полезно, если вы хотите добавить структурированные данные, выходящие за пределы Schema.org.

Вы можете вздохнуть с облегчением. RDFa мало чем отличается от Microdata.

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

HTML-код вашего технического сайта, скорее всего, выглядел бы так до того, как он был изменен:

Чтобы помочь вам, на каждой странице Schema.org приведены примеры того, как правильно применять теги. Конечно, вы также можете воспользоваться Инструментом тестирования структурированных данных Google.

Заключение

Будем надеяться, что все опасения, которые у вас могли возникнуть, когда вы услышали слова «Схема» или «Структурированные данные», рассеялись.

Схема

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

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


Авторы изображений

Избранное изображение: Paulo Bobita
Скриншот сделан автором

полное руководство • Yoast

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

Что такое структурированные данные?

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

Основные поисковые системы, Google, Bing, Yandex и Yahoo, совместно разработали этот словарь, чтобы создать общий язык для лучшего понимания веб-сайтов. Сегодня поисковые системы используют его для многих целей, от проверки фактов до оповещения о COVID-19!

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

Зачем нужны структурированные данные?

Описание ваших продуктов, обзоров, событий, объявлений о вакансиях и многого другого с помощью структурированных данных в словаре Schema.org делает ваш сайт понятным для поисковых систем. Это означает, что они могут точно сказать, о чем каждая часть вашего сайта и как все связано.Поисковым системам больше не нужно догадываться, что список продуктов — это список продуктов; теперь вы можете сказать, что это так. Кроме того, вы можете определить, как все связано.

Важны ли структурированные данные для SEO?

Короче говоря: да, структурированные данные в форме Schema.org важны для вашего SEO. Правильное использование данных может не дать вам более высокого рейтинга, но косвенно улучшит ваш сайт в результатах поиска.

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

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

Структурированные данные ведут к расширенным результатам

Описывая свой сайт для поисковых систем, вы позволяете им делать интересные вещи с вашим контентом.Schema.org и его поддержка находятся в постоянном развитии, поэтому он постоянно совершенствуется и расширяется. Поскольку структурированные данные составляют основу многих новых разработок в мире SEO, таких как голосовой поиск, в ближайшее время их станет больше. Ниже представлен обзор расширенных результатов поиска, доступных в настоящее время. вы можете найти их примеры в галерее поиска Google. На данный момент это пара доступных расширенных результатов:

Статья Как к Q & A
Книга Изображение метаданных лицензии Рецепт
Breadcrumbs Работа проводки Обзор фрагмент кода
Carousel Обучение Работа Sitelinks SearchBox
обзор критик Местный бизнес Программное приложение
Dataset Logo Speakable
работодателя совокупный рейтинг Movie подписка и paywalled содержание
событие Предполагаемая зарплата видео
ФАКТ ПРОВЕРКА PODCACT
FAQ PAC Продукт

Богатые результаты, ранее известные как богатые фрагменты


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

Подробнее: Расширенные сниппеты повсюду »

Расширенные результаты на мобильных устройствах

Пример расширенного результата на мобильных устройствах

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

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

Диаграмма знаний

График знаний — это большой блок информации с правой стороны в Google.Этот блок детализирует различные биты информации о конкретном результате поиска. Google заполняет этот график, проверяя и оценивая соответствующий контент по этой конкретной теме. Одним из источников, которые он проверяет, являются структурированные данные сайта.

Если у вас есть проверенная компания или авторитет в определенной области, вы можете увидеть свое имя, логотип и профили в социальных сетях.

Панель знаний для Yoast

Избранные фрагменты

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

Рекомендуемый фрагмент для поискового запроса [структура сайта]

Работают ли структурированные данные на мобильных устройствах?

Да, результаты внедрения структурированных данных работают везде. Мобильное приложение — это одно из мест, где результаты реализации Schema наиболее заметны.

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

Различные виды структурированных данных

Окно поиска дополнительных ссылок

Поле поиска — это место, где внутренняя поисковая система сайта представлена ​​в результатах поиска Google. Для этого Google также использует код Schema.org.Yoast SEO имеет встроенную поддержку этого, и в нашей базе знаний есть дополнительная информация.

Если вы посмотрите на веб-сайт Schema.org, вы заметите, что там много информации, которую вы можете добавить на свой сайт в виде структурированных данных. Однако не все имеет значение. Прежде чем вы начнете внедрять структурированные данные, вам нужно знать, что вы должны размечать. У вас есть товар в интернет-магазине? У вас есть ресторан? Или у вас есть местный бизнес, предоставляющий услуги сообществу? Или сайт с вашими любимыми рецептами чизкейков? Что бы это ни было, вам нужно знать, что вы хотите делать, и исследовать возможности.Не забудьте проверить документацию поисковых систем, чтобы понять, что им нужно от вас.

Не гонитесь за самыми малоизвестными; выберите те, которые относительно легко реализовать. Некоторые Schema.org появляются менее чем на тысяче сайтов, а другие — на миллионах. Давайте взглянем на пару самых важных из них:

.

Творческие работы

Группа Creative Work включает в себя все творческие вещи, созданные кем-то или чем-то.Вы найдете самые распространенные из них ниже, но список намного длиннее. Вы также найдете свойства для скульптур, игр, разговоров, программных приложений, визуальных произведений искусства и многого другого. Однако большинство этих свойств не имеют богатого представления в результатах поиска, поэтому они менее ценны. Но, как упоминалось ранее, если на вашем сайте есть элементы из перечисленных ниже категорий, обязательно разметьте их с помощью Schema.org.

Статьи

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

Книги

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

Курсы

Курсы также могут отображаться как расширенный результат.

Наборы данных

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

Страницы часто задаваемых вопросов

Создайте отличную страницу часто задаваемых вопросов, чтобы ответить на часто задаваемые вопросы, которые могут возникнуть у ваших клиентов. Yoast SEO поможет вам превратить эти часто задаваемые вопросы в красивые расширенные результаты в Google с помощью блока контента FAQ со структурированными данными Schema.

Инструкции

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

Музыка

Музыка также подвергается обработке структурированных данных. Есть несколько Schema.org, представляющих интерес для музыки, таких как MusicRecording, MusicAlbum, MusicEvent и MusicGroup.

Страницы вопросов и ответов

Страницы вопросов и ответов также подходят для расширенных результатов. Согласно Google, страницы вопросов и ответов отличаются от страниц часто задаваемых вопросов, где вы можете найти несколько вопросов и ответов на странице.Подробнее читайте в документации страницы вопросов и ответов Google. Используйте блоки содержимого структурированных данных Yoast SEO, чтобы предоставить структурированные данные для ваших страниц часто задаваемых вопросов.

Рецепты

Добавив данные о рецептах к рецептам на своем кулинарном веб-сайте, вы сможете показывать свои рецепты непосредственно в результатах поиска. Более того, с появлением расширенных результатов для мобильных устройств рецепты могут быть представлены на мобильных устройствах в новом потрясающем виде с великолепными изображениями — если вы их добавите. И это еще не все, потому что теперь вы можете отправлять свои рецепты в Google Home и попросить помощника произнести их вслух за вас.Как это круто?

Разговорный

Google в настоящее время тестирует реализацию говорящего Schema.org. С помощью этого кода вы можете сообщить поисковой системе, что часть контента специально написана для озвучивания цифровыми помощниками, такими как Alexa, Siri, Cortana или Google Assistant.

ТВ и фильмы

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

Видео

С видео можно делать всякие интересные вещи. Google, в частности, работает над новыми способами отображения видео в результатах поиска.

Подкаст

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

Коммерция

Существуют также структурированные данные для коммерческих целей. Здесь вы найдете несколько важных:

События

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

Предприятия и организации

Если вы зарабатываете деньги на своем веб-сайте, скорее всего, у вас есть бизнес.Если вы владелец сайта или работаете над сайтом компании, вам будет интересен бизнес и организация Schema.orgs. Почти каждый сайт может извлечь выгоду из правильной бизнес-схемы Schema.org. Если вы сделаете это хорошо, вы можете получить хорошую диаграмму знаний или другой тип богатого списка в поисковых системах. Вы даже можете добавить специальные структурированные данные для своих контактных данных, чтобы клиенты могли связаться с вами прямо из результатов поиска. Для местных предприятий наш плагин Local SEO поможет вам позаботиться обо всех ваших потребностях в локальных структурированных данных.

Продолжайте читать: списки местных компаний с Schema.org и JSON-LD »

Объявления о вакансиях

На вашем сайте есть объявления о вакансиях? Отметьте их структурированными данными объявлений о вакансиях, чтобы они хорошо отображались в Google. Мы также используем это во всех наших объявлениях о вакансиях Yoast.

Продукты

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

Читайте дальше: Расширенные фрагменты для списков продуктов с Schema.org »

отзывов

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

Продолжайте читать: Развивайте свой бизнес с рейтингами и отзывами »

Действия для голосовых помощников

Голосовые помощники в моде, и мы увидим, как много всего произойдет в этом пространстве. Возьмем, к примеру, рецепты; вы можете отправить рецепт из результатов поиска — на основе структурированных данных и AMP — на свой Google Home, чтобы читать вслух во время приготовления. Они называются действиями, и их целая куча.Если вы хотите, чтобы ваши рецепты отображались в библиотеке Google Assistant, вам необходимо добавить определенный структурированный набор данных и придерживаться дополнительных правил. Вы можете найти больше об этом на странице действия «Создание рецепта». Посетите сайт Google Assistant, чтобы понять, что возможно (много!).

Технические детали

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

Консоль поиска Google

Если вам нужно проверить, как ваши структурированные данные работают в Google, проверьте свою консоль поиска. Найдите информацию о структурированных данных на вкладке «Улучшение», и вы увидите все страницы со структурированными данными, а также обзор страниц, которые выдают ошибки, если таковые имеются. Прочтите наше руководство для начинающих по Search Console для получения дополнительной информации.

Давайте посмотрим на иерархию. Реализация Schema.org начинается с вещи; это самый общий тип элемента. Вещью может быть более конкретный тип элемента, например, Творческая работа, Событие, Организация, Человек, Место или Продукт.

Например, фильм — это «Вещь» и «Творчество», подпадающие под категорию «Фильм». Вы можете добавить к этому множество свойств, таких как «Описание», «Режиссер», «Актер», постер «Изображение», «Продолжительность» или «Жанр».Есть множество свойств, которые можно добавить, поэтому вы можете сделать их настолько конкретными, насколько хотите. Однако не переусердствуйте, поскольку поисковые системы не используют каждое свойство — по крайней мере, пока. Например, вы должны посмотреть спецификации в документации Google, чтобы увидеть, какие свойства требуются, а какие рекомендуются.

Пример иерархии Schema.org

Если мы поместим то, что мы знаем сейчас, в иерархию, то получится вот что:

  • Вещь
    • Творческая работа
      • Фильм
        • Описание (тип: текст)
        • Директор (тип: физическое лицо)
        • Актер (тип: человек)
        • Изображение (тип: ImageObject или URL)
        • и т.д.

Если бы это был местный бизнес, вы могли бы использовать что-то вроде этого:

  • Вещь
    • Организация (или место)
      • Местный бизнес
        • Стоматолог
          • Имя
          • Адрес
          • Электронная почта
          • Логотип
          • Обзор
          • и т. д.

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

Придерживаясь примера с местным бизнесом, вы увидите, что Google перечисляет несколько обязательных свойств, таких как данные NAP (имя и телефон) вашего бизнеса. Есть также множество рекомендуемых свойств, таких как URL-адрес, геокоординаты, часы работы и т. д.Постарайтесь заполнить как можно больше из них, потому что поисковые системы дадут вам только ту полную презентацию, которую вы ищете. Вы найдете наш плагин Local SEO очень полезным, если вам нужна помощь с разметкой вашего местного бизнеса.

Что нужно описать для поисковых систем?

Глядя на Schema.org в первый раз, может показаться немного пугающим. Список огромен, а возможности безграничны, поэтому легко растеряться. Чтобы преодолеть это, вам нужно вернуться к основам.Подумайте о том, о чем ваш сайт, бизнес или продукт, и запишите характеристики и свойства, которые вы считаете важными, а затем двигайтесь дальше. Кроме того, Yoast SEO автоматически охватывает наиболее важные свойства — так что не нужно беспокоиться о них, если ваш плагин настроен правильно!

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

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

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

Проведите тренировку конфигурации Yoast SEO и настройте структурированные данные вашего сайта в несколько кликов! Тренировка доступна для всех пользователей Yoast SEO Free и Premium, чтобы помочь вам правильно настроить плагин. Как и все наши SEO-тренировки, это быстро, легко и окупится. Кроме того, если вы используете новый редактор блоков в WordPress, вы также можете добавлять структурированные данные на свои страницы часто задаваемых вопросов и статьи с практическими рекомендациями, используя наши блоки содержимого структурированных данных.

Больше нет ничего страшного в добавлении данных на ваши страницы благодаря JSON-LD. Этот формат данных на основе JavaScript значительно упрощает добавление структурированных данных, поскольку он формирует блок кода и больше не встраивается в HTML-код вашей страницы. Это упрощает написание и поддержку, плюс люди и машины лучше его понимают. Если вам нужна помощь во внедрении структурированных данных JSON-LD, вы можете записаться на наш бесплатный курс «Структурированные данные для начинающих», наш курс «Понимание структурированных данных» или пройти курс высокого уровня в Google Codelabs.

Структурированные данные с JSON-LD

JSON-LD — предпочтительный метод добавления структурированных данных на ваш сайт. Тем не менее, не все поисковые системы быстро приняли его — Bing остался последним. К счастью, Microsoft пришла в себя в августе 2018 года и теперь поддерживает этот, самый эффективный метод.

Начиная с Yoast SEO 11.0, плагин поставляется с полнофункциональной реализацией Schema.org. Yoast SEO теперь создает график структурированных данных для каждой страницы вашего сайта, связывая все между собой.Работая над этим, мы также создали полную и подробную документацию по схеме, включая спецификацию для интеграции структурированных данных. Здесь вы также найдете несколько примеров графиков для различных типов распространенных страниц вашего сайта.

Если вы хотите узнать больше о работе со всем этим на своем сайте, вам следует прочитать нашу статью о том, как использовать JSON-LD для добавления данных Schema.org на ваш сайт, добавления структурированных данных на ваш сайт с помощью Google Tag Manager или узнайте, как добавлять структурированные данные, с помощью нашего тренинга по структурированным данным и SEO , части нашей подписки на обучение Yoast SEO Academy.

Старые способы: RFDa и микроданные

Классический способ написания структурированных данных для включения на ваши страницы предполагает непосредственное встраивание их в HTML-код. Это сделало процесс действительно неэффективным и подверженным ошибкам, и во многом является причиной того, что внедрение Schema.org не было быстрым. Написание и поддержка его через RDFa или Microdata — это боль. Поверьте, постарайтесь сделать как можно больше в JSON-LD.

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

Структурированные данные и Google AMP

Проект AMP с открытым исходным кодом (Accelerated Mobile Pages) наделал много шума. Проект направлен на молниеносную загрузку страниц на мобильных устройствах с помощью особого вида HTML. Google довольно сильно продвигает AMP, а также упоминает о своей зависимости от структурированных данных. Если вам нужны конкретные расширенные результаты, вам, возможно, придется использовать AMP и добавить эти конкретные структурированные данные.

Yoast SEO автоматически обрабатывает большое количество структурированных данных в фоновом режиме. Конечно, вы можете расширить нашу структуру схемы (см. следующую главу), но если добавление кода вручную кажется вам пугающим, вы можете попробовать некоторые из инструментов, перечисленных ниже. Если вы все еще не знаете, как это сделать, обратитесь за помощью к своему веб-разработчику. Вероятно, они исправят это для вас за пару минут.

  • Генераторы
  • Валидаторы и инструменты тестирования
  • Плагины WordPress
    • Yoast SEO Local (наш плагин Local SEO добавляет Schema.org для сведений о вашем бизнесе, таких как адрес, географическое положение, часы работы и т. д.)
    • Плагин Yoast SEO WooCommerce выводит схему продукта, чтобы ваши продукты выделялись в поиске.
    • Yoast SEO использует JSON-LD для добавления информации Schema.org о поиске вашего сайта, имени вашего сайта, вашем логотипе, изображениях, статьях, социальных профилях и многом другом на ваши веб-страницы. Мы спрашиваем вас, представляет ли ваш сайт человека или организацию, и адаптируем наши структурированные данные на основе этого. Кроме того, наши блоки содержимого структурированных данных для редактора блоков WordPress упрощают добавление структурированных данных в ваши часто задаваемые вопросы и инструкции.

Платформа структурированных данных Yoast SEO Schema

Внедрение структурированных данных никогда не было таким простым. Кроме того, результаты большинства этих реализаций часто отсутствовали. В Yoast мы решили улучшить вывод Schema на миллионы сайтов. Для этого мы создали фреймворк Schema, готовый к адаптации и расширению любым пользователем. Одна из вещей, которую мы сделали, — это объединение всех этих свободных фрагментов структурированных данных, которые появляются на многих сайтах, их улучшение и размещение на графике .Соединяя все эти биты, мы предлагаем поисковым системам все ваши связи на блюдечке с голубой каемочкой.

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

Прочтите документацию Yoast SEO Schema, если вы хотите узнать, как Yoast SEO работает со структурированными данными, как вы можете расширить его с помощью API и как вы можете интегрировать его в свою работу.

Внешние ссылки

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

В конце

От структурированных данных больше не убежишь. Если ваш сайт что-то значит для вас, вы должны изучить его и выяснить, как лучше всего использовать Schema.org. Все еще нужна помощь? Узнайте больше о том, как Yoast SEO упрощает вашу работу. Или ознакомьтесь с нашей цифровой историей о расширенных результатах, структурированных данных и схеме. Поскольку он реализован правильно, он может принести пользу вашему сайту сейчас и в будущем. Поисковые системы постоянно разрабатывают новые способы представления результатов поиска, и чаще всего они используют схему.данные орг.

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

Подробнее: Как проверить эффективность расширенных результатов в Google Search Console »

Эдвин Тунен

Эдвин — специалист по стратегическому контенту. Прежде чем присоединиться к Yoast, он годами оттачивал свое мастерство в ведущем нидерландском журнале о веб-дизайне.

Что такое разметка схемы и как ее добавить для повышения SEO

Слышали ли вы слова Schema.org, разметка схемы, структурные данные, которые мелькают в разговоре? Они заставили вас почесать голову, задаваясь вопросом, о чем, черт возьми, говорили ваши товарищи по команде (особенно веб-разработчики)?

Что ж, тебе повезло! Мы рассеиваем туман, чтобы вы точно знали, что это такое и почему они важны (и вы можете извлечь больше пользы из всех этих технических разговоров).

Поехали.

Бесплатный курс: Элементы великого веб-сайта «Они спрашивают, вы отвечаете»

Что такое разметка схемы?

Поисковые системы усердно работают, чтобы понять содержание страницы. Вот где в игру вступает разметка Schema .

Райан МакКеллер в своей инфографике «Шесть моих поисковых решений на 2018 год» дал лучшее, на мой взгляд, краткое и узкое определение схемы:

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

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

«В своей основе семантическая лексика — это просто способность разбивать предложение (на любом языке) на его различные части.Например, хотя вы можете интерпретировать «mydogneedswater» как «моей собаке нужна вода», компьютер, как правило, не может. Точно так же разметка схемы использует семантический словарь, чтобы разбить язык компьютера. В этом случае язык компьютера будет его кодом».

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

(Пример поисковой выдачи с разными типами схемы)

Некоторые схемы, с которыми вы, возможно, знакомы, но даже не подозреваете об этом, это рейтинг/обзор, продукт/услуга (с указанием цены или остановки) и новостные статьи, которые появляются непосредственно в Google при вводе определенных запросов.

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

Для других CMS, в зависимости от типа языка, либо вручную в шапке страницы, либо встроено в HTML.

Это так важно для поисковых систем, что schema.org, веб-сайт для разметки схемы, на самом деле является результатом сотрудничества между Google, Bing и Yahoo!. Что-то должно иметь решающее значение, если это сближает конкурентов!

Почему для меня так важно внедрение схемы разметки?

Результаты поиска, к которым применена схема, информируют пользователя быстрее.

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

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

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

Узнав больше о схемах, я стал больше обращать на них внимание.Вот результаты моего поиска осушителя Frigidaire 70 Pint.

Я смог быстро просмотреть все рейтинги осушителя, и если мне повезет с ценой, это обойдется мне дорого. Затем я хотел пойти дальше, чтобы узнать, что люди говорят об осушителе. Тут же было много отзывов!

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

Схема может навредить вам только в том случае, если ее использует ваш конкурент, а вы нет.

По данным Search Engine Land, внедрив схему, вы можете увеличить рейтинг кликов на 30%.

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

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

Какие типы разметки схемы существуют?

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

Вы можете спросить себя, а есть ли какая-то схема, которая работает только в определенных поисковых системах? Поскольку крупные поисковые системы (Google, Bing, Yandex и Yahoo!) работают совместно, как мы уже упоминали, ответ — нет. Все они ищут и читают одну и ту же информацию.

Вот FAQ от Schema.org для дальнейшего объяснения:

В: Почему Google, Bing, Yandex и Yahoo! сотрудничество? Вы не конкуренты?

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

Вот 10 наиболее распространенных микроразметок, которые используются.

1. Разметка схемы организации

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

2. Разметка схемы рынка персон

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

Google предполагает, что если вы ищете кого-то по имени, вы, вероятно, ищете некоторую основную информацию.

Таким образом, эта схема нацелена на то, чтобы предоставить ответ, который вы ищете, без необходимости переходить на другой веб-сайт.

3. Разметка схемы местного бизнеса

Разметка Local Business Schema отлично подходит для местных компаний или местного отделения организации. Это помогает потребителям найти местонахождение компании и другую информацию, такую ​​как адрес, часы работы, контактную информацию и т. д.

 

Местный бизнес — это конкретный физический бизнес или филиал организации, например, ресторан, филиал банка, боулинг, медицинская практика и т. д.

4. Разметка схемы продукта и предложения

Наценки на товары и предложения используются для продажи определенного товара или услуги.

Оба позволяют доставлять информацию о продукте, такую ​​как цена и статус, но для разметки Offer также требуются свойства цены и валюты цены, а для разметки Product требуется только свойство name.

Это помогает вашему продукту/услуге выделиться среди остальных, если конкуренты не используют его, или позволяет пользователям легко сравнивать вас с другими конкурентами, если они продают тот же продукт/услугу, что и вы.

5. Разметка хлебных крошек

Разметка

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

6. Разметка схемы статьи

Разметка статьи

Schema чаще всего используется для новостей и сообщений в блогах.

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

7. Разметка схемы видео

Разметка

Video Schema — это хороший способ помочь Google сканировать и индексировать видео на вашем веб-сайте, поскольку все мы знаем, что поисковым системам сложно это сделать.

Это также помогает вашему видео появляться в поиске видео Google, наряду с YouTube.

8. Разметка схемы события

Event Schema Markup предоставляет дополнительную информацию о запланированных мероприятиях (например, вебинары, концерты, лекции и т. д.), такую ​​как дата, место и цена.

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

9. Разметка схемы рецепта

Разметка схемы рецепта предназначена для отображения страниц веб-сайта рецептов в виде расширенного фрагмента.

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

10. Разметка схемы рейтинга/обзора

Кто не просматривает отзывы перед покупкой услуги или товара? Rating Schema Markup генерирует ваши лучшие результаты прямо на страницах поисковой выдачи.

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

Полный список элементов, которые может определять разметка схемы, можно найти здесь.

Типы кодирования схемы

Существует всего три разных типа кодирования Schema Markup: JSON-LD, Microdata, RFDa. SEMRush отлично справляется со своей задачей, чтобы средний маркетолог мог его понять.

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

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

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

RDFa расшифровывается как Resource Descriptive Framework in Attributes. Это форма кода, которую можно добавить в любой документ на основе HTML, XHTML и XML.

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

Атрибуты RDFa включают:

  • о — для указания ресурса метаданные о
  • rel и rev — для указания связи и обратной связи с другим ресурсом
  • src , href и resource — для указания партнерского ресурса
  • content — для переопределения содержимого элемента при использовании атрибута свойства
  • тип данных — указать тип данных текста, указанный для использования с атрибутом свойства
  • typeof — для указания типа RDF субъекта или партнерского ресурса

Реализация микроданных аналогична RDFa, и ее атрибуты включают следующее:

  • itemscope — для создания элемента и указания, что остальная часть элемента содержит информацию о нем
  • itemtype — для описания элемента и свойств с допустимым URL-адресом словаря (например, «https://schema.орг»)
  • itemprop — чтобы указать, что содержащий тег имеет значение указанного свойства элемента (например, itemprop=»name»)
  • itemid — для указания уникального идентификатора товара
  • itemref — для ссылки на свойства элемента, которые не содержатся в itemscope. Это предоставляет список идентификаторов элементов с дополнительными свойствами в другом месте документа
  • .

JSON-LD означает нотацию объекта Javascript для связанных объектов.Этот стиль аннотации может реализовать схему путем вставки непосредственно в тег или веб-документа. Нотация использует атрибуты «@context» и «@type» для указания словаря (schema.org).

Ищу более техническое определение каждого (возможно, для ваших разработчиков) В Google есть отличное определение каждого.

Как реализовать разметку Schema на моем сайте?

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

Это не так!

Вам не нужно изучать новые навыки программирования!

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

1. Перейдите к помощнику Google по разметке структурных данных.

2. Выберите тип данных, которые вы планируете размечать.

3. Вставьте URL-адрес страницы или статьи, которую вы хотите разметить.

4. Выделите и выберите тип элементов для разметки.

5. Продолжайте добавлять элементы разметки.

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

6. Создайте HTML-код.

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

8. Добавьте сгенерированную разметку схемы на свою веб-страницу. Если вы хотите, вы также можете добавить перед тестированием.

Существует множество других инструментов, которые помогут вам создать разметку схемы и даже проверить ее.

Вот лишь некоторые из них.

Генераторы

Валидаторы и тестовые инструменты

Для тех, кто любит WordPress, вот пара плагинов.

Плагины WordPress

Запрыгивай на подножку схемы!

В 2017 году Bing и Catalyst провели исследование, и было сообщено, что только 17% людей используют разметку схемы.Если вы не являетесь сторонником схемной разметки, самое время прыгнуть и внедрить ее как можно скорее. С ним у вас больше шансов опередить своих конкурентов и получить признание бренда.

Нужна помощь в начале работы с микроразметкой? Поговорите с ВОЗДЕЙСТВИЕМ!

Генератор разметки схемы JSON-LD и микроданные

Генератор разметки схемы

Используйте наши генераторы структурированных данных Schema.org для создания разметки JSON-LD и микроданных, чтобы помочь Google понять ваш сайт.

Генератор разметки схемы (JSON-LD)

Какую разметку Schema.org вы хотите создать?

Разметка веб-сайта: Предпочтительное имя сайта, окно поиска дополнительных ссылок
Дополнительные ссылки Окно поиска
Разметка видео:

ИЛИ

Добавить URL миниатюры

КЛИПЫ ВИДЕО

ДОБАВИТЬ ТЕГ ДЛЯ ЖИВОГО ВИДЕО

Страница часто задаваемых вопросов

Добавить еще один FAQ

Артикул
Разметка хлебных крошек + Добавить URL
Наценка человека: sameAs, jobTitle,worksFor
То же, что и ссылки
Разметка организации: Логотип, контакты, социальные профили

Выберите более конкретный @Type

{{организация.Список контактов[index].type}}

Разметка объявления о вакансии

Тип занятостиПолный рабочий деньНеполный рабочий деньПодрядчикВременныйСтажерВолонтерСуточныеДругое



Местоположение


Заработная плата

Детали

НаличиеВ наличииНет в наличииТолько в сетиТолько в магазинеПредзаказПредпродажаОграниченная доступностьПроданоСнято с производства

Наценка местного бизнеса

Тип бизнеса{{item.имя}} — {{item.desc}}

Более конкретный @typeБолее конкретный @type{{item.name}} — {{item.desc}}




Адрес

United StatesCanadaUnited KingdomAfghanistanAland IslandsAlbaniaAlgeriaAmerican SamoaAndorraAngolaAnguillaAntarcticaAntigua и BarbudaArgentinaArmeniaArubaAustraliaAustriaAzerbaijanBahamasBahrainBangladeshBarbadosBelarusBelgiumBelizeBeninBermudaBhutanBoliviaBonaire, Сент-Эстатиус и Саба Босния и HerzegovinaBotswanaBouvet IslandBrazilBritish Индийский океан TerritoryBritish Virgin IslandsBruneiBulgariaBurkina FasoBurundiCambodiaCameroonCape VerdeCayman IslandsCentral Африканский RepublicChadChileChinaChristmas IslandCocos IslandsColombiaComorosCook IslandsCosta RicaCroatiaCubaCuracaoCyprusCzech RepublicDemocratic Республика CongoDenmarkDjiboutiDominicaDominican RepublicEast TimorEcuadorEgyptEl SalvadorEquatorial GuineaEritreaEstoniaEthiopiaFalkland IslandsFaroe IslandsFijiFinlandFranceFrench GuianaFrench PolynesiaFrench Южный TerritoriesGabonGambiaGeorgiaGermanyGhanaGibraltarGreeceGreenlandGrenadaGuadeloupeGuamGuatemalaGuernseyGuineaGuinea-BissauGuyanaHaitiHeard острова и McDon ALD IslandsHondurasHong KongHungaryIcelandIndiaIndonesiaIranIraqIrelandIsle из ManIsraelItalyIvory CoastJamaicaJapanJerseyJordanKazakhstanKenyaKiribatiKosovoKuwaitKyrgyzstanLaosLatviaLebanonLesothoLiberiaLibyaLiechtensteinLithuaniaLuxembourgMacaoMacedoniaMadagascarMalawiMalaysiaMaldivesMaliMaltaMarshall IslandsMartiniqueMauritaniaMauritiusMayotteMexicoMicronesiaMoldovaMonacoMongoliaMontenegroMontserratMoroccoMozambiqueMyanmarNamibiaNauruNepalNetherlandsNew CaledoniaNew ZealandNicaraguaNigerNigeriaNiueNorfolk IslandNorth KoreaNorthern Mariana IslandsNorwayOmanPakistanPalauPalestinian TerritoryPanamaPapua Новый GuineaParaguayPeruPhilippinesPitcairnPolandPortugalPuerto RicoQatarRepublic из CongoReunionRomaniaRussiaRwandaSaint BarthelemySaint HelenaSaint Киттс и NevisSaint LuciaSaint MartinSaint Пьер и MiquelonSaint Винсент и GrenadinesSamoaSan MarinoSao Tome и PrincipeSaudi ArabiaSenegalSerbiaSeychellesSierra LeoneSingaporeSint MaartenSlovakiaSloveniaSolomon IslandsSomalia Южная АфрикаЮжная Грузия и Южные Сандвичевы островаЮжная КореяЮжный СуданИспанияШри-ЛанкаСуданСуринамШпицберген и Ян-МайенСвазилендШвецияШвейцарияСирияТайваньТаджикистанТанзанияТаиландТогоТокелауТонгаТринидад и ТобагоТунисТурцияТуркменистанОстрова Теркс и КайкосТувалуУ.Южные Виргинские островаУгандаУкраинаОбъединенные Арабские ЭмиратыМалые отдаленные острова СШАУругвайУзбекистанВануатуВатиканВенесуэлаВьетнамУоллис и ФутунаЗападная СахараЙеменЗамбияЗимбабвеЛатинская АмерикаЕвропа

AlabamaAlaskaAmerican SamoaArizonaArkansasCaliforniaColoradoConnecticutDelawareDistrict Из ColumbiaFederated Штатов MicronesiaFloridaGeorgiaGuamHawaiiIdahoIllinoisIndianaIowaKansasKentuckyLouisianaMaineMarshall IslandsMarylandMassachusettsMichiganMinnesotaMississippiMissouriMontanaNebraskaNevadaNew HampshireNew JerseyNew MexicoNew YorkNorth CarolinaNorth DakotaNorthern Mariana IslandsOhioOklahomaOregonPalauPennsylvaniaPuerto RicoRhode IslandSouth CarolinaSouth DakotaTennesseeTexasUtahVermontVirgin IslandsVirginiaWashingtonWest VirginiaWisconsinWyoming

АльбертаБританская КолумбияМанитобаНью-БрансуикНьюфаундленд и ЛабрадорНовая ШотландияОнтариоОстров Принца ЭдуардаКвебекСаскачеванСеверо-Западные территорииНунавутЮкон

Австралийская столичная территорияНовый Южный УэльсСеверная территорияКвинслендЮжная АвстралияТасманияВикторияЗападная Австралия



Часы работы

Добавить спецификацию часов работы

Разметка события



Место проведения

StateAlabamaAlaskaAmerican SamoaArizonaArkansasCaliforniaColoradoConnecticutDelawareDistrict Из ColumbiaFederated Штатов MicronesiaFloridaGeorgiaGuamHawaiiIdahoIllinoisIndianaIowaKansasKentuckyLouisianaMaineMarshall IslandsMarylandMassachusettsMichiganMinnesotaMississippiMissouriMontanaNebraskaNevadaNew HampshireNew JerseyNew MexicoNew YorkNorth CarolinaNorth DakotaNorthern Mariana IslandsOhioOklahomaOregonPalauPennsylvaniaPuerto RicoRhode IslandSouth CarolinaSouth DakotaTennesseeTexasUtahVermontVirgin IslandsVirginiaWashingtonWest VirginiaWisconsinWyoming

АльбертаБританская КолумбияМанитобаНью-БрансуикНьюфаундленд и ЛабрадорНовая ШотландияОнтариоОстров Принца ЭдуардаКвебекСаскачеванСеверо-Западные территорииНунавутЮкон

Австралийская столичная территорияНовый Южный УэльсСеверная территорияКвинслендЮжная АвстралияТасманияВикторияЗападная Австралия


Билет(ы)

Добавьте предложение для каждого типа билетов (напр.грамм. «Общий вход», «Зарезервированные места», «VIP-пакет» и др.).


Тип билета # {{index + 1}}

НаличиеВ наличииРаспроданоПредзаказ


Добавить тип билета
Разметка рецепта

Добавить URL-адрес изображения



КатегорияЗакускиЗакускиДесерт


Питание

Ингредиенты

Добавить ингредиент


Инструкции

Добавить шаг


Видео

Рейтинги/отзывы


Добавить отзыв


{{websiteHtml}} {{videoObjectHtml}} {{статьяHtml}} {{breadcrumbsHtml}} {{personHtml}} {{organizationHtml}}