Как сделать микроразметку Shema на сайте
Поисковые роботы с каждым апдейтом все лучше и лучше понимают содержимое страниц в интернете, но без микроразметки они делают это менее эффективно. В статье разберем, как сделать микроразметку в микроданных и JSON-LD самостоятельно.
Что такое микроразметка и зачем она нужна
Микроразметка нужна для поисковиков. Google и «Яндекс», которые лучше понимают содержание сайтов, если указать им куда «смотреть». Например, что на странице находится товар определенного бренда, у которого есть характеристики, cтоимость, рейтинг.
Пример микроразметки. Сущность «AggregateRating» указывает на наличие рейтинга у компании
Стандарт семантической разметки данных называется Schema.org. Он появился более в 2011 году с подачи поисковиков Google, Yahoo и Microsoft. Все современные поисковики ее поддерживают, включая «Яндекс».
Одно из преимущество микроразметки — расширенный сниппет. Она делает карточку сайта более заметной, что в теории может повысить количество кликов.
Правда, не факт, что поисковик выдаст сниппет, но робот в любом случае считает его данные. Подробнее — в статье «Как сделать расширенные сниппеты в выдаче „Яндекса“ и Google».
Карточки, которые получили расширенный сниппет в выдаче Google из-за наличия разметки
Микроразметка прямо не влияет на выдачу, но более структурированные описания сайтов могут подниматься выше. Например, вот как «Яндекс» использует данные из разметки:
Для товаров, медиа, рецептов, организаций формируются специальные сниппеты.
Для вопросов и ответов поиск выделяет лучшие ответы.
Изображения и видео с разметкой лучше предоставляются в поиске.
В Google разметка позволяет более точнее анализировать данные сайта и открывает особые функции.
Читайте также: Поведенческие факторы: накрутить или улучшить сайт
Какие виды микроразметки бывают
Schema.
org — не единственный стандарт микроразметки. Кроме него, существует другие:
Microformats. Открытый стандарт, который появился в 2007 году. Изначально был простым, но сейчас с ним взаимодействовать не так эффективно, как с Schema.org.
The Open Graph protocol. Разметка для соцсетей, чтобы правильно считывать данные из шапок статей во время репоста в ленту.
«Дублинское ядро». Разметка для электронных библиотек и документов.
FOAF. Используется для нетворкинга в интернете и поиске связей между людьми.
Далее будем только Schema.org, как наиболее популярный. У него четыре вида синтаксиса (микроданные, RDF, микроформаты, JSON-LD), но нас интересуют только два:
Микроданные. Работает на HTML. Принцип строится на создании «контейнеров» и помещении в них данных.
JSON-LD. Работает на JavaScript. Принцип написания — давать команды словарю. Содержит меньше строчек кода, рекомендован Google и виден только поисковым роботам.
Важно: Schema.org — это словарь, а, например, JSON-LD — это ситаксис. Синтаксис — это набор тегов и правил для обращения к словарю. У каждого синтаксиса он свой.
Google рекомендует использовать JSON-LD, но «Яндекс» его не поддерживает. Валидацию в обоих поисковиках проходят оба, поэтому для сайтов лучше ставить .
Как сделать и вставить микроразметку на сайт
Микроразметка создается тегами с помощью дополнительных атрибутов. Чтобы использовать микроразметку знать код не обязательно. В помощь — маркеры, сервисы и плагины.
Маркеры данных от Google
У Google есть «Мастер разметки структурированных данных». В нем вы указываете сайт или HTML-код, выбираете сущность и прописываете данные. После — выгружаете готовый код и вставляете в шапку сайта.
Плюсы:
Можно загрузить ссылку на сайт и разметить теги прямо на ней.
Простая визуализация и интуитивно понятный интерфейс.
Код можно выгрузить в микроданных или JSON-LD.
Минусы:
Микроразметка статьи в «Маркере данных»
Кроме «Мастера» существует инструмент «Маркер» с расширенным функционалом. Для его использование нужно подключить свой сайт к сервису Google Search Console, внедрение кода будет происходить автоматически.
Плагины для CMS
Если ваш сайт работает на WordPress, «Битриксе» или «Тильде», то для вас уже подготовлены удобные плагины или инструкции:
All In One Schema Rich Snippets — бесплатный плагин для WordPress, размечает Schema в семантике микроданных (microdata).
Schema — плагин для WordPress, размечает в JSON-LD. Есть бесплатная версия с ограниченными функциями.
Микроразметка Schema.org — плагин для ресурсов, созданых на «1С-Битрикс».
Инструкция — для сайтов на Tilda.
Читайте также: Самые популярные CMS в Рунете
Ручной способ
Готовая микроразметка в шапку страницы внутри тегов <head> </head>.
Полный список всех атрибутов и сущностей есть на сайте Schema.org. В JSON-LD для сущностей используют команды @contex, @type, а свойства указывается через кавычки.
Каркас для микроразметки JSON-LD
Набирать код в JSON-LD вручную не обязательно, есть генераторы:
Schema Markup Generator. Бесплатный конструктор, набор сущностей ограничен.
Schema App. Платный конструктор, поддерживает все сущности.
Конструктор микроразметки в JSON-LD
В микроданных (microdata) сущности указывают через команду itemscope, а itemtype и itemprop помогают определить тип и значение.
Каркас для микроданных (microdata) в Schema
Если в случае JSON-LD прописывать вручную код не обязательно, то для микроданных (microdata) нормальных конструкторов и сервисов нет — вам придется писать код самостоятельно, либо обратиться к верстальщику. Найти специалиста поможет сервис Workspace — сделайте техническое задание, бесплатно разместите его в разделе «Задачи» и выбирайте исполнителей по откликам.
Как проверить микроразметку
Перед тем, как вставлять код на сайт, его нужно проверить. Если будет даже одна ошибка, то поисковый робот не считает всю разметку.
Используйте валидаторы:
Schema Markup Validator. Рекомендованный сервис от Google для проверки кода или сайта с микроданными (microdata) или JSON-LD. Показывает структурность данных.
Валидатор микроразметки. Сервис от «Яндекса» для проверки кода или сайта с микроданными (microdata). Умеет показывать структуру списком.
Онлайн валидатор JSON. Простой сервис для быстрой проверки кода на JSON-LD.
Как проверять код? Загрузите сайт или код, нажмите тест и проверьте результат. В случае обнаружение ошибки валидатор подскажет, в чем проблема и на какой строчке. Например, на скриншоте ниже не указан тип данных, чтобы это исправить, нужно поставить сущность «отель» или «организация».
Проверка микроразметки с помощью валидатора
Примеры микроразметки
Разберем основные типы сущностей и код.
Микроразметка для компаний
Микроразметка указывает на адрес и контактную информацию организации. Посмотреть полный список можно на стра разметку для комнаты в отеле на странице Hotel и в подробном гайде Markup for Hotels.
Пример в микроданных (microdata) Schema.org. Можно использовать общий тип «Organization», либо указать точную сферу деятельности. Используем, например, отель. Обратите внимание на атрибут address и его вариации — это может быть Locality (город), Region (область), Country (страна). Также можно добавить координаты с помощью атрибута «geo».
Микроразметка в микроданных (microdata) Schema.org для организаций
Микроразметка в JSON-LD для организаций
Микроразметка для товаров и услуг в онлайн-магазинов
Для разметки используют тип данных Product. Это может быть телефон, билет на концерт, запись в салон красоты или цифровой товар.
Пример в микроданных (microdata) Schema.org. Полезные атрибуты:
aggregateRating — указывает рейтинг товара
offers — указывает на продажу товара
priceCurrency и price — показывает тип валюты и стоимость
availability — говорит о наличии товара.
Например, In Stock (в наличии), Out Of Stock (нет в наличии). Есть еще другие варианты: Online Only, Pre-order, Sold out и т. д.
Разметка в микроданных (microdata) Schema.org для товара
Разметка в JSON-LD для товара
Микроразметка для рецептов и кулинарных сайтов
Разметка по shema.org помогает поисковым работам выделиль ключую информацию о рецепте — ингредиенты, количество калорий, время приготовления.
Пример в микроданных (microdata) Schema.org. Атрибуты prepTime, cookTime и totalTime покажут время на готовку — данные ставятся в формате AM и PT. Описание можно сделать через recipeInstructions или HowToStep.
Микроразметка для рецепта в микроданных (microdata)
Микроразметка для рецепта в JSON-LD
Микроразметка для статей и публикаций на сайт
Атрибуты указывают на название статьи, автора статьи, дату публикации. Подробнее об этой разметке и полный список атрибутов смотрите в разделе Article.
Пример в микроданных (microdata) Schema.org. Наиболее часто используют Article, как универсальный тип данных. Кроме него существует:
Пример разметки статей в микроданных Schema.org
Пример разметки статей в JSON-LD
Микроразметка для хлебных крошек
Эта сущность помогает указать подразделы сайта — будет актуально для маркетплейсов, онлайн-магазинов и сайтов-каталогов.
Выдача «хлебных крошек» с микроразметкой и без нее
Посмотреть атрибуты можно на странице BreadcrumbList, а в нашей статье «Все о „хлебных крошках“» рассказываем, как их делать.
Пример в микроданных (microdata) Schema.org.
Указываем тип «BreadcrumbList» и далее через ListItem ставим позицию, название и ссылку на подраздел сайта.
Микроразметка (microdata) хлебных крошек в Schema.org
Микроразметка хлебных крошек в JSON-LD
Микроразметка для отзывов и рейтингов
Наличие отзывов и их содержание часто напрямую влияет на решение о покупке.
Исследование AliExpress показало, что каждая пятая покупка в интернете была совершенно именно из-за отзывов. Микроразметка поможет поисковым роботам найти рейтинги, дату публикации и авторов отзывов. Полный список атрибутов — в разделе Review на сайте schema.org.
Пример в микроданных (microdata) Schema.org. На примере ниже размечен автор, дата публикации и «тело» комментария. Обратите внимание на атрибут reviewRating (Rating): он позволяет выставить оценку, указов диапазон и общее колличество отзывов.
Микрораазметка (microdata) отзыва в Schema.org
Микроразметка отзыва в JSON-LD
Микроразметка для вопросов и ответов
Посмотреть все атрибуты можно в разделе FAQPage. Также существует QAPage, где ответы или отзывы опубликованы от лица пользователей. Также обратите внимание на HowTo — ее атрибуты позволяют разметить шаги в инструкции.
Пример в микроданных (microdata) Schema.org. Количество ответов может быть любым, но вряд-ли стоит добавлять более десяти.
За формирование вопросов и ответов отвечает связка mainEntity + acceptedAnswer.
FAQ-микроразметка может выводиться как расширенный сниппет в Google
Микроразметка вопросов и ответов в Schema.org
Разметка FAQ в JSON-LD
Микроразметка для мероприятия
Микроразметка события поможет показать поисковым роботам где будет проходить мероприятие, сколько оно стоит и как купить билеты.
Разметка показывает дату, место и цену мероприятия, выводится первой в сниппете
Пример в микроданных (microdata) Schema.org. Уникальная черта микроразметки для событий — указание даты начала и конца мероприятия. В остальном используются атрибута Place и Offers, которые мы приводили в примерах для организаций и товаров. Полный список атрибутов — в Event.
Микроразметка (microdata) для сайта мероприятия
Микроразметка для сайта мероприятия в JSON-LD
Микроразметка для изображений
Помогает проиндексировать картинки, изображения и иллюстрации.
Пример в микроданных (microdata) Schema.org. За разметку картинок отвечает ImageObject. Он позволяет быстрее выводить их в поиске, а еще добавлять спецификацию фотографий по выдержке, формату, дате, локации и т.д.
Микроразметка (microdata) картинок в Schema.org
Микроразметка изображений в JSON-LD
Микроразметка для видео
За разметку видеороликов отвечает VideoObject. В Google микроразметка может дать расширенный сниппет, если указать ключевые моменты ролика через атрибуты Clip или SeekToAction.
Микроразметка видеоролика с ключевыми моментами
В «Яндексе» есть возможность выводить плеер в поиск атрибутом embedUrl. Правда, он доступен только для хостингов, у которых более 500 роликов.
Пример в микроданных (microdata) Schema.org.
Микрразметка видео в Schema.org
Микроразметка видео в JSON-LD
Главное
Основные тезисы материала:
Микроразметка позволяет поисковым роботам эффективней проверять страницы и создавать расширенные сниппеты.
Schema.org — это словарь, который содержит описание всех сущностей в микроразметке.
Существует несколько видов синтаксиса Schema.org, самые популярные — микроданные (microdata) и JSON-LD.
Google и «Яндекс» поддерживают любой синтаксис Schema.org, но для Google лучше размечать через JSON-LD, а для «Яндекс» — через микроданные (microdata).
Используйте сервисы и плагины для автоматического создания кода в JSON-LD.
Для создания кода в микроданных (microdata) используйте ручной метод или ищете специалистов через сервис Workspace.
Проверяйте микроразметку через валидаторы перед публикацией. Наличие одной ошибки делает нечитабельным весь код для поисковых роботов.
Workspace.LIVE — мы в Телеграме
Новости в мире диджитал, ответы экспертов на злободневные темы, опросы, статьи и многое другое.
Подписывайтесь:
https://t.
Микроразметка сайта для Яндекс и Google с примерами / Хабр
Микроразметка сайта для поисковых систем Яндекс и Google в формате Schema.org, JSON-LD и Open Graph. Разметку старался делать без js, т.к. Яндекс ее не учитывает. Микроформат Schema.org подходит для Яндекс/Google. Преимущество данного метода — не нужно ждать бота, который придет, просканирует страницу с включенным js и поймет что там находится. Ускоряет обработку данных в микроданных.
Всем привет. Меня зовут Толстенко Александр. Я частный SEO специалист. В сфере разработки и продвижения бизнеса в интернете я с 2009 года. Мы с командой занимаемся продвижением сайтов в Яндекс и Google.
Занимаясь SEO продвижением одного крупного СМИ портала, была необходимость собрать по максимуму определенные виды микроразметок и внедрить их на сайт, чтобы Яндекс и Google корректно понимали какой контент находится на сайте и данные в ней побыстрее попадали в сниппеты результатов выдачи, делая сайт заметным на поиске.
У Яндекса есть проблемы с пониманием JSON-LD, а Google сканирует сайт не сразу с включенным js, из-за чего данные в микроформате не сразу учитываются роботом.
Поэтому, пришлось собирать нужную разметку и переделывать JSON-LD в Schema.org, чтобы все поисковые машины смогли распознать информацию на сайте корректно.
Яндекс не понимает JSON-LD?
Как так, в валидаторе же, при проверке данные видны? Пример проверки js микроразметки на скрине.
Специально, задал этот вопрос техподдержке Яндекса. Ответ на скрине ниже.
Итак, погнали. Начну с определения и немного примеров, потом будет мясо.
Что такое микроразметка
Микроразметка — это способ семантической разметки данных на сайте, который помогает поисковым роботам лучше понимать какая информация размещена на страницах сайта.
Цель семантической разметки – сделать интернет более понятным, структурированным и облегчить поисковым системам и специальным программам извлечение и обработку информации для удобного ее представления в результатах поиска.
Из справки Яндекс https://yandex.ru/support/webmaster/schema-org/
Для чего нужна микроразметка сайта при SEO продвижении?
С помощью семантической разметки документа, можно выделить сайт в результатах выдачи поисковых систем.
Сравните результаты поисковой выдачи ниже. Сайты у которых есть микроразметка, намного заметнее, чем без нее. Следовательно, у таких сайтов будет больше переходов из поиска, клиентов и продаж.
Некоторые примеры из выдачи Яндекса
Некоторые примеры из выдачи Гугл
Словари микроразметки
В детали, виды и синтаксис словарей вдаваться не буду, там много чего можно написать. Вряд ли только кому это будет интересно, т.к. скорее всего вы ищете именно разметку.
Для продвижения сайта в Яндекс и Google SEOшники используют только три вида разметки: Schema.org, Open Graph, JSON-LD, чтобы объяснить роботу какой текст, находится в каком блоке на сайте и по возможности (алгоритмы постоянно меняются), эта информация попала в описание площадки на поиске. Другие встречаются очень редко.
Формат Schema.org рекомендует использовать Яндекс, JSON-LD — Google.
Open Graph хоть и разработан социальной сетью Facebook (на момент публикации, запрещенная соцсеть в РФ), но на сайт его тоже интегрируют, чтобы сделать более привлекательное отображение площадки, когда делятся ссылками в сообщениях. Пример, на скрине ниже.
Инфа для программистов!
Ниже примеры разметки. Она может не подходить под текущую структуру верстки на сайте, нужно применить примеры к текущему формату разметки. Там где она есть, проверить. В случае надобности скорректировать/добавить отсутствующие поля разметки.
Где проверять правильность разметки на сайте
В Яндексе: https://webmaster.yandex.ru/tools/microtest/ — некоторая разметка в может показываться с ошибкой в онлайн сервисе проверки. В Google ошибок не было.
В Гугле: https://search.google.com/structured-data/testing-tool
P.S.: При проверки примеров микроразметки в Яндлекс. Вебмастере, кое какая будет выдавать ошибку, в Гугл — ошибки не будет. Проверял все по Гуглу. Если, где то будет ошибка, прошу строго не судить, я не прогер, за обратную связь буду благодарен.
Микроразметка для сайта
Ниже находятся примеры разных методов разметки данных. По максимуму старался сделать в формате Schema.org, но использовал и другие. Разметка подойдет для сайта услуг, блога, информационного портала СМИ. Что то можно взять и для интернет магазина. Кому надо, берите правьте под себя.
P.S.: в коде, где прописан класс DisplaNone — нужно css стилями скрыть лишную техническую информацию от глаз пользователей. Все пояснения заменить на нужную информацию. Комменты, можно удалить при необходимости.
Микроразметка для блока head
Добавить в блок head микроразметку для og и twitter. Пример кода:
<head>
{содержание head}
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="{Заголовок статьи h2}">
<meta property="og:url" content="текущий_url_материала">
<meta property="og:image" content="ссылка на фото материала. Еcли нет, вставить заглушку с логотипом сайта формат jpg">
<meta property="og:description" content="{Описание материала. Если пусто ШАБЛОН: Заголовок h2 - Имя сайта}">
<meta property="og:site_name" content="Название домена или Компании и описание, чем занимается сайт">
<meta property="og:locale" content="{Язык. Пример: ru_RU, ru-UA, ru-KZ, ru-BY, ru-UZ, ru-TJ}" />
<meta property="article:published_time" content="{Дата размещения статьи. Формат: 2015-05-20T10:31:27+00:00}" />
<meta property="article:modified_time " content="{Дата изменения статьи. Формат: 2020-01-20T11:31:27+00:00}" />
<meta property="article:author" content="{Автор статьи, если пусто то: Название домена или Компании}" />
<meta property="article:section" content="{Категория}" />
<meta property="article:tag" content="{Тег статьи}" />
<meta name="referrer" content="origin-when-crossorigin">
<!-- twitter -->
<meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="{Название домена или Компании}"/>
<meta name="twitter:title" content="{Заголовок материала}">
<meta name="twitter:description" content="{Описание материала. Если пусто ШАБЛОН: Заголовок h2 - Имя Сайта}"/>
<meta name="twitter:creator" content="https://site.ru/"/>
<meta name="twitter:image:src" content="ссылка на фото материала. Если нет, вставить заглушку с логотипом сайта формат jpg"/>
<meta name="twitter:domain" content="https://site.ru/"/>
<meta name="content-language" content="{Язык. Пример: ru, ua, kz, by, uz, tj}" />
</head>
Разметка для поиска по сайту
<div itemscope itemtype="https://schema.org/WebSite">
<meta itemprop="url" content="%домен%"/>
<form itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction">
<meta itemprop="target" content="%домен%/search.html?query={search_term_string}" />
<input itemprop="query-input" type="text" name="search_term_string" required />
<input type="submit" />
</form>
</div>Подробнее можно в справке тут: https://developers.google.com/search/docs/data-types/sitelinks-searchbox?hl=ru
Хлебные крошки
Сделать хлебные крошки и их микроразметку — ПОСЛЕДНЮЮ КРОШКУ, НЕ ДЕЛАТЬ ССЫЛКОЙ!
<nav> <ul itemscope itemtype="http://schema.
Разметка меню навигации
Для меню в шапке
<div itemscope itemtype="http://schema.
Для меню в футере (другая верстка)
<menu itemscope itemtype="http://schema.org/SiteNavigationElement">
<li>
<a itemprop="url" href="ссылка">название_пункта_меню_1</a>
</li>
<li>
<a itemprop="url" href="ссылка">название_пункта_меню_2</a>
</li>
</menu>
Страница(ы) контактов
<div itemscope="" itemtype="http://schema.org/Organization" class=”DisplaNone”> <meta itemprop="name" content="Название Юр.лица"> <meta itemprop="telephone" content="телефон"> <meta itemprop="email" content="ваш e-mail"> <meta itemprop="address" content="Ваш адрес"> <meta itemprop="logo" content="url к логу компании"> <meta itemprop="image" content="url к картинке офиса"> <meta itemprop="description" content="Описание страницы"> <meta itemprop="legalName" content="Название компании и чем занимается"> <link itemprop="url" href="url-страницы" content="url-страницы"> <meta itemprop="sameAs" content="ссылка на соц сеть"> <div itemprop="aggregateRating" itemscope itemtype="https://schema.
Разметка футера сайта
<span itemscope itemtype="r" class=”DisplaNone”>
<meta itemprop="copyrightYear" content="%year%">
<meta itemprop="copyrightHolder" content="Название домена или Компании">
</span>
Разметка списка статьи блога (Blog) (список)
Для новостей заменить http://schema.org/Blog на http://schema.org/NewsArticle
<div itemscope itemtype="http://schema.org/Blog">
<h2 itemprop="description">{Название документа/раздела}</h2>
<article itemprop="blogPosts" itemscope itemtype="http://schema. org/BlogPosting">
<h3 itemprop="headline">{название_статьи_N}</h3>
<meta itemprop="datePublished" content="{Дата публикации. Пример: 2020-01-14T07:20:10+03:00}" />
<img itemprop="articleSection" content="{название раздела}">
<img itemprop="image" src="{ссылка_на_фото_материала}">
<meta itemprop="description" content="{краткое_описание_статьи N}" />
<meta itemprop="author" content="{Автор статьи}" />
<div itemprop="publisher" itemscope itemtype="https://schema.org/Organization" class=”DisplaNone”>
<div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
<img itemprop="url image" src="ссылка_на_логотип" />
</div>
<meta itemprop="name" content="Название домена или Компании">
</div>
<meta itemprop="dateModified" content="{Дата изменения. Пример: 2020-01-14T07:20:10+03:00}">
<meta itemscope itemprop="mainEntityOfPage" itemType="https://schema. org/WebPage" itemid="{ссылка_на_статью}"/>
</article>
</div>
<!-- рецензия материала -->
<div itemscope="" itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Название_страницы">
<meta itemprop="description" content="description">
<link itemprop="url" href="url_страницы">
<div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
<meta itemprop="worstRating" content="1"> <!-- Мин. значение -->
<meta itemprop="bestRating" content="5"/> <!-- Макс. Значение -->
<meta itemprop="ratingValue" content="4.6"> <!-- средняя оценка. если пусто выводим 5 -->
<meta itemprop="ratingCount" content="8864"> <!-- общее количество голосов -->
</div>
<div itemprop="review" itemtype="http://schema.org/Review" itemscope="">
<div itemprop="author" itemtype="http://schema.org/Person" itemscope="">
<meta itemprop="name" content="Название домена или Компании">
<link itemprop="url" href="https://site. ru/">
</div>
</div>
</div>
Разметка конкретного материала: Статьи/Новости
Для новостей заменить http://schema.org/Article на http://schema.org/NewsArticle
<article itemscope itemtype="http://schema.org/Article">
<meta itemprop="headline" content="title" />
<h2 itemprop="name">{Заголовок документа}</h2>
<!-- Ссылка на статью -->
<meta itemprop="url" content="{Ссылка на статью}" />
<meta itemprop="description" content="{description}" />
<img itemprop="articleSection" content="{название раздела}">
<!-- Каноническая ссылка статьи -->
<meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="{Каноническая ссылка}" content="{Заголовок статьи}" />
<!-- Ссылка на превью статьи -->
<div itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
<img itemprop="url contentUrl" src="{Ссылка на превью}" alt="{Заголовок статьи}" />
</div>
<!-- Дата публикации и дата последнего изменения -->
<meta itemprop="datePublished" content="{Дата публикации. Пример: 2020-01-14T07:20:10+03:00}" />
<meta itemprop="dateModified" content="{Дата изменения. Пример: 2020-01-14T07:20:10+03:00}" />
<meta itemprop="inLanguage" content="ru-RU" /> <!-- язык текста на сайте -->
<!-- основной текст статьи -->
<div itemprop="articleBody">
{текст_материала в html}
</div>
<!-- Автор статьи -->
<div itemprop="author" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content=”{Автор статьи}”>
</div>
<!-- Контактная информация о сайте/организации -->
<div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
<div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
<img itemprop="url" src="{Ссылка на логотип}" alt="Название домена или Компании" />
<meta itemprop="width" content="200" />
<meta itemprop="height" content="200" />
</div>
<meta itemprop="name" content="Название домена или Компании" />
<meta itemprop="url" content="https://site. ru/" />
</div>
</article>
<!-- рецензия материала -->
<div itemscope="" itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Название_страницы">
<meta itemprop="description" content="description">
<link itemprop="url" href="url_страницы">
<div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
<meta itemprop="worstRating" content="1"> <!-- Мин. значение -->
<meta itemprop="bestRating" content="5"/> <!-- Макс. Значение -->
<meta itemprop="ratingValue" content="4.6"> <!-- средняя оценка. если пусто выводим 5 -->
<meta itemprop="ratingCount" content="8864"> <!-- общее количество голосов если нет выводим 10 -->
</div>
<div itemprop="review" itemtype="http://schema.org/Review" itemscope="">
<div itemprop="author" itemtype="http://schema.org/Person" itemscope="">
<meta itemprop="name" content="Название домена или Компании"> <!-- если нет автора -->
<link itemprop="url" href="https://site. ru/">
</div>
</div>
</div>
Микроразметки комментариев
<div itemprop="comment" itemscope itemtype="http://schema.org/UserComments">
<h3>Комментарии</h3>
<ul>
<li>
<div itemprop="creator" itemscope itemtype="http://schema.org/Person">
<span itemprop="name">{Имя пользователя}</span>
</div>
<time itemprop="commentTime" datetime="{2020-01-14T07:20:10+03:00}">{2020-01-14}</time>
<p itemprop="commentText">{Текст комментария}</p>
</li>
<li>
<div itemprop="creator" itemscope itemtype="http://schema.org/Person">
<span itemprop="name">{Имя другого пользователя}</span>
</div>
<time itemprop="commentTime" datetime="{2020-02-27T08:21:11+03:00}">{2020-02-27}</time>
<p itemprop="commentText">{Другой комментарий}</p>
</li>
</ul>
</div>
Микроразметка отзывов о сайте (если они есть)
<div itemprop="review" itemtype="http://schema.
Разметка видео в контенте
<div itemscope itemtype="http://schema.
Разметка мобильного приложения
<div itemscope itemtype="https://schema.org/SoftwareApplication">
<meta itemprop="name" content="{Название_Приложения} Android">
<meta itemprop="description" content="краткое_описание_приложения">
<meta itemprop="applicationCategory" content="GameApplication">
<meta itemprop="operatingSystem" content="ANDROID">
<meta itemprop="inLanguage" content="ru-RU"> <!-- язык приложения страны в которой живет пользователь -->
<meta itemprop="image" content="ссылка_на_фото_если_есть">
<link itemprop="url" href="ссылка_на_страницу_на_нашем_сайте">
<meta itemprop="softwareVersion" content="4.6.4r"> <!-- если известна, если нужна в разметки -->
<meta itemprop="fileSize" content="12,32 МБ"> <!-- если известен размер, если нужна в разметки -->
<div itemprop="aggregateRating" itemscope itemtype="https://schema. org/AggregateRating">
<meta itemprop="worstRating" content="1"> <!-- Мин. значение -->
<meta itemprop="bestRating" content="5"/> <!-- Макс. Значение -->
<meta itemprop="ratingValue" content="4.6"> <!-- средняя оценка -->
<meta itemprop="ratingCount" content="8864"> <!-- количество голосов -->
</div>
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="url" content="ссылка_на_страницу_на_нашем_сайте">
<meta itemprop="category" content="free">
<meta itemprop="price" content="0">
<meta itemprop="priceCurrency" content="RUB">
</div>
<div itemprop="author" itemtype="http://schema.org/Person" itemscope="">
<meta itemprop="name" content="{Название_Организации}">
<link itemprop="url" href="ссылка_на_сайт">
<link itemprop="image" href="url_логотипа_организации"> <!-- если есть -->
</div>
</div>
FAQ: Часто задаваемые вопросы, вопрос/ответы
<div itemscope itemtype="https://schema.
Подробнее в справке https://developers.google.com/search/docs/appearance/structured-data/qapage?hl=ru#микроданные
How-To (Инструкция)
<div itemscope itemtype="https://schema.
Подробнее в справке https://developers.google.com/search/docs/appearance/structured-data/how-to?hl=ru
SaleEvent (Распродажа/Бонус)
<div itemscope="" itemtype="http://schema.org/SaleEvent">
<meta itemprop="startDate" content="2020-05-05 08:00:00+03:00"> <!-- формат даты начала -->
<meta itemprop="endDate" content="2020-11-06 24:00:00+03:00"> <!-- формат даты конца если есть -->
<meta itemprop="name" content="🎁 {Название_Бонуса_или_сумма_бонуса}"> <!-- Пример скобок: 4 000 ₽ бонуса! -->
<meta itemprop="description" content="{Краткое_описание c description или шаблонный текст: h2 - Название сайта}">
<meta itemprop="eventAttendanceMode" content="https://schema. org/OnlineEventAttendanceMode">
<meta itemprop="eventStatus" content="https://schema.org/EventScheduled">
<meta itemprop="url" content="url_страницы">
<meta itemprop="image" content="url_картинки">
<meta itemprop="performer" content="Участник мероприятия">
<span itemscope="" itemtype="http://schema.org/Place" itemprop="location">
<meta itemprop="logo" content="лого_компании">
<meta itemprop="name" content="{Название_Документа}">
<span itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
<meta itemprop="url" content="url_страницы">
</span>
</span>
<span itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<meta itemprop="price" content="4000"> <!-- размер бонуса -->
<meta itemprop="priceCurrency" content="RUB">
<meta itemprop="url" content="url_страницы">
<link itemprop="availability" href="https://schema.org/InStock"/>
<meta itemprop="validFrom" content="2020-05-05 08:00:00+03:00">
</span>
</div>Разметка в формате ld json для Google
Разметка Логотипа
<script type="application/ld+json">
{
"@context": "https://schema. org",
"@type": "Organization",
"url": "url-сайта",
"logo": "{Ссылка на логотип}"
}
</script>Разметка автора на странице
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"name": "Имя",
"additionalName": "Отчество (можно второе имя, ник)",
"jobTitle": "Должность",
"affiliation": "Организация, с которой связан человек",
"email": "Адрес email",
"telephone": "Контактный телефон",
"url": "URL персональной страницы или профиля на сайте",
"image": "URL фото",
"address": {
"@type": "PostalAddress",
"addressCountry": "Страна",
"addressRegion": "Регион (область)"
}
}
</script>Карусель Статей/Новостей
<script type="application/ld+json">
{
"@context":"https://schema.org",
"@type":"ItemList",
"itemListElement":[
{
"@type":"ListItem",
"position":1,
"url":"ссылка_на_документ_N",
"name":"Имя_документа_N",
"image": [
"https://example. com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/photo.jpg"
]
},
{
"@type":"ListItem",
"position":2,
“url":"ссылка_на_документ_N",
"name":"Имя_документа_N",
"image": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/photo.jpg"
]
}
]
}
</script>Разметка голосового поиска (Speakable)
Добавить документу доп поле, в котором можно будет написать информацию о чем этот текст.
Рекомендации поисковых систем: текст должен быть не больше 2-3 предложений, чтобы озвучка текста не занимал более 30 секунд. Подробнее о разметке можно почитать тут https://developers.google.com/search/docs/data-types/speakable?hl=ru
<script type="application/ld+json">
{
"@context": "https://schema. org/",
"@type": "WebPage",
"name": "h2_документа",
"speakable":
{
"@type": "SpeakableSpecification",
"xpath": [
"/html/head/title",
"/html/head/meta[@name='description_page']/@content"
]
},
"url": "url_страницы"
}
</script>Для продвижения конкретного ресурса нужна была не вся микроразметка. Если что то не нашли, можно разметку структурированных данных, которая поддерживается в Google Поиске, можно посмотреть тут: https://developers.google.com/search/docs/appearance/structured-data/search-gallery?hl=ru
Со всеми свойствами и примерами схемы schema.org, можно ознакомиться на официальном сайте https://schema.org/ и собрать нужную самостоятельно при необходимости.
На этом все, спасибо за внимание.
Что такое микроразметка сайта — базовые понятия
Что такое микроразметка сайта — базовые понятия
- Структуровані дані
- Мікророзмітка для SEO
Содержание:
-
Что такое микроразметка сайта — базовые понятия
-
Виды и типы структурированных данных
-
Какие данные можно разметить?
-
Как сделать микроразметку сайта?
-
как добавить микроразметку на сайт?
-
Как проверить разметку?
-
Заключение
Что такое микроразметка сайта — базовые понятия
Семантическая микроразметка для сайта или же структурированные данные — это специальный набор данных, размеченный прямо в структуре html документа. Считывая специальные структурированные данные, поисковый робот определяет содержание страницы, а именно значение каждого отдельного элемента, при условии, что он размечен.
Полученные данные не влияют на ранжирование страницы, но могут быть использованы для формирования сниппета в поисковой выдаче. Современные алгоритмы поисковых систем отлично понимают содержание страниц. На сегодняшний день, внедрение семантической разметки — это официальный способ управления сниппетами в поиске или соц. сетях.
Виды и типы структурированных данных
Семантическая разметка состоит из словаря и синтаксиса, которые в свою очередь имеют разнообразное количество видов. Словарь — это готовый набор переменных и их содержание.
Актуальные словари:
-
Data Vocabulary — Довольно популярный формат, но сейчас не актуален т.к. Google его больше не поддерживает;
-
Schema.org — наиболее популярный словарь для поисковых систем;
-
Microformats или же микроформаты — небольшие HTML-шаблоны microformats.
org, подходят для небольших описаний; -
Open Graph — разметка придуманная в Facebook, основной словарь для социальных сетей. Формирует превью ссылок;
Синтаксис — это правила написания самой разметки или же правила использования словаря. Аналог орфографии в программировании
Основные синтаксисы:
Какие данные можно разметить?
Разметить можно практически все, что находится на странице. Вопрос в другом — есть ли в этом смысл? С одной стороны поисковые системы настаивают на использовании разметок для всего контента на странице, с другой стороны, разметка не имеет корреляции с ранжированием в поиске, но создает дополнительную нагрузку странице. Я рекомендую использовать только те разметки, которые напрямую влияют на формирование сниппета в поисковой выдаче. Узнать какие это разметки, можно на сайтах официальных источников поисковиков, таких как Центр Google Поиска и Яндекс Справка
Приведу список самых популярных и часто используемых разметок:
-
Организация — позволяет разметить контактные данные на странице такие как: номера телефонов, адреса, время работы и прочее.
С недавних пор Google рекомендует не использовать ее т.к. сам может находить эти данные;
Скриншот*
-
Товар — очень важная разметка для карточек товара, позволяет указать цену или диапазон цен, наличие товара, изображение, бред и т.п. Часто используется в связке с разметкой отзывов и рейтинга;
-
Рецепт — практически обязательная разметка для любого сайта с рецептами блюд;
Как сделать микроразметку сайта?
Любую разметку можно составить используя разные синтаксисы. Выбор синтаксиса будет зависеть от выбора поисковой системы, ограничений движка сайта, и целей проекта. Важно также придерживаться правил от самих сервисов, на которых будет размещена разметка. Более подробно можно прочитать по ссылке.
Существует несколько способов создания микроразметки.
Самый сложный и самый гибкий — это написать разметку вручную с нуля. Например, используя иерархию объектов и свойств Shema.org можно написать максимально гибкую разметку под свои потребности.
Но что делать если вы не владеете знаниями синтаксиса? В таком случае есть также несколько способов. Первый это официальный инструмент — Мастер разметки структурированных данных, не рекомендую его использовать т.к. функционал довольно ограничен, а отображение элементов не всегда корректно считывается.
Второй — это использовать сторонние сервисы, такие как Schema Markup Generator. Вы заполняете нужные данные, а инструмент сам формирует из этого разметку.
Как добавить микроразметку на сайт?
Теперь вы знаете что такое микроразметка, и каких видов она бывает. Допустим вы создали свою разметку и хотите размесить её на сайте, но как это сделать? Самый простой и самый лучший способ — это отдать её вашему программисту, который внедрит разметку напрямую. Без шуток, этот способ рекомендуют и поисковые системы так как он наименее засоряет структуру.
Если нет возможности задействовать программиста, тогда есть альтернативные решения. Можно добавить разметку с помощью Google Tag Manager или же использовать сторонние расширения для вашей CMS.
Как проверить разметку?
Тут все просто. Рекомендую использовать официальные инструменты тех сервисов, на которые рассчитана разметка. Например, для Google это инструмент проверки структурированных данных. Для Yandex — валидатор семантической разметки. А в случае с микроразметкой Open Graph для социальных сетей — Отладчик репостов.
Заключение
В заключение хочу сказать что микроразметка — важный инструмент, при грамотном применении которого можно существенно повысить CTR вашего сайта и как следствие привести качественный и целевой трафик.
что это, виды, как добавить на сайт и проверить
Здравствуйте!
Микроразметка сайта позволяет поисковым роботам лучше распознавать содержимое на страницах сайта. А еще делает сниппеты в поисковиках визуально более привлекательными.
В статье разберем подробнее, что такое микроразметка сайта и зачем она нужна. Какие есть типы разметок, обязательно ли делать расширенную микроразметку для своего сайта. Как это относится к SEO. Как добавить микроразметку на свой сайт.
Что такое микроразметка и зачем она нужна
Микроразметка — это специальная разметка данных на странице, которая состоит из кода с тегами и атрибутами. Они выделяют конкретную информацию, которую мы хотим сделать видимой для поисковиков. Например, цену, контакты, логотип компании.
Как это выглядит в поисковиках? Допустим, мы хотим купить iPhone и начинаем искать в поисковике подходящие магазины. Смотрим, как сниппеты отображаются в результатах поиска.
В Яндексе без разметки:
С разметкой:
В Google без разметки:
С разметкой:
Как можно заметить, разметка подтягивает в сниппет цену, контакты, рейтинг, наименование модели телефона.
Еще можно заметить расширенные сниппеты с картинками. Они тоже создаются при помощи микроразметки.
Что это дает в плане SEO:
- Страница становится более видимой и структурированной для поисковика. Если например, пользователь ищет телефон через ключевик «iPhone 12 цена» или «iPhone 11 отзывы», большая вероятность, что магазины с микроразметкой по этим данным будут выше в результатах поиска, чем конкуренты без разметки. Но микроразметка — не решающий фактор ранжирования, а лишь дополнительный.
- Сниппеты с микроразметкой отличаются визуально от обычных сниппетов. По ним чаще кликают. А это улучшает поведенческие факторы, и поисковик начинает чаще выдавать страницу (или весь сайт) в выдаче.
Важно: микроразметка универсальная и хорошо распознается всеми поисковиками. То есть, не нужно создавать отдельную разметку под разные поисковые системы.
Какую информацию можно выделить при помощи микроразметки:
- название организации;
- логотип;
- телефон и другие контактные данные;
- адрес;
- отзывы;
- рейтинг;
- характеристики товара;
- рецепты;
- курсы;
- емейл;
- автора контента;
- даты;
- хлебные крошки;
- афиши мероприятий;
- вакансии;
- ссылки на другие страницы сайта;
- ссылки на категории;
- информацию о фильме — название, рейтинг, дату выхода, имя режиссера, язык озвучки.
Каким сайтам выгодно добавлять микроразметку: интернет-магазинам, онлайн-кинотеатрам, сайтам-отзовикам, сайтам с рецептами, информационным блогам, сайтам-подборкам.
Как сделать микроразметку на сайте
Если у вас сайт на чистом HTML — все придется делать руками, но кто сейчас запускает такие сайты — в основном все делается на движках и конструкторах.
Рассмотрим варианты добавления микроразметки на самых популярных CMS и конструкторах.
WordPress
Микроразметка уже встроена во многие темы Вордпресс и работает автоматически.
Если хотите сами настроить микроразметку или в выбранной теме она отсутствует, можно поставить специальный плагин. Например, All In One Schema.org Rich Snippets.
После установки и активации плагина в левой панеле инструментов появится кнопка «Rich Snippets». Нажимаем ее, чтобы посмотреть настройки. Плагин на английском. Работает очень просто — нужно выбрать категорию, которую хотим разметить и заполнить необходимые поля.
Какие тут есть категории:
- Item Review — отзыв или обзор товара/услуги.
- Events — мероприятия (можно использовать для афиши).
- Person — автор, человек.
- Product — товар.
- Recipe — рецепт.
- Software Application — программное обеспечение.
- Video — видео.
- Article — статья.
- Service — услуга или обслуживание.
Можно открыть категорию и посмотреть, как поля будут называться в сниппете. Их можно переименовать или оставить по умолчанию. Так как плагин англоязычный, если ваш сайт на русском, надо переименовать.
Во время создания статьи или страницы на Вордпресс в нижней части настроек появится вкладка «Configure Rich Snippet». Нужно ее открыть и прописать нужные значения.
Какие еще есть плагины для WordPress: Schema, Schema Pro, WP SEO Structured Data Schema, Schema JSON-LD Markup, Schema APP Structured Data, Schema Markup Rich Snippets, WP SEO Structured Data Schema, SNIP: Rich Snippets by WPBuddy.
Отдельно стоит выделить плагин Yoast SEO — он в целом хорош для SEO-оптимизации, а создание микроразметки лишь одна из его функций.
Важно: если на вашем сайте установлен плагин для интернет-магазинов WooCommerce, не нужно ставить дополнительные плагины для разметки. В WooCommerce она уже встроена, и второй плагин может создать конфликт.
Битрикс
Для этой CMS тоже есть свои плагины. Большинство из них платные, бесплатный — Микроразметка Schema.org. На странице плагина есть детальная документация по установке и настройке микроразметки.
Joomla
На Джумла тоже есть свой плагин (на данном движке вместо плагинов используется слово «компонент») — Google Structured Data. Часть данных компонент подтягивает автоматически, часть надо настраивать. На странице компонента также есть документация по настройке.
Аналог компонента Google Structured Data — J4Schema.
Для конструкторов
Для конструкторов нет плагинов, нужно создать код и вставить его в настройках страницы. К счастью, писать код с нуля не обязательно — есть готовые генераторы микроразметок.
Сначала немного теории:
Микроразметка состоит из словаря и синтаксиса. Самый популярный словарь, который хорошо распознается всеми современными поисковиками — это Schema.org.
Код микроразметки пишется на одном из трех языков:
Microdata — код заключен в теги <article> </article>
Пример, как может выглядеть полный код для разметки статьи:
RDFa — код заключен в теги <div> </div>
Пример, как может выглядеть полный код для разметки статьи:
JSON-LD — код заключен в теги <script> </script>
Пример, как может выглядеть полный код для разметки статьи:
Все, что вам нужно — узнать, на каком из трех языков должен быть написан код для вашего конструктора и найти генератор микроразметки для этого языка. Обычно в настройках SEO страницы конструктора указан язык разметки.
Также есть отдельный словарь разметки для отображения в соцсетях, созданный Фейсбуком — Open Graph. В конструкторах для настроек Open Graph обычно предусмотрено отдельное поле. Обычно, все, что там нужно сделать — это написать тайтл, дескрипшн и загрузить картинку для отображения в соцсетях.
Тильда: для Тильды код пишется на языке JSON-LD. Подходящие сервисы-генераторы микроразметок: The Ultimate JSON-LD Generator и Schema Markup Generator (JSON-LD). Оба на английском. Покажем на примере первого, как создать код.
Заходим на сайт сервиса The Ultimate JSON-LD Generator. Выбираем тип контента, для которого будем составлять код разметки. Например, это статья. Кликаем на кнопку «Article».
Заполняем поля. Тип контента можно оставить Article или уточнить, какая именно это статья (новостная или пост из блога). Далее прописываем ссылку на страницу, заголовок h2, ссылку на картинку, дату публикации, имя автора, ссылку на лого.
По мере заполнения полей код справа будет меняться. Все, что останется — скопировать его и вставить в настройках страницы сайта на Тильда. Чтобы скопировать код, жмем «Copy to clipboard».
Открываем сайт на Тильда. Напротив страницы жмем на ее настройки.
Доходим до вкладки «Дополнительно».
В этой вкладке прокручиваем настройки вниз до пункта «HTML код для вставки внутрь head». Туда нужно вставить скопированный код и сохранить изменения. Возможность вставки кода доступна только на платных тарифах Тильды.
Wix: у Wix код микроразметки тоже пишется на языке JSON-LD. Можно проделать все те же шаги, что описаны для Tilda.
Чтобы вставить готовый код заходим в редактор конструктора и нажимаем на список страниц. Напротив каждой страницы есть 3 точки (меню). Кликаем туда.
В меню выбираем Базовые настройки SEO.
И в самих настройках переходим до дополнительных. В соответствующее поле вставляем код JSON-LD и сохраняем изменения.
Если сайт на HTML
Для самописного сайта нужно составить код разметки и вручную добавить в код страниц. Лучше доверить это программистам. Если хотите сделать сами, можете использовать генераторы разметок, чтобы сформировать код. Выше мы уже упомянули 2 сервиса — это The Ultimate JSON-LD Generator и Schema Markup Generator (JSON-LD).
Также можно воспользоваться мастером разметки структурированных данных от Google. Он работает аналогично предыдущим сервисам и генерирует код на HTML.
Генераторы микроразметки на русском: apelsin.pro и генератор на сайте seolik.ru (в разделе SEO-инструменты).
Готовый код вставляется между тегами <head> и </head> страницы сайта. Пример размещения кода формате JSON-LD:
Как проверить микроразметку
После создания кода микроразметки стоит убедиться, что все сделано верно. Для проверки есть специальные сервисы, а также инструменты от Яндекс и Google.
В Вебмастере Яндекс: нужно нажать на «Инструменты» в правом верхнем углу и открыть «Валидатор микроразметки».
В самом валидаторе нужно добавить ссылку на страницу, которую хотим проверить или готовый код. Система просканирует страницу (или код) и подтвердит, что все верно или даст рекомендации по исправлению микроразметки.
В серч консоль Google: аналогично — указываем ссылку на страницу или код и смотрим на результаты проверки.
Третий способ — проверка через валидатор Schema.org. Работает через проверку кода. В левом окне вставляем код, нажимаем на серую кнопку посередине, справа смотрим результат. Если все ок, над результатом будет написано «нет ошибок» и «нет предупреждений».
ЗаключениеДобавление микроразметки на сайт — это еще один способ сделать ресурс более видимым для поисковиков и пользователей. Если вы хотите добавить микроразметку на сайт, но не уверены в том, что это эффективно, можете добавить ее на несколько страниц и проверить, повлияло ли это на приток трафика из поисковиков. Если у вас сомнения в том, что получится установить микроразметку на сайт самостоятельно, тогда лучше обратиться к специалистам.
Как проверить микроразметку на сайте — Сollaborator
Для улучшения поведенческих факторов и привлечения трафика на сайт можно использовать разные методы. Возможно, большинство из них вы уже перепробовали, но нужного результата так и не добились. Обратите внимание, как выглядят сниппеты конкурентов в поисковой выдаче. Отличается ли превью вашего сайта от них? Если нет, пора задуматься о внедрении микроразметки на страницы сайта. О том, что такое микроразметка и как её проверить — читайте в этой статье.
Что такое микроразметкаМикроразметка — это разметка на сайте и страницах, которая помогает донести больше информации о странице поисковым роботам и посетителям сайта за счёт внедрения в HTML-код дополнительных тегов и атрибутов.
Благодаря микроразметке, страницы выглядит более привлекательно в поисковой выдаче. Поэтому семантическая разметка способствует эффективному SEO-продвижению сайта.
Что нам дает правильная микроразметкаВсе вокруг говорят о том, что нужно обязательно проверить разметку страницы, однако начинающие веб-разработчики не совсем понимают, для чего нужны все эти теги и насколько они влияют на поисковики при работе с SEO. Приведем несколько главных преимуществ правильного построения структуры, которых уже должно быть достаточно для того, чтобы задуматься о том, нужна ли сайту проверка микроразметки:
- она способствует привлечению необходимого трафика из поисковых систем;
- нужна для обнаружения необходимого контента поисковиками;
- оказывает положительное влияние на релевантность страниц;
- требуется для качественного SEO-продвижения.
Теперь рассмотрим валидаторы микроразметки на примере двух популярнейших онлайн-сервисов. Они помогают в автоматизированном порядке узнать, есть ли проблемы на странице в плане разметки или же беспокоиться не о чем.
Для проверки правильности составления кода микроразметки сайта используйте валидаторы Google и Яндекс. В обоих инструментах можно вставить ссылку на страницу либо фрагмент кода с синтаксисом разметки. Внедрять этот код на сайт можно лишь при отсутствии ошибок в обоих валидаторах. Рассмотрим более детально каждый инструмент.
Проверка микроразметки Google позволяет использовать в качестве тестируемого образца ссылку на страницу или написанный фрагмент кода.
Шаг 1. Для начала перейдите на официальную страницу валидатора Google →
Шаг 2. Заполните форму проверки и запустите процесс.
Можно также выбрать поискового робота (мобилки/ПК).
После старта сканирования сервису понадобится определенное время для проверки всех тегов, количество которых зависит от объема загруженных данных. При получении результата слева отобразится фрагмент исследуемого кода, а справа самая главная информация – отчет. В нем вы найдете перечень ошибок, например, отсутствие адреса компании или привязки официальной группы ВК к вашему сайту. Используйте предоставленные сведения для быстрого исправления всех неточностей внутри кода сайта.
Вот что увидит владелец сайта, у которого микроразметка не реализована на сайте:
А вот пример, когда микроразметка есть на сайте:
Вот так выглядит элемент микроразметки Organization на сайте:
Также, здесь можно посмотреть проблемы с загрузкой страницы, а именно какие файлы этому препятствуют:
Важно! Валидатор микроразметки Гугл – самый строгий из всех существующих, он отображает даже незначительные несоответствия. С одной стороны это заставляет исправлять маловажные фрагменты кода, а с другой – помогает идеализировать сайт и сделать его образцовым для выдачи в поисковике.
Вот так работает валидатор Google. Как видно, ничего сложного в проверке микроразметки нет.
Проверка микроразметки в Яндекс.ВебмастереЯндекс тоже позволяет проверить разметку страницы при помощи своего фирменного онлайн-сервиса для вебмастеров. Он работает примерно так же, как и предыдущий валидатор.
Шаг 1. Для начала перейдите к валидатору микроразметки Яндекс.Вебмастер →
Шаг 2. На странице «Микроразметка» в Яндекс.Вебмастере понадобится ввести ссылку на проверяемую страницу или фрагмент кода и запустить проверку, которая займет несколько секунд.
На следующем изображении вы увидите, что средство проверки микроразметки Яндекса не обнаружило проблем на проверяемой странице, однако если такие будут, они автоматически обозначаются красным цветом, кроме того, появится текст, указывающий на проблемы.
Используйте эту информацию для решения проблем на страницах.
Онлайн валидатор микроразметки от Schema.orgШаг 1. Переходим на сайт Schema.org →
Шаг 2. Нажимаем «Новый тест», вставляем в поле URL-адрес сайта/страницы и нажимаем «Проверить».
Через некоторое время получаем результат:
Микроразметка сайта используется с целью правильной индексации страниц и определения контента на этих страницах.
Микроразметка состоит из словаря и синтаксиса. Для создания кода чаще используют словарь Schema.org со стандартным набором метатегов и классов. Проверить готовый код синтаксической разметки можно при помощи валидаторов поисковых систем Google и Яндекс, а также с помощью онлайн валидатора микроразметки от Schema.org.
Похожие вопросы
- Как увеличить краулинговый бюджет
- Как сделать микроразметку FAQ на сайте. Примеры и наблюдения
Ольга Горбенко
Практикующий SEO-специалист
Как работать с Google Search Console
Google Console Search: что такое, кому и зачем нужен Добавление сайта в Google Search Console Виды отчётов в Google Search Console Настройки Google Search Console Полезные инструменты для тестирования сайта Отчёты в старой GSC, которые ещё пригодятся
Мы в Telegram
В канале «Маркетинговые щи» только самое полезное: подборки, инструкции, кейсы.
Не всегда на серьёзных щах — шуточки тоже шутим =)
Подписаться
Станьте email-рокером 🤘
Пройдите бесплатный курс и запустите свою первую рассылку
Подробнее
Чтобы проверить сайт на индексацию, ошибки или санкции поисковика, используют разные сервисы. Например, Webcheck, MetaTagsTool, DareBoost. Но в некоторых из них не хватает функционала или за использование некоторых функций нужно заплатить.
Есть бесплатная альтернатива — Google Console Search. Рассказываем, что это за сервис, как им пользоваться и какие возможности он предоставляет.
Google Console Search: что такое, кому и зачем нужен
Google Search Console (GSC) — это сервис от Google, который помогает следить за сайтом, SEO-оптимизировать контент и устранять проблемы, связанные с присутствием ресурса в результатах поиска Google.
GSC полезен всем, кто работает с сайтами:
- SEO-специалистам или маркетологам — помогает отследить трафик на сайт, оптимизировать позицию в поисковой выдаче и выбрать, в продвижение каких страниц вкладывать больше денег. Также инструмент помогает проводить сложный маркетинговый анализ вместе с другими сервисами Google: Analytics, Trends и Ads.
- Администраторам сайта — помогает определить ошибки при загрузке сайта, выявить битые ссылки и проблемы безопасности (взлом, вредоносное ПО), скорректировать контент на сайте, чтобы не терять позиции в выдаче из-за спама, плагиата и т.д.
- Веб-разработчикам — помогает проверить разметку сайта и устранить проблемы, например, в маркированных или нумерованных списках.
При помощи Google Search Console можно узнать, что влияет на трафик сайта, как сайт ранжируется в выдаче Google и по каким запросам его стоит продвигать, есть ли ошибки и проблемы с безопасностью на сайте. Этот сервис — надёжный SEO-помощник, который помогает проанализировать состояние ресурса и внедрить улучшения для раскрутки сайта.
Обычно GSC используют для таких задач:
Сбор целевой аудитории. Сервис показывает запросы, по которым пользователи переходили на сайт, учитывает местоположение и тип устройства человека. Это поможет определить, на какие регионы и гаджеты запускать таргетированную рекламу.
Проверка мобильной версии сайта. GSC анализирует, насколько сайт оптимизирован для мобильных устройств, показывает как выглядит ресурс для пользователя, указывает на проблемы, которые нужно исправить.
Анализ ссылочной массы. Показывает внешние ресурсы и конкретные страницы, на которых есть ссылки на сайт.
Проверка индексации. Определяет, индексируется ли сайт, индексирует новые страницы, помогает исправить проблемы и запросить повторную индексацию нового или обновлённого контента.
Кроме того, Google Search Console подсчитывает среднюю позицию сайта по определённому запросу.
Добавление сайта в Google Search Console
Для работы с сервисом не нужна регистрация — достаточно войти в учётную запись Google.
Добавить сайт в Google Search Console можно двумя способами: через доменный ресурс или ресурс с префиксом URL.
Подтвердить владение сайтом через доменный ресурс можно через DNS. Для этого впишите в поле доменное имя → скопируйте полученный текст → внесите её в конфигурацию DNS своего домена → нажмите «Подтвердить».
Подтвердить сайт через URL с префиксом можно несколькими способами:
С помощью HTML-файла. Его нужно скачать в открывшемся окне и внести в корневую папку ресурса.
С помощью HTML-тега. Для этого придётся скопировать выданный метатег и вставить его на главную страницу своего сайта. Он должен находиться в разделе <head> перед первым разделом <body>.
С помощью аккаунта Google Analytics. Способ сработает, если в главную страницу сайта вставлен фрагмент кода analytics.js или gtag.js в разделе <head> страницы.
С помощью менеджера тегов Google. Для этого понадобится добавить нужный тег в менеджер.
После добавления сайта посмотрим на интерфейс Google Search Console:
Здесь есть:
Селектор сайтов для проверки. В списке будут указаны подтверждённые и неподтверждённые ресурсы.
Селектор отчётов. Позволяет переключать отчёты, которые нужно сформировать. Разделы из этой панели можно сворачивать, а некоторые элементы списков доступны только при наличии определённых данных. Например, раздел «Эффективность» виден в отчёте о размещении контента в рекомендациях в том случае, если ваш сайт появляется в рекомендациях Google.
Пользовательские настройки. Через них можно выбрать, как получать уведомления о проблемах на сайте — например, по email.
Справка, в которой собрана вся полезная информация по работе с ресурсом.
Панель уведомлений. Важные сообщения о работе с системой и проблемах, которые возникают с сайтом. Эти же сообщения будут высылать на электронную почту.
Виды отчётов в Google Search Console
В GSC есть несколько разделов с разными видами отчётов. Ниже руководство по работе с ними.
Обзорная страница
Зачем использовать. Если проверяете сайт периодически и хотите знать о проблемах с безопасностью или индексацией. Если хотите увидеть общее количество кликов или ищете причину, почему количество посещений вашего ресурса снизилось.
Как работает. Отчёт расскажет в общем о состоянии ресурса, о проблемах безопасности или попытках взлома. Покажет графики общего количества кликов, проиндексированных страниц, сообщит о различных ошибках на ресурсе. А также предложит улучшения для сайта, например, замену некоторых URL-адресов, разработку AMP-страниц и т.д.
Эффективность
Зачем использовать. Периодически — чтобы следить за всплесками показов и кликов. Либо после запуска рекламы, чтобы проверить, приносит ли она ожидаемые результаты.
Как работает. Важный блок информации, который покажет:
- сколько людей видели в поиске ваш сайт и переходили на него;
- по какими запросам сайт отображался в поиске;
- какая средняя позиция сайта в поиске.
Если сайт попадал в рекомендации или на нём публиковали новости, система сформирует соответствующий отчёт.
В анализ входит информация по кликам, показам и CTR сайта. Данные из отчёта можно группировать по URL-адресу страницы, стране запроса или типу устройства. Это поможет оценить посещаемость сайта в целом и более точно отследить, какая страница и какой тип контента приносит больше визитов.
Проверка URL
Зачем использовать. Проверить, индексируется ли страница сайта, корректно ли отображается на разных устройствах и открыта ли для просмотра поисковыми роботами. Например, когда добавляют новый раздел или новую статью в блог.
Как работает. Помогает узнать про индексирование определённой страницы в поисковой системе Google. В отчёт войдёт информация про:
- доступность страницы для индексации — GSC покажет, почему URL присутствует или не присутствует в результатах поиска Google;
- ошибки на сайте, удобство использования AMP и мобильных версий;
- разрешение на сканирование страниц поисковыми роботами;
- последнее сканирование сайта — какой робот выполнял и когда;
- список загруженных ресурсов и результаты обработки кода JavaScript;
- возможные улучшения ресурса. Например, GSC расскажет, что страница не оптимизирована для мобильных устройств или что в AMP-странице есть ошибка, и из-за этого её нельзя проиндексировать.
Подробно обо всех параметрах проверки описано в базе знаний Google.
Отчёты об индексации страниц
Зачем использовать. Просканировать страницы сайта, узнать об индексации, жалобах на различные URL или убрать из поиска некоторые страницы.
Как работает. Предыдущий способ помогал проверить только определённую страницу. При этом он отображал разные проблемы на странице. Отчёт об индексации поможет узнать о ситуации со всеми страницами в целом:
- какие страницы сайта индексируются, а какие — нет;
- почему некоторые страницы не индексируются;
- проиндексированы ли страницы с видео, сколько таких страниц было найдено и почему некоторые из них нельзя проиндексировать;
- какие файлы Sitemap были отправлены для вашего сайта, а какие — нет.
Sitemap — файл, который показывает организацию контента на сайте: веб-страницы, видео и прочие ресурсы. Он помогает Google и другим поисковым системам более точно индексировать материалы. Например, в файле Sitemap можно указать самые важные разделы сайта или прописать о них больше дополнительной информации: когда страница последний раз обновлялась, существует ли она на других языках, местоположение изображений из статьи и т.д.
Здесь можно удалить некоторые страницы из поиска Google до следующей проверки роботами. URL исчезнут из поиска примерно на шесть месяцев.
Страницу целиком можно не удалять, если выбрать «удаление кэшированной копии страницы». В этом случае URL останется в результатах Google-поиска, удалится лишь текущее описание страницы и её сохранённая версия в кэше. Страница автоматически появится в поиске вновь после очередного сканирования.
Также во вкладке «Удаление» можно перейти в подраздел «Устаревший контент». В нём собрана история всех запросов на удаление контента с сайта, поданных за последние полгода с помощью общедоступного инструмента.
Ещё один подраздел — «Фильтрация безопасным поиском». Здесь доступен список всех URL, на которые за последние 6 месяцев жаловались пользователи из-за размещения контента для взрослых.
Качество сайта
Зачем использовать. Узнать, сколько времени уходит у пользователя на загрузку страницы. Отчёт покажет, из-за чего тормозит страница и подскажет, как её ускорить.
Как работает. В раздел входят две метрики: удобство страниц и основные интернет-показатели.
Под удобством страниц в Google понимают набор признаков, которые помогают понять, насколько пользователям просто и комфортно взаимодействовать с ней. При этом информационная ценность страницы не учитывается.
Удобство оценивается по скорости загрузки страницы, интерактивности и визуальной стабильности. Также влияют и другие параметры: оптимизация для мобильных устройств, использование HTTPS и соблюдение правил в отношении назойливых межстраничных объявлений.
Основные интернет-показатели дают информацию о том, как долго сайт загружается при взаимодействиями с пользователями. При этом можно запросить отдельный отчёт по мобильным устройствам и ПК.
В отчёте собираются данные об эффективности страниц по статусам: «низкая скорость», «нужно увеличить скорость» или «хорошо». На статус влияют показатели CLS, FID и LCP.
CLS (совокупное смещение макета) — показывает, как долго интерфейс может внезапно меняться.
FID (задержка после первого ввода) — время между первым взаимодействием пользователя со страницей и ответом браузера.
LCP (отрисовка самого крупного контента) — сколько нужно ждать, чтобы прогрузился самый большой элемент страницы.
Улучшения
Зачем использовать. Проверить, как поисковые роботы воспринимают AMP-страницы, сколько ошибок на сайте и как они влияют на позицию в поисковой выдаче.
Как работает. В изначальном интерфейсе Search Console раздела с таким отчётом нет. Он появится, если ваш сайт соответствует двум требованиям:
- содержит мобильные версии;
- содержит разделы с товарами.
В этот раздел входят AMP и подробный отчёт.
Отчёт AMP показывает, какие AMP-страницы сайта могут или не могут быть проиндексированы, и указывает на неполадки, из-за которых AMP-страницы отображаются как обычные в результатах поиска Google.
В подробном отчёте будет информация о количестве действительных и недействительных элементов, а также о критических и некритических ошибках.
Красные столбики — количество проверенных таблиц, а красная линия ниже — количество найденных ошибок. Источник
Отчёты по безопасности
Зачем использовать. Если подозреваете, что сайт мог быть взломан хакерами.
Как работает. В разделе два вида отчётов: статистика по мерам, принятым вручную, и информация по проблемам с безопасностью.
Ручные меры — это действия работников Google, из-за которых сайт снижается в поисковой выдаче. Их применяют, если на сайте находят много спама, статьи, перенасыщенные ключевыми словами, неестественные ссылки на другие ресурсы и т. д.
Работает проверка так: сначала обученный алгоритм анализирует страницы сайта и решает, есть ли на них спам или другие проблемы. Если у алгоритма возникнут вопросы, к проверке подключаются работники Google и в ручном режиме выбирают, снижать позицию сайта в поисковой выдаче или нет.
Если против вашего сайта примут ручные меры, вы увидите это в отчёте. В нём будет сказано, на каких страницах обнаружены проблемы и как их решить. Когда устраните недостатки, перечисленные в отчёте, выберите «Запросить проверку» и в заявке на пересмотр опишите правки.
Отчёт о мерах, принятых вручную. Скриншот взяли из видео
Отчёт о проблемах безопасности покажет попытки взлома сайта. Или сообщит о том, что на сайте есть контент, который потенциально может нанести вред посетителю или его компьютеру. Сюда относятся:
- контент, который разместили на сайте без разрешения пользователя;
- вредоносное ПО, которое мог установить хакер при взломе;
- социальная инженерия — контент, который обманом заставляет посетителей делать что-то опасное. Например, раскрывать конфиденциальные данные.
Если такой контент будет обнаружен на сайте, GSC укажет это в отчёте и предложит варианты решения. Когда решите проблемы, перечисленные в отчёте, выберите «Запросить проверку» и в заявке на пересмотр опишите правки.
Отчёт о проверке проблем с безопасностью сайта. Источник
Отчёт о ссылках
Зачем использовать. Проверить, какие сайты ссылаются на ресурс: качественные или спамные.
Как работает. Показывает, какие сайты ссылаются на ваш ресурс, какой текст они для этого используют и на какие страницы ссылаются чаще всего.
Настройки Google Search Console
В этом разделе можно настроить разрешения для работы с GSC, связать сервис с другими платформами Google или сообщить об изменении адреса сайта.
Кроме того, здесь можно запросить отчёт о сканировании. Он предназначен для SEO-специалистов, которые уже научились работать с GSC и проверяли ресурс несколько раз. В Google его рекомендуют читать только тем, у кого ресурс состоит из 1000 страниц и более.
Полезные инструменты для тестирования сайта
Кстати, в базе знаний Google Search Console предлагают несколько ссылок, которые помогут в проверке сайта. Их нет в интерфейсе самого сервиса, поэтому переходите по ссылкам из статьи:
- Инструмент для тестирования AMP поможет проверить AMP-страницы на наличие ошибок (подробнее о сервисе).
- Инструмент для проверки оптимизированности страниц под мобильные устройства поможет протестировать совместимость страниц с мобильными гаджетами (подробнее о сервисе).
- Инструмент для проверки расширенных результатов покажет, какие типы расширенных результатов есть на странице, а также любые ошибки или предложения для структурированных данных (подробнее о сервисе).
Отчёты в старой GSC, которые ещё пригодятся
Некоторые отчёты из старого интерфейса Google Search Console не перенесли в новый, но пользоваться ими всё равно можно.
Инструмент проверки файла robots.
txtGoogle Search Console проверит файл robots.txt и покажет, открыты ли к индексации важные страницы сайта, корректно ли указаны директивы. Вот ссылка на тест.
Маркер
Позволяет передавать роботам Google информацию с шаблонов страниц сайта. Он помогает быстрее размечать одинаковые страницы и выделять важную информацию, которая сразу будет отображаться в поиске. Подробнее об инструменте.
Настройки частоты сканирования
Вы можете снизить число запросов, которые Google отправляет вашему сайту при сканировании. Это полезно, если Google перегружает ваш сайт запросами. Подробнее об инструменте.
Веб-инструменты
Несколько инструментов, которые помогают при работе с сайтом:
Отчёт о реализации рекламы. В нём собираются сведения о нарушениях стандартов Better Ads Standards.
Злоупотребления. Конкретного определения, что понимают под злоупотреблением в Google, нет. Но в таком отчёте вы увидите меры, принятые в отношении сайта. Например, Chrome будет запрещать вашему сайту автоматически открывать новые окна или вкладки и другие.
Некорректные уведомления. Если сайт будет рассылать много уведомлений и на него пожалуются, Google запретит рассылать уведомления в будущем. А информация об этом отобразится в отчёте.
Поделиться
СВЕЖИЕ СТАТЬИ
Другие материалы из этой рубрики
Не пропускайте новые статьи
Подписывайтесь на соцсети
Делимся новостями и свежими статьями, рассказываем о новинках сервиса
«Честно» — авторская рассылка от редакции Unisender
Искренние письма о работе и жизни. Свежие статьи из блога. Эксклюзивные кейсы и интервью с экспертами диджитала.
Оставляя свой email, я принимаю Политику конфиденциальностиНаш юрист будет ругаться, если вы не примете 🙁
Как запустить email-маркетинг с нуля?
В бесплатном курсе «Rock-email» мы за 15 писем расскажем, как настроить email-маркетинг в компании. В конце каждого письма даем отбитые татуировки об email ⚡️
*Вместе с курсом вы будете получать рассылку блога Unisender
Оставляя свой email, я принимаю Политику конфиденциальностиНаш юрист будет ругаться, если вы не примете 🙁
Схема разметки для SEO
Брэндон Аморозо
25 сентября 2020 г.
Как использовать разметку схемы для улучшения SEO
Что такое структурированные данные Schema.org?
Schema.org позволяет нам предоставлять поисковым системам информацию, необходимую для понимания того, что представляет собой наш контент и как обеспечить наилучшие результаты поиска. Легче всего понять разметку схемы, взглянув на пример конечного результата. Оттуда мы пойдем в обратном направлении.
Можете ли вы заметить что-нибудь необычное в этом результате поиска? Если вы сказали звездный рейтинг, вы его поняли! Рейтинги продуктов, отображаемые под вашим стандартным результатом поиска, являются побочным продуктом внедрения структурированных данных schema. org на странице продукта.
Обзоры — это лишь один пример того, что добавление схемы может сделать для ваших результатов поиска. Чтобы сгенерировать собственный код, воспользуйтесь Помощником по разметке данных Google.
Разница между Schema, микроданными, разметкой структурированных данных, Open Graph, JSON-LD и т. д.
Давайте проясним путаницу между всеми этими разными, но очень похожими терминами:
- Структурированные данные: Стандартизированный формат для разметки информации на веб-странице, чтобы помочь поисковым системам лучше понять, о чем веб-страница.
- Микроданные: микроданные — это форма структурированных данных, которая работает с HTML5.
- Schema.org: Согласованные определения тегов микроданных между основными поисковыми системами Google, Bing и Yahoo.
- Rich Snippets: Тип расширенного результата. Обычные результаты поиска с отображением дополнительной информации.
- Расширенные результаты: любой тип визуально улучшенных результатов поиска с информацией, извлеченной из структурированных данных. Особенности SERP
- : Любой результат, который не является традиционным органическим результатом. Наиболее распространенными являются расширенные фрагменты! Они также могут быть избранными фрагментами, контекстной рекламой, твит-боксами и панелями знаний .
- Панели знаний: блок, который вы иногда видите в правой части экрана в результатах поиска, извлеченных из сети знаний Google, базы, используемой для извлечения информации из различных источников для предоставления релевантных результатов поиска Google. Лучший пример: если вы местная компания и у вас есть учетная запись Google My Business, вы обычно видите, что это отображается в результатах поиска с правой стороны.
- Open Graph: Facebook использует разметку, чтобы знать, какие изображения и описание отображать, когда кто-то делится вашей страницей в социальных сетях. Открытый граф не заменяет Schema, но их можно и нужно использовать вместе.
- JSON-LD: нотация объекта Javascript для связанных данных. Другими словами, это формат реализации для schema.org, который считается более простым в реализации, чем микроданные.
Schema Markup SEO Best Practices
JSON-LD
JSON-LD позволяет просто вставлять разметку в документ с кодом HTML, а не оборачивать разметку вокруг элементов HTML, как в случае с микроданными. Мы используем JSON-LD для реализации разметки схемы для всех наших клиентов.
Что делает JSON-LD?
JSON-LD структурирует ваши данные, аннотируя элементы на странице, которые, в свою очередь, используются поисковыми системами для извлечения фактов и информации о вашем веб-сайте и веб-странице.
Куда добавить JSON-LD?
Google рекомендует добавлять JSON-LD в раздел
вашего HTML-документа, но он также может находиться в разделе.Как реализовать JSON-LD
«@context»: «
Теперь вы должны сообщить веб-браузеру, на какой словарь вы будете ссылаться в своей разметке.
<тип сценария = «application/ld+json»>
{
«@context»: « https://schema.org »,
Реализуя вышеизложенное, вы можете использовать любые типы элементов и свойства элементов, которые Schema.org определяет. .
«@type»: «…»,
Последним элементом каждого JSON-LD является спецификация типа. Полный список типов можно найти здесь, на schema.org. Это сообщает поисковой системе, что я использую этот тип элемента, и вы можете найти его здесь. Теперь все, что вы добавите, будет атрибутом типа.
JSON-LD может быть сложно реализовать, если разметка добавляется вручную. Однако Google часто может считывать данные JSON-LD, когда они динамически внедряются в содержимое страницы, например, с помощью кода JavaScript или встроенных виджетов в вашей системе управления контентом.
Еще одно преимущество JSON-LD заключается в том, что его можно предоставить в виде блока кода, поскольку он отделен от уровня представления, в отличие от необходимости оборачивать теги схемы вокруг элементов в исходном коде.
Микроданные
Микроданные используют встроенный синтаксис разметки, который включает добавление дополнительных атрибутов к существующим элементам HTML. Микроданные предлагают более простую ручную реализацию разметки по сравнению с JSON-LD, поскольку тегирование несколько проще.
Вот пример фрагмента микроданных:
Суперкнига
Очень интересно. Супер впечатляет.Рейтинг книги:
88 из
100 с
рейтингами 20
RDF-a
RDF-a — это расширение HTML5, которое обычно используется в верхних и нижних колонтитулах страниц сайта с использованием встроенной разметки. синтаксис.
Вот пример фрагмента RDF-a:
Рейтинг книги:
88 из
100 с
20 оценками