Микроразметка: что нужно знать SEO-специалисту о словарях и синтаксисе
Что делать, если ваш уникальный, качественный и полезный контент в упор не видит Google? Поисковым системам можно и нужно помогать — специально для этих целей и существует микроразметка. Благодаря ей поисковые роботы быстрее и четче находят нужную пользователям информацию на страницах сайта.
Но вначале разберемся с главным.
Что такое микроразметка и как ее внедрять?
Микроразметка — своего рода единый язык, который одинаково понимают и тpaктуют поисковые роботы Google, Яндекс, Bing, Yahoo. Об этом они «договорились» еще в далеком 2011 году. Язык этот состоит из специальных тегов (например , ) и их содержимого. С помощью микроразметки можно показать роботам, что определенный текст или другие элементы на странице важны и принадлежат к определенному типу данных (поисковые роботы еще несовершенны в тpaктовке смысла контента и расстановке приоритетов).
Например, на странице «О нас» или «Контакты» компании стоит выделить микроразметкой блок с контактными данными — в таком случае на запрос пользователя «контакты компании N» робот безошибочно покажет нужную страницу и нужные данные.
Другой пример. Допустим, мы хотим, чтобы роботы поняли: эта маленькая картинка сверху — логотип компании.
Нажмите правой кнопкой мыши на фото и выберите «Копировать URL картинки»:
Для разметки логотипа следует указать:
- Словарь микроразметки.
- Тип данных. В нашем случае — “Organization”.
- URL-адрес ресурса.
- URL-адрес логотипа.
Получаем фрагмент микроразметки для логотипа:
<script type=\"application/ld+json\"> { \"@context\": \"https://schema.org\", \"@type\": \"Organization\", \"url\": \"https://www.example.com\", \"logo\": \"https://www.example.com/images/logo.png\" }script>
Инструмент Structured Data Testing Tool от Google помогает проверить правильность оформления микроразметки:
Результат:
Аналогичный инструмент от Яндекса — «Валидатор микроразметки»:
Если все чётко, можно внедрять микроразметку в тело сайта или ставить соответствующую задачу программисту.
Все, что вы боялись спросить о семантической разметке Больше примеров —
Если сайт большой, SEO-специалист тратит достаточно много времени, определяя, какие типы страниц будут «размечены», какую именно информацию следует выделить. Конечно, для этого следует изучить основы языка микроразметки — словари и синтаксис.
К слову, если хотите узнать больше о подноготной поискового продвижения, подписывайтесь на рассылку блога:
Истории бизнеса и полезные фишкиСловари микроразметки
Словари микроразметки — наборы классов, свойств, которые позволяют указать на суть содержимого страницы. Словарей очень много, рассмотрим самые популярные.
Как работать с Schema.org?
Schema.org нужен в первую очередь для формирования расширенного сниппета и повышения релевантности страницы.
Пример в результатах поиска:
Словарь включает различное содержимое, свойства и атрибуты. Для каждого из них используется свой тег:
- itemscope — описывает каждый блок отдельно, позволяет описать информацию на уровне сущности;
- itemtype — указывает тип сущности;
- itemprop — позволяет указать дополнительные свойства. Например, сущность — театральное событие. В таком случае можно указать название, дату спектакля, место проведения:
<div itemscope=\"\" itemtype=\"https://schema.org/TheaterEvent\"> <span itemprop=\"name\">Viva Штраусspan> <div itemprop=\"location\" itemscope=\"\" itemtype=\"https://schema.org/PerformingArtsTheater\"><meta itemprop=\"name\" content=\"ХАТОБ\"/><link itemprop=\"sameAs\" href=\"https://hnatob.com/\"/><meta itemprop=\"address\" content=\"Харьков, Украина\"/>div> <span itemprop=\"startDate\" content=\"2016-25-12T19:00\"> Sun 25 December 2016 19:00span>div>
Подробная документация по Schema.org — на официальном сайте.
Что такое микроформаты?
Микроформаты (microformats.org) — небольшие шаблоны HTML, которые позволяют охаpaктеризовать людей, события, тексты. Микроформаты позволяют распознать смысл отдельных фрагментов на странице. Особенность от других словарей в том, что микроформаты объединяют в себе и словарь, и синтаксис микроразметки.
Пример разметки контактов:
<p class=\"h-card\"> <img class=\"u-photo\" src=\"https://one.org/photo1.png\" alt=\"\" /> <a class=\"p-name u-url\" href=\"https://one.org\">Иван Петровa> <a class=\"u-email\" href=\"mailto:ivan_petrov@gmail.com\">ivan_petrov@gmail.coma>, <span class=\"p-street-address\">Ярослава Мудрого, 15span> <span class=\"p-locality\">Харьковspan> <span class=\"p-country-name\">Украинаspan>p>
Яндекс различает несколько микроформатов:
- hCard — для разметки контактов (телефон, адрес, контактные данные) ;
- hRecipe — для разметки кулинарных рецептов, позволяет указать ингредиенты, инструкции к приготовлению, фото, количество порций;
- hReview — для разметки на страницах отзывов, позволяет размечать текст отзыва, оценку, достоинства и недостатки продукта, дату.
Google способен определить большее количество микроформатов в дополнение к описанным:
- hProduct и GoodRelations — разметка товаров на сайте;
- формат разметки организации и компании;
- hCalendar — разметку мероприятий, позволяет указать дату начала и окончания мероприятия, место проведения.
Формат для разметки видео — позволяет указать продолжительность, название, описание видеоконтента, указать ссылку.
В microformats.org для разметки применяются html-теги.
Пример разметки:
<div class=\"vcard\"><img class=\"photo\" src=\"https://example.com/gagarin.jpg\" /><strong class=\"fn\">Юрий Гагаринstrong> <span class=\"title\">Летчик-космонавтspan> <span class=\"org\">Военно-воздушные силы СССР span><a class=\"url\" href=https://example.com/Гагарин> Страница Ю.Гагаринаa><div class=\"bday\"> <span class=\"value-title\" title=\"1934-03-09\"> 9 марта 1934span>div><span class=\"note\"> Первый человек в космосеspan><span class=\"adr\"> <span class=\"type\">workspan> <span class=\"locality\">Байконурspan> <span class=\"country-name\">Казахстанspan> <span class=\"postal-code\">468320span>span>div>
Как работать с Open Graph?
Open Graph — словарь, созданный Facebook, чтобы каждый сайт мог корректно отображаться в социальной сети. Элементами этого словаря можно разметить только один объект — человека, продукт или компанию.
Несколько обязательных тегов:
- og:title — название объекта.
- og:type — тип объекта. Если на странице больше одного объекта, необходимо выбрать главный и указать его тип. В разных типах можно указывать различные дополнительные свойства.
- og:image — URL изображения.
- og:url — канонический URL, который будет добавляться в Facebook.
Также выделяют ряд необязательных тегов, которые можно использовать в зависимости от контента на странице:
- og:audio — ссылка на аудиофайл, который относится к объекту описания.
- og:description — короткое описание.
- og:locale — язык и страна, указывается в формате язык_страна. Значение по умолчанию — en_US.
- og:locale:alternate — альтернативные языки, на которых доступно описание объекта.
- og:site_name — название сайта.
- og:video — ссылка на видео, которое относится к объекту описания.
Что такое FOAF?
FOAF (Friend of a Friend) описывает человека и связи между людьми. С помощью этого словаря можно указать степень близости людей. FOAF использует поиск Яндекса по блогам и позволяет максимально подробно описать блоги пользователей.
Что такое Dublin Core?
Dublin Core активно используется в библиотеках и музейном деле. Позволяет максимально подробно описать экспонаты и книги.
Пример:
<meta name=\"DC.Title\" content=\"Заголовок веб-страницы\"><meta name=\"DC.Creator\" content=\"Название сайта или имя создателя\"><meta name=\"DC.Subject\" content=\"Тема\"><meta name=\"DC.Description\" content=\"Краткое описание\"><meta name=\"DC.Publisher\" content=\"Издатель\"><meta name=\"DC.Contributor\" content=\"Соисполнитель\"><meta name=\"DC.Date\" content=\"Дата создания\"><meta name=\"DC.Type\" content=\"Тип\"><meta name=\"DC.Format\" content=\"Формат\"><meta name=\"DC.Identifier\" content=\"URL страницы (ID ресурса)\"><meta name=\"DC.Source\" content=\"Источник\"><meta name=\"DC.Language\" content=\"Язык\"><meta name=\"DC.Coverage\" content=\"Геотаргетинг\"><meta name=\"DC.Rights\" content=\"Авторское право\">
Что такое Data Vocabulary?
Data Vocabulary раньше активно разpaбатывался Google, но сейчас он полностью объединился с Schema.org.
Известная микроразметка «хлебные крошки» — это как раз из словаря Data Vocabulary.
Пример:
<div class=\"breadcrumbs\"><span itemscope itemtype=\" https://data-vocabulary.org/Breadcrumb\"><a href=\" https://netpeak.ru/\" itemprop=\"url\"> <span itemprop=\"title\">Netpeakspan>a> <span itemprop=\"child\" itemscope itemtype=\" https://data-vocabulary.org/Breadcrumb\"> <a href=\"https://netpeak.ru/about/\" itemprop=\"url\"><span itemprop=\"title\">О нас span>a>span> span>div>
Зачем нужен Good Relations?
Good Relations используется для продуктов в электронной торговле. Позволяет расширенно описать каталоги рекламы, книги, пользовательскую электронику, автомобили, билеты на концерты, туры, мероприятия и так далее. Этот словарь встречается на некоторых зарубежных сайтах (strobelight-shop.com, lux-case.se).
Пример микроразметки:
<div itemscope itemtype=\"https://purl.org/goodrelations/v1#Individual\" itemid=\"#product\"> Weight: <link itemprop=\"weight\" href=\"#weight\">div><div itemprop=\"weight\" itemscope itemtype=\"https://purl.org/goodrelations/v1#QuantitativeValue\" itemid=\"#weight\"> <span itemprop=\"hasValue\">50span> kg <meta itemprop=\"hasUnitOfMeasurement\" content=\"KGM\" >div>
Синтаксис микроразметки
Синтаксис — способ использования словаря. Он определяет, как будут указаны элементы словаря на странице. Опять-таки нет единого стандарта синтаксиса микроразметки.
1. Микроданные (microdata) содержат несколько основополагающих элементов:
- itemscope определяет, что в теге находятся данные описания объекта.
- itemtype указывает ссылкой на тип объекта;
- itemprop определяет свойства объекта.
Как правило, размечаются данные, которые уже присутствуют на странице и видны пользователю. Но бывают ситуации, когда пользователю нужен человекопонятный формат, а в разметке необходимо использовать понятные для роботов данные. В этом случае рекомендуется указать информацию в атрибуте content любого тега или, как рекомендует Яндекс, добавить тег .
Например:
<div itemscope itemtype=\"https://schema.org/Offer\"> <span itemprop=\"name\">Чехол для Iphonespan> <span itemprop=\"price\">500 грнspan> <div itemprop=\"aggregateRating\" itemscope itemtype=\"https://schema.org/AggregateRating\"> <img class=\"aligncenter lazy\" data-src=\"four-stars.jpg\" /> <meta itemprop=\"ratingValue\" content=\"4\" /> <meta itemprop=\"bestRating\" content=\"5\" />Основан на <span itemprop=\"ratingCount\">25 span> голосах пользователейdiv>div>
2. RDFa и RDFa Lite используются редко из-за сложностей в реализации. Могут описывать любую сущность — человека, объект, событие.
Пример:
<div vocab=\"https://schema.org/\" typeof=\"Invoice\"><h1 property=\"description\">January 2015 Visah1> <a property=\"url\" href=\"https://acmebank.com/invoice.pdf\">Invoice PDF a><div property=\"broker\" typeof=\"BankOrCreditUnion\"> <b property=\"name\">ACME Bankb>div><span property=\"accountId\"> xxxx-xxxx-xxxx-1234span><div property=\"customer\" typeof=\"Person\"><b property=\"name\">Jane Doeb>div> <time property=\"paymentDueDate\">2015-01-30time> <div property=\"minimumPaymentDue\" typeof=\"PriceSpecification\"> <span property=\"price\">15.00span><span property=\"priceCurrency\">USD span>div><div property=\"totalPaymentDue\" typeof=\"PriceSpecification\"> <span property=\"price\">200.00span><span property=\"priceCurrency\">USD span>div><meta property=\"billingPeriod\" content=\"2014-12-21/P30D\" />starts:2014-12-21 30 days<link property=\"paymentStatus\" href=\"PaymentDue\" /> div>
3. JSON-LD — описывают объекты на странице сайта с помощью словаря связанных данных. Разметка оформляется в виде «ключ — значение». Этот синтаксис определяет прострaнcтво зарезервированных ключей, которые смогут связать объект и описание в различных комбинациях.
Например:
{ \"name\": \"Manu Sроrny\", \"homepage\": \"https://manu.sроrny.org/\", \"image\": \"https://manu.sроrny.org/images/manu.png\"}
Объект JSON — набор пар «ключ — значение», которые указываются в формате: {\"title\":\"Конференция\",\"date\":\"2014-11-30T12:00:00.000Z\"}. Имена ключей одного объекта не должны дублироваться.
Типы данных:
- массив — набор значений, указывается в формате: [0, 1, 2, 3];
- строка — набор символов Unicode, указывается в двойных кавычках: \"Вася\";
- число — обычные числа, но нельзя указывать ноль перед числом: [01];
- true и false — бинарное значение;
- null — отсутствующее значение. Обычно используется для очистки данных.
Выводы
Перед внедрением микроразметки следует определить, какое содержимое и какие типы страниц стоит «размечать».
Затем нужно распределить общие блоки микроразметки. Например, микроразметка «хлебных крошек» будет повторяться от страницы к странице, меняться будет только уровень вложенности. А вот контакты организации, скорее всего, будут размечаться только на странице «Контакты» или «О нас».
Кейс по продвижению интернет-магазина детской одежды, обуви и товаров: ROMI 319% Пример внедрения «хлебных крошек» —
Третий шаг — непосредственно разметка информации на странице. По сути, к существующим данным добавляются атрибуты, которые указывают на тип информации на странице.
Два базовых понятия микроразметки — словари и синтаксис. Словари задают язык, который указывает на суть контента страницы, а синтаксис определяет, как будут указаны элементы словаря на странице.
Словари микроразметки (первые три самые популярные):
- Schema.org;
- Микроформаты;
- Open Graph;
- FOAF;
- Dublin Core;
- Data Vocabulary;
- Good Relations.
Синтаксисы микроразметки:
- Microdata;
- RDFa и RDFa Lite;
- JSON-LD.
Комментарии:
Красивый слог и сюжет должны быть в интеpaктивной оболочке, соответствующей времени. Проект Gutenbergz идет к созданию именно такой — идеальной истории для людей XXI века. О пути к этой цели, топе App Store и успехе на Kickstarter мы поговорили с руководи...
26 04 2024 22:23:26
Проверка структурированных данных поисковыми роботами нуждается в нашей поддержке...
25 04 2024 13:32:21
Руководство для всех, кто хочет продать что-то через интернет...
24 04 2024 20:47:27
Как Blizzard реализует тимбилдинг, мотивирует сотрудников и превращает офис в музей...
23 04 2024 5:15:33
Как завоевать Instagram, задавая правильные цели и вопросы. Также в статье делимся табличкой лучшего времени постинга для различных тематических публикаций. Узнать больше!...
22 04 2024 4:38:43
Структура того, чем обладают сотрудники департаментов работы с клиентами лучших компаний....
21 04 2024 10:17:39
Истории бизнеса и советы от Игоря Жаданова (Readdle), Александра Галкина (Competera) и Рагнара Саас (Pipedrive)...
20 04 2024 21:17:21
Как найти сетку сайтов конкурентов — рассказываем о популярных методах и секретных фишках. Бонус — инструкция по выявлению PBN конкурентов. Читать дальше!...
19 04 2024 1:15:43
Сооснователь и главред Forbes Ukraine о вовлечении читателей в смысловое поле бизнеса...
18 04 2024 2:55:43
Кейс SEO-продвижения в США: рост трафика сайта с помощью низкочастотных запросов....
17 04 2024 3:59:56
Как связать данные, полученные из множества различных источников, и визуализировать их в виде удобных интеpaктивных отчетов...
16 04 2024 14:50:54
Почему в высококонкурентных тематиках важно оптимизировать поведенческие показатели...
15 04 2024 13:33:14
Со старта сотрудничества, рост видимости сайтов клиента вырос в 15 раз....
14 04 2024 4:44:56
Выборка из 15 759 учетных записей клиентов WordStream в США по всем вертикалям, которые до размещали рекламу в поиске Google в 2020 году...
13 04 2024 1:44:39
Где и как разработчик может подобрать ответственных удаленщиков, как составить техническое задание, чем контролировать качество работы...
12 04 2024 6:35:20
Рекомендации и мнения экспертов по одной из самых противоречивых тем украинского интернет-прострaнcтва....
11 04 2024 11:29:50
Для одной компании смена description это что-то пустяковое. Здесь же — настоящий бренд-менеджмент....
10 04 2024 17:52:45
Устраняем причины, по которым пользователи покидают сайт без покупки....
09 04 2024 5:39:19
Лайфхаки, как упростить работу с соцсетями от специалиста агентства Netpeak и ежедневной работы SMM-специалиста. Телеграм-боты, которые облегчат рутину и сэкономят время. Узнать больше!...
08 04 2024 1:43:25
Данные о стоимости клика в наиболее популярных рекламных интернет-площадках страны....
07 04 2024 16:54:38
Стоит ли торопиться с переходом на новый формат объявлений? Эксперимент PPC-специалистов агентства Netpeak....
06 04 2024 19:36:49
Как операторы поисковых запросов Google помогают при продвижении сайта и анализе конкурентов....
05 04 2024 23:55:41
Начинаем серию постов в режиме реалити-шоу о подробностях продвижения крупного игрока бизнеса email- и sms-рассылок — компании UniSender....
04 04 2024 13:53:15
Украинские реалии того, в каких тематиках трафик из Yandex.Direct дороже Google Ads. Новое исследование Алексея Селезнева....
03 04 2024 21:38:34
Основатель Depositphotos и Clashot Дмитрий Сергеев рассказал нам о базовых правилах ведения бизнеса на западном рынке....
02 04 2024 20:46:12
Обычно SaaS-бизнесы начинают привлечение лидов с запуска рекламы на Facebook. Но наш опыт говорит о том, что это не самые подходящие каналы. Более высокие результаты можно получить на LinkedIn....
01 04 2024 20:16:22
Звук телефонного звонка важен и для пользователя интернета. Как точно рассчитать полученную прибыль и рентабельность инвестиций в рекламу...
31 03 2024 4:43:49
Встречайте Netpeak Spider 2.1 — программу, предназначенную для обнаружения и уничтожения ошибок внутренней оптимизации сайта. Мы хотим, чтобы 4 августа 2016 года запомнилось вам как «День кроулинга»!...
30 03 2024 12:10:46
Простые пошаговые советы о том, как самому сделать верстку шаблона Wordpress. От вас не требуется знание PHP, но хорошо если вы владеете Photoshop и CSS для создания дизайна. Узнать больше!...
29 03 2024 23:46:33
Анализ пути — это как многокaнaльные последовательности в Universal ***ytics, только лучше....
28 03 2024 12:39:14
Сегодня именно тот день, когда пора решиться и отправить своё резюме в нашу компанию....
27 03 2024 23:20:18
22 оригинальные гипотезы для A/B-теста сайта, которые чаще всего влияют на получаемую прибыль...
26 03 2024 10:27:48
Наибольший эффект по продвижению сайта при минимальных затратах — именно таков принцип SEO growth hacking. Как найти кратные точки роста, читайте статье....
25 03 2024 11:55:49
Советы специалистов по продвижению интернет-магазинов в сверхконкурентной нише одежды и обуви...
24 03 2024 6:20:28
Бета-версия помогает записывать действия пользователей на сайте и благодаря этому улучшать удобство использования сайта и в перспективе растить продажи. Узнать больше!...
23 03 2024 14:28:42
Как сохранить статистику переходов из органики Google, а также автоматизировать отчетность: подробное руководство для технического специалиста....
22 03 2024 19:29:31
Чтобы эффективно продвигать товар или услугу в Instagram, необходимо повысить охват целевой аудитории. Одно из возможных решений — привлечение блогеров. Казалось бы, достаточно предложить платное размещение рекламы…...
21 03 2024 23:43:57
Алексей Селезнев проанализировал, как дорого обходятся рекламодателям клики по объявлениям в 25 тематиках и 92 странах....
20 03 2024 3:54:45
Какие форматы видеорекламы логичнее купить для создания спроса на новую продукцию? Выясняем на примере кейса бренда Yves Rocher...
19 03 2024 15:15:53
Как визуализировать данные Google BigQuery в Power BI? Пошаговая инструкция от руководителя отдела веб-аналитики Netpeak Алексея Селезнева...
18 03 2024 23:10:12
Как быстро систематизировать мысли и заметки? Используйте систему Zettelkasten....
17 03 2024 17:14:43
Контент может информировать, вовлекать и продавать, при этом для каждой цели нужен свой тип контента...
16 03 2024 8:21:40
Пожар в дата-центре, неудачные обновления и то самое падение Facebook....
15 03 2024 9:22:35
Благодаря сервисам оплаты частями у покупателей появляется возможность покупать товары и услуги по выгодным ценам. А у бизнеса — увеличивать объем продаж....
14 03 2024 9:58:13
Статья будет полезна небольшим агентствам, которые мечтают работать с заграничными клиентами. Зачем нужно выходить за рубеж, если и в своей стране все идет неплохо, да и вообще — нет времени на продвижение на незнакомом рынке? Давайте разбираться вместе!...
13 03 2024 12:11:52
Мы попросили спикеров ответить на острые для многих онлайн-проектов вопросы о развитии мобайла как канала, программатике и строительстве инхаус комaнд...
12 03 2024 17:57:37
Как в Google Search можно найти мелодию по примерному напеву...
11 03 2024 7:36:31
Какие типы кампаний и ключевых слов стоит первыми запускать в Google Рекламе? Советы новичкам...
10 03 2024 14:45:46
88% времени в телефоне люди проводят в приложениях. Рассказываем, как их можно создавать без написания кода....
09 03 2024 9:50:12
Из нового исследования вы узнаете, сколько стоил клик в Google Ads и Яндекс.Директ в Казахстане в третьем квартале 2018 года...
08 03 2024 18:29:45
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::