Заголовок Вашей статьи
Тут идет основной текст статьи, который можно разбить на абзацы. Разрешено использование всех html тэгов разметки.
Размеченный сниппет со структурированной информацией притягивает внимание и повышает количество переходов на сайт со страницы поиска. Валидатор микроразметки определяет правильность прописания тегов в коде.
Отображение сниппета с микроразметкой кардинально отличается. Это будет полноценное описание с указанием адреса, телефона, часов работы, цены. Для рецептов будут отображаться фотографии. Вид сниппета зависит от типа контента.
Простой сниппет
Детальный сниппет
Есть типы контента, для которых микроразметка обязательна:
видеоролики;
фильмы;
рецепты;
мероприятия;
отзывы;
товары;
программы;
рефераты;
рестораны.
Яндекс рекомендует микроразметку Schema.org. Это стандарт семантической разметки, принятый в 2011 г. корпорациями Google, Yahoo и Bing для улучшения структурированности информации на сайте, передачи ее смысла поисковым роботам.
Он использует микроданные для семантической разметки документа.
Микроданные - теги, употребляемые в языке HTML5.
Имеет множество сущностей, список которых пополняется. Необходимо применять специальные сущности для разных типов страниц и информации.
Мероприятие |
|
Организация |
|
Товарное предложение |
|
Несколько товаров |
|
Ресторан |
|
Картинки |
|
Программы |
SoftwareApplication |
Мобильные приложения |
MobileApplication |
Интернет-программы |
|
Вопросы и ответы |
Question и Answer |
Прописывают ее прямо в html-коде. Используют три основных атрибута:
Itemscope – указывает роботу о присутствии микроразметки.
Itemtype - описывает тип сущности.
Itemprop - указывает свойства сущности.
Первые два атрибута применяются совместно. Для itemprop прописывают значения разных полей. Стандартные: name, description, image, url. Другие поля - специальные и зависят от сущности контента.
Пример кода с разметкой для организации.
Нужно скопировать адрес страницы или вставить часть кода, если сайт еще не запущен.
После проверки валидатором доступен перечень несоответствий, которые делятся на ошибки и предупреждения. Яндекс публикует расшифровку результатов. Валидатор микроразметки от Яндекса - не единственный. Также можно проверить с помощью validator.ru и Structured Data Linter. Однако Яндекс поддерживает микроформаты, микроданные, RDFa, OpenGraph и рекомендуемую schema.org, а также проверяет на соответствие требованиям своих сервисов и партнерской программы.
Многие слышали о микроразметке, но никогда ее не применяли. Основная причина — непонимание, что это такое и зачем нужно. Сейчас мы все по порядку расскажем.
Семантическая разметка или микроразметка была введена поисковыми системами относительно недавно (начиная с 2011 года) . Основная цель — сделать сайт более понятным для поисковой системы. Сразу приведем пример.
Поисковику важно понимать, есть на сайте телефон или его нету. От этого зависит очень многое. Телефон можно найти по маске +7 ххх хх-хх-хх и подобным. В этом сложности нет. Но как отличить телефон от факса? Если сам сайт не «сообщит», какой номер к чему относится, то сделать это невозможно.
Такая же сложность есть и с текстом. Как отличить кулинарный рецепт от статьи на тему приготовления пищи?
Для того, что бы решить данные вопросы и была создана семантическая разметка материала. Дабы не усложнять жизнь web мастерам, был создан крайне простой формат, очень похожий на верстку.
Приведем самый простой пример:
Предположим, у нас есть отрывок из верстки страницы с контактами:
Все стандартно, никаких сложностей нету.
А теперь пример того же отрывка, но уже с размеченным кодом.
Довольно просто и интуитивно понятно, не так ли? Нужно знать только синтаксис. Вся разметка делается в коде сайта, никаких дополнительных файлов создавать не придется.
Сразу ответим на самые популярные вопросы.
Если поисковая система понимает, какой материал находится на сайте, то она постарается сделать сниппеты максимально привлекательными. Расположить цену, условия, ответы/вопросы, отзывы и т.д.
К примеру, Яндекс может написать цену на товар рядом с Вашим сайтом.
Кроме этого, микроразметка помогает точнее разобраться в коммерческих факторах — телефонах, адресах, ценах и подобных.
Напрямую никакого влияния на позиции и «видимость» сайта нет. Однако, есть косвенные причины:
Да, всем. Разметка контактов и других основополагающих элементов желательна для любого ресурса. Но не для всех видов товаров и услуг можно передать данные в сниппеты. К примеру, сейчас поддерживаются:
Существует несколько вариантов (синтаксисов) сообщить роботу, что находится у Вас на сайте. Самый распространенный и используемый — разметка «по правилам» shema.org. Именно ее и рекомендует Яндекс.
Кроме данной разметки существует еще (разработан Facebook). Данный вид разметки больше ориентирован на соц. сети и используется ВК, ФБ, Твиттер, Гугл Плюс и другими.
Существует так же еще один формат — JSON-LD, но он используются только Яндекс Почтой. Изменить информацию в сниппетах при его помощи не получится.
Отдельно хотелось бы сказать про . Это такой же способ семантической разметки контента, однако он довольно сильно отличается от всех предыдущих. Микроформаты достаточно популярны. Про них мы напишем ниже.
Schema.org — это самый популярный формат микроразметки, который понимают все популярные поисковые системы. Формат позволяет описать сотни различных сущностей и рассказать об их свойствах.
Разметка начинается с создания «контейнера», в котором и будут располагаться все данные. Выглядит он следующим образом:
Россия, Санкт-Петербург, ул. Верности
Подробный синтаксис можно посмотреть на официальном сайте — http://schema.org. (Не официальный перевод на русский язык — http://ruschema.org)
Данную разметку используют все популярные социальные сети — ВКонтакте, Фэйсбук, Твиттер, Линкедин. Яндекс при помощи Open Graph передает данные в свой сервис «Видео».
Кроме формирования привью данный формат подходит для разработчиков приложений.
Синтаксис и подробную информацию можно найти на официальном сайте — http://ogp.me
Это достаточно популярный способ семантической разметки для HTML страниц. Он позволяет поисковым роботам понимать смысловые значения контента. Сделан он довольно «необычным» способом. Что бы передать поисковому роботу информацию, элементу присваивается атрибут «class», который имеет значение схожее с именем свойства. К примеру, адрес будет выглядеть таким образом:
В отличии от других форматов Вам не придется прописывать «лишних» тэгов.
Микроформаты используются множеством сервисов по всему миру, в том числе и Яндексом. Правда, стоит сказать, что на данный момент Яндекс поддерживает не все микроформаты. (актуальный список поддерживаемых форматов можно найти в Интернете)
Подробная информация о синтаксисе доступна на официальном сайте — http://microformats.org/wiki/Main_Page
Яндекс уверяет, что ему не важно, каким форматом Вы будите пользоваться. Но рекомендует использовать схема.орг.
Мы приведем примеры только для самой популярной schema.org. Если Вы выберите для своего сайта аналог, то примеры всегда сможете найти в Интернете и на официальных сайтах микроразметок.
Размечать контактную информацию следует на всех сайтах без исключения. Это позволит поисковой системе разобраться в коммерческих факторах, а так же структурировать сниппет.
С микроразметкой
Эффективнее всего микроразметка проявляет себя при описании товаров. В сниппете появляется цена, преимущества, описание товара и другая важная информация.
С микроразметкой
Код получился довольно большим, однако это полноценная разметка статьи. Именно такой она и должна быть. Микроразметка статьи позволяет сделать сниппет более структурированным и человекочитаемым.
С микроразметкой
Тут идет основной текст статьи, который можно разбить на абзацы. Разрешено использование всех html тэгов разметки.
Несмотря на то, что далеко не все пользователи используют хлебные крошки, разметить их нужно. Микроразметка не только позволит поисковой системе лучше ориентироваться у Вас на сайте, но и выдаст в сниппете список подразделов, что привлечет внимание.
С микроразметкой
Часто робот поисковой системы может определить текстовую релевантность страницы, но «распознать» определенные характеристики для него может быть уже слишком сложной задачей.
В ряде вопросов данную нестыковку может решить использование микроразметки.
Микроразметка — это способ донести до поискового робота смысл текста, сделать его более структурированным и понятным для поисковой системы.
Сама по себе микроразметка означает, что для выделения определенных блоков и их смысла в коде (в разметке) используются специальные обозначения, в которые «оборачивается» ваш текст со страницы.
Различных стандартов на данный момент уже достаточно много, и их внутренние словари постепенно и планомерно расширяются. Например, всего неделю назад, 13-го мая, была представлена версия стандарта Schema.org 2.0, в которой создатели объявили о большей открытости к узкоспециализированным тематикам, таким как финансы, медицина, библиография.
Из часто используемых можно отметить такой стандарт, как Open Graph, позволяющий достаточно просто описать вид статьи или видео для публикации в Facebook (о настройке Open Graph на WordPress вы можете прочесть в статье Прожектора №57 « »).
Можно отметить стандарт Microformats.org, который на сегодняшний день уже «устаревает», все реже встречается и используется для описания адресов и телефонов компаний (что происходит все реже ввиду особенностей составления его спецификаций).
И наибольшего внимания достоин стандарт Schema.org , появившийся благодаря самим поисковым системам: его поддерживают и Google, и Яндекс, он является достаточно удобным и не слишком сложен в освоении. Также, помимо прочего, по нему можно найти довольно много информации в открытых источниках.
В первую очередь стоит отметить, что установка микроразметки НЕ влияет на позиции сайта в выдаче напрямую, но с помощью нее вы можете улучшить сниппет сайта и, как следствие, увеличить трафик.
Как это работает? Если сниппет выгодно отличается от других, то он может привлечь к себе больше внимания. Следовательно, ссылку в выдаче чаще открывают, увеличивается CTR и поведенческие факторы (откуда формально могут увеличиться и позиции).
Звучит довольно заманчиво:
Какой из сниппетов более привлекателен, если Вы ищете рецепт торта?
Ознакомиться со списками поддерживаемых типов полей вы можете в специальных разделах «Справки» Google и «Помощи» Яндекса (и в его списке партнерских программ).
Обе поисковые системы поддерживают микроразметку для таких данных, как:
Пример сниппета товара с ценой, отзывами и «хлебными крошками» в Google
Помимо этого, каждая поисковая система поддерживает свои дополнительные типы и словари. Например, Яндекс до недавнего времени понимал разметку аккордов песен, а сейчас имеет специальные расширения для обозначения целевой аудитории .
Для того чтобы у себя на сайте поместить размеченные данные, вам потребуется либо полностью разобраться в принципе написания разметки, либо воспользоваться специальным сервисом Google под названием «Маркер ».
Поговорим о каждом из вариантов.
Например, на сайте имеется блок с адресом и телефоном организации. Для эксперимента возьмем сайт в ТОПе по запросу «купить телефон »:
Расширенный сниппет с адресом организации
Для его главной страницы в сниппете указан адрес, что говорит о том, что либо на сайте добавлена микроразметка, либо сайт добавлен в Яндекс.Справочник. При ближайшем рассмотрении мы обнаружим, что в коде страниц указаны контейнеры разметки (посмотреть это можно с помощью firebug или отладчика):
Исходный код сайта
Для адресов организаций в schema.org указываются специальные контейнеры, которые обязаны быть в коде и должны быть описаны строго определенным образом.
Представим, что у нас не было бы микроразметки, тогда код выглядит так — каждая строка данных просто отделяется тегом переноса строки или абзацами
Корпорация ГУРУ:
115280, Москва, ул. Ленинская Слобода, д.19, стр.1
Электронная почта: [email protected]
Для того чтобы прописать необходимые поля, можно воспользоваться все той же «Справкой» Яндекса и взять оттуда основу для дальнейшей работы. Вместо заполненных полей подставляем данные:
При этом необходимо помнить, что нельзя путать вложенность данных. Если в schema.org приведена «организация », внутри которой содержится блок «почтовый адрес », то поля из «адреса » должны быть только внутри своего
То есть на практике мы, всего лишь поставив в шаблоне наши данные на нужные места, семантически разбили их для роботов до понятного уровня.
Аналогично можно описать любую схему: для меню «хлебные крошки» можно использовать шаблон из справочной системы Google (исходные коды по ссылке). Ознакомиться с применением кода можно, например, на сайте «Связного ».
Исходный код меню «хлебные крошки»
Для каждого из стандартных описаний вы всегда можете найти информацию о том, где и какие поля располагаются: так, для разметки товаров возможно указание цены блоком , аналогично указывается разметка отзывов и комментариев. Самое важное — найти необходимый шаблон, а они достаточно подробно описаны.
Наибольшая сложность состоит в том, как именно вписать в имеющиеся оформление и стили указанные блоки и элементы. Тут за помощью можно обратиться к более опытным коллегам.
Как говорилось выше, создать микроразметку можно и без знания шаблонов с помощью сервиса Google «Маркер ».
Первый шаг — указать адрес страницы и тип необходимых данных:
Выбор типа разметки
Выбор полей осуществляется мышью:
Выбор полей для разметки мышью
После выделения необходимых полей и задания типов для них вы получите указания, какие строки кода необходимо изменить и в каких местах:
Итоговый код
В данном случае все даже проще, чем ранее. Столкнуться со сложностями можно будет, только если страницы сайта не статические, а динамические и создаются посредством кода PHP, например, при написании микроразметки на платформе WordPress. В таком случае необходимо будет править файлы index.php (и, возможно, header.php).
1. Наиболее ярко использование микроразметки может себя проявить в определенных тематиках. Для сайта с рецептами можно достаточно заметно увеличить трафик за счет установки привлекательных сниппетов. Если в выдаче по запросу будет присутствовать только один сайт с изображением и аккуратно прописанным описанием, то он будет привлекать гораздо большее внимание, чем другие.
2. Для интернет-магазина при наличии выгодно выделяющих вас среди конкурентов цен также возможно повышение трафика. Выгоду от предложения становится видно в выдаче: если стоимость одна из наиболее низких, то наличие разметки положительно повлияет на конверсию.
Другие примеры, как обычно, остаются на ваше собственное изучение.
Одним из важнейших шагов перед выкладкой готовой разметки является валидация — проверка правильности написания разметки . Выполнить ее можно с помощью специальных сервисов «Валидатор микроразметки » в составе Яндекс.Вебмастера и Testing Tool в составе Google Developers.
Работать с данными сервисами очень просто — копируем в поле ввода код и получаем либо ответ «все хорошо»:
Валидатор от Яндекс
либо предупреждение, где написана ошибка, если вы что-то перепутали в порядке (как я предупреждал ранее):
Правильное использование микроразметки может дать вам некоторые преимущества, которыми не стоит пренебрегать. Данная тема очень глубока, и описать ее в двух словах достаточно сложно, поэтому рекомендую ознакомиться со ссылками в тексте и почитать, что о разметке говорят сами поисковые системы: какие форматы они поддерживают на сегодняшний день, как их заставить работать на свои цели.
В остальном желаю успехов в начинаниях на поприще семантической разметки!
Вы тоже уже запарились разбираться в устройстве сайта Schema.org и в том, как использовать его монструозный список для создания микроразметки на собственном сайте? Тогда эта подробная и доходчивая статья раз и навсегда прояснит все для вас, и вопросов больше не останется. Гарантирую!
Я сам подступался к микроразметке несколько раз, и каждый раз бросал его к чертям собачьим, ибо сайт Schema.org абсолютно бестолково устроен. Да, там есть обширный список сущностей и типов, и к нему целая куча описаний. Есть даже частичный перевод сайта на русский язык - ruschema.org . Но один хрен - нифига не понятно.
Ну, смотрите сами: вот я хочу разобраться, как мне добавить микроразметку на свою страницу со статьей. Я захожу на сайт Schema.org, перехожу в раздел Schemas , далее по ссылке Full list of types, shown on one page и получаю огромный список сущностей (Thing):
И что дальше? Среди этих шести свойств явно чего-то не хватает, а именно: названия статьи, автора, даты написания и пр. Есть какие-то невнятные articleBody , articleSection , pageEnd и т.д. Ну, и что мне с этим делать? Если кликнуть по свойству, то ничего нового не обнаружишь:
И так по всему списку. Абсолютно не дружественный интерфейс, заточенный, разве что, под труЪ программистов, которым все ясно с полуслова, причем нерусского.
Гуд! Давайте разбираться, что здесь и с чем едят, на этом Schema.org. Чтобы все непонятки исчезли, а поисковики погладили нас по головке за использование микроразметки на нашем сайте, потому что это кошерно.
Начнем с азов. Это для тех, кто вообще впервые слышит про микроразметку. Остальные могут промотать статью дальше и прочитать про практическое применение микроразметки.
Микроразметку придумали ушлые маркетологи от веба. Иначе эта штука называется семантическая разметка и означает, что страницы сайта помечены особыми тэгами, чтобы поисковые боты могли лучше понимать, о чем именно повествуют данные страницы сайта и что конкретно они предлагают.
На странице Яндекс.Вебмастер, посвященной микроразметке , приводится вполне наглядный пример куска страницы сайта без разметки и с разметкой:
Почувствуйте, как говорится, разницу. Если не почувствовали, объясняю: без микроразметки бот поисковика не может сам определить, о чем конкретно идет речь на странице сайта. Слово «аватар» может иметь массу значений. Чтобы дать понять поисковому роботу, что в статье говорится о конкретном фильме, мы добавляем специальные метки и объявляем, что все они относятся к сущности типа Фильм (Movie).
В документе с разметкой добавлена куча нейтральных тэгов span с различными атрибутами вида itemprop="" . Здесь есть также два непонятных атрибута: itemscope и itemtype и добавлена ссылка на раздел Movie того самого сайта schema.org. Окей! перейдем по этой ссылке и посмотрим, что там есть:
Еще один список свойств (Properties), но среди них есть всего лишь два из тех, что использованы в примере Яндекса - director и trailer . Где же остальные: name и genre ? Яндекс, что ли, сам их придумал?
Дело в том, что у schema.org есть определенная иерархия, и ее можно видеть как раз на странице с общим списком всех сущностей (Thing). Здесь пора уже пояснить, что это такое - сущность.
Сущность (Thing) в Schema.org означает какую-то конкретную вещь, причем самим словом Thing можно обозначить любую из возможных вещей. В нее вложены все остальные типы вещей. Не все на свете, разумеется, но чаще всего используемые для описания в интернете: статьи, новости, события, личности, книги, программы и т.д.
Каждая из вложенных вещей может содержать свой «набор» сущностей похожего типа. Например, в сущность с именем Событие (Event) могут входить события разного вида: бизнес-события, детские мероприятия, фестивали, музыкальные тусовки и пр.
Ясное дело, что если сущности имеют иерархию, то есть, своеобразную вложенность, то они вполне могут перенимать свойства (Properties) от своих родителей. Сущность Фестиваль перенимает свойства от сущности Событие, а также перенимает свойства самой главной в списке сущности - Thing .
Теперь вы понимаете, откуда Яндекс взял недостающие свойства name и genre для примера микроразметки фильма? Свойство genre есть у родительской сущности CreativeWork , в которую вложена Movie ; а свойство name есть у самой главной сущности Thing , в которую входит сущность CreativeWork . Все просто!
Таким образом, мы можем использовать свойства как конкретной сущности, так и ее родителей. По сути, на странице любой вложенной сущности на сайте Schema.org выложен список свойств не только ее самой, но и родительских. Просто проматывайте страницу вниз, и вы увидите их последовательно.
Теперь становится понятно, как пользоваться сайтом Schema.org: вы выбираете свойства сущности и описываете их своими словами. Кроме того, у многих сущностей в самом низу страницы есть примеры использования. Они вполне наглядно помогают разобраться, как это все можно применять.
Так почему именно Schema.org, а не кто-либо другой? Кто вообще такие эти ребята? Как говорит Википедия , это инициативная группа товарищей от крупнейших поисковых систем Google, Yahoo!, Bing и Яндекс, которые в 2011 г. решили добавить к специальный набор семантических же метаданных, что должно улучшать результаты поисковой выдачи.
В качестве основного формата разметки веб-страницы метаданными разработчики schema.org предлагают микроразметку - теги и атрибуты для разметки структурированной информации на веб-страницах, появившиеся в стандарте HTML5.
C itemprop - Свойством (Properties), надеюсь, вы уже разобрались. Кто еще не понял - это самая мелкая деталь микроразметки, обозначающая конкретное свойство объекта. Например:
Джеймс Кэмерон
Эта строка просто говорит, что товарищ по имени Джеймс Кэмерон не грузчик с Привоза, а настоящий Режиссер.
itemtype - означает конкретную сущность, которую мы описываем при помощи микроразметки. Например, Фильм (Movie).
itemscope - означает Сущность вообще. Это атрибут просто говорит поисковикам, что здесь есть какая-то сущность с микроразметкой и им, поисковикам, следует на это обратить внимание.
Обычно эти два атрибута пишутся один за другим и добавляются оба-два какому-нибудь блоку DIV на сайте. Сначала идет itemscope , а за ним itemtype + добавляется ссылка на раздел конкретной сущности в Schema.org:
Сущности могут быть вложены одна в другую. Например, в более крупную сущность Article могут входить другие сущности, вроде NewsArticle , Report и др. Часто глобальные сущности вроде Article добавляют прямо к тэгу body на странице сайта:
Остальные сущности добавляются по мере их появления на странице. Каждая конкретная сущность также предваряется атрибутами itemscope itemtype . Соответственно, на странице сайта таких конструкций может быть несколько, и они должны соблюдать вложенность - все как и с обычными тэгами HTML.
Микроразметку можно добавить непосредственно в HTML код страницы, а можно воспользоваться сторонними плагинам для CMS типа WordPress и др.
Для привязки атрибутов itemscope , itemtype и itemprop можно использовать уже имеющиеся HTML тэги блоков, абзацев текста, ссылок и списков, а можно добавлять нейтральные тэги span .
Если нужно в микроразметку добавить свойство url (ссылка), но не изображать ее как ссылку, можно воспользоваться тэгом link . Посетители увидят ее просто как текст, а поисковый бот прочтет ее, как нужно.
Некоторые ушлые вебмастера используют тэг meta в теле страницы. Тэг meta , Карл!!! Я не советую этого делать. Во-первых, это тэг заголовка страницы head и там ему самое место. А во-вторых, поисковики не жалуют за это, так что бдите.
Кроме того, порой те же хитрованы вебмастера советуют скрывать от посетителей часть текста, помеченного микроразметкой, при помощи CSS. Крайне не советую этого делать! Это типичный клоакинг , за который вас поисковики могут запросто забанить.
Некоторых вебмастеров хлебом не корми - дай лишь чего-нибудь лишнего нарулить на сайте. То же касается и микроразметки. Не стоит уподобляться графоманам и лепить атрибуты микроразметки к каждой закорючке на сайте. Все должно быть в меру. А иначе благое дело превратится в манию, а за лесом атрибутов микроразметки потеряется сам полезный контент.
Поисковики похвально относятся к микроразметке, но так же внимательно следят и за скоростью загрузки страниц. Если количество вашей микроразметки в 5 – 10 раз превышает количество полезного содержимого на странице, то скорость загрузки может значительно снизиться. Ведь каждая конструкция itemscope itemtype посылает на сайт schema.org и тащит оттуда необходимые инструкции.
Поэтому развлекайтесь с микроразметкой, как угодно, но знайте меру!
Вы можете нарулить в коде такое, что сам черт ногу сломит. Поэтому есть удобные валидаторы микроразметки от Гугла и Яндекса . Причем, каждый из них относится к правильности микроразметки по-своему, учитывайте это.
Если вы чего-то нахомутали, то валидатор выдаст соответствующее сообщение(я). Либо Ошибку, либо Предупреждение, либо и то и другое вместе. Читайте их, вникайте и тут же исправляйте. Ошибки следует исправлять обязательно, на предупреждения можно забить, но лучше тоже исправить, от греха подальше.
Для WordPress существует несколько готовых плагинов для добавления микроразметки. Я не сторонник лишних плагинов, тем более они часто работают по собственному разумению, не всегда очевидному и понятному. Поэтому я за то, чтобы добавлять все в шаблон своими шаловливыми ручками.
Микроразметку добавить в шаблон WordPress не просто, а очень просто! Возьмем, к примеру, страницу с отдельными постами, которые обычно выводятся шаблоном single.php . Все что нужно, это внедрить следующие куски кода по месту:
itemscope itemtype=http://schema.org/Article – добавить в тэг DIV с атрибутом post или entry;
itemprop="name" – добавить в тэг h1 или h2 ;
itemprop="url" – добавить в тэг h1 или h2 вместе с тэгом link . Пример:
itemprop="author" – добавить в кусок кода, выводящий имя автора. Пример:
itemprop="datePublished" – дата публикации в формате "Y-m-d" . Пример:
itemprop="articleBody" – вставляем в блок вывода текста статьи;
itemprop="articleSection" – вывод рубрики;
itemprop="image" – ссылка на картинку к посту;
и т.д.
Более толково весь этот процесс расписан Рекомендую!
Я надеюсь, теперь вы легко сможете разобраться в микроразметке Schema.org.
В интернете, разумеется, существует не только этот тип микроразметки. На самом деле их несколько разных, под разные задачи. В следующий раз поговорим про Open Graph - второй по популярности вариант микроразметки от социальной сети Фейсбук. Он предназначен для адекватного отображения страниц сайта в соцсетях.
Оставайтесь на связи!
Одной из самых острых и актуальных тем среди web-программистов и владельцев интернет ресурсов сегодня является seo-оптимизация. Для того чтобы сайт попал на первые страницы поисковых запросов "Яндекса" или Google, необходимо провести колоссальную работу над его созданием и продвижением.
Адаптировать ресурс под обыкновенного пользователя можно при помощи актуального и интересного контента. А вот чтобы пользователь смог найти этот ресурс, необходимо оптимизировать сайт под поисковую систему. Как это сделать?
В отличие от человека, не может распознать, о чем идет речь на сайте без определенных подсказок. Он анализирует контент, выявляет определенные закономерности, определяет ключевые слова, но, не имея человеческого интеллекта, не может понять смысл написанного. Чтобы упростить ему задачу, программистами придумана семантическая или микроразметка для "Яндекса" и Google. Так же, как гипертекст показывает машине, что и где нужно разместить, семантическая разметка объясняет, кому или чему посвящен ресурс. Благодаря этому пониманию сайт лучше ранжируется среди конкурентов и имеет больше шансов попасть на первые строчки поисковых запросов.
Особенно эффективно микроразметка "Яндекс" и Google влияет на продвижение коммерческих сайтов, предлагающих товары и услуги. Нагляднее всего ее объяснит следующий пример.
Необходимо создать микроразметку для сайта-визитки по оказанию парикмахерских услуг для собак. Она будет выглядеть так:
Itemtype - BarberShop,
Name - парикмахерская для собак.
В первой строке прописана область работы сайта, а во второй - конкретный объект. Страница с таким скриптом окажется выше на поисковой лестнице, чем аналогичная без него, поскольку поисковая система сочтет ее более релевантной понятию “парикмахерская для собак”, а не просто “парикмахерская”.
Создаваемая при помощи "Яндекс.Вебмастер" микроразметка позволяет прописывать множество параметров - места продаж, часы работы, контакты, краткое или услуги и многое другое.
Все больше ресурсов стремятся предоставить пользователю качественно обработанный материал. Чем ближе по смыслу он будет к искомому, тем большую эффективность принесет сайту. Поэтому сегодня микроразметка активно используется:
Создание семантической разметки привело к тому, что потребовался единый стандарт для всех поисковых систем. Им стала микроразметка "Яндекс" и Google - schrema.org. Она упрощает процесс создания короткого описания (сниппета), которое мы видим при отображении страницы в результатах поиска. В эту информацию можно включить важные сведения о сайте, которые помогут пользователю определиться, переходить или не переходить ему на эту страницу.
Кстати, количество элементов и словарей в schrema огромно, поэтому ее можно использовать для сайтов практически любой тематики.
Помимо поисковых систем Google и "Яндекс", микроразметка товаров, услуг, мультимедийного и информационного контента требуется и социальным сетям. Для них Facebook придумал единый стандарт Open Graph. Эта разметка позволяет контролировать, как будет представлен сайт в новостной ленте социальной сети. Причем сегодня создавать красивые ссылки с его помощью можно не только в Facebook, но и в Google+, "ВКонтакте", Twitter. Для красивого отображения последнего, кстати, также используется Twitter Cards.
На самом деле при ранжировании сайта ни "Яндекс", ни Google не отдают какому-либо стандарту больше предпочтения. Классический вариант использования - schrema.org - он наиболее полный, современный и активно развивающийся.
Мы определили, что такое микроразметка "Яндекс". Как сделать так, чтобы в ней отображалась нужная информация? Для этого используется такое понятие, как словарь микроразметки. Это набор элементов, тегов и синтаксиса, с помощью которых на чем-то акцентируется внимание поисковой машины.
Для каждого стандарта существуют свои словари и элементы. В schema.org существует несколько ключевых словарей со своей огромной иерархией и типами отображения. Например, словарь Thing позволяет представлять информацию в 3-х основных свойствах:
Или словарь Good Relations, который будет особенно полезен торговым интернет-площадкам. Он позволяет размещать данные о ценах, местах приобретения, наличии и т. д.
Словарь FOAF - микроразметка контактов "Яндекс" и Google. Это анкета, которую вы заполняли миллионы раз на различных сайтах - ваше имя, координаты, страница в социальных сетях, почта, дата рождения и т. д. Эти знания позволят склонить пользователя перейти по ссылке, предлагая ему то, что может его заинтересовать. Таким образом, сайту можно поднять посещаемость.
Для подробного описания аудио и видеоинформации - исполнителя, названия альбома, продолжительности - используется микроразметка VideoObject.
Существует также разметка для почтовых сообщений, позволяющая пользователю, не переходя на другую страницу, согласиться на встречу или оставить комментарий под статьей, например.
Любое продвижение в интернете требует тщательного и глубокого анализа эффективности. Проверить микроразметку "Яндекс" можно при помощи валидатора - программного обеспечения, распознающего метаданные на веб-страницах. Проверке корректности поддаются документы любых форматов - HTML, XHTML, RSS, XML, на любых языках.
Проверка микроразметки "Яндекс" осуществляется любым валидатором, поддерживающим форматы Schema.org, микроданных HTML, Open Graph, RDF.
Узнать, насколько вашего сайта в поиске Google можно несколькими способами. Для опытного пользователя, который свободно владеет скрытыми настройками вебмастеров "Гугл", подойдет доступный только по ссылке инструмент Rich Snippet Tool.
Другой способ - установить плагин Seo by Yoast. Он удобен в использовании и будет доступен после установки в верхней панели вебмастера.
Третий способ - на сайте Google Developers в панели инструментов выбрать “Другие ресурсы”, нажать на кнопку “Инструмент для проверки структурированных данных” и указать html страницу, которую хотите проверить. Когда робот просчитает заданный скрипт, вы получите детальный отчет с ошибками, если они есть, и пояснениями к ним.
С этой поисковой системой все несколько проще. Валидатор микроразметки "Яндекс" расположен в инструментах вебмастеров, во вкладке “Мои сайты”. Здесь нужно нажать кнопку “Проверить разметку” и ввести URL сайта, и валидатор начнет просчитывать ошибки. Через несколько минут вы получите один из трех вариантов ответа:
В каких случаях появляется информация о некорректной разметке?
"Яндекс.Вебмастер" - валидатор микроразметки - выводит сообщение об ошибке в двух ситуациях:
В любом случае программа выдаст детализацию ошибки, по которой можно судить, какие обязательные поля в разметке были опущены или какой атрибут был пропущен.
Может еще выдать сообщение - «страница не может быть загружена». Оно указывает на ошибку сервера или несуществующую страницу.
Если микроразметка "Яндекс" выполнена с неизвестной ошибкой или вы не знаете, как ее исправить, всегда можно обратиться за справкой "Яндекс.Вебмастера".
После завершения валидации, новая разметка появится в течение 2 недель.
Вы разметили свой ресурс по всем правилам, и валидатор микроразметки "Яндекс" показал, что все выполнено без ошибок. На сколько пунктов поднимется ваш сайт по поисковой лестнице?
Семантическая разметка только косвенно влияет на релевантность, и нельзя назвать точное количество позиций, на которые она поднимет сайт. Однако микроразметка - один из ключевых факторов, влияющих на привлечение внимания пользователя. Интересный и привлекательный сниппет приведет большее число посетителей, и позиции сайта будут расти. Остальное будет зависеть от наполненности и актуальности ресурса.
Помимо заметности ресурса, микроразметка существенно увеличивает вес и качество сайта среди конкурентов. Стоит выделить следующие преимущества разметки:
Но, конечно, при seo-продвижении не стоит зацикливаться только на разработке микроразметки. Крайне важно, иметь полезный и уникальный контент, но не только. Есть еще множество факторов, влияющих на повышение сайта в рейтинге поисковиков "Яндекс" и Google.
Внутреннее продвижение, к которому относится микроразметка "Яндекс" и Google, имеет несколько направлений:
Помимо внутреннего продвижения, должна вестись работа и с внешними факторами. Веб-программист регулярно должен отслеживать, отображаются ли ссылки на сайт на других ресурсах, насколько эта ссылочная масса весома и авторитетна (этот процесс определяют при помощи тематических и взвешенных Одним из способов внешнего цитирования является также размещение рекламных баннеров ресурса.
Согласно последним исследованиям, одним из самых эффективных способов продвижения является обсуждение или упоминание сайта в социальных сетях. Поисковик видит активное движение этой информации и воспринимает его как актуальное и востребованное, таким образом повышая рейтинг ресурса.
Для интернет-магазинов эффективно использование комментариев и отзывов покупателей, причем как на самом сайте, так и на тематических форумах, порталах с отзывами и т. п.
Продвижение в сети - сложный многогранный процесс, требующий интенсивной работы над различными внешними и внутренними факторами. Нельзя сказать, что какой-то из вышеперечисленных способов абсолютно правильный, и именно он приведет ваш сайт в топ. Оказаться на верхних строках поисковых запросов можно только при комплексной работе над всеми аспектами seo продвижения, в частности, огромную роль стоит уделять микроразметке.
Очень важно донести до поисковой машины, что вы всеми способами стараетесь упростить ей отбор и делаете это не только ради высокого рейтинга, но и для удобства пользователя, точнее, в первую очередь для того, чтобы человек нашел эту информацию в сети.
"Яндекс" и Google напрямую заинтересованы в том, чтобы пользователь получал необходимые сведения, а значит, чем лояльнее будет ваш ресурс, тем больше его шансы занять место в топе.
Не суть важно, какую именно разметку вы используете - OpenGraph, schrema.org или какую-нибудь другую, главное, чтобы она была выполнена без ошибок и выделяла ключевые моменты страниц ресурса. Регулярно проверяйте ее при помощи валидатора, проводите глубокий анализ каждой стороны своей деятельности, и тогда вас ждут отличные результаты!