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

Любая страница сайта состоит из HTML тегов. Как правило, HTML теги сообщают браузеру как отобразить информацию, которая находится внутри тега. Таким же образом микроразметка Schema.org сообщает поисковым системам где находится та или иная важная информация на странице.

С помощью правильной микроразметки Schema.org можно действительно улучшить индексацию своего сайта поисковыми роботами. Потому что Вы сможете передавать самые важные данные и указывать какие из статей необходимо проиндексировать еще раз, если они были изменены. То есть поисковому роботу информация подается сразу «на блюдечке». Для этого и была создана микроразметка поисковыми системами.

Как настроить создание микроразметки на сайте под управлением CMS Joomla?

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


Мы рекомендуем использовать именно его: Google Structured Data Markup.

Google Structured Data Markup позволит Вам вывести логотип и название сайта в поисковых выдачах, а также настройка и отобразить поле поиска в сниппете. Он легко интегрируется с такими популярными расширениями для Joomla как: K2, Virtuemart, Hikashop, K2Store и другими.

С помощью этого плагина Ваш сайт будет более значимым и доступным по релевантным запросам. Будьте всегда в топе поисковых запросов Google!

.

Как проверить корректность микроразметки Schema.org?

Для проверки валидации («правильности») микроразметки предназначены специальные сервисы, которые были разработаны поисковыми системами. Мы будем в данной статье проверять микроразметку для поисковой системы Yandex и Google.

Вот ссылки на два сервиса проверки валидации микроразметки Schema.org:

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

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

Какие типы содержания принимаются во внимание поисковиками?


  • Автор (авторство);
  • Люди: фото, имя, адрес;
  • Продукция и услуги: комментарии, фотография, цена;
  • Учреждения и фирмы: расположение, комментарии, изображения;
  • Рецепты: фотографии, советы, требуемое для приготовления время;
  • События: дата, место, время;
  • Музыка;
  • Программные приложения;
  • Видео;
  • Статьи: название, дата, автор, рейтинг, изображения.

использование микроразметки-микроформатов на сайте Joomla

Как использовать микроразметку в свою пользу?

  1. Вы должны интегрировать структурированные данные в свои веб-страницы.
  2. Добавление микроразметки не гарантирует попадание в выдачу и не улучшает позиционирование Ваших страниц, но зато улучшает их видимость. Количество кликов возрастает на 20-30%.

 

 

nsys.by

Как проверить "правильность" микроразметки Schema.org?

Для проверки валидации ("правильности") микроразметки предназначены специальные сервисы, которые были разработаны поисковыми системами. Мы будем в данной статье проверять микроразметку для поисковой системы Yandex и Google.

Вот ссылки на два сервиса проверки валидации микроразметки Schema.org:

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

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

Как пользоваться валидаторами микроразметки?

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

Итак, начнем с валидатора от Google. Страница выглядит следующим образом:

Есть два варианта проверки валидации страницы:

  1. С помощью прямой вставки HTML кода
  2. С помощью вставки URL адреса страницы, которую необходимо проверить

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


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

После проверки в валидаторе Google появится слева код Вашей HTML страницы, а справа — какая микроразметка там присутствует и есть ли там ошибки:

С валидатором Google я думаю все понятно. Перейдем к валидатору от Yandex.

Когда Вы зайдете на сайт с валидатором микроразметки от Yandex, Вы увидите несколько иную картину, но смысл там остается тот же:

Здесь интерфейс немного проще и опять же есть два варианта проверки Вашего HTML кода: с помощью вставки исходного кода страницы, либо с помощью вставки лишь URL необходимой страницы.

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

Валидатор Yandex и Google будут давать Вам рекомендации сразу на русском языке. Но и этого бывает мало, потому что у всех ошибки разные и зависят от конкретного контекста страницы и HTML структуры.

Где проверять свою микроразметку Вы сейчас знаете. Поэтому немедленно перейдите на свой сайт, скопируйте URL ссылку первой же статьи и проверьте ее на валидацию.

Очень много ошибок? Не волнуйтесь, все можно исправить. Главное разобраться в этом постепенно исправить все ошибки.

Шаг 1. Что необходимо разметить на странице?


Словарь микроразметки Schema.org очень большой. Здесь можно найти формат разметки практически любого типа записей. В прошлой статье я приводил основной список форматов, которые поддерживаются данная микроразметка: адреса и организации, видео, программы, рефераты, изображения, статьи, фильмы и так далее.

Поэтому первым шагом необходимо определиться с основным шаблоном и правильно его подготовить. А у же потом переносит на реальный сайт.

В данной статье я покажу как сделать пример для сайта, под управлением CMS WordPress. А на данной CMS чаще всего создают блоги. Поэтому будем писать разметку для такого типа страниц, как "Статья".

Далее нам необходимо определить, какую сущность из словаря мы будем использовать. На официальном ресурсе Schema.org есть следующая структура: Article. Но внутри нее есть подструктуры, которые мы можем использовать. Спускаясь все глубже по подструктурам я нашел следующий тип: BlogPosting. Он является частным вариантом сущности Article. И он отлично подходит для разметки записей на блогах.

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

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

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


Шаг 2. Формируем шаблон микроразметки

Что именно будем размечать стало понятно. Осталось собрать правильную структуру.

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

Без прелюдий перейдем сразу к делу. После многочисленных попыток сделать микроразметку Schema.org валидной для Google и Яндекса получилась следующая структура:

Так выглядит обычная статья без сторонних дополнений. Код получился действительно немаленький. Сейчас поясню буквально по строкам и расскажу где какие присутствуют нюансы:

  • Строка 1: объявляем тип контента, который будет размечен.
  • Строка 5: здесь указываем URL адрес страницы, на которой сейчас находится пользователь, то есть адрес текущей статьи.
  • Строка с 8 по 18: небольшая подструктура, в которой необходимо указать более подробно сведения о сайте: логотип (адрес до изображения и его размеры), телефон, адрес и название компании (сайта).

    • Строка 9 по 13: еще одна подструктура с выводом изображения, то есть логотипа. Все изображения, которые необходимы для микроразметки необходимо выводить именно в такой структуре, где помимо адреса до изображения в meta-тегах еще указывается информация о его размерах.
    • Строка 14: указываем телефон, если он есть.
    • Строка 15: реальный адрес, если работаете в офисе, например.
    • Строка 16: здесь пишем название компании.
  • Строка 21: дата публикации статьи. Здесь будьте очень внимательны, потому что ее указывать необходимо в специальном формате: "ГОД-МЕСЯЦ-ДЕНЬ". И обязательно разделитель должен быть знак "".
  • Строка 24: дата последнего изменения статьи, чтобы подсказать поисковику какую из статей необходимо переиндексировать, если она была изменена в последнее время. Здесь также действуют правила из предыдущего пункта.
  • Строка с 27 по 29: указываем в специальной подструктуре информацию об авторе статьи.
  • Строка 32 по 45: основная контентная часть Вашей статьи, внутри которой необходимо отметить несколько элементов:
    • Строка 35: заголовок Вашей статьи. Его помечаем следующим образом, добавляя к тегу заголовка свойство — itemprop="headline";
    • Строка 38 по 42: как Вы уже видели ранее, здесь располагается подструктура с изображением. Но в данном случае здесь мы указываем на главное изображение в статье;

Сейчас прошу не пугаться большого описания и самого HTML кода. Я старался все прокомментировать, чтобы Вы видели из чего состоит обычная статья и какие атрибуты необходимо прописать.

Если Вы разобрались в структуре микроразметки Schema.org для статьи, то проделали уже 80% работы. Осталось малость, но эта "малость" требует технических знаний. Потому что сейчас необходимо перенести данную структуру на реальный работающий сайт.

Шаг 3. Внедряем микроразметку Schema.org на реальный сайт

Многие используют различные CMS. Поэтому одного уникального кода, который бы работал сразу на любом сайте. Но у Вас есть код микроразметки, который получился у меня в ходе многочисленных поисков. Вам останется постепенно внедрить данную разметку на своем сайте. И сейчас я дам советы, которые помогут Вам в этом:

  1. Начинайте разметку с основных структур. То есть для начала разметьте основную сущность, внутри которой находятся все остальные элементы. Поэтому сначала необходимо найти блок, в котором содержится все: изображение, автор, дата и так далее;

  2. Далее займитесь разметкой блока "Organization". Потому что он не меняется динамически. Его необходимо один раз сделать и поместить внутрь сущности "BlogPosting". Данный блок затем скройте с помощью CSS стилей.
  3. Затем необходимо разметить дату публикации и дату последнего изменения. Сделать это несложно. В каждой CMS есть своя функция, которая отвечает за это. Так как это мета-теги, то скрывать ничего не нужно. Например в WordPress этот фрагмент микроразметки будет выглядеть следующим образом:
  4. Далее отметьте подструктуру "articleBody". Именно внутри нее Вам необходимо будет указать заголовок и главное изображение статьи.
  5. И последним шагом исправьте разметку главного изображения в статье. Так как это, чаще всего, сделать технически сложнее всего, то оставьте данный элемент на концовку.

Содержание

  • Как проверить "правильность" микроразметки Schema.org?
  • Как пользоваться валидаторами микроразметки?
  • Шаг 1. Что необходимо разметить на странице?
  • Шаг 2. Формируем шаблон микроразметки
  • Шаг 3. Внедряем микроразметку Schema.org на реальный сайт

Вывод

Многие, возможно, начнут возмущаться, что нет готового решения, которого все так ждали. Все хотят волшебную таблетку: "скопировал->вставил". Такого не будет, если Вы хотите реальных и ощутимых результатов. У Вас индивидуальный шаблон, у которого своя собственная структура. Поэтому наберитесь терпения и разберетесь в том, как устроена микроразметка Schema.org.


Что касается технической части, то скажу вот что: либо отдайте это дело профессионалу, либо самостоятельно разберитесь в том, что я описал в данной статье

www.sitehere.ru

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

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

«>

Сейчас вы можете видеть подобные превью видео в сниппетах только лишь на популярных видео хостингах. В 2014 году вместе с авторством отменил и данный тип сниппета. Точнее, не отменил, убрал из большой группы сайтов. Оставил только youtube, vimeo и другие популярные видео-сайты.

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

Реализация

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

Итак, что это это за данные:

  1. Название видео;
  2. Описание;
  3. Продолжительность;
  4. Ссылка на видеоролик;
  5. Дата загрузки на сайт, где оно размещено
  6. Путь к превью видео + его ширина и высота;
  7. Также стоит указать, допустим ли просмотр видео детьми.

Что самое примечательно, так это отличие необходимых тегов микроразметки видео для обеих основных поисковых систем (Яндекс и Google). Для Google достаточно будет данных в первых 5ти пунктах. Яндекс же более привередлив и требует еще указать отдельную разметку миниатюры видео и указать, допустим ли просмотр этого видео-ролика детьми.

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

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

Ниже даю код, который содержит в себе все теги необходимых данных для обеих ПС.

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

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

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

Сначала хочу заметить, что весь код обернут в тег со свойством сущности, что это именно виде-объект. Внутри этого блока еще имеется один блок (открывается в строке 2 и закрывается в строке 15), внутрь которого заключены все необходимые теги. Это я сделал для того, чтобы данному блоку в стилях приписать свойство display:none, которое скроет довольно большой отступ, образующий пустое место из-за данных мета-тегов. Посетитель их не видит (кроме миниатюры), а отступ довольно большой имеется, так как каждый тег занимает свою строку.

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

  • Описание — просто вставляем то описание видео-ролика, которое давали на самом Youtube;
  • Ссылка на видео-ролик — заходим на страницу необходимого видео, копируем адрес страницы и вставляем;
  • Имя — название видео с Youtube;
  • Дата загрузки — указываем дату загрузки именно на тот сайт, откуда оно будет подгружаться, то есть на хостинге чьего ресурса оно размещено. В нашем случае — это youtube. Указываем в формате «год-месяц-число», например «2015-05-12»;
  • Продолжительность видео — указываем в следующем формате: T6M34S, где 6 — минуты, 34 — секунды;
  • Путь к превью видео: все видео на youtube имеют один путь к своим миниатюрам: Отличен лишь их идентификатор, который такой же, как и у самого видео. В видео он прописывается после «v=» и имеет примерно следующий вид «Uga-qGt3PzM». Путь к превью в данном случае будет следующим: Это путь к максимальному размеру превью. Можно брать и другие размеры, но не вижу в этом смысла для разметки.
  • Ширина и высота видео — указываем те значения, которые соответствуют самому видео на сайте. Если я поделился видео и мне Youtube сгенерировал его код iframe с размерами 640×360, то их я и укажу в этом параметре;
  • Код iframe самого видео мы берем с youtube в блоке поделиться.«>

Предоставлю готовый вариант размеченного видео, чтобы вы все могли сравнить и сопоставить с вышеописанными параметрами тегов.

Это конечный вариант, который мы должны разместить в текстовом (html) режиме на странице своего сайта.

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

Далее стоит лишь проверить, что код нормально ведет себя в валидаторе обеих поисковых систем.

kostyakhmelev.ru

Микроразметка на примере

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

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

Сниппет с микроразметкой

 

Видео по микроразметке:

Для чего нужна микроразметка?

Если вы еще не внедрили микроразметку на своем ресурсе, то поторопитесь с этим. И вот 2 причины поторопиться это сделать:

  • во-первых, так удобнее пользователю. Если HTML-код помогает оформить данные, то микроразметка помогает подробно объяснить, что именно мы имели в виду. Не только рассказать о ресурсе, но и показать часть его содержимого. Разметка помогает оптимизировать поиск, сделать этот процесс менее времязатратным;
  • во-вторых, это полезно с коммерческой точки зрения. Когда покупатель видит в поисковой выдаче множество ответов на свой вопрос, то ему легче выбрать сайт, который предоставляет всю информацию о себе именно в выдаче. Соответственно, больше шансов, что он перейдет по показанной ссылке.

Виды микроразметки сайта

  • Schema.org — язык роботов поисковых систем Яндекс и Google. Отметим, что его также понимают Bing и Yahoo, и другие роботы менее известных поисковых систем. Schema.org — самый распространенный язык микроразметки. несколько лет назад его приняли за всеобщий стандарт разметки данных. 
  • OpenGraph — способ разметки информации, используемый роботами социальных сетей. Разработала его Facebook, но подхватили Вконтакте, Twitter, Google+, LinkedIn и все остальные. Используется для отображения превью в новостной ленте пользователя. Также этот язык понимает Яндекс.Видео.
  • JSON-LD — способ описания содержания страницы с помощью языка связанных данных. Описанная таким образом информация видна для роботов, но скрыта от людей. Чтобы было понятно: этот язык различает Яндекс.Почта, но оставляет без внимания поисковой робот Яндекса. Может быть использован в качестве дополнения к Schema.org (кстати, структурированные таким образом данные выглядят красивее).
  • Микроформаты — альтернативный способ разметки гипертекста через атрибут “class”. Например, задаем тег<div class=”adr”></div>, то есть сообщаем роботу о том, что внутри <div>помещен адрес.

Что такое микроразметка Schema.org?

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

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

Что можно размечать?

Практически всё (существует более 100 схем), но не вся разметка будет использована поисковыми системами. Что точно стоит размечать:

  • Товары
  • Контакты
  • Статьи
  • Отзывы / рейтинги
  • Комментарии
  • Видео
  • Люди (персоны)
  • Рецепты

Микроразметка товаров

<div itemscope itemtype="http://schema.org/Product"> <!--Указывается схема Product-->  	<!--В поле name указывается наименование товара-->  	<div itemprop="name"><h1>Кровать Мелисса с мягкой спинкой</h1></div>  	<!--В поле image указывается ссылка на картинку товара-->  	<a itemprop="image" href="products_pictures/large_krovat.jpg">  		<img src="products_pictures/medium_krovat.jpg" title="Кровать Мелисса с мягкой спинкой">  	</a>  	<!--Указывается схема Offer-->  	<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">  		<div>8 350 руб.</div>  		<!--В поле price указывается цена товара-->  		<meta itemprop="price" content="8350.00">  		<!--В поле priceCurrency указывается валюта-->  		<meta itemprop="priceCurrency" content="RUB">  	</div>  	<!--В поле description дается описание товара-->  	<div itemprop="description">Цена указана за кровать Мелисса с мягкой спинкой; размером спального места 900х2000 мм. Подушки у спинки кровати изготовляются из искусственной кожи. В комплектацию входит ортопедическое основание на ножках.</div>  	</div>  

Микроразметка контактов

<div itemscope itemtype=”http://schema.org/Organization”>
<span itemprop=”name”>superwebmaster</span>
Контакты:<div itemscope itemtype=”http://schema.org/ProstalAddress”>
Адрес:
<span itemprop=”streetAddress”>проспект Ленина,11</span>
<span itemprop=”prostalCode”>454055</span>
<span itemprop=”addressLocality”>Челябинск</span>
</div>
Телефон:<span itemprop=”telephone”>+7-908-04-29-***</span>
</div>

Микроразметка статьи

<div itemscope itemtype="http://schema.org/Article">
<header>
<h1 itemprop="headline name">Пример микроразметки статьи</h1>
</header>
<span itemprop="datePublished" content="ГОД-МЕСЯЦ-ДЕНЬ">Дата размещения</span> 
<span itemprop="author">Солтык Алексей</span>
<div itemprop="description"> 
<p>Текст краткого описания</p> 
<p>...</p>
</div>
<h2 itemprop="alternativeHeadline">Подзаголовок статьи</h2>
<div itemprop="articleBody">
<article> 
<img itemprop="image" src="URL адрес изображения" title="Какое-то изображение в статье" alt="Альтернативное название"> 
<p>Размечаем содержимое статьи!</p> 
<p>...</p>
</article>
</div>
</div>

Микроразметка отзывов (рейтинга)

<div itemscope itemtype="http://schema.org/Product">
<meta itemprop="name" content="Название страницы"> 
<span itemprop="offers" itemscope itemtype="http://schema.org/Offer"> 
<meta itemprop="price" content="0.00"> 
</span> 
<p itemprop="description">Описание страницы</p> 
<div class="left" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> 
<meta itemprop="ratingValue" content="4.63" /><!-- Количество отображаемых звезд -->
<meta itemprop="ratingCount" content="9" /><!-- Количество голосов --> 
</div>
</div>

Микроразметка комментариев

<div itemprop="comment" itemscope="itemscope" itemtype="http://schema.org/UserComments">  <span itemprop="commentTime" content="2017-05-23T12:14:22">23.05.2017 12:14:22</span>  <span itemprop="creator">Алексей</span>:  <div itemprop="commentText">Мощная статья. Спасибо!</div>  </div>

Микроразметка персон

<h1 itemprop="name">Анджелина Джоли</h1><br/>  <img itemprop="image" src="//domen.ru/wp-content/uploads/iphone360_20866-1.jpg" alt="Анджелина Джоли">  <b>ФИО на английском:</b> <span itemprop="alternateName">Angelina Jolie</span><br />  <b>Дата рождения:</b> 04 июня 1975 года<br />  <meta itemprop="birthDate" content="1975-06-04"/>  <b>Рост:</b> <span itemprop="height">1.69 м</span><br />  <b>Знак зодиака:</b> близнецы<br />  <b>Место рождения:</b> <span itemprop="birthPlace">Лос-Анджелес, Калифорния, США</span><br />  <b>Карьера:</b> <span itemprop="jobTitle">Актриса, Продюсер, Режиссер, Сценарист</span><br />  <b>Жанры:</b> драма, триллер, боевик<br />  <b>Супруг:</b> <span itemprop="spouse">Джонни Ли Миллер (развод), Билли Боб Торнтон (развод), Брэд Питт, шестеро детей</span><br />

Микроразметка рецептов

<div itemscope itemtype="http://schema.org/Recipe"> 
<h1 itemprop="name" >Курица в пиве с рисом</h1> 
Этот рецепт найден в Тибетском монастыре в 1871 году во время экспедиции графа Никанора Уйского. Он был написан в VI веке до нашей эры на глиняной табличке. 
<img itemprop="resultPhoto" src=​"profit.jpg" /> 
<ul> 
<li>Автор рецепта: <span itemprop="author">Граф Уйский</span></li> 
<li>После приготовления вы получите <span itemprop="recipeYield" >4 порции</span></li> 
<li>Время приготовления: <meta itemprop="totalTime" content="PT45M"/>45 минут</li> 
</ul> 
<h2>Ингредиенты</h2> 
<ul>
 <li itemprop="ingredients"> 1 курица </li>
 <li itemprop="ingredients" > 5 л пива </li> 
<li itemprop="ingredients" > соль </li> 
<li itemprop="ingredients" > перец </li> 
<li itemprop="ingredients" > специи по вкусу </li> 
</ul> 
<h2>Способ приготовления</h2> 
<ul itemprop="recipeInstructions"> 
<li><img itemprop="image" src=​"creks.jpg" alt="нарезанная кусочками курица"/> Курицу нарезать на кусочки, выложить в форму для запекания, посолить, поперчить, добавить специи по вкусу. </li>
 <li><img itemprop="image" src=​"feks.jpg" alt="курица залитая пивом"/> Курицу залить пивом, поставить в духовку. </li> 
<li><img itemprop="image" src=​"peks.jpg" alt="курица в духовке"/> Жарить при температуре 180 градусов в течение 40—45 минут. </li>
 </ul> 
<span itemprop="recipeCategory">Блюда из курицы</span> 
<div itemprop="nutrition" itemscope itemtype="http://schema.org/NutritionInformation"> Пищевая ценность: 
<ul> 
<li>Калории: <span itemprop="calories">120 ккал.</span>,</li> 
<li>Жиры: <span itemprop="fatContent">7 г.</span></li> 
<li>Углеводы: <span itemprop="carbohydrateContent">1 г.</span></li> 
</ul> 
</div> Приятного аппетита! </div>

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

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

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

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

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

 Влияет ли наличие микроразметки на позиции сайта в поисковой выдаче? Администрации поисковых систем отрицают эту зависимость, но, при этом, рекомендуют использовать schema.org. Конструкторы сайтов содержат модуль для работы с OpenGraph. При этом вопрос об оптимальном выборе остается открытым.

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

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

  1. Structured Data Testing Tool. Особенность сервиса состоит в том, что можно на примерах увидеть, как выполняется микроразметка. Просто скопируйте пример в свой шаблон и подставьте $переменные$ в код.
  2. Разделы “Структурированные данные” и “Маркер” в Search Console от Google, которые позволят настроить микроразметку.
  3. Валидатор микроразметки от «Яндекс».
  4. Яндекс.Справочник. Добавьте информацию о своей организации и в результатах поиска “Яндекс” будет показываться адрес, телефон и график работы.

Выводы

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

Не имеет значения какую разметку вы будите использовать – schema.org или какую-нибудь другую, главное, чтобы она была выполнена правильно и без ошибок и выделяла ключевые моменты страницы. Систематически проверяйте ее с помощью «Валидатора» и «Инструмент проверки структурированных данных», проводите глубокий разбор вашей деятельности и у вас все получится.

webmaster-seo.ru

Для чего нужна семантическая разметка?

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

Поисковый робот, в отличие от человека, не может распознать, о чем идет речь на сайте без определенных подсказок. Он анализирует контент, выявляет определенные закономерности, определяет ключевые слова, но, не имея человеческого интеллекта, не может понять смысл написанного. Чтобы упростить ему задачу, программистами придумана семантическая или микроразметка для «Яндекса» и Google. Так же, как гипертекст показывает машине, что и где нужно разместить, семантическая разметка объясняет, кому или чему посвящен ресурс. Благодаря этому пониманию сайт лучше ранжируется среди конкурентов и имеет больше шансов попасть на первые строчки поисковых запросов.

Пример семантической разметки

Особенно эффективно микроразметка «Яндекс» и Google влияет на продвижение коммерческих сайтов, предлагающих товары и услуги. Нагляднее всего ее объяснит следующий пример.

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

— itemtype — BarberShop,

— name — парикмахерская для собак.

В первой строке прописана область работы сайта, а во второй — конкретный объект. Страница с таким скриптом окажется выше на поисковой лестнице, чем аналогичная без него, поскольку поисковая система сочтет ее более релевантной понятию “парикмахерская для собак”, а не просто “парикмахерская”.

Создаваемая при помощи «Яндекс.Вебмастер» микроразметка позволяет прописывать множество параметров – места продаж, часы работы, контакты, краткое описание товара или услуги и многое другое.

Где используется семантическая разметка?

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

  • Коммерческими сайтами для продвижения товаров и услуг.
  • Онлайн справочниками и энциклопедиями для формирования многоуровневых связей между статьями.
  • Социальными сетями для детализации профилей, событий и прочего контента.

Единый стандарт Schrema.org

Создание семантической разметки привело к тому, что потребовался единый стандарт для всех поисковых систем. Им стала микроразметка «Яндекс» и Google – schrema.org. Она упрощает процесс создания короткого описания (сниппета), которое мы видим при отображении страницы в результатах поиска. В эту информацию можно включить важные сведения о сайте, которые помогут пользователю определиться, переходить или не переходить ему на эту страницу.

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

Стандарт Open Graph

Помимо поисковых систем Google и «Яндекс», микроразметка товаров, услуг, мультимедийного и информационного контента требуется и социальным сетям. Для них Facebook придумал единый стандарт Open Graph. Эта разметка позволяет контролировать, как будет представлен сайт в новостной ленте социальной сети. Причем сегодня создавать красивые ссылки с его помощью можно не только в Facebook, но и в Google+, «ВКонтакте», Twitter. Для красивого отображения последнего, кстати, также используется Twitter Cards.

Какую микроразметку выбрать?

На самом деле при ранжировании сайта ни «Яндекс», ни Google не отдают какому-либо стандарту больше предпочтения. Классический вариант использования – schrema.org – он наиболее полный, современный и активно развивающийся.

Словари микроразметки

Мы определили, что такое микроразметка «Яндекс». Как сделать так, чтобы в ней отображалась нужная информация? Для этого используется такое понятие, как словарь микроразметки. Это набор элементов, тегов и синтаксиса, с помощью которых на чем-то акцентируется внимание поисковой машины.

Для каждого стандарта существуют свои словари и элементы. В schema.org существует несколько ключевых словарей со своей огромной иерархией и типами отображения. Например, словарь Thing позволяет представлять информацию в 3-х основных свойствах:

  • alternateName – для псевдонима (алиаса) объекта;
  • description – для текстового описания объекта;
  • image – для изображения или ссылки на него.

Или словарь Good Relations, который будет особенно полезен торговым интернет-площадкам. Он позволяет размещать данные о ценах, местах приобретения, наличии и т. д.

Словарь FOAF – микроразметка контактов «Яндекс» и Google. Это анкета, которую вы заполняли миллионы раз на различных сайтах – ваше имя, координаты, страница в социальных сетях, почта, дата рождения и т. д. Эти знания позволят склонить пользователя перейти по ссылке, предлагая ему то, что может его заинтересовать. Таким образом, сайту можно поднять посещаемость.

Для подробного описания аудио и видеоинформации – исполнителя, названия альбома, продолжительности — используется микроразметка VideoObject.

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

Что такое валидатор

Любое продвижение в интернете требует тщательного и глубокого анализа эффективности. Проверить микроразметку «Яндекс» можно при помощи валидатора – программного обеспечения, распознающего метаданные на веб-страницах. Проверке корректности поддаются документы любых форматов – HTML, XHTML, RSS, XML, на любых языках.

Проверка микроразметки «Яндекс» осуществляется любым валидатором, поддерживающим форматы Schema.org, микроданных HTML, Open Graph, RDF.

Как проверить микроразметку Google

Узнать, насколько структурированы данные вашего сайта в поиске Google можно несколькими способами. Для опытного пользователя, который свободно владеет скрытыми настройками вебмастеров «Гугл», подойдет доступный только по ссылке инструмент Rich Snippet Tool.

Другой способ – установить плагин Seo by Yoast. Он удобен в использовании и будет доступен после установки в верхней панели вебмастера.

Третий способ – на сайте Google Developers в панели инструментов выбрать “Другие ресурсы”, нажать на кнопку “Инструмент для проверки структурированных данных” и указать html страницу, которую хотите проверить. Когда робот просчитает заданный скрипт, вы получите детальный отчет с ошибками, если они есть, и пояснениями к ним.

Как проверить микроразметку «Яндекс»

С этой поисковой системой все несколько проще. Валидатор микроразметки «Яндекс» расположен в инструментах вебмастеров, во вкладке “Мои сайты”. Здесь нужно нажать кнопку “Проверить разметку” и ввести URL сайта, и валидатор начнет просчитывать ошибки. Через несколько минут вы получите один из трех вариантов ответа:

  • Микроразметка не обнаружена.
  • Есть ошибки.
  • Микроразметка полностью соответствует стандарту.

В каких случаях появляется информация о некорректной разметке?

«Яндекс.Вебмастер» — валидатор микроразметки — выводит сообщение об ошибке в двух ситуациях:

  • Когда он не распознает разметку.
  • Когда микроразметка не соответствует стандарту.

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

Может еще выдать сообщение – «страница не может быть загружена». Оно указывает на ошибку сервера или несуществующую страницу.

Если микроразметка «Яндекс» выполнена с неизвестной ошибкой или вы не знаете, как ее исправить, всегда можно обратиться за справкой «Яндекс.Вебмастера».

После завершения валидации, новая разметка появится в течение 2 недель.

Как влияет микроразметка на ранжирование сайта?

Вы разметили свой ресурс по всем правилам, и валидатор микроразметки «Яндекс» показал, что все выполнено без ошибок. На сколько пунктов поднимется ваш сайт по поисковой лестнице?

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

Преимущества микроразметки

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

  • Она повышает доверие со стороны поисковых систем, поисковому роботу легче выделить главные элементы страницы, а значит, им становится проще нас индексировать. Если описать этот процесс очень упрощенно, то можно сказать, что поисковику приятно, что мы открываем перед ним сердце сайта, наши внутренние секреты, и его доверие к нам повышается.
  • В глазах потребителя сайты со сниппетами выглядят не только заметнее, но и качественнее. Соответственно на такие ресурсы чаще кликают, а значит, повышается CTR в выдаче или кликабельность.
  • У владельца есть уникальная возможность показать информацию, которая будет замечена, даже если пользователь не перешел на сайт.
  • Информацию сниппета всегда можно изменить, и это не повлияет на позицию ресурса в списке.

Но, конечно, при seo-продвижении не стоит зацикливаться только на разработке микроразметки. Крайне важно, иметь полезный и уникальный контент, но не только. Есть еще множество факторов, влияющих на повышение сайта в рейтинге поисковиков «Яндекс» и Google.

Другие способы продвижения сайта

Внутреннее продвижение, к которому относится микроразметка «Яндекс» и Google, имеет несколько направлений:

  • использование ключевых слов в домене и заголовках сайта;
  • наличие ключевых слов на самой странице, их равномерное распределение по тексту, расположение в подзаголовках, тегах;
  • правильная безошибочная HTML-разметка (проверяется при помощи инструментов «Вебмастера Яндекс»);
  • наличие мегатегов (keywords, description и т. п.), указывающих поисковику суть страницы;
  • перелинковка – т. е. ссылки на другие страницы сайта;
  • простая структура сайта, позволяющая в клик перемещаться на главную страницу;
  • запоминающийся и понятный дизайн;
  • работа с социальными сетями, возможность рекомендовать понравившуюся информацию другим;
  • наличие карты сайта;
  • уникальный, интересный и регулярно пополняемый контент, полезный и актуальный для читателя;
  • оптимизированный CMS для быстрой и безошибочной загрузки страниц.

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

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

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

Вместо заключения

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

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

«Яндекс» и Google напрямую заинтересованы в том, чтобы пользователь получал необходимые сведения, а значит, чем лояльнее будет ваш ресурс, тем больше его шансы занять место в топе.

Не суть важно, какую именно разметку вы используете – OpenGraph, schrema.org или какую-нибудь другую, главное, чтобы она была выполнена без ошибок и выделяла ключевые моменты страниц ресурса. Регулярно проверяйте ее при помощи валидатора, проводите глубокий анализ каждой стороны своей деятельности, и тогда вас ждут отличные результаты!

fb.ru

Способы проверки микроразметки валидатором от Google

По функционалу проверки микроразметки, поисковые системы Google и Яндекс схожи.

В валидаторе доступно две вкладки, соответственно два способа проверки микроразметки:

  1. по URL-у — способ удобен, если страница размещена в Интернете, необходимо просто скопировать адрес страницы и вставить в соответствующую строку
  2. по HTML- коду- способ удобен, если страница не опубликована в сети, необходимо скопировать фрагмент кода и вставить в соответствующее поле

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

Сравнение результатов валидаторов от Google и Яндекса.

А теперь подходим к самому интересному, сравнив результаты работы валидаторов от Google и от Яндекса.

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

  &lt;span itemscope itemtype=&quot;http://<a href="https://semantica.in/blog/kak-vnedrit-mikrorazmetku-schema-org-na-sajt-chast-1.html">schema.org</a>/LocalBusiness&quot;&gt;  	&lt;b&gt;Семантика&lt;/b&gt;&lt;/br&gt;  	&lt;span itemprop=&quot;address&quot; itemscope itemtype=&quot;http://schema.org/PostalAddress&quot;&gt;  		&lt;span itemprop=&quot;address&quot;&gt;Воронеж&lt;/span&gt;&lt;/br&gt;  		&lt;span itemprop=&quot;streetAddress&quot;&gt;ул. Торпедо, д. 15&lt;/span&gt;  	&lt;/span&gt;&lt;/br&gt;  	&lt;time itemprop=&quot;openingHours&quot; datetime=&quot;Mo, Tu, We, Th, Fr 09:00−22:00&quot;&gt;  		Пн-Пт, с 09:00 до 22:00  	&lt;/time&gt;&lt;/br&gt;  	&lt;span itemprop=&quot;telephone&quot;&gt;+7 (473) 279-96-26&lt;/span&gt;  &lt;/span&gt;  

Напомним, что при проверке данного фрагмента HTML-кода валидатор Яндекса показал одну ошибку и одно предупреждение. Рассмотрим результат инструмента от Google:

Как мы видим, валидатор от Google, в отличии от валидатора Яндекса, указал всего лишь на одну ошибку- о несоответствие свойства у данной сущности. Как исправить помеченную ошибку мы уже знаем.

 

Подведем итог

Данный пример показал, несмотря на то что поисковые системы поддерживают один и тот же стандарт микроразметки Schema.org, требования к нему у них разные. Поэтому при разметке сайта необходимо обязательно проверить микроданные как в валидаторе Яндекса, так и в инструменте проверки структурных данных от Google.

В отличие от поисковой системы Яндекс, Google не сообщает об интервале времени, в течение которого микроразметка сайта вступит в силу.

 

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

semantica.in

Для чего служит разметка?

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

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

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

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

Первый способ как проверить разметку

Проверять микроразметку на сайте мы будем с помощью 2 сервисов, это Google Structured Data Testing Tool и Валидатор микроразметки от Яндекса.

Начнем с Валидатора от Яндекса. Заходим на сам сервис и вводим любую ссылку на статью. После чего нажимаем проверить. Я за пример возьму свою статью 16 мифов о ведении блога.

валидатор от яндекса

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

Вот такие результаты выдал Яндекс:

Schema

Как вы можете видеть, ошибок не обнаружено и разметка прописана правильно. В случае если у вас ошибки, то Яндекс покажет вам такую картину:

ошибка Schema

Все ошибки нужно устранить!

Разберем подробнее мою разметку статьи:

правильная разметка в валидаторе

Теперь вы лучше понимаете, зачем проверять разметку.

Второй способ как проверить микроразметку

Второй сервис, который мы рассмотрим сегодня это Валидатор от Google. Переходим по ссылки и попадаем в сам инструмент. Тут необходимо ввести все тот же адрес статьи. Нажимаем на «Получить данные по URL» и вводим ссылку статьи.

валидатор гугла

В правом окне видим результат нашей проверки. Как вы видите, Google сообщает мне, что у меня есть 2 ошибки с разметкой для рейтинга. Я о них знаю и в скором времени устраню. Но зато с остальным у меня все отлично. 🙂

правильно в валидаторе гугла

В валидаторе от Google примерно то же самое, что и от Яндекса. За одним исключением вы можете видеть, что вам нахватает и где ошибки в разметке.

подробно в гугле

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

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

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

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

Всех желающих воспользоваться моими услугами прошу в обратную связь.

blogoshpora.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Adblock
detector