Блог Дмитрия Худякова
Энциклопедия начинающих блоггеров

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

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

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

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

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

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

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

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

Помимо обычного 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, листаете в самый низ и видите примеры нужного кода.

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

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

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

Рекомендую

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

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

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

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

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


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

С уважением Дмитрий Худяков!

1 звезда2 звезды3 звезды4 звезды5 звезд (Нет голосов)
Загрузка...
Этот блог читают 4 578 человек, присоединяйся и ты
Комментариев 18
  • Людмила

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

    29.11.2016 | 23:45
    • Нина

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

      29.11.2016 | 23:45
  • Алёна

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

    29.11.2016 | 23:45
    • Дмитрий

      Алена, пожалуйста!

      29.11.2016 | 23:45
  • Ирина

    Ох, для меня микроразметка- темный лес! Ничего в ней не понимаю!

    29.11.2016 | 23:45
    • Дмитрий

      Ирина, для меня по началу это тоже были непроходимые дебри!

      29.11.2016 | 23:45
    • Нина

      Но ведь наверняка она у вас есть. Просто возможно вы о ней не знаете.

      29.11.2016 | 23:45
  • Арина

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

    29.11.2016 | 23:45
    • Дмитрий

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

      29.11.2016 | 23:45
    • Нина

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

      29.11.2016 | 23:45
  • Наталья

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

    29.11.2016 | 23:45
  • Наталья

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

    29.11.2016 | 23:45
  • Александр

    Разметка сайта всем нужна, для Яндекса она важна. А если не разметишь блог, то покарает Гугл-Бог. :- (

    29.11.2016 | 23:45
    • Нина

      Гугл далеко не Бог,

      А просто поисковик дорог.

      29.11.2016 | 23:45
  • Картавцева

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

    29.11.2016 | 23:45
    • Нина

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

      29.11.2016 | 23:45
  • Хуторная

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

    29.11.2016 | 23:45
  • Нина

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

    29.11.2016 | 23:45
Оставить коментарий
:p :-p 8) 8-) :lol: =( :( :-( :8 ;) ;-) :(( :o: