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

DLE — микроразметка fullstory.tpl
DLE — микроразметка fullstory.tpl

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

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

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

Разметка fullstory.tpl

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>
</div>

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

DLE — микроразметка itemprop="description"
DLE — микроразметка itemprop=»description»
<div class="setline" >

	Раздел:{link-category}  {favorites} [edit][x][/edit]<br/>

	Просмотров: <b><meta itemprop="interactionCount" content="UserComments:{comments-num}" />{comments-num}</b> •  

	Комментариев: <b><meta itemprop="interactionCount" content="UserPageVisits:{views}" />{views}</b>   
	
	Дата: <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

Микроразметка картинок в DLE

По сети гуляет отличный способ, который впервые был описан на форуме АлаичЪ’а

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

[thumb] картинки

Открываем файл /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-->";

Перестроение публикаций

На этом этапе желательно сделать резервную копию базы данных т.к. далее все существующие записи будут пересохранены с учетом новых параметров и в случае возникновения ошибок, может понадобиться откат назад

В панели администратора в разделе все настройки находим пункт перестроение публикаций и запускаем перестроение новостей.

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

Читайте также

Похожие записи

DLE — быстрый переезд на хостинг не используя инсталятор
Установка движка DLE на хостинг происходит через специальный файл — инсталятор, в котором необходимо заполнить все поля (имя базы данных,...
DLE — монетизируем загруженные в новостях файлы через отдельный домен
Как много у вас загруженных файлов (приложений к постам) не считая картинок? У меня много и придумал способ их монетизировать!...
DLE — мой первый модуль, как написать свой модуль Datalife Engine
Как ни пытался уйти с DLE из-за того, что он платный, а на рынке существует куча бесплатных аналогов, не получается...
DLE на HTTPS — основные проблемы и их решение
Столкнулся с рядом проблем, когда наконец-то решился перебраться на https. Не появлялись некоторые картинки, видео, а в адресной строке писалось,...
DLE — Модуль форума SimpleBB 1.1
Полноценный форум с единой регистрацией и авторизацией, единым акаунтом и ссылками на профиль от dle \»user/username/\» на движке SimpleBB 1.1...

Комментарии

  1. @Алексей пишет:
    12.11.2018 в 19:53

    Добрый день не могу прописать правильный формат даты в шаблоне фулстори под эту разметку, валидатор пишет поставе правильную дату в формате 8601, пробовал так не получается. вот сайт https://kaknastroit.com/, заранее спасибо.

  2. @devarts пишет:
    11.04.2017 в 23:58

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

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

    В первую очередь стоит разметить fullstory.tpl, а также карточки — короткие новости в shortstory.tpl

  3. @yourecinema пишет:
    10.04.2017 в 23:08

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *