Микроразметка для сайта на Joomla 1.5/2.5. Семантика

Микроразметка - тот невидимый инструмент, который поможет неплохо продвинуть ваш сайт. Как минимум о ней мало кто знает.

Ключевые элементы микроданных — это атрибуты itemscope, itemtype и itemprop, указывающие на сущности и их свойства.

itemtype с помощью ссылки schema.org/Article указывает на конкретный тип объекта (Article, Person и т.п.);
itemprop указывает на свойства этого объекта.

Одно из главных условий использования микроразметки — это то, что элементы в ней должны быть видны пользователю. Поисковики просто не будут ей придавать значение, если она будет в чём-то с display:none.

Проверить микроразметку страниц можно здесь:

http://www.google.com/webmasters/tools/richsnippets

http://webmaster.yandex.ru/microtest.xml

Важное замечание. С 1 января 2016 года валидность микроразметок Яндекса и Гугла сильно отличается между собой. Ниже предоставленные рабочие примеры идеально подходят (без единой ошибки для Яндекса). С Гуглом ситуация сложнее, если проверить валидность данной микроразметки, то он найдет "ошибки", которые раньше при тех же значениях помечал, как норма.

Например, для Гугла теперь важно, чтобы:

- добавленная картинка в микроразметке - обязательно указывала размеры фото, ширину и высоту, а также, чтобы фото была больше 696px по ширине. (используется подзначение itemprop="url", Яндекс же не понимает это значение - ему нужно itemprop="contentUrl" - таким образом, чтобы составить валидную микроразметку для двух поисковиков, это поле придется дублировать).

- для Гугла появился обязательный тег itemprop="publisher" - издатель. Мало того, что теперь нужно его везде указывать, так еще и прописывать подзначения - имя издателя, его логотип, размеры логотипа.

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

В связи с тем, что для Гугла микроразметка стала значительно сложнее - предлагаю полностью рабочие варианты микроразметок Joomla 1.5-2 в Яндексе (в Гугле будут незначительные ошибки).

Микроразметка для сайта Joomla 2.5

Для Joomla 2.5:
В конец файла components/com_content/views/article/tmpl/default.php вставить:

<div class="razmetka" itemscope itemtype="http://schema.org/Article">
<?php //Название публикации ?>
<span itemprop="headline"><?php echo $this->item->title; ?></span> |
<?php //Дата создания ?>
<span itemprop="datePublished"><?php echo $this->item->created; ?></span> |
<?php //Дата модификации ?>
<meta itemprop="dateModified" content="<?php echo $this->article->created; ?>"/>
<?php //Автор ?>
<span itemprop="author"><?php echo JText::sprintf($this->item->author); ?> </span> |
<?php //Категория ?>
<span itemprop="articleSection"><?php echo JText::sprintf($this->item->category_title); ?> </span> |
<?php //Картинка по умолчанию (можете поставить ссылку на логотип вашего сайта) ?>
<span itemprop="image">http://домен_вашего_сайта.ру/media/system/images/new.png</span> |
<?php //Описание статьи ?>
<span itemprop="description">
<?php $metdesc = $this->item->metadesc;
//если описание в мета-тегах пустое - берем описание из самой статьи - первые символы
if ($metdesc == "") { $ftexts = strip_tags($this->item->text); // удаляем в тексте html
$ftexts = preg_replace("/\n/", " ", $ftexts);
$ftexts = mb_substr($ftexts, 0, 260, 'UTF-8'); // берем краткое описание 250 символов
echo $ftexts;}
//описание есть - выводим его
else echo $this->item->metadesc; ?>
</span> |
<?php //ключевые слова ?>
<span itemprop="keywords"> <?php $metkey = $this->item->metakey;
//если ключ слова в мета-тегах пустые - берем кл. слова из корня сайта
if ($metkey == "") { $jconfig = new JConfig(); echo $jconfig->MetaKeys;}
//ключ слова есть - выводим их
else echo $this->item->metakey; ?> </span>
</div>

В этом случае под каждой статьей будет выводиться микроразметка, которая полностью совместима с Google и Яндекс. Данную микроразметку можно оформить с помощью Css

Микроразметка для сайта Joomla 1.5

Для Joomla 1.5:
В конец файла components/com_content/views/article/tmpl/default.php вставить:

<div class="razmetka" itemscope itemtype="http://schema.org/Article">
<!-- Название - надо прописывать в заголовке -->
<span itemprop="headline"><?php echo $this->article->title; ?></span> |
<!-- Дата создания -->
<span itemprop="datePublished"><?php echo $this->article->created; ?></span> |
<?php //Дата модификации ?>
<meta itemprop="dateModified" content="<?php echo $this->article->created; ?>"/>
<!-- Автор -->
<span itemprop="author"><?php echo JText::sprintf($this->article->author); ?> </span> |
<!-- Категория -->
<span itemprop="articleSection"><?php echo $this->article->category; ?> </span> |
<!-- Картинка по умолчанию (можете поставить ссылку на логотип вашего сайта) -->
http://домен_вашего_сайта.ру/media/system/images/new.png |
<!-- описание статьи -->
<span itemprop="description">
<?php
$metdesc = $this->article->metadesc;
//если описание в мета-тегах пустое - берем описание из самой статьи - первые символы
if ($metdesc == "") {
$ftexts = strip_tags($this->article->text); // удаляем в тексте html
$ftexts = preg_replace("/\n/", " ", $ftexts);
$ftexts = mb_substr($ftexts, 0, 260, 'UTF-8'); // берем краткое описание 250 символов
echo $ftexts;}
//описание есть - выводим его
else echo $this->article->metadesc; ?>
</span> |
<!-- ключевые слова -->
<span itemprop="keywords">
<?php
$metkey = $this->article->metakey;
//если ключ слова в мета-тегах пустые - берем кл. слова из корня сайта
if ($metkey == "") {
$jconfig = new JConfig();
echo $jconfig->MetaKeys;}
//ключ слова есть - выводим их
else echo $this->article->metakey; ?>
</span>
</div>

В этом случае под каждой статьей будет выводиться микроразметка, которая полностью совместима с Google и Яндекс. Данную микроразметку можно оформить с помощью Css

Полностью валидный вариант микроразметки для обоих поисковиков (кроме тега для Гугла publisher - о нем читайте выше). Актуально на февраль 2016 года

<div class="razmetka" itemscope itemtype="http://schema.org/Article">
<span itemprop="headline">Заголовок публикации</span>
<span itemprop="datePublished">2016</span> <!-- дата создания -->
<meta itemprop="dateModified" content="2016"/> <!-- дата изменения -->
<span itemprop="author">Автор</span>
<span itemprop="articleSection">Категория публикации</span>
<span itemprop="description">Описание</span>
<span itemprop="keywords">Ключевые слова</span>
<!-- Картинка публикации -->
<span itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
<img itemprop="url" src="https://blogprogram.ru/wp-content/themes/Clean-Stylish/images/logo.png"/> <!-- Ссылка на картинку для Гугла -->
<img itemprop="contentUrl" src="https://blogprogram.ru/wp-content/themes/Clean-Stylish/images/logo.png"/> <!-- Ссылка на картинку для Яндекса -->
<meta itemprop="width" content="800">
<meta itemprop="height" content="800">
</span>
<!-- Ссылка на вашу публикацию -->
<meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://blogprogram.ru/mikrorazmetka-dlya-sajta-wordpress-i-joomla-semantika/"/>
</div>