Структурированные данные google как сделать. Структурированные данные Google
26.05.2017 Время прочтения: 30 минут
Одно из самых сокровенных желаний владельцев сайтов и SEO-специалистов - это выделить свой сайт в результате поиска, чтобы он отличался от конкурентов, и пользователи чаще переходили на него. Самый действенный метод достижения этой цели – работа со структурированными данными. В этой статье мы постараемся разобраться, что же такое структурированные данные и как их можно внедрить на свой сайт.
С чего все началось?Единая схема форматов семантической разметки сайтов, которую мы сейчас все знаем и применяем, появилась в 2011 году при поддержке таких гигантов, как «Google», «Yahoo!» и «Microsoft» (позже присоединился четвертый игрок – «Яндекс»). До этого разметка данных существовала в разных форматах и не было единой структуры. К примеру, у «Yahoo!» был сервис под названием «SearchMonkey», который уже в 2008 г. позволял размечать данные на странице и формировать уникальные сниппеты в поисковой выдаче своего поисковика.
Перед корпорациями стояла глобальная цель – разработать общий формат структурированных данных, которые бы улучшали отображение сайтов в поисковых машинах и повышали качество поиска. Поставленных задач инициаторы добились, в результате чего на свет появился словарь schema.org, который объединяет в себе огромное количество правил для микроразметки данных на сайте.
Что такое структурированные данные?Структурированные данные – это информация, которая представлена в единой и корректной форме с соблюдением определенного комплекса правил.
Расписывать принципы работы с каждым словарем мы не будем, разберем подробнее лишь три из них: Json-ld, Opne Graph и schema.org.
Начнем с популярного словаря по микроразметке schema.org. Результат коллаборации Google, Yahoo!, Microsoft и Яндекса активно развивается и регулярно обновляется и по сей день. На момент создания статьи в словаре имеются описания для 589 типов документов, 860 свойств объектов и 114 специфичных значений. Полный список всех свойств перечислен в виде разветвленной иерархии на этой странице.
Основной высший тип сущности в словаре schema.org - Thing , который, в свою очередь, делится на несколько других подтипов. Некоторые из них:
- CreativeWork – общий набор правил для описания творческой деятельности: статьи, книги, фильмы, фотографии, программное обеспечение, и т.д.;
- Event – набор правил для событий, которые произошли или произойдут в определенный период времени: встречи, концерты, выставки и т.д.;
- Intangible - сервисный класс, который включает в себя несколько нематериальных вещей, таких как размеры, рейтинги, описания рабочих вакансий, услуг и т.д.;
- Organization – набор правил для разметки организаций, полный список разных видов бизнеса перечислен на странице localBusiness . Также можно посмотреть этот список в справке Яндекса https://yandex.ru/support/webmaster/supported-schemas/address-organization.html ;
- Person – сущность используется для описания живых, умерших, вымышленных личностей или персонажей;
- Place – набор правил для чего-то, что имеет фиксированное физическое положение (здание, парк, памятник и т.д.);
- Product – это все, что создается для продажи. Например, пара обуви, билет или автомобиль.
Каждый подтип включает в себя большое количество тегов для описания, поэтому практически любой вид бизнеса найдет для себя необходимый вид разметки.
У большинства тегов в словаре есть варианты применения в виде примерного куска HTML-кода или JSON-LD скрипта. Ниже мы рассмотрим примеры разметок страницы со статьей (article), товаром (product) и организацией (organization).
Шаблон микроразметки статьи с помощью schema.orgЧаще всего размечаются такие микроданные как URL, datePublished, dateModified, headline, image, author, publisher и др. Рассмотрим на конкретном примере:
Примеры микроразметки статьи с помощью schema.org ИМЯ ФАМИЛИЯ "ШИРИНА ЛОГО В ПИКСЕЛЯХ" height= "ВЫСОТА ЛОГО В ПИКСЕЛЯХ" src= "ССЫЛКА НА ИЗОБРАЖЕНИЕ ЛОГОТИПА" alt= /> НАЗВАНИЕ СТАТЬИ ОПИСАНИЕ СТАТЬИ ИМЯ АВТОРА ЗАГОЛОВОК H1 "ШИРИНА ПРЕВЬЮ В ПИКСЕЛЯХ" height= "ВЫСОТА ПРЕВЬЮ В ПИКСЕЛЯХ" src= "ССЫЛКА НА ИЗОБРАЖЕНИЕ ПРЕВЬЮ" alt= "АЛЬТЕРНАТИВНОЕ ОПИСАНИЕ ПРЕВЬЮ" /> ОСНОВНОЙ ТЕКСТ СТАТЬИ ДОЛЖЕН БЫТЬ ЗДЕСЬ
Подобной схемы придерживаются большинство размеченных статей. Стоит обратить внимание, что в данном примере часть тегов указываются в разделе (мета-описание и ссылка на автора в g+), а остальная часть прописывается в теле HTML-документа. Некоторые теги использовать не обязательно, к примеру, статья отлично будет себя чувствовать и без разметки тегами articleBody или publisher , но тогда вряд ли пройдет проверку на валидность в инструментах Яндекса или Google .
Изображение 3. Пример страницы в выдаче с микроразметкой статьи в Google. Рядом со статьей отображается дата публикации.
Изображение 4. Пример страницы в выдаче по тому же запросу, что и на изображении 3, только в Яндексе. Дата отображается справа, сверху указывается дата публикации или создания, а ниже дата изменения.
Шаблон микроразметки товарной карточки с помощью schema.orgСледующий вид микроразметки, который мы рассмотрим, будет product или, другими словами, семантическая разметка товарной карточки.
СОДЕРЖАНИЕ H1 "ССЫЛКА НА ИЗОБРАЖЕНИЕ" title= "СОДЕРЖАНИЕ H1" > СТОИМОСТЬ В РУБЛЯХ УКАЗЫВАЕМ ДОСТУПНОСТЬ ТОВАРА ОПИСАНИЕ ТОВАРА
Уделяйте особое внимание формату цен, так как большинство ошибок в микроразметке товарных карточек кроется именно там. Текстом мы можем писать любую стоимость в любом формате, а непосредственно в самом теге price цену указываем строго в денежном формате, иначе поисковики проигнорируют эту строку.
Изображение 5. Пример из выдачи Google с указанием цены в формате «ОТ» и «ДО».
Шаблон микроразметки организации с помощью schema.orgПоследний шаблон, который мы рассмотрим, – это разметка организации (organization). Обычно эту разметку применяют для структурирования информации на странице контактов.
НАЗВАНИЕ ОРГАНИЗАЦИИ УЛИЦА , ГОРОД , ОБЛАСТЬ . "ССЫЛКА НА ЛОГОТИП" /> Телефон: НОМЕР ТЕЛЕФОНА
У schema.org весьма объемный словарь. Из-за этого во время работы с ним могут возникать трудности, но далеко не все теги в разметке обязательны и от большинства можно отказаться. В приведенных примерах я указал самые основные теги, которые могут использоваться во время работы с разметкой schema.org, однако их может быть намного больше.
У Google есть специальный инструмент для разметки страниц по словарю schema.org. С его помощью создавать разметку страниц намного проще.
Изображение 6. Пример из Яндекса. Дополнительная информация об организации отображается под описанием страницы и может быть внедрена как вручную, с помощью разметки, так и с помощью сервиса Яндекс.Справочник.
Плюсы и минусы микроразметки schema.org- Большой словарь, который постоянно обновляется;
- Поддерживается всеми популярными поисковыми системами;
- Код не скрыт скриптами и целиком находится в контенте страницы;
- Улучшает отображение сниппетов в поисковой выдаче;
- Можно найти разметку практически для каждого сайта;
- Существуют плагины для автоматизации формирования микроразметки;
- Активно развивается и дополняется.
- Большое количество схем микроразметки может отпугнуть неподготовленного пользователя;
- Нужны начальные знания верстки и изменения кода страниц;
- Усложняет HTML-код, что замедляет разработку сайта;
- Вся официальная справочная документация на английском языке;
- Не для всех свойств есть примеры использования на официальном сайте.
В работе с микроразметкой schema.org пригодятся такие сервисы, как:
- Инструмент для проверки структурированных данных от Google;
- Помощник по микроразметке страниц по словарю schema.org от Google. По итогу получаем HTML-код страницы с уже внедренной микроразметкой;
- Проверка семантической разметки от Яндекса;
- Официальный сайт разметки;
- Неофициальный перевод сайта schema.org на русский язык;
- «All In One Schema.org Rich Snippets », «Wprichsnippets.com », «Schema App Structured Data » - плагины для WordPress, которые формируют семантическую разметку schema.org автоматически;
- Notepad++ - или любой другой текстовый редактор.
Данный протокол разработал «Facebook» для улучшения отображения сниппетов ссылок с внешних сайтов в социальных сетях. Это, наверное, один из самых простых и небольших словарей микроразметки. Начать внедрение разметки можно с четырех основных свойств:
- og:title - заголовок страницы.
- og:type - тип объекта, например, «music.album»(альбом). В зависимости от типа поддерживаются и другие свойства. Все возможные характеристики тега type перечислены на официальном сайте .
- og:image - URL изображения.
- og:url - канонический URL объекта.
Все теги разметки «Open Graph» прописываются в контейнере .
Помимо основных свойств также можно указать дополнительные, которые улучшат отображение ссылок в социальных сетях:
- og:audio – URL на аудиофайл, если при открытии страницы воспроизводится музыка.
- og:determiner - слово, которое появляется перед названием этого объекта в предложении. Тип enum (a, an, the, "", auto). Если выбрано auto, потребитель данных должен выбирать между "a" или "an". По умолчанию - " " (пусто). Тег наиболее актуален для англоязычного сегмента в связи с использованием различных артиклей вида «a», «the», «an» и т.д.
- og:description – описание страницы, разрешенное количество символов от 160 до 295 знаков.
- og:locale – язык и страна. Формат отображения language_TERRITORY, по умолчанию стоит en_US. Для русскоязычного сегмента прописывается тег ru_RU.
- og:locale:alternate – альтернативный язык или страна.
- og:site_name – название сайта.
- og:video – URL видео.
Ниже представлен пример HTML-кода со всеми возможными свойствами, на практике часть из указанных тегов не указывается и хватает стандартных четырех свойств:
ЗАГОЛОВОК СТРАНИЦЫ ...
Последний вид разметки и структурирования данных, который мы рассмотрим, – JSON-LD. Расшифровывается это страшное название как «JavaScript Object Notation Linked Data». За разработку формата ответственен «Консорциум Всемирной Паутины» или, другими словами, «W3C». Данный формат выполняет все ту же функцию, что и schema.org, но немного другим способом: он структурирует данные помощью JavaScript, что в несколько раз облегчает работу.
Один из плюсов этого формата в том, что для описания данных используется словарь schema.org. Таким образом, с помощью скриптов JSON-LD мы можем описать любой вид сущностей и улучшить отображение своего сайта в поисковой выдаче, затратив на это минимальное количество времени. Причем сделать это можно без внедрения HTML-тегов в тело страницы, нужно лишь указать в контейнере , а затем расписать все необходимые условия разметки и закрыть скрипт .
Для наглядности сравним разметку schema.org и JSON-LD:
Кроссовки
Кроссовки { "@context" : "https://schema.org/" , "@type" : "Product" , "price" : "100.00" } Кроссовки
Шаблон разметки статьи с помощью JSON-LDПример разметки с помощью JSON-LD я взял на основе микроразметки статьи в schema.org из этого же материала выше. Использованы все те же свойства.
НЗАГОЛОВОК СТАТЬИ //Указывается тип скрипта, в нашем случае это ld+json { "@context" : "https://schema.org" ,//Прописывается библиотека, которой будет размечена страница "@type" : "Article" ,//Указывается тип сущности "mainEntityOfPage" : { //Прописывается ID статьи, обычно просто указывается ссылка на статью "@type" : "WebPage" , "@id" : "ССЫЛКА НА СТАТЬЮ" }, "url" : "ССЫЛКА НА СТАТЬЮ" ,//Прописывается каноничная ссылка на статью "datePublished" : "ДАТА ПУБЛИКАЦИИ" ,//Указывается дата публикации "dateModified" : "ДАТА ИЗМЕНЕНИЯ" , //Указывается дата изменения "headline" : "ЗАГОЛОВОК H1" , //Прописывается заголовок "image" : { "@type" : "ImageObject" , "url" : "ССЫЛКА НА ПРЕВЬЮ" , //Вставляется ссылка на изображение для превью статьи "height" : ВЫСОТА ПРЕВЬЮ В ПИКСЕЛЯХ , //Прописывается высота и ширина изображения в пикселях "width" : ШИРИНА ПРЕВЬЮ В ПИКСЕЛЯХ }, "articleBody" : "" , "author" : { "@type" : "Person" , "name" : "ИМЯ АВТОРА" ,//Указывается имя автора "url" : "ССЫЛКА НА ПРОФИЛЬ АВТОРА (G+, ПЕРСОНАЛЬНАЯ СТРАНИЦА НА САЙТЕ)" //Прописывается ссылка на профиль автора в Google Plus или на персональную страницу на сайте }, "publisher" : { "@type" : "Organization " , "name" : "НАЗВАНИЕ ОРГАНИЗАЦИИ" ,//Указывается название организации "logo" : { "@type" : "ImageObject" , "url" : "ССЫЛКА НА ЛОГОТИП" ,//Указывается ссылка на логотип компании "height" : ВЫСОТА ЛОГОТИПА , //Прописывается высота и ширина логотипа "width" : ШИРИНА ЛОГОТИПА } } } ЗАГОЛОВОК СТАТЬИ
Возникает закономерный вопрос: что же лучше schema.org или JSON-LD? Тут нельзя дать однозначный ответ. Работать с микроразметкой в формате JSON-LD проще и приятнее, чем все с тем же словарем schema.org в HTML-формате, но и у него есть свои минусы. Например, поисковик Google советуют использовать эту технологию для разметки своих страниц. А вот с Яндекс ом есть проблемы: данный вид разметки пока не отображается в результатах поиска из-за скриптов, хотя страницы с разметкой JSON-LD и проходят проверку на валидность.
Поисковая система Яндекс не показывает в поисковой выдаче информацию, размеченную с помощью мета-языка JSON-LD.
Изображение 8. Письмо из техподдержки Яндекса по поводу планов насчет JSON-LD. За скриншот спасибо пользователю Oleh Holovkin .
В данном случае нужно правильно расставить приоритеты. Если нужны расширенные сниппеты в Яндексе и Google, то используем старую добрую разметку schema.org; если мы ориентируемся на Запад и наша основная поисковая система только Google, то разметку JSON-LD нужно брать и внедрять без промедлений.
Плюсы и минусы микроразметки JSON-LD- Формат несколько проще по сравнению с schema.org;
- Рекомендуется Google;
- Для движка WordPress есть качественные плагины для работы;
- Благодаря JavaScript разметка «невидима» для рядового пользователя в отличие от HTML;
- Скрипт помещается только в контейнер без внедрения дополнительных строчек кода в тело сайта;
- Проходит валидацию в официальных инструментах проверки Яндекса и Google.
Те способы разметки, что перечислены выше, относятся к непосредственному вмешательству в исходный код страницы, однако есть и другие методы структурирования данных. Это Data Highlighter (Маркер) от Google и «Товары и цены» от Яндекса. С помощью этих инструментов можно напрямую из панели веб-мастеров расширить сниппеты страниц в поисковой выдаче.
Изображение 9. «Маркер» в Search Console и сервис «Товары и цены» от Яндекса.
Маркер GoogleДля того, чтобы начать разметку, нужно:
- Мероприятия
- Местные организации
- Обзоры книг
- Приложения
- Продукты
- Рестораны
- Статьи
- Телесериалы
- Фильмы
Изображение 10. Панель выбора типа информации для разметки в Search Console.
Изображение 12. Кнопка для удаления неверно определённой страницы для разметки в Search Console.
Изображение 13. Пример списка уже размеченных страниц с помощью Маркера Google.
На этом разметка с помощью Маркера Google заканчивается. В данном случае абсолютно не нужно знать HTML или JavaScript, достаточно вручную разметить каждую страницу, и Google сам обработает данные и внесет корректировки в поисковые сниппеты. Но и у Маркера есть свои плюсы и минусы.
Плюсы и минусы микроразметки с помощью Маркера от Google- Разметка без вмешательства в исходный код страниц;
- Инструмент находится непосредственно в Google Search Console;
- Страницы размечаются полуавтоматически;
- Можно группировать страницы по типам;
- Разметка будет отображаться только в поисковой выдаче Google;
- Инструмент не всегда корректно размечает информацию;
- При разметке крупного сайта много ручной работы.
Сам по себе этот инструмент не совсем относится к привычному понимаю микроразметки страниц, так как обычно в Яндексе он применяется для загрузки информации о товаре в Яндекс.Маркет в YML-формате. Как ни странно, Яша смог найти применение данному виду информации о товаре, и сейчас в органической выдаче часто встречаются сайты, размеченные с помощью этого сервиса. Главная особенность «Товаров и цен» – это отображение в поисковой выдаче Яндекса цены на товар/услугу справа от ссылки на сайт.
Изображение 14. Пример отображения цены услуги в выдаче Яндекса с подключенным сервисом «Товары и цены».
Применять сервис «Товары и цены» могут не только интернет-магазины, но и организации, которые предоставляют услуги. В данном случае придется создавать YML-документ вручную.
Итак, для того, чтобы подключить сервис «Товары и цены» в Яндексе, нужно:
Изображение 15. Яндекс предлагает ознакомиться с форматом YML и руководством по подключению.
Плюсы и минусы инструмента «Товары и цены» Яндекса
- Сильно отличает сайт от других конкурентов в поиске, увеличивает CTR;
- Пользователь до перехода на сайт получает информацию о стоимости услуги/товара;
- Помимо цены в YML-документе указываются другие параметры, которые также учитываются при формировании сниппета;
- В большинстве популярных движков сайтов генерация файла происходит в автоматическом или полуавтоматическом режиме.
- Результаты с ценами будут видны только в выдаче Яндекса;
- Выгрузка YML-документа предусмотрена не во всех CMS;
- При частой смене цен на сайте требуется регулярная генерация документа;
- Трудозатратно, если нужно разметить большое количество страниц вручную.
В отличие от Маркера Google для работы с YML-файлом потребуется следующие инструменты для работы:
- Список движков сайтов с возможностью выгрузки YML-документов;
- Генератор YML-документа для формирования файла вручную;
Внедрение разметки структурированных данных – это важный шаг, который впоследствии может повысить CTR сайта в поиске и улучшить отображение контента в поисковой выдаче. Существует несколько способов разметить свой сайт, но на сегодняшний момент самым проверенным считается внедрение разметки schema.org, так как остальные методы имеют либо ограниченный функционал, либо размечаются в пределах одной поисковой системы.
У каждого способа разметки данных есть свои достоинства и недостатки, перед началом внедрения следует трезво оценить свои возможности и выбрать наилучший вариант. Отдельные методы разметки можно комбинировать друг с другом, к примеру, Open Graph с schema.org и «Товарами и ценами» от Яндекса. И помните: наличие микроразметки на сайте не гарантирует изменение поискового сниппета в выдаче, в первую очередь это облегчает сканирование сайта поисковиками.
Статью подготовил: Абдуллин Константин, Технолог SEO-эксперт компании сайт
Мастер разметки структурированных данных — это программа, которую создал Гугл в помощь вебмастерам, для разметки структурированных данных. Не так давно поисковые системы ввели эту разметку. Это единые стандарты, облегчающие роботам расшифровку кодов сайтов, потому что часто люди видят определенные вещи, но роботы нет. Освоить структурированные данные очень трудно блогерам, не являющимися программистами. Но таких блогеров в Интернете большинство. Мастер призван облегчить эту задачу. Например, у меня роботы не видят дату, а иногда автора. Давно введен в код сайта тег rel=autor. Однако робот Гугла его не видит и при проверке не находит, перенесла этот тег из футера, в index php, но не видит все равно.
Мастер разметки структурированных данных — вставка кодаСтруктурированные данные нужно добавить, непосредственно, в HTML код сайта, отдельные кусочки кода вставляются в разные места. Они могут быть различными, в зависимости от того, что мы хотим структурировать: отдельные товары, телесериалы, рестораны и др. Меня интересует, как ввести коды в HTML для статей — articles. Раньше использовала для введения структурированных данных маркер, после чего ошибки на сайте о даче перестали указываться. Однако изменения маркера не вписываются в HTML сайта, их видит только робот Гугла, поэтому учусь использовать второй инструмент – мастер разметки структурированных данных. Надеюсь, что введение в код структурированных данных улучшит видимость моего сайта в результатах поиска.
Мастер разметки — как сделать техническиВ активной строке мастера загрузим главную страницу сайта, откроется двойное окно. Слева будут страницы нашего сайта. Справа располагаются теги разметки. Их мы будем проставлять с помощью «мастера разметки структурированных данных”. Выполнение разметки очень похоже на ту, которую мы делали . В мастере показателей больше, чем в маркере. Недостающие теги настраиваем, нажав на шестеренку, располагающуюся справа, сверху.
- Откроется небольшое активное окно. У меня недостает несколько тегов: “автор” – добавляю – admin.
- Издатель — копирую в браузере адрес своей в Гугле. Она называется по имени — «сайт». Делаю проверку в сервисе структурированных данных, адрес издателя получился без ошибок.
- URL – записываю адрес сайта.
Остальные теги у меня есть, могу их разметить. После разметки первой статьи нажимаю, в правой части окна, красную кнопку вверху: “создать HTML”.
Мастер разметки -вносим дополнительные фрагменты в HTML сайтаПолучаю HTML – текст, с разметкой микроданных. Теперь полученные фрагменты нужно внести в код сайта.
Для внесения фрагментов открываю второе окно своего сайта. Захожу в админпанель, перехожу во вкладку внешний вид, потом в редактор. Однако, структурированные фрагменты кода должны оказаться в разных разделах редактора. Потому нам придется искать, куда их вписывать. Чтобы мы могли легко находить фрагменты кодов, будем нажимать поперечные оранжевые полоски на полосе прокрутки, в правой стороне окна, где показан HTML код.
Первый выделенный код вставляется после . Разметка с помощью микроданных, созданная Мастером разметки структурированных данных Google. Понятно где это вставить, только в разделе заголовока — heder. Но дальше значительно сложнее человеку, который плохо знает, где располагается тот или иной код его сайта. Например, предполагаю логически где может находиться тот или иной код.
Для нахождения мест кодов разметки, подключаю для работы поиск. В редакторе искать его будем только в открытых страницах. Внимательно смотрю в HTML кода мастера. Копирую слова перед самым выделенным кодом, но иногда после кода. Чтобы проще ориентироваться, после чего или перед чем, код вставлять. Поиск открываю нажатием Ctrl+F, вначале спокойно удерживаю клавишу Ctrl, затем добавляю F. Копирую нужные мне слова и начинаю просматривать предполагаемые главы одну, за другой. Так все и нашла, но времени ушло слишком много.
Мастер разметки вторая ссылкаВторая желтая строка являлась ссылкой: «itemscope itemtype=http://schema.org/Article. Справа, в статье появилась подсказка: «название». Это означает, что фрагмент структурного кода нужно тоже вставить в heder. Поиск нашел в заголовке нужные строки, в него скопировала кусочек оранжевого кода.
Нашла его поиском со словом «data».
Код: «itemprop=»articleBody» вставила в таблицу стилей, по слову height. Выбрала его из 37 возможных вариантов, найденных поиском. Это место подошло наиболее, потому что эта структура относилась к тексту, где уточнялся его стиль.
Все последующие, выделенные мастером ссылки, находим и вставляем по тому же принципу. Самую последнюю ссылку вставила в подвал, перед закрывающим тегом . В результате, разметив таким образом одну статью получаем готовый HTML код всего сайта, с разметкой структурированных данных.
Делаю разметку структурированных данных в отдельных статья. Выбираю статью, содержащую ошибку. Проверяю в ней разметку, по желтым полоскам. Но оказалось, что коды у меня уже везде вставлены. Делать это дополнительно не нужно, потому что в этом случае мастер повторяет лишние коды.
Если ошибемся, то не страшно, потому что можем себя проверить в сервисе веб мастер Гугл, перейдя в раздел «Другие ресурсы» и в «инструменты проверки структурированных данных». Проверяю результаты своей работы. Получаю следующие данные главной страницы: авторство не подтверждено, фотография перед сниппетом есть, но текст сейчас не отображается – это всем пишут, это нормально. Ошибок структурированных данных нет.
Есть ошибка: “Missing required field «updated”, в названиях всех статей и главной страницы, но с тегом, хотя теги у меня запрещены в файле . Чем больше вопросов решаю, тем больше их появляется, опять придется искать ответы.
ЗаключениеВ целом показатели моего сайта улучшились, после разметки мастером структурированных данных, однако вопросы остались. Яндекс моей разметкой с помощью мастера разметки структурированных данных остался абсолютно недовольным. И еще, разметка с помощью мастера, для блогера, является скорее мучением, чем помощью. Такое дело нужно заказывать опытным программистам, но еще лучше приобрести готовый шаблон с микроразметкой и над собой не издеваться.
- Откройте образец страницы или сообщения электронной почты и нажмите на нужный тег.
- В появившемся меню выберите Удалить тег .
- Начните выполнять разметку в соответствии с инструкциями для страницы или письма .
- На странице добавления тегов выделите с помощью мыши дату, например 2 июня 2012 г.
- В открывшемся меню выберите Дата > Дата/время или диапазон .
- страницы или письма . Добавление тегов для фрагментов дат
- Начните выполнять разметку в соответствие с инструкциями для страницы или письма .
- На странице добавления тегов выберите фрагмент даты с помощью мыши, например "июня ".
- В открывшемся меню выберите Дата > Дополнительно > нужный фрагмент
. Пример: Дата > Дополнительно > Месяц
.
Мастер разметки добавит дату в столбец "Мои элементы данных".
- Продолжайте добавлять теги для фрагментов данных, пока отметите их все.
- Завершите разметку в соответствие с инструкциями для страницы или письма . Примеры тегов для дат
- Отдельная дата. Например, можно пометить следующие варианты:
- 2012 г., 4 июня
- 4 июня 2012 г.
- 13.04.2012 – ваши теги могут включать другие разделители и четырехзначное значение года, например 13-4-2012 . В случае с датами, которые можно читать по-разному, Google интерпретирует первое число как месяц. Например, дата 6/4/12 распознается как 4 июня 2012 г., а 13/4/12 – как 13 апреля 2012 г.
- Диапазон дней. Например, 4-7 июня 2012 г.
Обратите внимание, что разделитель между начальной и конечной датой должен быть дефисом (-). - Даты с указанием времени. Например, можно отметить следующие даты:
- 4 июня 2012 г. 3 pm – дата и время (am или pm). Если не указано, утреннее или вечернее время, Google интерпретирует данные с учетом стандартного рабочего времени. Например, 11 будет считаться за 11 am, а 2 – за 2 pm.
- 4 июня 2012 г., 15:00 – 24-часовой формат времени.
- 4 июня 2012 г. 3 pm EST или 4 июня 2012 г. 3 pm -5:00 – время с указанием часового пояса или отклонения по UTC/GMT.
- 4 июня 2012 г., 2-3 pm или 4-5 июня 2012 г., 2-3 pm – диапазоны времени с диапазоном дат или без него.
- Фрагменты дат.Вы можете использовать расширенные настройки тегов, чтобы отметить следующие фрагменты текста как отдельную дату:
- День: 4 июня, среда . Год: 2013 .
- 4 июня | Время: 7:30pm-9:30pm и 2012
- 4-5 июня и 2012
- В открывшемся окне выберите формат даты из соответствующего списка.
- Нажмите Сохранить .
- Нажмите Добавить отсутствующие теги в нижней части столбца "Мои элементы данных".
- Выполните любое из следующих действий:
- Выберите тег из списка и введите значение. Например, вы можете выбрать тег Категория и ввести значение "Русские народные песни".
- Удалите существующие данные, нажав X в текстовом поле.
- Измените значение в поле.
- Нажмите Сохранить
.
Изменения отобразятся в столбце "Мои элементы данных"
Как изменить язык страницы
- В открывшемся окне укажите язык.
- Нажмите Сохранить .
Примеры
Если вы не знаете, как добавить код разметки на сайт, воспользуйтесь инструментом Маркер .
Вы также можете изучить порядок работы со структурированными данными и добавить разметку на сайт вручную.
Как разметить веб-страницу или письмоРазметку можно разместить на HTML-странице или в HTML-файле письма электронной почты.
Как разметить веб-страницуВыполните следующие действия:
Как разметить письмо в формате HTMLВыполните следующие действия:
Сохраните изменения, чтобы продолжить редактирование страницы или письмаЧтобы сохранить разметку в том виде, в каком она существует в данный момент, создайте для страницы закладку в браузере. Мастер разметки структурированных данных "запомнит" разметку, включая все ее значения, на месяц.
Чтобы полностью или частично удалить разметку, выполните действия, описанные ниже.
Как удалить отдельный тег
Также вы можете найти нужный элемент в столбце "Мои элементы данных", навести на него указатель мыши и нажать "Х" справа.
Как удалить все теги
Мастер разметки структурированных данных распознает различные форматы. Главное, чтобы был указан месяц, день и год. Вы можете добавить в группу страниц любые отсутствующие данные , например год.
Если даты на странице отображаются единым фрагментом (например, 4 июня 2012 г.), то их рекомендуется отмечать одним тегом. Чем меньше тегов на сайте, тем быстрее он будет обрабатываться и тем точнее будут результаты.
Как добавлять один тег для даты
Иногда сведения о дате отображаются разрозненными фрагментами или для обозначения ее компонентов используются ярлыки. Например, на странице с информацией о нескольких мероприятиях, месяц и год могут указываться только вверху, а день – рядом с каждым отдельным мероприятием. В таком случае необходимо добавить теги для каждого фрагмента даты.
Учтите, что Мастер разметки не распознает даты, которые разделены на фрагменты и при этом представляют собой диапазон (например, 4–5 июня и 2012 ).
Как добавить теги для фрагментов дат
Ниже приведены примеры дат, которые вы можете отметить.
Мастер разметки распознает даты на странице в соответствии с правилами форматирования, заданными для языка этой страницы. Например, если на странице используется американский английский (en-US), дата 12-06-12 будет означать 6 декабря 2012 г. Но если на странице используется британский английский (en-GB), то та же дата будет интерпретироваться как 12 июня 2012 г. Мастер разметки автоматически определяет язык страницы и использует соответствующие правила.
Чтобы задать другой формат даты для Мастера разметки, выполните следующие действия:
Как добавить недостающие данные
Если на странице или в сообщении электронной почты отсутствуют определенные данные, например год, на который запланировано мероприятие, вы можете выбрать значение самостоятельно. Мастер разметки структурированных данных добавит для него разметку HTML.
Добавить недостающие данные, а также изменить или удалить их, можно в любое время.
Как добавить, изменить или удалить данные
Мастер разметки структурированных данных автоматически определяет язык образца страницы или сообщения электронной почты, чтобы лучше распознавать данные. Если инструмент ошибся, вы можете задать правильный язык самостоятельно.
Для этого выполните следующие действия:
Нажмите на значок настроек и выберите .
schema.org – это результат совместной работы Google, Microsoft и Yahoo! по усовершенствованию Интернета путем создания общего стандарта для описания веб-данных. Если вы добавите на свои HTML-страницы разметку schema.org, многие компании и системы, включая Google Поиск, смогут распознать информацию на вашем сайте. Аналогичным образом, если вы добавите разметку schema.org в электронное письмо в формате HTML, его данные сможет распознавать не только Gmail, но и другие почтовые сервисы.
Практически все web-мастера считают, что добавив свой сайт в индексацию в поисковик через соответствующие сервисы, они обеспечивают его полное продвижения в данной поисковой машине. Но не тут то было.
Google предлагает создавать структурированные данные. Данный сервис значительно улучшает выдачу по запросу, а также увеличивает вероятность у посетителя найти нужный материал. Это в свою очередь улучшает востребованность вашего ресурса, и выдаёт ваш адрес именно тем пользователям, которые действительно в этом нуждаются.
Принцип работы структурированных данныхДля того, чтобы понять, как это работает, и какую выгоду принесёт вам, как обычно обратимся к живому примеру.
Представьте, что прохожий по имени Пользователь – это человек, который ищет шоколадные вафли. В примере существует ещё прохожий-иностранец по имени Google и кондитерские магазины под названием Сайт и Сайт2.
Прохожий спрашивает у Googlе – где я могу купить шоколадные вафли. И тот ему указывает дорогу в магазин Сайт1. Но в магазине Сайт1 есть только вафли ванильные, а шоколадные продаются в Сайт2. Google, заведомо узнал об ассортименте магазинов, но в виду того, что он иностранец, не всё правильно понял.
Прохожий может, конечно, купить ванильные вафли, ведь это тоже вафли. Но он не останется таким же довольным, как был бы, если бы купил шоколадные. Поэтому он оставит плохой отзыв о магазине Сайт1, и вряд ли придёт сюда ещё, а о Сайт2 вообще, наверное, никогда не узнает.
Итак, из примера ясно, что поисковая машина Google является непонимающим иностранцем, когда собирает информацию о вашем сайте. И не все те данные, которые человеку кажутся явными, Google оценит правильно. Поэтому иногда возможны погрешности.
Структурированные данные являются разметкой на страницах сайта, которые становятся более понятными для Google, и поисковик будет выдавать ваш сайт более правильно. Этот инструмент бесплатен. Разве можно упустить возможность воспользоваться им?
Как начать работать с структурированными данными GoogleЧто-бы начать работу со структурированными данными следует отправиться в соответствующий сервис Google, и там загрузить страницу сайта в мастер. В данном мастере можно назначить пояснительные метки, которые будут понятны Google.
Это всё равно, что сделать вывеску на магазине Сайт2 на родном языке иностранца Google, о том, что там продаются шоколадные вафли. Тогда он точно не ошибётся.
После назначения всех меток, вы получите код html, который можно скачать и сохранить на своём сайте.
Всё до элементарного просто, и отдача будет хорошая.
Сегодня мы представляем вам две новинки. Первая – это семь типов структурированных данных в Маркере, которые ранее не поддерживались, а вторая – инструмент под названием «Мастер разметки структурированных данных».
Маркер поддерживает сайты о товарах и компаниях, а также обзоры и многое другоеМаркер был запущен в декабре 2012 года и вышел на российский рынок в ферале 2013 . Это простой инструмент для передачи в Google шаблона структурированных данных, посвященных мероприятиям . Маркер удобен, поскольку не требует изменять код HTML на сайте. Теперь он позволяет разметить и другой контент, посвященный товарам , местным компаниям , приложениям , фильмам , ресторанам и телепередачам .Чтобы начать работу с Маркером, перейдите в Инструменты для веб-мастеров , выберите свой сайт, нажмите на ссылку «Оптимизация» слева, а затем запустите Маркер. Вам будет необходимо ввести URL одной из типичных страниц на вашем сайте (например, с описанием товара или мероприятия) и разметить данные с помощью мыши.
Разметка одной страницы занимает примерно 5 минут, а создание шаблона для множества одинаковых страниц – около 15 минут. Когда все будет готово, вы сможете проверить, распознает ли наша система ваши структурированные данные. Если ошибок не обнаружится, результаты можно будет отправить в Google. Через некоторое время мы повторно просканируем ваш сайт и начнем показывать пользователям дополнительные сведения (например, цены, отзывы и рейтинги) прямо в результатах поиска.
Новинка: Мастер разметки структурированных данных Маркер позволяет быстро передать в Google структурированные данные с вашего сайта, не меняя HTML. Однако лучше все-таки добавлять разметку прямо в код страниц, чтобы её могли распознавать любые поисковые системы. Мастер разметки структурированных данных создан с целью упростить эту задачу для владельцев сайтов.Как и в случае с Маркером, сначала вам необходимо предоставить образец веб-страницы (URL или исходный код HTML) и разметить его с помощью мыши. Когда вы закончите, Мастер сгенерирует код HTML с микроданными. Его можно загрузить и использовать как образец при внедрении структурированных данных на веб-сайт.