Микроразметка в Blogspot
Про микроразметку на моем блоге уже была статья, но эти фишки уже потеряли актуальность, на смену им пришли другие, поэтому читайте ниже новый урок по настройке микроразметки на Blogger, исправлении ошибок (проверять их наличие будем в валидаторе от Google). Если вы не знаете еще что такое микроразметка, для чего они нужна и где проверить валидность микроразметки на вашем блоге, то читайте все это здесь >>>
Напомню, что в блоги Blogspot микроразметка уже внедрена, но есть ошибки, которые легко устраняются.
Я покажу как убрать ошибки микроразметки на примере одного из тестовых блогов Blogger со стандартным шаблоном. Владельцы блогов с нестандартными шаблонами могут не переживать – действия требуются по их устранению очень похожи.
Как вы видите, что ошибки структурированных данных (так еще называют микроразметку) присутствуют в разделе BlogPosting.
..
| Ошибка | Как исправить |
| Ошибки blogId и postId | Найти и удалить в шаблоне блога коды: <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/>Они могут встречаться в шаблоне несколько раз. Удалить все. |
| Ошибка datePublished | Зайдите во вкладку “Дизайн” в административной панели блога. Найдите элемент, отвечающий за выведение сообщений блога и нажмите на ссылку “изменить”. В параметрах страницы сообщения измените вид отображения даты на такой: месяц/день/год (dd/mm/yyyy), пример 2/02/2016. Проскрольте вниз, сохраните изменения. Скриншоты:   |
| Ошибка headline | В шаблоне html блога находим код, отвечающий за заголовок. Обычно он выглядит так: <h3 class='post-title entry-title' itemprop='name'>В оптимизированных шаблонах это: <h2 class='post-title entry-title' itemprop='name'>В некоторых нестандартных шаблонах может встретиться такой код: <h2 class='post-title entry-title' itemprop='name headline'> И заменяем itemprop='name' на itemprop='headline'Окончательный вид кода будет выглядеть так: <h3 class='post-title entry-title' itemprop='headline'> Также отрезки кода могут встречаться несколько раз, вносим изменения во все такие строчки кода. |
| Ошибка author | Найдите код <data:post.body/> и вставьте после него: <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span>Учтите, что тег <data:post.body/> может встречаться в шаблоне несколько раз, и что вставить нужно лишь в определенном месте. Можете найти его путем подбора, пробуя разные варианты. |
| Ошибка image | Найдите код <data:post.body/> (может встречаться несколько раз) и вставьте после него: <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <b:if cond='data:post.firstImageUrl'> <img style='display:none;' expr:src='data:post.firstImageUrl'/> <meta itemprop='url' expr:content='data:post.firstImageUrl'/> </b:if> <meta itemprop='width' content='800'/> <meta itemprop='height' content='800'/> </div> Исправьте значения высоты и ширины изображения на свои. |
| Ошибка image_url | Найдите код вида: <b:if cond='data:post.firstImageUrl'> <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/> </b:if> и удалите его. |
| Ошибка publisher | Найдите тег <data:post.body/> (может встречаться несколько раз в шаблоне) и вставьте после него: <div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'> <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <img style='display:none;' src='https://3.bp.blogspot.com/-NXJE0ll14e4/VnRLGDil9cI/AAAAAAAABi8/rhGrdkDZ8E0/s1600/technohalf-logo.png'/> <meta itemprop='url' content='https://3.bp.blogspot.com/-NXJE0ll14e4/VnRLGDil9cI/AAAAAAAABi8/rhGrdkDZ8E0/s1600/technohalf-logo.png'/> <meta itemprop='width' content='600'/> <meta itemprop='height' content='60'/> </div> <meta itemprop='name' expr:content='data:blog.title'/> </div>Замените ссылки на logo (выделено желтым) на свой логотип, а также размеры логотипа (выделено красным). |
| Ошибка dateModified | Найдите: <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'> и вставьте после него строчки: <meta expr:content='data:post.timestamp' itemprop='datePublished'/> <meta expr:content='data:post.lastUpdatedISO8601' itemprop='dateModified'/> |
| Ошибка mainEntityOfPage | Найдите этот код: <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>В вашем шаблоне может встретиться также такой код: <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>Замените найденные коды на следующее: <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'> <meta itemscope='itemscope' itemprop='mainEntityOfPage' itemType='https://schema.org/WebPage' expr:itemid='data:post.link ? data:post.link : data:post.url'/> |
| Ошибка url в секции изображение - image [ImageObject] | Иногда остаются ошибки – отсутствует обязательный тег url (нет ссылки на изображение), несмотря на то, что вы исправили ошибку image по инструкции выше. Это лишь говорит о том, что не ко всем постам у вас есть миниатюры изображений. Добавьте миниатюры ко всем постам на главной странице, и ошибка уйдет. |
Это сообщение будет дополняться, вы можете задавать вопросы в комментариях.
Здравствуйте.
Спасибо большое за подробное разъяснение по ошибкам в микроразметке, воспользовалась вашими рекомендациями.
Но есть вопросы:
1. У меня не ушла ошибка datePublished
вот так сейчас
Значение 12:07 ПП указано в неправильном формате. Подробнее о форматах даты и времени…
Требуется:
Расширенные описания статей
Статьи об ускоренных мобильных страницах
скриншот https://picasaweb.google.com/lh/photo/HE_BostLKM8nUP3hFDPWqtMTjNZETYmyPJy0liipFm0?feat=directlink
можно ли это исправить
2. Возможно вы сможете подсказать как исправить ошибки отображенные в Search Console гугла… разделе Структурированные данные > hatom (разметка: microformats.org), после исправления ошибок в микроразметке.. в Search Console их стало даже больше
Отсутствует: author
Отсутствует: entry-title
Отсутствует: updated
скриншот https://picasaweb.google.com/lh/photo/tGphKTr3ZRHpar-XWCCtMNMTjNZETYmyPJy0liipFm0?feat=directlink
3. Я пытаюсь внедрить в свой блог микроразметку http://schema.org/Recipe … при проверке в в гугле и яндексе ошибок в этой разметке у меня нет, но хотелось бы выяснить такой вопрос : не зря ли это я делаю, хорошо и видит яндекс и гугл такую разметку на сайтах платформы Blogspot.
Извините, что много вопросов. Благодарна буду даже если ответите на один))
Первый вопрос уже не актуально я исправила.. кроме даты которую вы рекомендуете исправить в дизайне.. там же в третьей строке поставила галку(у меня она не стояла) и ошибка ушла
Здравствуйте! Нашла вашу статью, потихоньку аккуратненько все изменила, как описано. Ошибки при проверке исчезли, это здорово. Спасибо Вам!
Но чуть позже обнаружилось, что пропала форма для комментариев. Отчего, почему? Вот вопрос. При чем так странно.. Форма для коментов пропала начиная с последнего сегодняшнего поста и далее. Я пробовала опубликовать еще сообщение, чтобы посмотреть как будет. Ужасно, что делать не знаю.. Может там конфликт какой, я в кодах слабо разбираюсь, могу только готовые по инструкциям вставлять. Пожалуйста, помогите!
Вижу, здесь коменты сразу не публикуются, поэтому осмелюсь дать ссылку на последнее сообщение в моем блоге http://jozzin.blogspot.com/2016/03/aglais-io.html
А то их у меня несколько, а изменения проводились только в этом.
Jozzi N, а вы случайно резервное копирование не делали?
Скиньте код шаблона на почту (через страницу Контакты), попробую исправить.
Здравствуйте, второй день борюсь с ошибками по Вашим подсказкам, большую часть исправили, благодаря Вам, низкий поклон за подробности без лишней воды! Но вот 2 ошибки ну никак не удаляются: Ошибка dateModified — весь код поиском просматриваю в notepad++, не находит строку указанную в таблице, а structured datatesting пишет что ошибка есть! Где ее искать? И не поддается Ошибка url, добавляю картинку в пост — выдает ошибку image_url, убираю картинку — выдает ошибку url…..
Ukrhim Ltd, а вы пробовали исправить ошибку image по инструкции? Возможно, вы вставили нужных код не там, где нужно. Код <data:post.body/> может встречаться несколько раз. Нужно вставить отрезок предложенного в статье кода после определенного, но определить придется путем подбора.
Здравствуйте! Спасибо за статью! У меня комментарии тоже пропали. Не нашли вы ошибку в коде?
Поиском ошибки не занималась, скорее всего Ukrhim Ltd куда-то не туда вставил код. Мы списались, я поправила исходный код, и все получилось. Можете также написать мне через обратную связь.
Хорошая статья спасибо автору. Но не удается исправить Ошибка image и publisher
В моём случае строка с проблемой dateModified выглядела так:
Поэтому не сразу её нашел.
Подскажите, а для кулинарного блога есть какие-нибудь особые указания?
Flint Rid, к сожалению, весь комментарий почему-то не отображается.
Для кулинарного сайта все абсолютно то же самое.
Спасибо Вам огромное за статью, все исправил, только ломаю голову над name. я вообще-то только недавно начал, и в этом еще не очень разбираюсь.
Подскажите пожалуйста, как исправить эту проблему
"Необходимо указать значение для поля name."
"div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'"
строка (div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>)на эту строку ссылаются 5 ошибок
cancelheadline
Необходимо указать значение для поля headline.
cancelimage
Необходимо указать значение для поля image.
cancelpublisher
Необходимо указать значение для поля publisher.
canceldateModified
Рекомендуется заполнять поле dateModified. Укажите значение, если оно известно.
cancelmainEntityOfPage
Рекомендуется заполнять поле mainEntityOfPage. Укажите значение, если оно известно.
aleksandr dubrowsky, у меня в статье как раз и дается алгоритм устранения этих ошибок. Сделайте резервную копию и попробуйте устранить их. Если боитесь экспериментировать на своем блоге, то создайте тестовый блог, загрузите туда резервную копию рабочего шаблона, и повторите мои шаги.
Здравствуйте, спасибо за вашу статью, исправил большинство ошибок. Но вот с ошибкой image так и не удалось, строчек с кодом оказалось две. Так как я профан, ставил ваш предложенный код в различных вариациях, и под двумя сразу и по раздельности, но ошибка так и не пропала. И самое главное эта ошибка существует только на главной странице блога, то есть по адресу домена, на остальных страницах эта ошибка отсутствует. Возможно у вас есть какие предположения на этот счет. Заранее благодарен.
Perso, если честно, то не знаю по каким причинам не работает у вас этот код (
Большое спасибо за полезную статью. Очень часто к ней теперь обращаюсь.
Вопрос новый: а как избавиться от ошибки с логотипом, при этом не используя логотипа? Меня вот устраивает просто текст.
Имел ввиду ошибку
Flint Rid, дело в том, что этот логотип не будет отображаться на сайте. Он "виден" только поисковым системам. Так что вы можете использовать любую картинку.
Теперь точно со всем разобрался. Спасибо большое от blog.gotovki.net Вам)
Гости странички: Читайте инструкции внимательнее, и у Вас всё получится!!
Пожалуйста)
Подписалась на вкусный блог.
Спасибо. все работает.
У меня есть Ошибка headline
Но код в шаблоне выглядит так:
h2 class='post-title entry-title'
и вот так
h1 class='post-title entry-title'
причем несколько раз такое в коде встречается. Как исправить ошибку headline
Вот спасибо. Все разжевано, автор красавчик!
Наталья, огромное спасибо за титанический, а главное, востребованный труд. Оч пригодился Ваш опус на тему микроразметки в блоге на блогспоте.
Снимаю шляпу, приклоняю колени.
Может быть кто-то замечал, после исправления ошибок в м/разметке, не происходит ли снижения посещаемости?
Не может ли это быть связано как-то с внесением изменений в шаблон и дальнейшей переиндексацией?
Alex, исправление ошибок микроразметки только улучшит сайт в глазах поисковиков. Снижение посещаемости происходит по другим причинам
Здравствуйте. Спасибо за статью, все ошибки исправлены, но застряла на последней здесь: "Добавьте миниатюры ко всем постам на главной странице, и ошибка уйдет." Не подскажете ли вы, как это сделать?
Забыла написать: ошибки с url появились в двух первых постах, так как там нет картинок. Что делать в таком случае?
Julia, нужно отредактировать посты без картинок, добавив их.
Класс, всё работает. Спасибо.
Проверка структурированных данных Гуглом ошибок не показывает, однако Валидатор микроразметки Яндекса пишет:
rdfanode
ОШИБКА: поле http://ogp.me/ns#type отсутствует или пусто
microdata
ПРЕДУПРЕЖДЕНИЕ: itemtype http://microformats.org/profile/hatom неизвестен валидатору
imageobject
ПРЕДУПРЕЖДЕНИЕ: Не выполнено обязательное условие для передачи данных в Яндекс.Картинки: поле contentUrl или image или thumbnail отсутствует или пусто
ОШИБКА: В свойстве content тега meta не может содержаться ссылка
itemType = https://schema.org/ImageObject
url = https://2.bp.blogspot.com/- и т.д.
Это серьёзные ошибки?
1. Про поле http://ogp.me/ns#type — означает, что отсутствует микроразметка Open Graph. Она нужна для лучшей "совместимости" с социальными сетями. Про эту разметку можно почитать подробнее в статье про опен граф
2. Микроразметку hatom не поддерживает Яндекс. Ее можно удалить. Если же она останется, то ничего страшного не произойдет.
3. Предупреждение по картинкам — Яндекс не понимает разметку ваших картинок. В идеале — лучше настроить для лучшего поиска по картинкам.
Подскажите, как исправить ситуацию. Исправляла микроразметку, исходник сохранила. Естественно, все равно в микроразметке накосячила, решила вставить исходный код. При перевставлении код ругается, выдает ошибку: ошибка при синтаксическом анализе XML Attribute name "expr:data-post-" associated with an element type "span" must be followed by the ' = ' character.
А в блоге над заголовками статей висит отрывок кода meta expr:content='data:post.timestamp' itemprop='datePublished'/> itemtype='http://schema.org/BlogPosting'>. Как исправить ситуацию? Второй день бьюсь, ничего не могу поделать.
Нина Владимировна, если речь идет об это блоге http://www.ninavladimirova.ru/, то я смотрю — вы все исправили.
Да, я утра 6 покумекала. Оказалось, обрывки кода надо было частями удалять, а не цельным куском.
Здравствуйте Наталья!
Прежде всего спасибо вам за весьма содержательные статьи и полезный блог!!!
Второе: сейчас я привожу в порядок свой блог… в частности начал с удаления в Гугловском профиле "Инструменте проверки структурированных данных" Ошибки blogId и postId.
Удаляю эти коды ошибок в левой колонке, проверяю кнопкой которая по средине, сперва удаляются. Но потом захожу вновь в этот инструмент, или допустим, F5 жму, чтобы обновить, а ошибки не удалились, то есть, всё что правил снова на месте!!!
Подскажите, как действовать чтобы правки сохранялись?
Адрес моего блога: https://blogforyoumyfriends.blogspot.com
Роман
Balance, действительно в последнее время редактор шаблонов Blogger плохо сохраняет изменения. Чтобы обойти этот баг можно править код в блокноте или в Notepad+, а после чего загружать файл xml через функцию резервного копирования. Надеюсь, что в скором будущем проблема будет решена.
Доброго времени дня, Наталья !
Ваши советы помогли, благодарю вас!!! Остался лишь один нюанс, это вот эта ошибка "Необходимо указать значение для поля author."
Делаю всё что написано вами в статье об ошибке author, то есть, после кода ставлю, тот длинный код. Но ошибка не ушла.
Я ставил его и в первом месте после , затем убирал с первого места и ставил отдельно во втором, там где встречается , всё равно ошибка не уходит.
Подскажите, пожалуйста!
Balance, у вас не указан автор в вашем блоге возле каждой записи. Попробуйте добавить его через Вкладку Дизайн -> Сообщения блога -> изменить
Отпишитесь, получилось ли у вас.
Чудо! Всё получилось.
Спасибо вам, Наталья, за очень дельные советы!!!
Всё получилось, спасибо! Вот только, чтобы убрать Ошибка author, пришлось ставить галку в сообщениях, чтобы этого самого автора было видно внизу каждого сообщения. Иначе ошибка не пропадала. Можно его как-то не показывать? Чтобы было как на сайте 🙂
Причём, ошибка author исчезла только для сообщений. Для страниц осталась по-прежнему.
ОГРОМНОЕ СПАСИБО!!!
Здравствуйте!
Подскажите, пожалуйста, как удалить следующие ошибки в микроразметке. Остальные удалила по Вашим советам. За что большое спасибо. А остальные никак…
headlane вводила вместо name — все строки заменились, а ошибка есть…
аuthor (в сообщениях прописано мое имя), но если вставляю Ваш код ничего не получается.
publisher. Вы рекомендуете вставить логотип, а у меня он в составе шапки блога, т.е. отдельно кода на него нет…
dateModified, после вставляла, указанные строки — не получилось…