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

Продолжим разбираться с микроразметкой. Если Вы ещё не прочитали мою предыдущую статью, то очень рекомендую это сделать.

Она не большая, но даёт необходимое понимание того, о чём мы будем говорить.

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

Заходим в Google Инструменты для веб мастеров — Ваш сайт — Вид в поиске — Структурированные данные.

Структурированные данные

Как видите, на моём блоге применена разметка microformats.org, то есть она уже была внедрена в файлы шаблона, и в 151 элементе, выдаётся ошибка.

А вот schema.org, рекомендуемой к применению ПС Яндекса и Google — нет вообще. Значит будем удалять то, что не нужно, и внедрять то, что рекомендуют ПС.

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

У меня хостинг обеспечивает ежедневное резервное копирование, и в процессе этого эксперимента, я дважды восстанавливал блог.

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

Необходимо это для того, чтоб при проверке выполненных действий, в Инструментах веб мастера, сервис не цеплял сохранённые копии.

microformats.org использует очень много форматов разметки. Это:

hcard — организации и люди

hatom — ленты новостей

hCalendar — события

hProduct — товары

hReview — отзывы о товарах

hRecipe — кулинарные рецепты

XFN — социальные сети

И это ещё не полный список. Как очень точно сказано в Википедии: «Вот наиболее известные из них». И все они, или только некоторые могут присутствовать в коде блога.

Но самое интересное, что в том виде, в котором они представлены в этом списке, в коде их найти невозможно.

В код эти форматы разметки вводятся в виде классов со свойствами, закреплёнными за каждым форматом. И этих свойств, тоже достаточно много.

Вот например формат hcard, в коде выводится как атрибут, или класс контейнер vcard, а его свойства, как class=»fn» или class=»n», который в свою очередь тоже является контейнером, и так далее.

И если первый класс применяется к имени, то второй, с некоторыми дополнениями, к фамилии-имени-отчеству.

Так же есть классы для организации, её названия, адреса, профиля, и так далее.

Конечно далеко не факт, что всё это заложено в вашем шаблоне, но чтоб выявить то что есть, желательно знать всё. Или, как в Википедии, наиболее известные.

Такое ощущение, что все их вообще никто не знает. А наиболее известные, я собрал в Шпаргалках

Ну ладно, в инструментах веб мастера Google, мы определили, что в блог внедрена разметка microformats.org.

Теперь определим, имеющиеся у нас, форматы этой разметки.

Для этого воспользуемся инструментами Google Инструмент проверки структурированных данных, и Яндекс веб-мастер Проверить микроразметку.

Начнём с Главной страницы, чтоб по порядку. Вводим в поле для адреса, адрес Главной страницы, и нажимаем Проверить, в обеих инструментах.

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

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

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

Инструмент проверки микроразметки

Вот это как раз то, что нам и нужно.

Первым идёт Издатель. И скорее всего, у Вас будет сообщение: Страница не содержит тега издателя.

Если это так, то чтоб тег издателя появился, нужно создать аккаунт в Google+, войти в свой Профиль, перейти в Записи, и скопировать адрес, обозначенный в адресной строке браузера.

Профиль Google+

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

1. Если у Вас установлен плагин All In One SEO Pack, по заходим в Консоль — Инструменты SEO — Основные, прокручиваем их вниз до раздела Настройки сервисов Google, и вставляем скопированный адрес в строку Профиль в сети Google+.

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

2. Если у Вас нет плагина All In One SEO Pack, то адрес нужно вставить в виджет Текст, в Вашей панели виджетов, в виде ссылки.

Текст ссылки — на Ваше усмотрение. Можно «Я в Google+», а можно сделать её не видимой. Тогда никакого текста не надо.

Виджет текст

Этот виджет можно разместить в любой области, и проверить так же как в пункте 1.

Следующий формат обычно присутствующий в блоге по умолчанию — это hatom.

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

У меня, как видно из картинки, в этом формате выдаётся ошибка Missing required field «updated».

То, что эта ошибка принадлежит именно данному формату, можно определить с помощью Шпаргалок. По ним сразу видно, что свойство updated применяется в формате hatom.

Будем исправлять.

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

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

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

Несмотря на множество рекомендаций в интернете, ни одна из них в моей теме не сработала, поэтому я пошёл немного другим путём.

Возможно и Вам придётся искать свой вариант устранения ошибки, поэтому давайте посмотрим, как гарантированно можно найти её причину.

Для этого воспользуемся старым добрым инструментом веб-инспектор.

Открываем страницу в браузере Chrome, нажимаем клавишу F12, или щёлкаем правой клавишей мыши и выбираем Просмотр кода элемента.

В открывшемся окне веб-инспектора находим строку с кодом, которая подсветит дату на нашей странице.

Эта строка и будет тем элементом кода, в котором нужно искать ошибку.

Веб-инспектор

Как видите — это ссылка, и ей задано свойство rel=»bookmark».

Быстренько идём в Гугл, то есть вставляем rel=»bookmark» в поисковую строку браузера, окунаемся в поисковую выдачу, и узнаём, что bookmark — это закладка, а в формате hatom, это свойство применяется, как определение чего-то постоянного, а от нас требуется обновление.

Значит нужно удалить rel=»bookmark», и на его место вставить class=»updated». Как это сделать?

Идём Внешний вид — Редактор, и начинаем в файлах темы искать слово bookmark. Кто ещё не знает, как это быстро делается, прочитайте эту инструкцию.

У меня этот элемент нашёлся в файле functions.php.

Файл functions.php

Удаляем его, вставляем class=»updated», обновляем файл, и идём проверять в Google Инструмент проверки микроразметки.

Инструмент проверки микроразметки

Как видите — одной ошибкой стало меньше. За что и боролись.

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

Возможно Вам не нужно будет ничего удалять, а только вставить class=»updated», но если уж необходимо будет удалить какой-то элемент, то обязательно проверьте, нет ли его в файле style.css.

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

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

Переименовав его и в файле php, и в таблице стилей, Вы избавитесь от ненужного элемента, и сохраните дизайн.

Теперь посмотрим вторую ошибку. Как видно из названия: Ошибка. Missing required hCard «author», относиться она к формату hCard.

В этом формате представлены свойства (смотри Шпаргалки), которые мы сможем заменить на свойства schema.org, поэтому данный формат лучше полностью удалить.

В коде он представлен корневым классом vcard, то есть если в блоге присутствует hCard, то в коде он будет vcard.

Идём в файлы темы, и просматриваем их на наличие vcard, не забывая про style. css.

Если в стилях его нет, то просто удаляем, там где он найдётся. Если есть, то переименовываем.

Затем проверяем точно так же свойства этого формата. Причём, тут нужно смотреть по смыслу. Например свойство fn состоит из двух букв, и эти две буквы могут входить в какое либо слово, или свойство url может быть реальным адресом.

Естественно, удалять их не нужно. Обычно свойство, в коде является значением класса: class=»fn», class=»url». Вот эти конструкции можно смело удалять. Опять же, если их нет в стилях. И так далее.

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

Яндекс должен доложить, что микроразметка не обнаружена.

15m

А у Google в результатах не должно быть красных строк.

Инструмент проверки микроразметки

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

Вообще-то, не успокоившись на достигнутом, и так как остались не понятные до конца моменты, я потратил ещё некоторое время, на поиск информации по microformats.org.

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

И на всех форумах и блогах, гораздо больше вопросов, чем ясных ответов.

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

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

Так что если кто-то не сможет исправить ошибки в структурированных данных, не расстраивайтесь. Просто внедряйте schema.org на свой блог, и всё будет нормально.

В следующей статье этим и займёмся.

Желаю высоких позиций в поиске.

Неужели не осталось вопросов? Спросить

Перекур

Внук приехал к деду в деревню на крутом мотоцикле.
— Здравствуй внучек. Как поживаешь?
— Хорошо дедуля. Я теперь байкер.
Дед чешет репу:
— Про моржовый хер слышал, поросячий — сам видел, а вот про бай хер впервые слышу. Век живи — век учись.

Что такое микроразметка < < < ◊ > > > Микроразметка для Яндекса

Статьи по теме
Snippet
Запись опубликована в рубрике SEO. Добавьте в закладки постоянную ссылку.

14 комментариев на «Микроразметка WordPress»

  1. stariс говорит:

    К сожалению не смогу. Я же не вижу структуру вашего сайта. Да и с расширенными сниппетами я пока не разобрался. Вообще-то, раз не проходит Blog, значит разговор не о сниппете? Попробуйте Мастера разметки Яндекса. Все основные и необходимые типы сущностей и атрибуты он показывает.

  2. Алексей говорит:

    Здравствуйте! Подскажите пожалуйста Проверка выдает
    blog
    ПРЕДУПРЕЖДЕНИЕ: Не выполнено обязательное условие для структурированных сниппетов творческих работ: поле description или articleBody отсутствует или пусто
    itemType = http://schema.org/Blog

    Как можно исправить?

  3. stariс говорит:

    Если сайт молодой и не большой, то конечно лучше делать его чистым, без ошибок. Это уж потом, когда он наберёт вес, можно будет не обращать внимания на синтаксические ошибки кода, а пока их лучше стараться исправлять. К тому же это очень полезно. Исправляя ошибки, начинаешь чувствовать код более уверенно, по себе знаю. К тому же для этого есть такие хорошие инструменты, как W3C для html и css, Валидатор микроразметки у Яндекса, и Инструмент проверки структурированных данных у Google.
    Насчёт влияния на сайт — представьте, что в поиске несколько (или несколько сотен) сайтов, примерно одинаковых по всем SEO показателям. Как выбрать из них те, которые будут повыше в поисковой выдаче, а которые пониже? Конечно, если все остальные позиции равные, то внимание будет обращено на ошибки кода, и чистый сайт окажется выше остальных.
    Мне тоже долго каждая ошибка глаза мозолила, и этот сайт два года я поддерживал в зелёном цвете.

  4. Deagle-cs говорит:

    Спасибо, у меня не очень большой сайт, но тем не менее уже 73 ошибки. Глаза мозолят ну и мб это как то влияет на сайт не положительно.

  5. stariс говорит:

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

  6. Василий Блинов говорит:

    У меня после внедрение шема.орг стало выдавать ошибку по разметке микроформатс.орг

    Не могу нигде найти стоит ли исправлять эту ошибку и внедрять разметку…

  7. stariс говорит:

    Так и нужно. Теперь что-то добавить или изменить — без проблем.

  8. Татьяна говорит:

    Вообщем, поворочала мозгами и все сама сделала.

  9. stariс говорит:

    Если Вы имеете в виду плагин All In One SEO Pack (seo плагинов у WP много), то эту проблему с микроразметкой в плагине, я разобрал вот здесь. Если плагин другой, то по такому же методу можно найти микроразметку в нём, и убрать.

  10. Анатолий говорит:

    Как в плагине wordpress-seo отключить разметку (настроек по её отключению нет)? Плагин отключаю — разметка исчеазает. Но мне нужен этот плагин, но без микро разметки.

  11. stariс говорит:

    Невозможно определить пренадлежность — это значит, что не задан тип для атрибута itemprop. Например: перед атрибутом для описания <div itemprop=»description» id=»site-description»>, должен быть определён тип <div id=»header» itemscope itemtype=»http://schema.org/WPHeader»>
    У меня об этом в следующей статье Микроразметка для Яндекса и Google.
    И не забывайте о кеше сайта. Перед проверкой в валидаторе, его нужно удалять, иначе Яндекс будет видеть страницу из кеша, а изменений не увидит.
    Плагин тоже нужно проверить, некоторые его версии выдают ошибку в микроразметке. Про это в статье Ошибки schema.org

  12. Татьяна говорит:

    Здравствуйте. Может подскажите — Валидатор Яндекс выдает такой ответ:

    microdata
    ОШИБКА: невозможно определить принадлежность данных полей. Возможны две причины: эти поля некорректно размещены, либо указан лишний атрибут itemprop
    itemType =
    description = Масло облепиховое Полезные свойства. Приготовление, рецепты
    keywords = Масло облепиховое,масло,масла,залить,необходимо,отделить,путем,содержанию,народной,медицине,маслом,облепихового,массу,здоровья,рецепт облепизового мас…
    У меня стоит плагин All In One SEO Pack. Если его отключить , то валидатор говорит, что микроразметки нет.
    Пыталась сделать как у Вас написано, но ответ валидатора тот же. Может подскажите почему? Где и что нужно прописать.

  13. stariс говорит:

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

    Если уж так нужно, то лезь под капот, папка wp-includes. Там файлы и feed-hatom, и feed-hatom-comments, и feed-rss, и вообще весь feed.

    Попробуй по удалять, только не забудь про бекап.

  14. megafreez говорит:

    Так и не понял как удалить эту дебильную разметку, мне вообще не нужно использовать hatom-feed, никак не могу понять как от него полностью избавиться!

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

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