maddot.ru WEB-мастеру → Микроданные для блога
dd
 
Рубрики
» Компьютеры
» Операционные системы
» Android
» Linux
» Windows
» Разное



» Все статьи (Списком)
Популярное
» Все заметки (Списком)
От Георгий 18:48 08.01
От Yuriy 23:27 28.09
От Айдар 10:48 04.02
От Роман 22:26 15.06
От Евгений 16:46 13.06
От Mike 00:01 23.04
От Сергей 18:15 11.02
От Надежда 10:51 24.05
От Надежда 10:42 24.05
От bakaut 17:33 14.02
От vlasmet 08:28 18.11
От Mike 11:51 17.05




Друзья
Хостинг Макхост
Качественный платный хостинг. Широкий спектр качественных хостинг услуг с 2004 года.
Ваш IP: 54.91.16.95
Вы на узле: 178.208.83.19
URL: maddot.ru
Время сервера: 2018-01-20T00:31:24+03:00

Микроданные для блога

31 Мар 2014

С появлением HTML5 для всех WEB-мастеров было привнесено такое замечательное явление, как микроданные (Microdata). Микроданные — это специальный способ разметки для элементов страницы. С помощью них можно определенно указать основным поисковикам, какого рода контент представлен на твоей страничке. Существуют различные указатели для типов данных, но нам, как блоговодам, понадобится освоить основной, для нашего нелегкого дела тип. Этот тип — BlogPosting.

  Для указания того, что именно является статьей поисковику, и как ему распознавать данные этой статьи (где расположен текст, где название и т. д.) всю статью следует заключить в один общий тег. Это может быть, например div, либо article. Я буду использовать тег div:

<div itemscope itemtype="http://schema.org/BlogPosting">
статья
</div>
После этого необходимо указать по отдельности каждый элемент статьи внутри тега div.
Сначала — заголовок:


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

 <h1 itemprop="headline">Название статьи</h1>

</div>
Для указания заголовка используется указатель headline.

Затем укажем время публикации статьи. Тогда в выдаче поиска будет дополнительно подписано время, когда была опубликована статья.

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

 <h1 itemprop="headline">Название статьи</h1>
<time datetime="2014-03-30T21:56:14+04:00" itemprop="datePublished">30 Марта 2014</time> 

</div>
Время следует указать в формате ISO 8601 , в PHP версии 5 и выше для этого используется параметр функции date() "c" :


<?php

date
("c"time());

?>

А в самом теге time можно представить время в любом, удобном для тебя виде. (Содержание тега будет отображено на странице).

Следующим пунктом будет указание самого текста статьи, я использую для этого тег span:

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

 <h1 itemprop="headline">Название статьи</h1>
<time datetime="2014-03-30T21:56:14+04:00" itemprop="datePublished">30 Марта 2014</time> 

<span class="content" itemprop="articleBody"> 
Текст статьи. 
</span>

</div>
На этом можно было бы остановиться, но давай пойдем до конца, чтобы сделать все правильно, ведь сейчас у на не указано авторство статьи и ссылка на комментарии к ней, давай сперва укажем автора:

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

 <h1 itemprop="headline">Название статьи</h1>
<time datetime="2014-03-30T21:56:14+04:00" itemprop="datePublished">30 Марта 2014</time> 

<span class="content" itemprop="articleBody"> 
Текст статьи. 
</span>

<span itemprop="author" itemscope itemtype="http://schema.org/Person"> 
Автор статьи: <span itemprop="name"> Имя автора </span> 
</span> 

</div>
  Теперь осталось лишь указать железяке поисковика ссылку на дискуссию (комменты) к статье, если, конечно предусмотрены комментарии твоим движком и желанием. Финальная версия тела статьи с комментами будет выглядеть следующим образом:
<div itemscope itemtype="http://schema.org/BlogPosting">

 <h1 itemprop="headline">Название статьи</h1>
<time datetime="2014-03-30T21:56:14+04:00" itemprop="datePublished">30 Марта 2014</time> 

<span class="content" itemprop="articleBody"> 
Текст статьи. 
</span>

<span itemprop="author" itemscope itemtype="http://schema.org/Person"> 
Автор статьи: <span itemprop="name"> Имя автора </span> 
</span> 

<a href="?comments=1" itemprop="discussionUrl">Комменты к статье</a>

</div>
Теперь ты знаешь, как правильно оформить блог для лучшего восприятия его поисковыми машинами.


ρ2086
Рубрика → WEB-мастеру
Метки: блог микроданные поисковая оптимизация


© При копировании материалов с нашего сайта - не забудь указать ссылку на оригинал. Спасибо.

Поделиться: BB-код

Микроданные для блога
Выбор движка для блога
Создание блога
Готовим блог к Вконтакте
Квадратные блоггеры
Ужасные вещи



B s i

 




Счетчики 

Яндекс.Метрика