! Запросто с WordPress - доступная ручная работа по правилам оптимального интернета
...здесь Ваша реклама.?.
Здравствуйте !
написано: — 
отредактировано: 2018-01-10
издатель:  в теме: Техническое SEO продвижение реплики: 19 комментариев
 
Запросто с WordPress - студия ATs media fashion Reception WordPress golden

Внедрение на сайт тегов семантической микроразметки schema.org — по обновлённому стандарту

Сегодня мы обозначим свой блог обновлённой семантической микрометрической разметкой schema.org )) Я постараюсь подробно на некоторых примерах разъяснить это предприятие и, надеюсь, отныне некачественная разметка личного сайта вас печалить не станет. Рассмотрим по шагам — как внедрить разметку Schema.org в файлы шаблона

Нынче я не стану тратить время на рассказы о приоритетах размеченного сайта перед поисковыми системами, подобную информацию легко отыскать на просторах инета. А приступим-ка лучше к выполнению негоции в разметке контента…


 

 

А позже дам ссылку на статью о том, как сделать микроразметку на сайте со статьями различной тематики: нужно понимать, что микроразметка разная, в зависимости от темы сайта — но вот коли на сайте публикуются статьи разной тематической направленности, то … в общем — полезно!!

 

 

 

Как известно,  Google вновь поменял свои алгоритмы чтения стандартов разметки Schema! В особенности изменились требования меток обозначения картинок. Яндекс пока пробуксовывает!

А что это значит!? А это значит то, что свою прежнюю разметку необходимо заменить на новую, чтобы не отставать от времени, скажем так.

 

Заменить-то мы заменим, но вот батюшка Яшка противится грамоте,… а это приведёт к ошибкам в коде (тестируя валидаторами). Хотя, — это вовсе и не ошибки, а так — предупреждения, пока Яша не подтянулся до мировых стандартов (а он подтянется: так говорит практика). Так что не берите в голову… но по возможности правильно разметьте сайт, и — всё будет здорово!

 

 

 

 

к оглавлению $

знакомство с Schema.org — стандартом семантической микроразметки данных в интернетсети

 

 

 

 

Привожу цитату:

Schema.org — это стандарт семантической разметки данных в сети, объявленный поисковыми системами Google, Bing и Yahoo! летом 2011 года. Разметка происходит непосредственно в HTML-коде страниц с помощью специальных атрибутов и не требует создания отдельных экспортных файлов.

 

Приступим:

 

 

 

к оглавлению $

как удалить разметку hentry

 

 

 

 

Давайте сделаем так: откройте вкладки этого адреса и этого — первая — валидатор микроразметки web-мастера Яндекс и вторая — ссылка Google.

Вбиваем свой домен и проверяем.

 

Мы сейчас, условно, рассматриваем вариант чистого сайта. Хотя у кого-то может уже быть какая-то другая разметка: её придётся подправить или удалить. Итак..! …взгляните на картинку.

 

 

Внедрение семантической разметки shema.org на сайт

 

 

Здесь явно наличие разметки hentry. Я её часто встречал на сайтах и, как и многие, склоняюсь к удалению этого ненужного свойства сайта.

 

Делается это так: открываем файл функций functions.php и в самый его финал (перед тегом ?>) прописываем следующий пример:

 

 

//удаление класса РАЗМЕТКА hentry start
function wph_remove_hentry_class($classes) {
$classes = array_diff($classes, array('hentry'));
return $classes;
}
add_filter('post_class', 'wph_remove_hentry_class');
//удаление класса hentry end

 

 

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

 

Я же не стану толковать о вреде или целесообразности разметки hentry, решать вам: я удалил — считаю, что от неё ни тепло ни холодно!

 

Далее…

 

 

 

к оглавлению $

размечаем шапку сайта в файле header.php классом разметки schema

 

 

 

 

Смотрим на фото: это чистый документ header.php — у вас будет что-то похожее. Принцип везде один — в нём и будем разбираться.

Рассмотрим пример динамического варианта вывода ИМЁН сайта.

 

 

А вообще, в следующих статьях настроим структуру правильного распределения тегов h1 h2 на главной и второстепенных страницах — и их динамический и статический варианты вывода: это полезно в плане SEO продвижения. Так что подписывайтесь…

 

 


подписка feedburner Online консультация по работе c сайтом на WordPress

 

 

размечаем шапку сайта в файле header классом shema org

 

 

В начале славных дел нас интересует цикл отработки шапки сайта от  закрывающего тега </head>  а именно: <div id="header"> или <div class="logo"> это кому как удобнее. Далее поймёте почему.

 

А пока, для более подробного ознакомления с разметкой shema.org, можете почитать на страничке Яндекс. Или изучить синтаксис ТУТ.

 

Итак: предлагаю начать со строки <div class="logo"> — обернём (или поместим) циклы вывода site_title и site_description в необходимый контейнер схемы разметки.

 

Следует добавит атрибуцию самого контейнера: от кавычек «logo» — через пробел — библиотеку разметки itemscope itemtype="http://schema.org/WPHeader".

 

 

Должно получится так:

 

<div class="logo" itemscope itemtype="http://schema.org/WPHeader">

 

 

Далее обозначаем отдельные поля с указанием на конкретное свойство схемы (нас интересуют свойства ИМЕНИ и ОПИСАНИЯ сайта): берём строки c h1 title и h2 description (описание сайта) и к их div-классам добавляем необходимые атрибуты… itemprop="headline" И itemprop="description"

 

Получится так:

 

<h1 class="site_title" itemprop="headline"><a href="<?php echo home_url(); ?>"><?php $theme->option('site_title'); ?></a></h1>

 

…и вот так…

 

<h2 class="site_description" itemprop="headline"><?php $theme->option('site_description'); ?></h2>

 

 

…ИЛИ лучше description (ДЕСКРИПШН) завернуть не в h2, а так, например: (но об этом подробнее в следующих статьях)

 

<span itemprop="description" class="site_description" style="display:none;"><?php $theme->option('site_description'); ?></span>

 

 

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

 

Должно получится так: (как понимаете, сайдбар вы ещё не разметили, а поэтому не обращаем внимания)

 

 

размечаем шапку сайта в файле header.php классом разметки shema.org

 

 

 

Во всём остальном, шапочка у нас теперь должна быть причёсанная и аккуратненькая. Отныне боты-поисковики более внимательно отнесутся к вашему сайту, ибо вы обозначили поле их действия! Они с вами подружатся!

 

 

И ещё, атрибуты разметки можно прописать и в раздел <div id="header" — тогда в валидаторе Гугл (фотка выше) будет размечена главная ссылка сайта…

 

 

Ну, что.!? Продолжим… и приступим к вопросу:

 

 

 

 

к оглавлению $

как внедрить микроразметку Schema.org на главную страницу и в разделы архивов — категорий

 

 

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

 

 

Тем же, которые считают разметку сайта для себя сложным занятием, предлагаю написать мне — листок услуг

 

 

Вероятнее всего, вам нужно будет открыть и работать с файлом вашей темы post.php (в корне шаблона). У кого-то может быть имя документа иное. Ищите тот файл, который отвечает за вывод и формирование главной страницы, категорий, тегов и архивов.

 

Ровно точно так же как и первом случае, нужно будет поместить в отдельный контейнер вывод анонсов статей и указать конкретное свойство схемы. То есть — библиотеку. В которой уже будем задавать отдельные свойства нашей размеченной алхимии.

 

 

Необходимое: важно понять, размечая html документ необходимо соблюдать работу циклов контейнеров div-классов (в особенности порядок закрывающих тегов </div>) которые уже были и которое мы внедрим. Иначе будут ошибки!

Так же следует обратить внимание на порядок контейнеров вывода элементов вашего шаблона. Вероятно придётся что-то поменять местами. Я, например, менял div-классы meta-полей (стилистику) вывода даты написания, авторства и рубрик — поместил их в единый цикл вывода анонса записи. Так что смотрите!

 

 

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

 

 

Итак, вот полный файл post.php размеченный стандартом schema.org (советую кликнуть по фотке, открыть в другом окне и изучать — а я буду пояснять)

 

 

как обозначить разметкой schema oрг главную и страницы категорий сайта

 

 

Строка номер три (3):

 

<div class="post" itemscope itemtype="http://schema.org/Article">

 

Див класс post (у вас будет иной класс — я здесь поменял имена, понятности ради) — в этот контейнер помещён цикл выводов анонсов главной страницы. И, как понимаете, к нему добавлена библиотека itemscope itemtype="http://schema.org/Article" Артикль. И вы проделываете то же самое.

 

5 — строка: div-класс информации об анонсе.

Дело в том, что новые стандарты разметки подразумевают замены стандартов, как то: дата должна быть двух вариантов — число написания itemprop="datePublished" и число редактирования itemprop="dateModified".

Я этого не дела ни на главной, ни в категориях (считаю это для моего блога нецелесообразным), но выполнил на страничках отдельных записей… Об этом ниже.

 

А пока переходим к строке — 13: это заголовок статьи (анонса) к нему следует добавить атрибут itemprop="headline"  Прописывайте…

 

Строка — 14: php — вывод миниатюры записи стандартом thumbnail. У вас миниатюры могут выводиться как-то иначе: или обычной фоткой статьи, или … словом, смотрите (о выводе картинок, также ниже).

Но коли у кого так же как и в показанном коде, целесообразнее и её обозначить (я этого не делал на главной…)

 

Можно  сделать так: прежде всего весь код php обернуть в див-класс. То.е перед <php вывода картинки прописать строку

 

<div itemscope itemtype="https://schema.org/ImageObject">

 

…А в сам php код добавить вот такую фразу после full , array('itemprop' => 'image')

 

Должно получиться так:

 

<div class="featured-image-container"><?php the_post_thumbnail('full' , array('itemprop' => 'image')); ?></div>

 

Не забывайте о закрывающем </div>.

 

Переходим к строке — 20:

Это сам текст анонса. Здесь спорный вопрос: кто-то выводит, а кто-то — нет. Я выводил какое-то время…

 

И если будете размечать анонс статьи и вы, то делайте так, как показано в коде ниже: т.е оберните php код в свойство itemprop="articleBody".

 

<div class="mihalica" itemprop="articleBody">
<?php
the_content('');
?>
</div>

 

…обратите внимание на ДИВ класс (имя любое) и его закрывающий тег.

 

 

 

Проверяем на тестерах разметки! (ссылки выше).

 

 

 

Внедрение на сайт семантической разметки shema.org по обновлённому стандарту

 

Как видите, получается вот такая картинка (относительно всех анонсов главной): имя статьи, и сам анонс.

Как говорилось выше, новые стандарты разметки подразумевают вывод более полной информации — дату, автора, логотип сайта телефон и т.п… Я этого на главных страничках не делаю, а вывожу всё это на отдельных записях блога.

 

 

Теперь поясню: вот эти красные ошибки вовсе и не ошибки, но предупреждения GOOGLE web мастеру о незаполненных полях опубликованной записи, и всего делоф! А посему, я — считаю для своего сайта вывод этой инфы на страничках анонса ненужным. Вы можете вывести. Тогда будет всё зелёненькое (и не забывайте тестировать свою работу по разметке в Яндекс). Об этом расскажу ниже… в вопросе:

 

 

к сведению, до кучи…

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

Вероятно, одной размеченной статьи вполне достаточно, чтобы предоставить ПС. Это как бы основное что должно указывать… А главная и т.п. само собой фигурирует в домене.

 

 

 

 

 

к оглавлению $

как микрозметить стандартом schema страницу сайта

 

 

 

Открываем файл, который на вашем сайте отвечает за вывод отдельного поста. У меня это  post-single.php Я этот файл нарочно оставил на финал, чтобы вы как-то пообвыклись и въехали в принцип.

 

Приступим: всё аналогично !!!

 

<div class="ВАШ_класс-CSS_полной_записи" itemscope itemtype="http://schema.org/Article">

 

 

 

Внимание: вам стоит отыскать именно тот контейнер, в который завёрнут САМ цикл вывода ОДНОЙ только записи с МЕТАПОЛЕМ (никакие divы блока комментариев или «похожие записи» суда не путать: будут ошибки!

 

 

Далее выполним обновлённые требования Google по разметке… шамкаем информационную часть.

 

Здесь следует обратить внимание на див-класс post_meta (если он у вас был) — внутри него стоит всё заменить на новый стандарт!

 

Стандарт сказал — поехали))

 

Выводим дату: которая должна быть такого стандарта…

 

<span itemprop="datePublished"><?php the_time('Y-m-d'); ?></span>
<meta itemprop="dateModified" content="<?php the_modified_time('Y-m-d'); ?>"/>

 

Первая строка: дата публикации datePublished И- вторая — dateModified

 

И тут же под строками следующая инфа (советую размечать так).

Обратите внимание на строки 1 и 2 !! у меня размечено только имя автора, но коли вам нужно разметить и рубрики — размечайте…

 

 

&nbsp; <span> - автор:</span> <span itemprop="author"> <?php the_author(); ?></span>
&nbsp; <span> Рубрика: <?php the_category(', '); ?></span>
<?php
if(is_user_logged_in()) {
?> &nbsp; <span class="meta_edit"><?php edit_post_link(); ?></span><?php
} ?>

 

 

Далее прописывайте следующее…

 

Конечно же, структуру подстраивайте под свой шаблоном. …и проверяйте валидаторами… в том числе и html-код размечаемой странички здесь

 

<meta itemscope content="ИМЯ ВАШЕГО САЙТА" itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="<?php the_permalink(); ?>"/>
<div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
<meta itemprop="telephone" content="ЭЛ/П@yandex.ru">
<meta itemprop="address" content="спб Петербург">
<meta itemprop="name" content="ИМЯ САЙТА или...">
<div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
<img itemprop="url" itemprop="image" src="http://ДОМЕН.ru/wp-content/themes/ШАБЛОН/images/ИМЯ.jpg" style="display:none;" title="logo" alt="logo"/>
<meta itemprop="width" content="150">
<meta itemprop="height" content="130">
</div>
</div>
</div>

 

Обратите внимание на три закрывающих div-класса: первый (сверху) закрывает <div itemprop="logo" … второй див — <div itemprop="publisher" … и третий <div class="postmeta"> (если был — здесь показано для примера).

 

 

 

Ну, давайте поближе рассмотрим вариации разметки информационного цикла:

 

1 строка: имя вашего сайта.

2 строка: открывается поле информации организации. То есть разметочная инфа вашего блога.

3 — указывайте свой телефон или эл/п … Далее разбирайтесь по коду.

7 строка: логотип вашего сайта и путь до его расположения.

8 — 9 -соответственные размеры лого.

 

 

 

Вот как бы с этим и всё! Далее остаётся обозначить разметкой TITLE статьи, типа такого:

 

<h1 class="title" itemprop="headline"><?php the_title(); ?></h1>

 

 

 

к оглавлению $

внедрить атрибуты микроразметки Schema.org в теги картинок

 

 

 

Тем, у которых вывод миниатюры записи отрабатывается, как и говорил выше thumbnail делаем так: (на отдельной страничке все эти манипуляции желательно выполнить)

 

 

<div itemscope itemtype="https://schema.org/ImageObject">
<?php
if(has_post_thumbnail()) {
?>
<div class="featured-image-container"><?php the_post_thumbnail('full' , array('itemprop' => 'image')); ?></div><?php
}
?>
<meta itemprop="width" content="215">
<meta itemprop="height" content="128">
</div>

 

 

к оглавлению $

микроразметка текста статей

 

 

 

 

 

У кого-то может быть в шаблоне такой вариант вывода текста статьи:

 

…тогда предлагаю php код вывода контента статьи обернуть в какой-нибудь отдельный div-класс, но с атрибутом itemprop="articleBody" посредством которого в валидаторе разметки вы увидите текст вашей записи, ибо этим разметочным атрибутом вы указываете БОТУ на статью… вот, мол, чурбан железный, глотай…

 

 

<div class="ww" itemprop="articleBody">
<?php
the_content('');
wp_link_pages( array( 'before' => '<div class="lists"><p>' . __( 'Следующая страничка:', 'themater' ) . '', 'after' => '</p></div>' ) );
?>
</div>

 

 

Вот теперь всё, товарищи.

 

Да, чуть не забыл, необходимо же

 

 

 

к оглавлению $

добавить атрибутику микроразметки в картинки внутри записи…

 

 

 

 

Для этого воспользуемся php кодом (автора сайта SEO-маяк, ссылка здесь) — его прописываем в файл функций… functions.php куда-то в финал, перед тегом ?>

 

 

//Разметка картинок статьи
function mayak_filter_image($content) {
$ar_mk = '!<img (.*?) width="(.*?)" height="(.*?)" (.*?)/>!si';
$br_mk = '<span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url" \\1 width="\\2" height="\\3" \\4/><meta itemprop="width" content="\\2"><meta itemprop="height" content="\\3"></span>';
$content = preg_replace($ar_mk, $br_mk, $content);
return $content;
}
add_filter('the_content', 'mayak_filter_image');
//ФИНАЛ Разметка картинок статьи

 

 

Таким образом, автоматом, ко всем картинкам статьи добавится нужный атрибут itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url" …и ещё нужно сказать: этим кодом картинки будут считываться Google по новому стандарту, то есть к ним будет добавлена информация о ширине и высоте изображения. Если вы приглядитесь к коду, то заметите необходимые дополнения в отличие от старого.

 

Ну, что.!? …пробуем подсунуть свою работу Гугл и Яндекс..?

 

Должна быть такая картинка !!!!

 

Но тут дело вот в чём: Яндекс, очень вероятно, покажет ошибку Не выполнено обязательное условие для передачи данных в Яндекс.Картинки: поле contentUrl или image или thumbnail отсутствует или пусто (так пока считывает разметку Яша)) но это поправляется в четвёртой строке кода, — добавляете ещё одно св-ство … itemprop="image"  но в этом случае валидатор HTML кода страницы может показать ошибку. Выбирайте…

 

 

shema.org симантическая разметка

 

 

 

как обозначить разметкой shema.oрг главную и страницы категорий сайта

 

 

 

Занавес закрывается! В следующей статье мы разметим сайбары, футер и комментарии… Так что подписывайтесь…

 

 

 

Теперь вы практически выучились размечать свой сайт по стандартам разметки schema.org — СХЕМАтика )) И коли нужно, проделайте подобные работы и с остальными файлами вашей темы, отвечающими за выводы отдельных страничек архивов, — например, файлы могут иметь такие имена page.php ИЛИ post-page.php и т.п…

Словом, — у каждого свои требования, а значит и внедрение разметки Schema.org осуществляется согласно вашим желаниям.

 

 

 

Вот полезная статья о том, как внедрить микроразметку schema.org на сайт со статьями различной тематики: т.е если у вас на сайте есть рубрики с рецептами и какие-то различные публицистические рубрики, напрямер по способам вяззки крюком))

 

Статьи по тегам : html редактор вордпресс — 2 — плавный скроллинг якоря и пружинистой кнопки вверх

 

3 — на сайте max-спойлер в один клик, и без плагина

 

 


На этом занавес представления опускается…
…на рампы пыль печальная ложится…

 


подписка feedburner Online консультация по работе c сайтом на WordPress

 

 

 


Благодарности)) и вопросы в комментариях - помогу… в чём дюжу
А также Вы можете просто:
Нажатия на кнопочки определяют Ваше высокое гражданское сознание
Удачи в работе и творчестве..!
 ! самое читаемое:
   Убираем циклическую ссылку h1 логотипа на главной странице   Как выбрать хостинг — пошаговые инструкции (обзоры 4 хостингов) — нюансы модного ssl сертифицирования   Продвижение контентом или нужно настраивать сайт — валидный код шаблона..?   Ускоряем сайт: основные кэш и gzip правила .htaccess которые нужно знать   Подключение jQuery библиотеки от CDN Google — рационально!..   Выведем последние комментарии в любом месте сайта — несколько вариантов   Яндекс ИКС — новый индекс качества сайта, заместо ТИЦ   14 полезных сниппетов — код для наилучшей работы сайта WordPress — функции   Уже в этом году WordPress потребует от пользователей протокол HTTPS   Как добавить свой новый (второй) сайт в Яндекс Директ   Как исключить вывод (выборочно) поста с главной страницы сайта — регулировка в админке   Как перевести сайт на https — сертификат ssl — шифрование   Включаем обслуживание gzip сжатия файлов на хостинге и в htaccess   Как самостоятельно установить в Notepad++ плагин Compare
↔ перетаскивайте ленту ↔
ещё статьи по теме:

смотреть ещё статьи в теме Техническое SEO продвижение
меточная навигация:


Комментарии © 19 к статье: Внедрение на сайт тегов семантической микроразметки schema.org — по обновлённому стандарту

  1. Здравствуйте, Михаил!
    Не подскажете ли как сделать разметку картинок (миниатюр) thumbnail ?? Не могу разобраться… как же их вывести перед очи google анализатора. ))
    Была бы признательна.

    Ответить - Катя

    • Здравствуйте Катя!
      Если я Вас неправильно понял, то — нужно попробовать сделать следующее…
      Первый вариант: пропишите в файл функций такой код (коллега изобрёл))
       

      /** КАРТИНКИ thumbnail */
      function mayak_filter_thumbnail($content) {
      $ar	= '!<img width="(.*?)" height="(.*?)" (.*?)/>!si';
      $br = '<span itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url" itemprop="image" width="\\1" height="\\2" \\3/><meta itemprop="width" content="\\1"><meta itemprop="height" content="\\2"></span>';
      $content = preg_replace($ar, $br, $content);	
      	return $content;		 
      }
      add_filter('post_thumbnail_html', 'mayak_filter_thumbnail');
      /** КАРТИНКИ thumbnail */

       

      Только помните, Катя, код выведет ВСЕ thumbnail картинки сайта, из сайдбаров и прочего…

      Но лучше, сделать как описано в статье: к нужным (кодам) миниатюр добавить фразу — , array(‘itemprop’ => ‘image’) после full

      Ответить - Михаил

      • Спасибо!! да, так получается лучше. По отдельности фотки, я имею… ))

        Ответить - Катя

        • Вы молодчина, что отправили свой код-эксперимента мне на эл/п — так просто всё у нас решилось))
          Дело в том, что, некоторое время на сайте код в комментах был запрещён (вследствие чего могли быть ошибки).
          Теперь всё работает, пишите кодостроки)) если что, прямо в комментариях.
          Удачи, Катя!

          Ответить - Михаил

  2. Микроразметка стала актуальной в 2016 году, по сути она для соц. сетей или для сбора Снипитов. Еще полезно знать о семантической разметки сайта. Кому интересно можете ознакомится в моей блоге…

    Ответить - Максим

    • К сожалению… должен удалить Ваш труд — ссылку удалил: это банальная реклама!
      Для рекламы есть соответствующие решения… И это правильно!

      Ответить - Михаил

  3. У Вас ошибка в мироразметке картинок.
    1) Валидатор яндекса ругается
    2) Микроразметка появляется только у картинок без подписи. А у картинок с подписью не появляется микроразметка.
    Правильно так:

    //Микроразметка картинок статьи по стандарту Schema.org
    function mayak_filter_image($content) {
    $ar_mk = '!<img (.*?) width="(.*?)" height="(.*?)" (.*?)/>!si';
    $br_mk = '<span itemscope itemtype="https://schema.org/ImageObject"><img itemprop="image" \\1 width="\\2" height="\\3" \\4/><meta itemprop="width" content="\\2"><meta itemprop="height" content="\\3"></span>';
    $content = preg_replace($ar_mk, $br_mk, $content);
    return $content;
    }
    add_filter('the_content', 'mayak_filter_image',900);
    //ФИНАЛ Микроразметка картинок статьи
    Ответить - Сергей

    • Спасибо, Сергей, за внимание!..
      Сейчас посмотрю: мог и напутать… (вообще — это, выражусь так: не ошибка)
      Да, можно и поправить — хотя у меня ошибку валидатор не выдавал, но парсер страничку видел специфически: без блочных делений image

      Это года два назад… когда ещё на предупреждение Яшки лишнего image (или недостающего, не помню уже) приходилось вымудряться с атрибутикой itemprop="image" добавлять, к примеру, url сюда itemprop="url image" ну и прочее…
      Короче — да — эту строку можно поправить:

      $br_mk = '<span itemscope itemtype="https://schema.org/ImageObject"><img itemprop="image" \\1 width="\\2" height="\\3" \\4/><meta itemprop="width" content="\\2"><meta itemprop="height" content="\\3"></span>';

      …но, приоритет «900» (в фин. строке), думаю, выставлять необязательно…

      Сейчас поправлю и в статье и ТУТ пусть остаётся!! кстати, ещё придётся в коде mainEntityOfPage атрибутику поправить.

      Ещё раз, Сергей, простое, но большое человеческое Сапасибо! за Вашу внимательность — а то бы когда я ещё зашёл на эту статью.
      Читателям будет полезно.
      PS|
      А у Вас который ПС ошибку выдавал: Google или Яша?? Ведь приходится мудрить, чтоб услужить и тому и другому ПС. Исправление этой ошибки — породит другие — ибо Яндекс вечно мудрит!

      Ответить - Михаил

      • Проверял только верификатором Яндекса.

        Приоритет 900 нужен для того, чтобы фильтр работал после замены подписи к рисунку. Подпись в вордпрессе реализована шорткодом, т.е. тоже работает через свой фильтр. Если фильтр микроразметки срабатывает раньше, то потом обработчик подписи к рисунку вычищает обертку вокруг img. Это, если под рисунком есть подпись. Если под рисунком нет подписи, то Ваш фильтр работает корректно.

        Ответить - Сергей

        • Проверял только верификатором Яндекса.

          В том-то и вся штука!!
          Попробуйте Google валидатору дать покушать документ… Будет много ошибок! (тестировать нужно, проверяя тут же у обоих ПС)
          Поэтому у меня такое построение атрибутов разметки и значений…
          Если убрать (по переложенному Вами коду) image — Гугл картинки в статье не увидит!! и кроме того запросит не только image но и url… а где их взять к картинке (адреса вложений фоток мы всячески скрываем, от дублей…) Вот из-за этой закавыки и добавлены в строку на которую Вы указали:
          <img itemprop="url image"... и пр. и пр. Словом, как в статье…
          Пс Г. получает url и image, а Я. своё…
          В этом случае и Яша и Гугл смиренно МОЛЧАТ! Что и требовалось!
          Это, конечно, этакий костыль, но иначе этих товарищей ПС не подружить))

          Поэтому «приоритет» и значения не играет… только меняются ошибки в Гугле.

          PS
          Хотите, посмотрите как работает разметка у меня на сайте (хоть конкретно этой страницы) тогда будет о чём ещё потолковать… Вообще, это интересно))

          Ответить - Михаил

  4. Добрый день. Валидаторы выдают ошибку, помогите пожалуйста исправить
    https://pokupaylegko.ru/

    Ответить - Владимир

    • Ошибку в чём выдают? конкретнее…
      HomeProducts — что это такое?

      Ответить - Михаил

  5. В валидаторе микроразметки яндекса и гугла (//pokupaylegko.ru)

    jsonld
    ПРЕДУПРЕЖДЕНИЕ: тип http://www.schema.org/HomeProducts неизвестен по спецификации schema.org

    HomeProducts — что это такое? — сам не представляю, осталось наследство от прошлого программиста. Видимо так он хотел указать, что это магазин с товарами для дома.

    Ответить - Владимир

    • Вот как раз из-за этого атрибута и предупреждение!! (напутано у Вас)
      Замените его на стандартный

      <div itemscope itemtype="http://schema.org/Product">

      …и, может быть, ещё кое-что придётся подправить в общих тегах микр. на страницах… вероятно, и к карточкам товаров нужно повнимательнее отнестись!
      И всё заработает…
      (ссылку Вашу я уберу — !! поставил текстом в комментарии !! ибо магазинам не разрешено оставлять ссылки)

      Ответить - Михаил

  6. Валидатор гугла выдает ошибку
    «В документе JSON-LD задан недопустимый тип.»

    Как это исправить тут?

    {
      "@context": "//www.schema.org",
      "@type": "HomeProducts",
      "name": "Pokupay Legko",
      "url": "https://pokupaylegko.ru/",
      "logo": "https://pokupaylegko.ru/templates/template7/img/main_logo.png",
      "description": "Интернет-магазин товаров для дома",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Московское шоссе, д.20, оф.301/3",
        "addressLocality": "Рязань",
        "postalCode": "390044",
        "addressCountry": "Россия"
      },
      "geo": {
        "@type": "GeoCoordinates",
        "latitude": "54.644321",
        "longitude": "39.663702"
      },
      "hasMap": "https://yandex.ru/maps/-/CBQaVLhH2A",
      "openingHours": "Mo, Tu, We, Th, Fr 10:00-18:00",
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "8(800)7006236 "
      }
    }
    Ответить - Владимир

    • попробуйте поставить заместо HomeProducts этот тип продукта Product (это конечно, в самой разметке) и тестируйте… как только ошибка уйдёт выправите остальное.
      Разметьте для начала по элементарным стандартам.
      По микр.р. Я. смотрите тут: Яндекс.

      Ответить - Михаил

  7. Почему то не выводит скрип

    Ответить - Владимир

    • Для этого (вывода скриптов без ошибок) существуют кнопочки над формой коммов…

      Ответить - Михаил

  8. Здравствуйте. Яндекс выдает ошибку

    Не выполнено обязательное условие для передачи данных в Яндекс.Картинки: поле contentUrl или image или thumbnail отсутствует или пусто

    Код выглядит так.

    $post_meta .= '';
                $post_meta .= '';
                $post_meta .= '';
                $post_meta .= '';
                $post_meta .= '';

    Что ему не нравится?

    Ответить - Мика

Поделитесь соображениями: Ваши мысли очень важны! $ правила комментирования ©

Внимание! Обязательные поля помечены *

  отныне доступен плагин: privacy-policy ©

 необходимо принять правила конфиденциальности и пользовательского соглашения
Яндекс.Метрика
? основная линейка услугSkype консультацияЕсли вы выбрали для своего сайта WordPress и только-только начинаете изучать панель управления контентом, то этот вариант оnline консультаций — практически по любым вопросам — для вас! вопросы сюдаSkype онлайн