Что такое микроразметка и для чего применяется на сайте?

Что такое микроразметка и для чего применяется на сайте?

Оглавление

  • 1 В чем смысл использования микроразметки, и что она из себя представляет?
  • 2 Терминология и основные форматы, которые применяют в реальных условиях
  • 3 Schema.org как один из самых популярных словарей микроразметки
  • 4 Рекомендую

Приветствую вас, дорогие, друзья! На связи Дмитрий Худяков и проект «Блогосфера от А до Я».

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

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

В этой статье, коллеги, я хочу поговорить с вами о таком интересном понятии, как Микроразметка.

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

В чем смысл использования микроразметки, и что она из себя представляет?

Данная разметка (если коротко) — это структурированная разметка данных с применением дополнительных тегов и атрибутов, которые объясняют поисковым роботам, информация какого типа находятся на той или иной странице.

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

Для понимания смысла сказанного показываю картинки. Смотрите, вот пример кода без разметки:

И с разметкой:

Добавленные конструкции нужны для ботов, которые путешествуют по страницам и собирают информацию.

Зачем она им нужна? Чтобы в результате выдачи в поисковике (анонсе социальных сетей) под заголовком были не страшные и непонятные письмена (не относящиеся к запросу), а подготовленное и структурированное описание. Например, такое:

Развитие инструмента началось с создания двух словарей, преследующих разные цели:

  • Schema.org (формирование удобных для юзера сниппетов с данными, разрабатывался совместно Гуглом, Яндексом, Yahoo и Bing);
  • OpenGraph (расширенные ссылки на сайты и другие полезные решения для соцсети Facebook).

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

Друзья, запомните, что эта разметка работает в двух направлениях:

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

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

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

Доверие к ресурсу, который применил разметку, со стороны поисковиков — значительно выше, чем у конкурентов без нее.

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

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

Терминология и основные форматы, которые применяют в реальных условиях

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

Как мы смотрели выше, это происходит с помощью специальных тегов (например, Name). Синтаксис же — это методика использования словаря.

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

Сущность же — непривычное для нас понятие. Удобнее всего его будет объяснить на примере шаблона от WordPress. Страница записей (single.php) в этой CMS включает такие сущности, как: контент, комментарии, рейтинг, подвал. Каждая из них обладает набором свойств:

  • в тексте это дата, описание, автор, рубрика и другие;
  • в комментариях — содержимое, имя комментатора;
  • в футере — год образования ресурса и так далее.
Что такое микроразметка и для чего применяется на сайте?

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

Синтаксис, о котором мы говорили выше, подразделяется на следующие виды:

  • JSON-LD;
  • Микроформаты;
  • RDFA;
  • Микроданные.

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

Словари (форматы) представлены следующим списком (с двумя из них мы уже знакомы):

  • org;
  • Open Graph;
  • Микроформаты;
  • FOAF;
  • Dublin Core;
  • Data vocabulary.

Наиболее популярный формат, который воспринимает большинство поисковиков (а также с которой совместим Вордпресс) — Schema.org. О нем и поговорим.

Schema.org как один из самых популярных словарей микроразметки

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

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

Для внедрения семантики в код некоторые пользователи используют специально разработанные плагины для популярных систем управления сайтами. А проверяют ее на валидаторах микроразметки (например, в Яндекс — https://old.webmaster.yandex.ru/microtest.xml).

«Схема» оснащена большим списком типов разметки, среди которых музыка, видео, аудио, продукт, отзыв, предложение, книги, рецепты, фирмы и многое другое. Для каждого из них предоставлено подробное описание на официальном сайте http://schema.org.

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

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

Для примера, если в тексте нужно семантически выделить книгу: открываете ссылку http://schema.org/Book, листаете в самый низ и видите примеры нужного кода.

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

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

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

Рекомендую

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

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

В общем, коллеги, если и вы хотите приукрасить свой проект, но не знаете к кому обратиться за помощью, тогда вам – вот сюда!

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

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

До новых встреч! Берегите себя!