Микроразметка в коде сайта

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

  • Информация  itemscope находится внутри  < div>…< /div> и имеет отношения к конкретным свойствам предмета или явления.
  • Нужно указать еще и тип объекта, с помощью атрибута itemtype, пишется сразу после itemscope.
  • Для обозначения свойства предмета применяется  атрибут itemprop, например, к имени автора. Itemprop добавляется между тегами  <span>…</span>, чтобы прикрепить  его,  к определенному  месту текста.

 Перенос из мастера Google

Моей задачей является сделать микроразметку к статьям своих сайтов. 

У меня  были попытки к внесению структурированных данных.

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

После разметки скачиваю его  на компьютер, получается вид главной страницы. Нажмем Ctrl+U, чтобы получить код страницы, перенесем его в блокнот Notepad.

Проверяю код мастера с помощью сервиса Google, для проверки микроразметки. Найдена одна ошибка article.

ошибка сгенерированного кода

«Заполните поле ratingValue», пока что не знаю что это за рейтинг. Это не мастера ошибка, я что-то не заполнила.

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

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

  • Третье окно периодически сворачиваю и разворачиваю, чтобы лучше видеть желтую подсветку. В первой строке  заголовка написано о том, что это разметка Google, ее решила   не переносить.
  • Второй строкой, окрашенной микроразметки, у меня оказался hfeed. Все нашлось во всех открытых документах.
  • Строка 57 сгенерированного кода  выглядит следующим образом: <div itemscope itemtype=»http://schema.org/Article» id=»page». С моим сайтом номера  не совпадают, подобная строка находится на 98 номере: <div id=»page» class=»hfeed site»> — без структурированных данных. Сюда можно было бы скопировать кусочек кода микроразметки, но в моей теме фид – пустой узел, поэтому ничего не вношу.
  • Далее ищу  поиском атрибут: Itemprop. Это слово присутствует на нескольких линиях мастера. На моем варианте  этого атрибута нет. Чтобы найти строки ищу  близкое, к атрибуту, слово. Все нашла и перенесла недостающие коды на свой блог.
  • Теперь проверяю в сервисе вариант блога с добавленными атрибутами. Нашлось две ошибки и два совершенно правильных кода.

проверка правильности атрибутов

Микроразметка кода в подвале блога

Приняла решение внести, только правильную микроразметку, предложенную мастером Google

атрибуты кода в подвале Гугл здесь ошибок не нашел, Яндексу  микроразметка  в коде сайта не понравилась.

Комментарии 4

  • Информация для меня очень нужная и полезная, так как я просто боюсь этим заниматься, но статьи помогают мне разобраться. Спасибо.

  • Ну и как, заметно улучшение индексации после введения микроразметки? Я все никак не могу решить, нужна она моему блогу или нет.

  • Я как-то задумывалась над этим, но так и не решилась лезть в код и что-то там менять. Пока не могу понять, действительно ли она так важна..

  • Аналогичным образом пытаюсь выяснить тот же вопрос, что и другие коллеги. Знаю. что микроразметка влияет на позицию сайта, но ещё не всё изучено. В целом всем УДАЧИ!

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

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