2015-02-26

Textual description of firstImageUrl

Как исправить ошибки Schema.org в шаблоне Blogger

schema.org ошибки blogger
Микроразметка schema.org очень важна для оптимизации вашего блога. Сайты с настроенной микроразметкой любят поисковые системы, повышается уровень доверия и количество переходов.
В шаблоны Blogger (Blogspot) изначально внедрена микроразметка, но в некоторых шаблонах она дает ошибки.
Проверить структурированные данные (так еще называют микроразметку) можно в валидаторах Гугл и Яндекс, которые вы найдете в соответствующих панелях вебмастеров.
Самые распространенные ошибки schema.org мы разберем сегодня.
Пройдите в Инструменты для вебмастеров Гугл –> Инструмент проверки структурированных данных –> Получить данные по URL. Здесь вставьте адрес своего блога в окно и нажмите кнопку “Получить и поверить”.
/*
Примечание. Несколько дней назад инструмент проверки структурированных данных Google  поменял интерфейс. В этой статье скриншоты в новом виде.

ошибки структурированных данных blogspot
Как видно из скриншота выше ошибки микроразметки в типе данных BlogPosting, а именно свойства:
  • Image_url
  • Blogid
  • Postid
 Внимание! Актуальная статья по теме - Исправление ошибок микроразметки     Schema.org. В ней более свежие и полные данные о настройке структурированных   данных в Blogger / Blogspot  

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

Напомню, что перед всеми изменениями в шаблоне Blogger, нужно сохранить резервную копию.
  • Исправляем свойство image_url
    Оно выдает ошибку “Свойство image_url недопустимо для объекта типаBlogPosting
    Откройте редактор шаблона Blogger (Шаблон –> изменить html), найдите все отрезки тегов image_url. они будут размещаться в кодах:
    <b:if cond='data:post.thumbnailUrl'>
                                <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
                              </b:if>
    Удалите отрезок _url из всех найденных кодов image_url в шаблоне блога.
    У вас должен получиться следующий код
    <b:if cond='data:post.thumbnailUrl'>
                                <meta expr:content='data:post.thumbnailUrl' itemprop='image'/>
                              </b:if>
  • исправляем ошибки Blogid и Postid
    Они дают следующие ошибки: “Свойство blogId недопустимо для объекта типаBlogPosting” и “Свойство postId недопустимо для объекта типаBlogPosting
    Исправляем также в окне редактора шаблона Blogger. Также делаем резервную копию. В поиск по шаблону вводим “blogId” и находим следующий отрезок кода:
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
      <meta expr:content='data:post.id' itemprop='postId'/>

    Просто удаляем этот код (метатеги) и сохраняем изменения. Снова проверяем в валидаторе. Все должно получиться!

56 комментариев :

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

В валидаторе гула проблема исчезла.
СПС.
Но в валидаторе яндекса остался, вот что пишет:

microdata
ОШИБКА: невозможно определить принадлежность данных полей. Возможны две причины: эти поля некорректно размещены, либо указан лишний атрибут itemprop
itemType =
blogpost
blogposting
itemType = http://schema.org/BlogPosting
image = http://4.bp.blogspot.com/-FpErtnKQRLw/VLTGWMFPE9I/AAAAAAAAAQo/VXh8b_0PW6Q/s1600/0618_kond.png

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

Найдите в шаблоне itemprop='blogPost' и удалите

Виктория Свиридова комментирует...

Здравствуйте, в шаблоне нашла коды, но при сохранении шаблона, эти коды все равно сохраняются.

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

Виктория, а у вас по валидатору микроразметки Гугла - нет проблем.

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

Виктория, если речь конечно о блоге v-vs.blogspot.ru

Сергей Терентьев комментирует...

Спасибо, помогли очень. С Гошей все в порядке, а вот Яша говорит:
vcard
ПРЕДУПРЕЖДЕНИЕ: Не выполнено обязательное условие для структурированных сниппетов Яндекс.Справочника: кажется, ваша разметка hCard описывает не организацию (поля fn и org не совпадают). В данный момент такая разметка не поддерживается Яндексом
ПРЕДУПРЕЖДЕНИЕ: кажется, ваша разметка hCard описывает не организацию (поля fn и org не совпадают). В данный момент такая разметка не поддерживается Яндексом
fn = Сергей Терентьев
n
family-name = Терентьев
given-name = Сергей


Подскажите, это критично? Если да, то есть вариант поправить?
Заранее спасибо. Добавляю Вас в свои ссылочки, если не против)

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

Сергей, это запись прописана разметкой vcard, которую не понимает Яндекс, зато понимает Гугл.

Сергей Терентьев комментирует...

Я понял. Спасибо большое.

жумабай тулебаев комментирует...

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

Эвелина Танделова комментирует...

Благодарю за подробное разъяснение. Все исправила!!!

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

Приветствую.
Как в крошках исправить вот такое "Свойство breadcrumb недопустимо для объекта типа Blog."?

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

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

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

Здравствуйте! Подскажите, как исправить такое? Необходимо указать значение для поля headline.

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

Извините, что долго не отвечала.
Чтобы исправить ошибку в headline, нужно найти следующие коды в шаблоне блога:

<h1 class='post-title entry-title' itemprop='name'>,
<h2 class='post-title entry-title' itemprop='name'> или
<h3 class='post-title entry-title' itemprop='name'>

Их может встречаться несколько одинаковых. Измените itemprop='name' на значение 'headline. В реультате получиться:
<h2 class='post-title entry-title' itemprop='headline'>

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

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

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

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

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

Здравствуйте Наташа.
Да пришлось попотеть немного)), попробовал для примера от ENGAGEYA и linkwithin.
Дело в том что js скрипт виджетов который гуляет в сети был с подгрузом** его заливали на другие хосты. А это не есть гуд) .
Пришлось поэкспериментировать и теперь как и раньше он находиться в коде, только разделен.
Так вот...эээ.. о чем это я)
В данный момент стоит виджет, но 72px и не как не могу его увеличить, при увеличении картинка плывет......так вот старый js давал возможность увеличения картинки виджета до определенных размеров: к примеру в сообщении 150х150 и это размер можно было задать и для виджета.
js который сейчас стоит и который перестал работать немного разные, и поэтому при исправлении ошибок в шаблоне пропали нормальные размеры и стиль виджета.
Пришлось откатиться на 72px.
Наташа может Вы в курсе как поправить размер без размытия?
Спасибо. ღ

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

Здравствуйте.
Спешу обрадовать((
Только исправили одни ошибки появились новые - 50шт o_O


image:
author: отсутствует (обязательное)
datePublished: отсутствует (обязательное)
headline: отсутствует (обязательное)
name: отсутствует (обязательное)
publisher: отсутствует (обязательное)
dateModified: отсутствует (рекомендуется)
mainEntityOfPage: отсутствует (рекомендуется)


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

alflex, чтобы исправить ошибку headline, нужно заменить все отрезки кода:

<h2 class='post-title entry-title' itemprop='name'>

на

<h2 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/> может встречаться в шаблоне несколько раз, и что вставить нужно лишь в определенном месте. Можете найти его путем перебора разных вариантов.


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

Здравствуйте Наташа.
author: отсутствует (обязательное)
name: отсутствует (обязательное)
Просто были выключены ^-^
а вот с этими
publisher: отсутствует (обязательное)
dateModified: отсутствует (рекомендуется)
mainEntityOfPage: отсутствует (рекомендуется)
не понятно.
dateModified: отсутствует (рекомендуется)- такого кода вообще нету походу (может всавить нужно, или что то добавить ?)
mainEntityOfPage: отсутствует (рекомендуется) тоже вроде кода не наблюдаю.
image: Атрибут itemtype имеет недопустимое значение.
Пример:
http://2.bp.blogspot.com/-H2iQV0WQs4U/VmcVklP1YFI/AAAAAAAAAPg/kGIkXOQ5QnI/s1600/Word%2BViewer%2B2013.jpg' itemprop='image'
Я так понимаю что то связанное с этим кодом :
'data:post.firstImageUrl' itemprop='image'/>
Стремимся к HTML5 o_O

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

[quote]Исправляем свойство image_url
Здравствуйте
Оно выдает ошибку “Свойство image_url недопустимо для объекта типаBlogPosting” [/quote]
-------------
Что касается ошибки:
image: Атрибут itemtype имеет недопустимое значение.
Эту ошибку теперь выдало исправление
[quote]Удалите отрезок _url из всех найденных кодов image_url в шаблоне блога.[/quote]
После возврата к предыдущему image_url
Ошибка исчезла.
Если не прав поправьте

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

alflex, спасибо за дополнения. Раньше все работало именно с image, я лично проверяла. Возможно сейчас по-другому. Нужно проверять. Напишу в этой цепочке комментариев.

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

Наташа, хм, возврат к image_url исправил ошибку {image: Атрибут itemtype имеет недопустимое значение} но, вернул предыдущую ошибку( замкнутый круг - фикция) что то не то.

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

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

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

Привет.
'data:post.firstImageUrl' itemprop='image'/>
Странно, но ошибка исчезла при замене itemprop='image'/> на itemprop='Url'/>
o_O у яши тоже пропала ошибка....

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

Чтобы исправить ошибку 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=''/>
<meta itemprop='url' content='http://3.bp.blogspot.com/-hDRCNnD1x1U/VoA_IPq9PmI/AAAAAAAASog/3nC9tjJXdrs/s1600/2015-12-28_01-25-27.png'/>
<meta itemprop='width' content='345'/>
<meta itemprop='height' content='234'/>
</div>
<meta itemprop='name' expr:content='data:blog.title'/>
</div>
Замените ссылки на логотип на свой, а также размеры логотипа.

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

Исправляем ошибку 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' 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'/>

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

Исправляем ошибку image отсутствует:
Найдите код <data:post.body/>, тот после которого вы вставляли код для исправления ошибки publisher (смотри на несколько комментариев выше) и вставьте после него:
<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>

Исправьте значения высоты и ширины изображения на свои.

Василий Попов комментирует...

Наталья, огромное спасибо за советы. Смог пройти верификацию. +1 Вам в карму. Можете оценить мой результат при помощи Ваших советов в моем блоге: ExcelGuide: Как сделать это в Excel

Dana Glenn комментирует...

Добрый день!
Отличная статья! Спасибо!
Пыталась исправить ошибки микроразметки, но почему-то из всех исправить удалось только mainEntityOfPage.
Headline и Publisher так остались missing and required, хотя я следовала вашим рекомендациям.
Не подскажете что делать в этом случае?

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

Dana, а комментарии вы читали? Там я написала больше полезных рекомендаций, чем в статье. Если - да, то напишите, какие ошибки у вас остались.

Blogger Online комментирует...

Странно, но image_url в моём шаблоне нет, я вообще в панике с этими разметками

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

Blogger Online, у меня много ответов именно в комментариях к этой статье, но так как задают много вопросов, по-видимому это неудобно. Придется написать еще одну обобщающую статью, где расписать все по полочкам. На днях напишу.

Alexandr Bakhta комментирует...

Наконец-то нашел путевый блог, где понятно все рассказано, все сделал, спасибо! Вопрос, а meltn kb у вас статья, как поменять заголовки статей на Н1, чтобы На главной они были Н2, а заголовок сайта на Главной был Н1, а статьи Н2? Если понятно написал). Где ни читал, все не получается сделать. Или может у вас есть уже такой материал.

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

Alexandr, отдельной статьи у меня нет, но с одной и статей у меня описано, как поменять заголовки. Посмотрите здесь в пункте "Сео оптимизация".

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

спасибо Автору все ошибки исправились.

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

как исправить ошибки updated помогите?

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

Ошибку update на Blogger обычно исправляют так:
в редакторе шаблона блога html находим rjl <data:post.timestamp/> и исправляем на <span class='updated'><data:post.timestamp/></span>
Сохраняем изменения.

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

Чтобы исправить ошибку publisher,
Замените ссылки на логотип на свой, а также размеры логотипа

Где брать ссылку логотипа?

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

ошибки updated. эту ошибку решил элементарно. в настройках сообщения поставил даты было 2.10.2016 на
07:55 стало 2.10.2016 на 2.10.2016 и проблема ушла.

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

Вот такой вопрос. в гугл проверяю нет ошибки со временем update поставил такое значение http://prntscr.com/avq2jz
но в яндекс пишет что ошибка есть http://prntscr.com/avq29v. это так важно? если гугл пишет нет ошибок можно не мудрить дальше хоть яндекс и пишет ошибку?

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

Андрей, достаточно сложно исправить ошибки микроразметки и гугле, и в яндексе одновременно (

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

Ссылку на логотип нужно взять так - сделайте и загрузите в интернет свой логотип. Оттуда и воьмее на него ссылку.

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

а куда нужно загрузить картинку что бы получить адрес этот?

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

Андрей, загрузить ваш логотип вы можете хоть куда, на любой хостинг изображений. Например, на Яндекс фотки. Хоть в запись тестового блога. И уже оттуда взять прямую ссылку на изображение. Не рекомендую загружать на Радикал - оттуда изображения пропадают с течением времени и на фото гугл - здесь уж очень некрасивая ссылка получается (длиной в километр).

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

Наташа прошу вас помогите мне я совсем запутался

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

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

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

zikosahed, у меня более удачная статья с примерами исправлений всех ошибок микроразметки здесь

жумабай тулебаев комментирует...

Спасибо Вам за труды!Понятно и просто,давно не мог исправить эти ошибки.У Вас все ясно и понятно.

Огуречник комментирует...

Можно ли вместо h2 class='post-title entry-title' itemprop='headline' более сокращенный сделать, так как у меня обычный код стоит Хаш 2 и без всяких дополнений

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

Огуречник, конечно, можно. Все зависит от шаблона. Если у вас итак все работает, то добавлять "post title entry-title" вам совсем не к чему, но предположу, что в этом случае ваш блог находится не на Blogger. Код же itempror="headline" мы добавляем при использовании микроразметки. Это дополнительное средство оптимизации, которую внедрить желательно в шаблон своего блога. Про то, как ее добавить в блог Blogger, у меня отдельная подробная статья.

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

Здравствуйте. Не могу исправить ошибку в чем дело? предложенный метод выше не помог.
http://prntscr.com/f38k02

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

из 19 постов в блоге выдает ошибок 11 шт. может дело в загруженных фото, не тот формат. размер. название?

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

Андрей, я посмотрю ваш блог

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

Андрей, а вы пробовали править микроразметку с помощью этой статьи http://www.mycrib.ru/2016/02/microrazmetka-v-blogspot.html?

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

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