DLE - настраиваем микроразметку полной новости по Schema.org

Микроразметка сайтов на DLE под Schema.orgМикроразметка сайтов на DLE под Schema.org


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

Все инструкции и проверки будем делать на Яндексе, где собственно, я и подобрал для себя макет Article

1. Без правок движка размечаем шаблон fullstory.tpl

<div itemscope itemtype="http://schema.org/Article">
<meta itemprop="genre" content="{category}">

<h1 itemprop="headline">{title}</h1>

<div class="fullstory" itemprop="description">
{full-story limit="150"}
</div>

<div class="fullstory" itemprop="articleSection">
{full-story}
</div>


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

DLE - настраиваем микроразметку полной новости по Schema.org


<div class="setline" >
Раздел:{link-category} {favorites} [edit][x][/edit]<br/>
Просмотров: <b><meta itemprop="interactionCount" content="UserComments:{comments-num}" />{comments-num}</b>&nbsp;&bull;&nbsp;
Комментариев: <b><meta itemprop="interactionCount" content="UserPageVisits:{views}" />{views}</b>&nbsp;&nbsp;
Дата: <b>{date}</b> <meta itemprop="datePublished" content="{date=Y}-{date=m}-{date=d}" />
<span itemprop="author" itemscope itemtype="http://schema.org/Person">
<span itemprop="jobTitle">Автор:</span>
<span itemprop="name">{author}</span>
</span>
</div>


Завершил статью я указанием числовых свойств: даты, количества комментариев и просмотров. Так же указал и автора, который по совету все того же Яндекса успешно интегрировался из другого типа разметки.

Не забывайте закрывать разметку тегом:
</div>


2. Правка движка и массовая разметка картинок
По сети гуляет отличный способ, который впервые был описан на форуме АлаичЪ'а

Картинки на 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-->";


это код код для [thumb] картинки и меняем его на:

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-->";


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

DLE - настраиваем микроразметку полной новости по Schema.org


Результат проверки этой статьи про Минусинск на скриншоте в начале статьи!


Понравилась статья "DLE - настраиваем микроразметку полной новости по Schema.org" из раздела Веб разработка » Решения для DLE? Подпишись на RSS. Будь в курсе всего происходящего на сайте
Комментариев: 3 •  Просмотров: 5411   Дата: 16-мая-2015, 19:43

Похожие статьи

Комментарии


Гости
Привет!!!
эт нужно Шаблон создать с Фулстори? или уже в имеющии правки сделать?
и что это даст?
спс winked
(10 апреля 2017 23:08) • цитировать • •
#2 devarts   

admin
Цитата: yourecinema
Привет!!!
эт нужно Шаблон создать с Фулстори? или уже в имеющии правки сделать?
и что это даст?
спс winked


Без разницы, в код шаблона добавляется разметка, которая не влияет на отображаемый контент!

В первую очередь стоит разметить fullstory.tpl, а также карточки — короткие новости в shortstory.tpl
(11 апреля 2017 23:58) • цитировать • •

Гости
Добрый день не могу прописать правильный формат даты в шаблоне фулстори под эту разметку, валидатор пишет поставе правильную дату в формате 8601, пробовал так не получается. вот сайт https://kaknastroit.com/, заранее спасибо.
(12 ноября 2018 19:53) • цитировать • •
b
i
u
s
|
left
center
right
|
emo
color
|
hide
quote
translit

© 2010-2017 devarts.pro v 7.0: flexyflat tpl Designed by devarts
Карта сайта HTMLКарта сайта XMLПравообладателям
Яндекс.Метрика