Микроразметка schema.org за 5 минут: как правильно сделать разметку сайта

9951

Микроразметка schema.org — это способ явно подсказать поисковым системам, какие данные находятся на странице и какое у них назначение. Сегодня она используется не для «улучшения SEO», а для корректного формирования расширенных сниппетов, понимания структуры контента и повышения доверия к странице со стороны поисковых систем.

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

Зачем нужна микроразметка schema.org

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

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

  • расширенных сниппетов в результатах поиска;
  • корректного определения типа страницы (статья, FAQ, организация);
  • повышения доверия к контенту при индексации.

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

Ранее микроразметку часто встраивали прямо в HTML с помощью атрибутов itemscope и itemprop. Такой подход считался нормой несколько лет назад, но сегодня он считается устаревшим.

Актуальный и рекомендуемый формат — JSON-LD. Он подключается отдельным блоком кода и не вмешивается в HTML-разметку страницы.

Преимущества JSON-LD:

  • не ломает верстку;
  • проще поддерживать и обновлять;
  • официально рекомендован Google;
  • корректно воспринимается Яндексом.

Пример микроразметки Article (JSON-LD)

Это базовый и самый распространённый тип микроразметки для информационных статей и блогов.


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Микроразметка schema.org за 5 минут",
  "author": {
    "@type": "Person",
    "name": "Максим Рябухин"
  },
  "datePublished": "2015-01-13",
  "dateModified": "2015-07-17",
  "image": "/path-to-image.jpg",
  "articleBody": "Основной текст статьи"
}
</script>

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

FAQ и расширенные сниппеты

Для страниц с вопросами и ответами используется тип FAQPage. Он может добавить в сниппет разворачиваемые блоки вопросов.


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Нужна ли микроразметка для SEO?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Микроразметка напрямую не влияет на позиции, но улучшает отображение сайта в поиске."
      }
    }
  ]
}
</script>

Частые ошибки при использовании schema.org

  • Разметка не соответствует контенту страницы.
  • Добавление всех типов schema «на всякий случай».
  • Дублирование разметки плагином и вручную.
  • Использование устаревших HTML-атрибутов.

Как проверить микроразметку

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

Пример проверки микроразметки на schema.org

Пример проверки микроразметки на schema.org

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

Вывод

Микроразметка schema.org сегодня — это не сложная техническая задача, а стандартная часть качественного сайта. Использование JSON-LD позволяет внедрить её действительно за несколько минут и без риска для верстки.

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

11
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(14 голосов, в среднем: 4.1 из 5)
не скупись ☝️ оцени статью
Подписка на обновления:
Автор блога Рябухин Максим

Я фрилансер веб-разработчик. Последние несколько лет занимаюсь версткой и веб-программированием на PHP и Javascript. Если вам понадобится помощь с блогом Wordpress, либо адаптация сайта, я всегда рад помочь.

связаться
Вместе с этим советую почитать:

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
не пытайтесь оскорбить автора, либо участников блога, ваши комментарии все равно не будут промодерированы!
у меня есть сайт

комментариев: 11
  • Кирилл

    Откуда информация, что Hatom не поддерживается Яндекс? :|

    Ответить
    • Максим Рябухин

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

      Ответить
      • Кирилл

        Максим Рябухин, вполне возможно. Сейчас Яндекс поддерживает все популярные разметки, но не полностью. В итоге идеала (отсутствие ошибок в Консоли Google\Вебмастере Яндекс) добиться и для Яндекс и для Google сложно. :?:

        Ответить
        • Максим Рябухин

          Кирилл, а со schema.org это вполне возможно и не очень-то и сложно, если следовать руководству.

          Ответить
  • Галина

    Так коротко, но так все ясно. Спасибо! А можно вопрос не по теме? Как сделать такие оригинальные ссылки без подчеркивания как у вас? Только точно -точно такие!)))

    Ответить
    • Максим Рябухин

      Галина, ознакомьтесь со статьей красивое css подчеркивание элементов.

      Ответить
      • Галина

        Максим Рябухин, спасибо за ответ! У вас такой блог, что можно задавать и задавать вопросы. К примеру мне очень нравится как появляется неожиданно кнопочка «Ответить». Хороший дизайн блога и восхитительное сочетание розового и черного, моя мечта!

        Ответить
        • Максим Рябухин

          Галина, разработка просто авторская, всё придумывал на ходу и меняю периодически если надоедает) рад, что вам понравилось )

          Ответить
  • Алексей

    Спасибо за статью!

    Кратко и лаконично. Не затрагивая конечно всех возможностей этой микроразметки, но что касается контента, то в этой статье это расписано.
    Блогеры ликуют :roll:

    Ответить
    • Максим Рябухин

      Ну если каждому первому рассказывать в деталях действия, то и услуги фрилансеров никому станут не нужны ;-)
      А на общих основаниях вполне полный и раскрывающий идею пост. :idea: Некоторые вовсе ничего не понимая в выбранном шаблоне вордпресса просят помощи. Ты тратишь на это время, пишешь им готовое решение, а они даже не благодарят, поэтому..

      Ответить
      • Галина

        Максим Рябухин, Иисус Христос сказал: «Даже если ты дашь чашку воды, не останешься без награды».

        Твори добро на всей Земле,
        Твори добро другим во благо
        Не за красивое «спасибо»…

        Ответить
показать все