2016-02-06

Textual description of firstImageUrl

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

микроразметка в blogger
Про микроразметку на моем блоге уже была статья, но эти фишки уже потеряли актуальность, на смену им пришли другие, поэтому читайте ниже новый урок по настройке микроразметки на Blogger, исправлении ошибок (проверять их наличие будем в валидаторе от Google). Если вы не знаете еще что такое микроразметка, для чего они нужна и где проверить валидность микроразметки на вашем блоге, то читайте все это здесь >>>
Напомню, что в блоги Blogspot микроразметка уже внедрена, но есть ошибки, которые легко устраняются.
Я покажу как убрать ошибки микроразметки на примере одного из тестовых блогов Blogger со стандартным шаблоном. Владельцы блогов с нестандартными шаблонами могут не переживать – действия требуются по их устранению очень похожи.
ошибки микроразметки blogspot

Как вы видите, что ошибки структурированных данных (так еще называют микроразметку) присутствуют в разделе 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.
Проскрольте вниз, сохраните изменения.
Скриншоты:
ошибка datepublished   исправляем ошибку микроразметки даты поста
Ошибка 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='http://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='http://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='http://3.bp.blogspot.com/-NXJE0ll14e4/VnRLGDil9cI/AAAAAAAABi8/rhGrdkDZ8E0/s1600/technohalf-logo.png'/> <meta itemprop='url' content='http://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='http://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='http://schema.org/BlogPosting'>В вашем шаблоне может встретиться также такой код:
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>Замените найденные коды на следующее:
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://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 по инструкции выше. Это лишь говорит о том, что не ко всем постам у вас есть миниатюры изображений. Добавьте миниатюры ко всем постам на главной странице, и ошибка уйдет.
отсутствует url изображения
Это сообщение будет дополняться, вы можете задавать вопросы в комментариях.

34 комментария :

Лидия комментирует...

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

Но есть вопросы:
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.


Извините, что много вопросов. Благодарна буду даже если ответите на один))



Лидия комментирует...

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

Jozzi N комментирует...

Здравствуйте! Нашла вашу статью, потихоньку аккуратненько все изменила, как описано. Ошибки при проверке исчезли, это здорово. Спасибо Вам!
Но чуть позже обнаружилось, что пропала форма для комментариев. Отчего, почему? Вот вопрос. При чем так странно.. Форма для коментов пропала начиная с последнего сегодняшнего поста и далее. Я пробовала опубликовать еще сообщение, чтобы посмотреть как будет. Ужасно, что делать не знаю.. Может там конфликт какой, я в кодах слабо разбираюсь, могу только готовые по инструкциям вставлять. Пожалуйста, помогите!

Jozzi N комментирует...

Вижу, здесь коменты сразу не публикуются, поэтому осмелюсь дать ссылку на последнее сообщение в моем блоге http://jozzin.blogspot.com/2016/03/aglais-io.html
А то их у меня несколько, а изменения проводились только в этом.

Иванова Наталья комментирует...

Jozzi N, а вы случайно резервное копирование не делали?
Скиньте код шаблона на почту (через страницу Контакты), попробую исправить.

Ukrhim Ltd комментирует...

Здравствуйте, второй день борюсь с ошибками по Вашим подсказкам, большую часть исправили, благодаря Вам, низкий поклон за подробности без лишней воды! Но вот 2 ошибки ну никак не удаляются: Ошибка dateModified - весь код поиском просматриваю в notepad++, не находит строку указанную в таблице, а structured datatesting пишет что ошибка есть! Где ее искать? И не поддается Ошибка url, добавляю картинку в пост - выдает ошибку image_url, убираю картинку - выдает ошибку url.....

Иванова Наталья комментирует...

Ukrhim Ltd, а вы пробовали исправить ошибку image по инструкции? Возможно, вы вставили нужных код не там, где нужно. Код <data:post.body/> может встречаться несколько раз. Нужно вставить отрезок предложенного в статье кода после определенного, но определить придется путем подбора.

Тайный Мир Путешественника комментирует...

Здравствуйте! Спасибо за статью! У меня комментарии тоже пропали. Не нашли вы ошибку в коде?

Иванова Наталья комментирует...

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

Андрей Кравцов комментирует...

Хорошая статья спасибо автору. Но не удается исправить Ошибка image и publisher

Flint Rid комментирует...

В моём случае строка с проблемой dateModified выглядела так:



Поэтому не сразу её нашел.
Подскажите, а для кулинарного блога есть какие-нибудь особые указания?

Иванова Наталья комментирует...

Flint Rid, к сожалению, весь комментарий почему-то не отображается.
Для кулинарного сайта все абсолютно то же самое.

Nikita Slivko комментирует...

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

"Необходимо указать значение для поля name."

"div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'"

aleksandr dubrowsky комментирует...

строка (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, у меня в статье как раз и дается алгоритм устранения этих ошибок. Сделайте резервную копию и попробуйте устранить их. Если боитесь экспериментировать на своем блоге, то создайте тестовый блог, загрузите туда резервную копию рабочего шаблона, и повторите мои шаги.

Perso Sonas комментирует...

Здравствуйте, спасибо за вашу статью, исправил большинство ошибок. Но вот с ошибкой image так и не удалось, строчек с кодом оказалось две. Так как я профан, ставил ваш предложенный код в различных вариациях, и под двумя сразу и по раздельности, но ошибка так и не пропала. И самое главное эта ошибка существует только на главной странице блога, то есть по адресу домена, на остальных страницах эта ошибка отсутствует. Возможно у вас есть какие предположения на этот счет. Заранее благодарен.

Иванова Наталья комментирует...

Perso, если честно, то не знаю по каким причинам не работает у вас этот код (

Flint Rid комментирует...

Большое спасибо за полезную статью. Очень часто к ней теперь обращаюсь.

Вопрос новый: а как избавиться от ошибки с логотипом, при этом не используя логотипа? Меня вот устраивает просто текст.

Flint Rid комментирует...

Имел ввиду ошибку

Иванова Наталья комментирует...

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

Flint Rid комментирует...

Теперь точно со всем разобрался. Спасибо большое от blog.gotovki.net Вам)

Гости странички: Читайте инструкции внимательнее, и у Вас всё получится!!

Иванова Наталья комментирует...

Пожалуйста)
Подписалась на вкусный блог.

Ігор Хабурський комментирует...

Спасибо. все работает.

Роман Иванов комментирует...

У меня есть Ошибка headline

Но код в шаблоне выглядит так:

h2 class='post-title entry-title'
и вот так
h1 class='post-title entry-title'
причем несколько раз такое в коде встречается. Как исправить ошибку headline

Games Factor комментирует...

Вот спасибо. Все разжевано, автор красавчик!

Alex Smith комментирует...

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

Alex Smith комментирует...

Может быть кто-то замечал, после исправления ошибок в м/разметке, не происходит ли снижения посещаемости?
Не может ли это быть связано как-то с внесением изменений в шаблон и дальнейшей переиндексацией?

Иванова Наталья комментирует...

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

Julia комментирует...

Здравствуйте. Спасибо за статью, все ошибки исправлены, но застряла на последней здесь: "Добавьте миниатюры ко всем постам на главной странице, и ошибка уйдет." Не подскажете ли вы, как это сделать?

Julia комментирует...

Забыла написать: ошибки с url появились в двух первых постах, так как там нет картинок. Что делать в таком случае?

Иванова Наталья комментирует...

Julia, нужно отредактировать посты без картинок, добавив их.

Econ Dude комментирует...

Класс, всё работает. Спасибо.

Алексей комментирует...

Проверка структурированных данных Гуглом ошибок не показывает, однако Валидатор микроразметки Яндекса пишет:
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. Предупреждение по картинкам - Яндекс не понимает разметку ваших картинок. В идеале - лучше настроить для лучшего поиска по картинкам.

Отправить комментарий

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