Установка и проверка микроразметки schema.org для картинок на DLE

Aвтор: Лучший друг

2016-11-08

Если кто помнит, остановился я на вебматере гугла и яндекса. Продолжая изучать вебмастер гугла, я наткнулся на ещё пару проблем с моим сайтом. Это семантическая микро разметка schema.org.

Как я устанавливал и проверял семантическую микроразметку для картинок на DLE

Эта разметка нужна для лучшего восприятия статьи поискавиками. То есть к определенным элементам статьи приписываются теги - маркеры. Этими элементами могут быть название статьи, описание, картинка в статье, телефон, имя и фамилия автора и тд. И когда вы начинаете искать с помощью яндекса и гугла, после того как нажимаете "искать" или "Enter", вам показывают результат поиска. И мы видим следующее:

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

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

Что такое микроразметка schema.org я думаю вы немного поняли из выше сказаного. И я в вебмастере в разделе "Вид в поиске" -> "Полезные советы" наткнулся на такие ошибки:

Вебмастер показывает мне что у меня на сайте есть 60 статей, у которых к картинкам в них не прописана разметка image, и это гугл считает критической ошибкой. Почему?

Я думаю так, в поисковой выдаче мой сайт будет отображаться без картинки. А это очень сильно повлияет на посещаемость моего сайта. Вот смотрите: на какую ссылку вы нажмете в этой поисковой выдаче? Я бы кликнул на третью!

Разметка к картинкам в DLE устанавливается следующим образом. Нужно открыть файл движка /engine/classes/parse.class.php и заменить следующие строки:

Находим:

 if( $align == '' ) return "<!--TBegin:{$info}--><a href=\"$gurl\" onclick=\"return hs.expand(this)\" ><img src=\"$url\" {$alt} /></a>{$caption}<!--TEnd-->"; else return "<!--TBegin:{$info}--><a href=\"$gurl\" onclick=\"return hs.expand(this)\" ><img src=\"$url\" style=\"float:{$align};\" {$alt} /></a>{$caption}<!--TEnd-->";

И заменяем на:

if( $align == '' ) return "<!--TBegin:{$info}--><a itemscope itemtype=\"http://schema.org/ImageObject\" href=\"$gurl\" onclick=\"return hs.expand(this)\" ><img itemprop=\"contentUrl\" src=\"$url\" {$alt} /></a>{$caption}<!--TEnd-->"; else return "<!--TBegin:{$info}--><a itemscope itemtype=\"http://schema.org/ImageObject\" href=\"$gurl\" onclick=\"return hs.expand(this)\" ><img itemprop=\"contentUrl\" src=\"$url\" style=\"float:{$align};\" {$alt} /></a>{$caption}<!--TEnd-->";

В этом же файле находим ещё вот такие строки:

if( $align == '' ) return "<!--dle_image_begin:{$info}--><img src=\"{$url}\" {$alt} /><!--dle_image_end-->";else return "<!--dle_image_begin:{$info}--><img src=\"{$url}\" style=\"float:{$align};\" {$alt} /><!--dle_image_end-->";

И заменяем их на такие:

if( $align == '' ) return "<!--dle_image_begin:{$info}--><a itemscope itemtype=\"http://schema.org/ImageObject\"><img itemprop=\"contentUrl\" src=\"{$url}\" {$alt} /></a><!--dle_image_end-->";else return "<!--dle_image_begin:{$info}--><a itemscope itemtype=\"http://schema.org/ImageObject\"><img itemprop=\"contentUrl\" src=\"{$url}\" style=\"float:{$align};\" {$alt} /></a><!--dle_image_end-->";

Всё! Сохраняем и закидываем на сервер.

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

PS: На более поздние версии тоже подходит такой метод добавления разметки. Проверено на версии ДЛЕ 11.1.

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

В вебмастере яндекса выбираем "Инструменты", далее "Микроразметка", видим следующее:

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

Тут всё просто и понятно, можно и так догадаться что куда вставлять. Копируете адрес какой0нибудь статьи своего сайта и вставляете в соответствующее поле, и жмёте "Проверить".

Теперь Гугл. Выбираете раздел "Другие ресурсы" и жмёте "Инструмент проверки структурированных данных".