Отложенные записи вконтакте. Как сделать отложенный пост в инстаграм? Нажимаем «Добавить публикацию»

В Google Search Console – есть пункт «Структурированные данные».

Рис 1 – ошибки в микроразметке

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

Рис 2 – ошибки микроразметки Hentry

В нашем случае мы видим, что имеются 106 ошибок, которые относятся к разметке формата hentry (microformats.org)

– микроразметка, встроенная в ядро WordPress. Так как она встраивается автоматически и не адаптирована под сторонние шаблоны - чаще всего работает неправильно, и это приводит к тому, что Google Search Console обнаруживает такие ошибки:

Рис 2.1 – ошибки Hentry: author, entry-title, updated

Но, при этом инструмент для проверки микроразметки от Google – абсолютно спокойно сообщает, что нет никаких ошибок и никаких предупреждений по этому поводу.()

Рис 3 – гугл не видит ошибок hentry

На нашем сайте мы будем использовать признанную всеми поисковыми системами единогласно микроразметку – schema.org .

Этот стандарт поддерживает как Яндекс , так и Google .

Поэтому, встроенную микроразметку hentry, которая в Google Search Console выдает нам 106 ошибок – необходимо просто удалить.

Так как hentry добавляется в ядро wordpress -,что позволяет удалить ее через фильтры, потому как в шаблонах этих классов не видно.

Исходный код для удаления hentry:

Add_filter("post_class", "fc_remove_hentry", 20); function fc_remove_hentry($classes) { if (($key = array_search("hentry", $classes)) !== false) { unset($classes[$key]); } return $classes; }

Код необходимо добавить в functions.php

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

Рис 4 – удаление разметки hentry со всего сайта

После сохранение файла и повторной валидации страницы через инструмент для проверки микроразметки от Google – hentry должна будет пропасть.

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

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

Рис 5 – положительная динамика уменьшения ошибок hentry

Как удалить ошибку:

ОШИБКА: поле http://ogp.me/ns#image отсутствует или пусто

Рис 6 – ошибка Open Graph ns#image

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

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

В нашем случае на сайте присутствует плагин - SEO Ultimate, который имеет специальный раздел, отвечающий за разметку Open Graph. А это значит, что ошибка связанная с http://ogp.me содержится именно в плагине SEO Ultimate.

Заходим по следующему пути SEO Ultimate -> Open Graph -> Default Values -> Default Image

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

Рис 7 – как исправить ошибку Open Graph ns#image

Добавляем URL адрес картинки, которую бы мы хотели видеть по умолчанию. Напомню что The Open Graph protocol отвечает за вывод красивых постов в социальных сетях, в фейсбуке, твиттере, вконтакте и так далее. То есть эта картинка, которую вы зададите по умолчанию, будет фигурировать в постах социальных сетей, репостах и так далее. Выбирайте брендовую и респектабельную фотографию.

После сохранения изменений – ошибка пропадает.

Рис 8 – ошибка Open Graph ns#article

Но по-прежнему остается ошибка, связанная с неизвестным префиксом article.

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

Рис 9 – как исправить ошибку Open Graph ns#article

Устанавливаем Open Graph Type – Website.

Рис 10 – правильная разметка Open Graph

После всех изменений валидатор разметки Яндекс больше не выдает никаких ошибок:

Рис 11 – валидная разметка Open Graph

Добавляем микроразметку хлебных крошек

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

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

Рис 12 – хлебные крошки на сайте

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

Рис 13 – хлебные крошки выводятся через Breadcrumb NavXT

Открываем админ панель нашего сайта и заходим в редактирование плагина Breadcrumb NavXT.

Рис 14 – Настройки Breadcrumb NavXT

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

В нашем случае нас интересуют:

  • Шаблон ссылки на страницу блога
  • Шаблон на главную
  • Рубрика блога Шаблон
  • Шаблон ссылки на рубрику

Все шаблоны имеют стандартный вид типа:

%htitle%

%htitle%

Чтобы получить правильную микроразметку, нам нужно разметить этот исходный код с помощью стандарта http://schema.org/BreadcrumbList

  1. Dresses
  2. Real Dresses

Разберем по порядку, какие элементы содержит разметка, и как их следует применять:

itemscope itemtype=”http://schema.org/BreadcrumbList”

Этот элемент обозначает начало размечаемой области. Все что будет внутри этого элемента – это будет разметка хлебных крошек.

В примере элемент находится внутри нумерованного списка – тег

    Это не обязательно, можно использовать

    , или другие подобные теги.

    Нужно смотреть по обстоятельствам и помнить что от того какой тег вы используете такой CSS и подключится к хлебным крошкам. То есть внешний вид ваших хлебных крошек зависит от того в какие теги вы обрамите http://schema.org/BreadcrumbList .

    В нашем случае мы добавим эту строку кода через исходный код виджета breadcrumb_navxt_widget.php

    Так как через стандартный редактор кода админ панели WordPress это файл недоступен, мы будем использовать фтп доступ через filezilla.

    Рис 15 – Настройки виджета Breadcrumb NavXT

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

    Рис 16 – код который обрамляет Breadcrumb NavXT

    Находим в файле breadcrumb_navxt_widget.php следующий код:

    Echo "

    "; И меняем его: echo "
    "; //Display the regular output breadcrumb bcn_display(false, $instance["linked"], $instance["reverse"]); echo "
    ";

    Сохраняем файл и перезаписываем его на сервере, в результате получаем то что нам нужно.

    Рис 17 –обозначение разметки BreadcrumbList

    Он обозначает новую принадлежность к другому типу данных - schema.org/ListItem

    А также он описывает свойство – itemListElement. Это свойство уже относится к размечаемым элементам в хлебных крошках. То есть это свойство нам нужно использовать в нашем исходном коде при выводе непосредственно хлебных крошек.

    В нашем случае мы будем использовать это в плагине Breadcrumb NavXT.

    В начало кода, отвечающего за хлебные кошки –

    %htitle%

    Мы добавим строку:

    %htitle%

    Нужно разметить элемент itemprop=”item”, из примера видим, что он отвечает за разметку URL адреса хлебных крошек.

    Добавляем его перед href=”%link%” Получаем в итоге:

    Далее размечаем свойство itemprop=”name”, то есть имя, которое соответствует нашему URL адресу, уже размещенному нами. Нам необходимо %htitle%, который в нашем случае отвечает за нужное имя – обрамить свойством itemprop=”name”.

    Получаем

    %htitle%

    В конце нам нужно добавить обозначение позиции элемента в иерархической системе, используя свойство itemprop=”position”.

    Для этого добавляем строку кода

    Главное – делать все аккуратно и в пределах открытых

    или

    И так, исходя из имеющегося исходного кода:

    %htitle%

    На основе примера получается следующий код:

    %htitle%

    Также приведем примеры уже готовых кодов разметки для Breadcrumb NavXT.

    %htitle% %htitle%

    %htitle%

    %htitle%

    С Микроразметкой:

    %htitle%

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

    Рис 18 – валидная микроразметка хлебных крошек

    Видео

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

    В Гугл, Яндекс и других поисковиках(Bing, Yahoo), микроразметка Schema.org используется все активнее. Давайте рассмотрим ее преимущества плане SEO или другой оптимизации — а также научимся применять ее к собственному сайту.

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

    Данная статья, является своего рода дополнением, мы рассмотрим следующие вопросы:

    Итак, давайте приступим!

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

    – это просто разметка, которая помогает основным поисковым системам (ПС) быть немного умнее, предоставляя им данные в структурированной форме. Это примерно как накормить 5-летнего ребенка овощным рагу, а после спросить, какие в блюде использовались овощи. 😉 То есть, это сложная задача. Но если вы для ребенка разделите каждый овощ, объясните чем он полезен, и начнете давать ему их по-отдельности, то ребенок без труда сможет их распознавать.

    Поисковые системы тоже хотят «питаться» структурированной пищей(контентом), где можно без труда распознать все ингредиенты. Schema реализует это за счет распределения элементов по категориям. Давайте для примера возьмем свойство «нечто»:


    Кликните, чтобы увеличить.

    Свойства:

    • additionalType ; тип — URL;

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

    Это взаимосвязь между чем-то и классом, которому принадлежит Нечто. В синтаксисе RDFa, лучше использовать нативный RDFa синтаксис – атрибут ‘typeof’ – для множества типов. Инструменты Schema.org могут иметь лишь слабое понимание дополнительных типов, особенно тех, что взяты из внешних источников.

    • description; тип — Текст; Краткое описание элемента.
    • image; тип — URL; Изображения элемента.
    • name; тип — Текст; Название элемента.
    • sameAs; тип — URL; Источник информации, например страница новостного бюро.
    • url; собственно адрес страницы.

    Данный тип элемента имеет такие свойства как additionalType, description, image, name, sameAs и URL. Эти свойства используются для дальнейшего описания элемента для поисковиков. Они также сообщают ПС, где нужно искать максимально релевантную информацию об этом элементе, ссылаясь на страницу, которая содержит конкретную информацию.

    Давайте в пример возьмем свойство image – это URL, который ведет на исходное изображение элемента. Обычный HTML-код для данного изображения выглядит следющим образом:

    1 2 > >

    Что такое семантическая микроразметка

    Теперь обозначим этот участок контента микроразметкой:

    1 2 3 4
    "http://schema.org/ImageObject" >

    Что такое семантическая микроразметка> itemprop ="contentURL" />

    Что такое семантическая микроразметка

    В чем же разница?

    Обычный HTML-код сообщает поисковой системе, что это просто изображение, и что оно отображает нечто связанное со скоростью загрузки сайтов, и имеет название kartinka-123.jpg .

    В то время как Schema-код сообщает поисковой системе, что это сегмент об изображении, а заголовком изображения является «Что такое микроразметка», и что прямой URL до файла изображения kartinka-123.jpg .

    Видите разницу? Разница в том, что в первом случае ПС нужно полагаться на собственный семантический интеллект, в то время как во втором случае ей сообщаются все подробности, связанные с тем, ЧТО, ГДЕ и КАК . ПС не очень-то стремятся делать какие-то выводы, основываясь на собственных догадках и семантическом интеллекте. Вместо этого, они собирают точные файлы, и отображают их конечному пользователю.

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

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

    Как это повлияет на SEO?

    Впоследствии, ПС на странице результата поиска смогут предоставлять пользователям более качественные, структурированные данные. Обычно они приводятся в формате . Давайте взглянем на пример Schema в действии:

    Для интернет-магазинов:

    • В Яндекс:

    • В Гугл:

    Адреса организаций и регионы:

    Как выглядела бы такая разметка в исходном коде:

    Мероприятия (Гугл)

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

    Рецепты(Яндекс)

    Фильмы:

    • В Яндекс
    • В Гугл

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

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

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

    Могу ли я внедрить микроразметку на свой сайт?

    Существует несколько способов реализации. Сложный подразумевает изучение документации Schema и написание кода вручную в вашем HTML-коде.

    Предлагаю вам несколько ресурсов, которые помогут вам начать:

    Здесь вы можете изучить разметку Schema и научиться применять ее в коде вашего сайта. Есть еще способ, заключается в использовании вспомогательного инструмента от Google — Structured Data Markup Helper .

    В режиме онлайн вы отмечаете участки контента и присваиваете им значения разметки, после чего Гугл покажет, что вы должны внедрить в код шаблона, чтобы внедрить микроразметку. Все не так сложно, если вы знакомы с вашим HTML-кодом. Вам нужно будет просто выделить структурированный тип данных, ввести URL и начать проставлять тэги. Нажмите на кнопку «Create HTML» в правом верхнем углу, и прокрутите к области с желтыми отметинами.

    Скопируйте части кода, выделенные желтым цветом. Это и будет ваша разметка. Затем вставьте ее туда, где она должна быть расположена (как показано в демо исходном коде, которые вы смотрите). Будет проще, если вы просто скачаете HTML-исходник, но если вы используете PHP и другие скрипты в вашей странице, то вам возможно придется установить код вручную.

    После того, как вы введете код, перепроверьте, корректно ли поисковик считывает ваши структурированные данные. Сделать это можно при помощи специального инструмента Structured Data Testing Tool , или же Валидатор Яндекса:

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

    После установки данного плагина, в панели редактора появиться новая кнопка:

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

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

    Аналогичный плагин, тоже справляется со своими задачами.

    Напоследок, мнение западного эксперта — Мэтт Каттс:

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

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

    Аватар

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

    Schema.org предоставляет общедоступный словарь, с помощью которого вебмастера могут размечать страницы, так чтобы они были понятны самым распространенным поисковым системам: Яндексу, Google, Microsoft и Yahoo!.

    itemprop="name" >Аватар

    Режиссер: itemprop="director" >Джеймс Кэмерон (род. 16 августа 1954 г.) itemprop="genre" >Фантастика itemprop="trailer" >Трейлер

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

    Теперь поисковые системы смогут понять не только то, что http://www.avatarmovie.com - это ссылка, но и то, что это ссылка на трейлер фантастического фильма «Аватар» режиссера Джеймса Кэмерона.

    Вложенные сущности

    Иногда значение свойства может само являться сущностью, с собственным набором свойств. Например, режиссер фильма может быть описан как сущность с типом Person, у которой есть свойства name (имя) и birthDate (дата рождения). Чтобы указать, что значение свойства представляет собой сущность, необходимо добавить атрибут itemscope сразу после соответствующего itemprop .

    Аватар

    itemprop="director" itemscope itemtype="http://schema.org/Person" >Режиссер: Джеймс Кэмерон (род. 16 августа 1954 г.)
    Фантастика Трейлер

    Типы и свойства schema.org

    Кроме типов Movie и Person, упомянутых в разделе , schema.org описывает множество разнообразных типов сущностей, для каждого из которых определен набор свойств.

    Наиболее обобщенный тип сущности - это Thing (нечто), у которого есть четыре свойства: name (название), description (описание), url (ссылка) и image (картинка). Более специализированные, частные типы имеют общие свойства с более универсальными. Например, Place (место) - частный случай Thing, а LocalBusiness (местная фирма) - частный случай Place. Частные типы наследуют свойства родительского типа. (Более того, тип LocalBusiness является и частным случаем Place, и частным случаем Organization, поэтому наследует свойства обоих родительских типов.)

    Вот список некоторых популярных типов сущностей:

    • Дополнительно: машиночитаемая версия информации

      Многие страницы можно разметить, используя только атрибуты itemscope , itemtype и itemprop (описанные в разделе Как размечать контент с помощью микроданных) вместе с типами и свойствами schema.org (описанными в разделе Как использовать словарь schema.org).

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

      Даты, время и длительность: используйте тег

      Не всегда роботам удается правильно понять дату и время. Например, «04/01/11» - это 11 января 2004 г., 4 января 2011 г. или 1 апреля 2011 г.? Чтобы однозначно задать дату, используйте тег

      04/01/11

      Время суток задается в формате hh:mm либо hh:mm:ss , с префиксом T . Время может быть указано вместе с датой:

      8 мая, 19:30

      Рассмотрим пример в контексте: HTML-код с информацией о концерте, который состоится 8 мая 2011 г. Разметка типа Event включает название события, описание и дату.

      itemscope itemtype="http://schema.org/Event" >
      itemprop="name" >Spinal Tap
      itemprop="description" >Одна из самых громких музыкальных групп всех времен воссоединится для незабываемого двухдневного шоу. Концерт состоится 8 мая в 19:30

      Длительность описывается аналогичным образом, с помощью тега

      H обозначает количество часов, а M - количество минут.

      Форматы даты, времени и длительности соответствуют стандарту ISO 8601 .

      Перечисления и ссылки на канонические страницы: используйте тег link с атрибутом href

        Перечисления

        Некоторые свойства имеют ограниченный набор возможных значений. Программисты называют их перечислениями. Например, интернет-магазин может использовать тип сущности Offer для подробного описания товарного предложения. Свойство availability (наличие) обычно имеет одно из нескольких возможных значений: In stock (в наличии), Out of stock (отсутствует), Pre-order (на заказ) и т. д. Значения перечисляемых свойств можно указывать в виде URL, аналогично типам сущностей schema.org.

        Вот товарное предложение, размеченное как сущность типа Offer, с соответствующими свойствами:

        Blend-O-Matic $19.95 Уже в продаже!

        А вот то же самое предложение, размеченное с использованием и href , что позволяет однозначно указать одно из допустимых значений свойства availability:

        Blend-O-Matic $19.95 Уже в продаже!

        Schema.org предоставляет список возможных значений для небольшого количества свойств - в тех случаях, когда у свойства есть ограниченный набор типичных значений. Так, возможные значения для свойства availability перечислены в ItemAvailability .

        Над пропастью во ржи Автор itemprop="url" href="http://en.wikipedia.org/wiki/The_Catcher_in_the_Rye">Страница в Википедии

        Как видите, атрибут itemprop="url" можно использовать для ссылки на страницу другого сайта (в этом случае, Википедии), которая описывает ту же самую сущность. Ссылки на сторонние сайты помогают поисковым системам лучше понимать, о чем речь на вашей странице.

        Над пропастью во ржи Автор

      Недостающая или неявная информация: используйте тег с атрибутом content

      Иногда важная информация не может быть размечена из-за способа ее отображения на странице. Например, информация представлена на рисунке (изображение рейтинга 4 звезды из 5) или во Flash-объекте (например, длительность видеоролика) либо она подразумевается, но не указана на странице в явном виде (например, валюта цены).

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

      Blend-O-Matic $19.95 25 оценок

      А вот тот же пример с размеченной информацией о рейтинге.

      Blend-O-Matic $19.95
      itemprop="reviews" itemscope itemtype="http://schema.org/AggregateRating" > itemprop="ratingCount" >25 оценок

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

      Расширение schema.org

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

    Что такое и зачем нужна микроразметка

    Микроразметка - стандарт семантической оптимизации. Стандарт был представлен поисковиками Google, Bing и Yahoo летом 2011 года. Осенью того же года стало известно о поддержке стандарта отечественной поисковой системой Яндекс. Микроразметка позволяет роботам точнее определять и структурировать информацию на страницах сайтов. По данным Яндекса, на август 2012 года микроразметку используют порядка 10% сайтов рунета.

    Микроразметка выполняется добавлением в HTML-код страницы специальных тегов, в которых размещается различная полезная информация.

    Различают такие виды разметки, как: микроформаты, микроданные и RDFа.

    Микроданные

    Способ разметки (актуальный в HTML5), который описывает специальные данные. Например, данная разметка может содержать отзывы, информацию о дате и времени мероприятия, человеке и т.д. Микроданные применяют простые атрибуты HTML-тегов (

    , ). С их помощью присваиваются небольшие описательные имена свойствам и элементам.

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

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

    и .

    Ещё один способ разметки. Работает по той же схеме: с сущностями (и их свойствами) и элементами. Главное преимущество - расширенные возможности.

    Сегодня специалисты Гугл и Яндекс рекомендуют использовать для разметки метод микроданных (Schema.org). Метод сочетает в себе простоту и широкие возможности.

    О пользе микроразметки

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

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

    Но давайте перейдём от абстрактного описания к примерам.

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

    А так с использованием микроразметки:


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

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

    Schema.org - набор словарей, используемых для описания объектов и сущностей на страницах сайтов. Стандарт использует микроданные.

    В стандарте Schema.org есть порядка 550 классов, но их число неуклонно растёт. Некоторые классы поддерживаются сервисами Яндекса.

    Пример кода для карточки товара:

    Кровать Мелисса с мягкой спинкой

    8 350 руб.
    Цена указана за кровать Мелисса с мягкой спинкой; размером спального места 900х2000 мм. Подушки у спинки кровати изготовляются из искусственной кожи. В комплектацию входит ортопедическое основание на ножках.

    Основные принципы разметки :

    • Оборачивание описания типа в контейнер с дальнейшим указанием схемы разметки.
    • Разметка отдельных свойств с указанием на каждое конкретное свойство схемы.

    Влияние микроразметки на ранжирование

    В Яндексе

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

    В Google

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

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

    Для того чтобы веб-мастерам не приходилось многократно переделывать разметку, Яндекс разработал валидатор. При помощи валидатора можно проверить всю разметку, чтобы убедиться, что все поисковые роботы адекватно извлекают данные. Валидатор поддерживает микроданные, микроформаты, RDFa и schema.org. Валидатор и инструкция к нему находятся .

    Заключение

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

    Schema.org - это стандарт семантической разметки данных в сети, объявленный поисковыми системами Google, Bing и Yahoo! летом 2011 года.

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

    Разметка происходит непосредственно в HTML-коде страниц с помощью специальных атрибутов и не требует создания отдельных экспортных файлов.

    1. Зачем нужна микроразметка
    2. Основные принципы разметки

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

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

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

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

    Познакомиться с описанием стандарта можно на официальном сайте в разделе документация .

    Также существует неофициальный и пока неполный перевод стандарта на русский язык на сайте: http://ruschema.org/ .

    Основные принципы разметки

    Любая разметка Schema.org производится в два шага:

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

      ...

      Разметка отдельных свойств с указанием на конкретное свойство схемы:

      Льва Толстого, 16

    Документ без разметки

    Яндекс Контакты:
    Адрес: Льва Толстого, 16, 119021, Москва,
    Телефон: +7 495 739–70–00, Факс: +7 495 739–70–70, Электронная почта: [email protected]

    Документ с разметкой Schema.org

    Яндекс Контакты:
    Адрес: Льва Толстого, 16 119021 Москва,
    Телефон:+7 495 739–70–00, Факс:+7 495 739–70–70, Электронная почта: [email protected]

    Как начать использовать schema.org

    Инструменты внедрения микроразметки

    Как Яндекс использует размеченные данные

    Семантическая разметка контента используется различными сервисами Яндекса:

      Разметка товаров и их стоимости

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

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


Есть вопросы?

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: