Использование атрибута datetime

Добавление атрибута datetimehtmlbook.ru/html/time/datetime определенного микроформатами – microformats.org, простой способ сделать код вашей темы WordPress более семантичным, более “привлекательным” для поисковых систем.

Микроформат (англ. microformat; иногда сокращённо ?F или uF) — способ семантической разметки сведений о разнообразных сущностях (событиях, организациях, людях, товарах и так далее) на веб-страницах с использованием стандартных элементов языка HTML (или XHTML). Пользователь-человек может воспринимать страницу с микроформатом как обычную веб-страницу (через браузер), тогда как программы-обработчики способны извлечь из такой страницы структурированную информацию, следуя определённым соглашениям. – ru.wikipedia.org/wiki/Микроформат

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

Для использования атрибута datetime потребуется отформатировать дату и время выводимую кодом темы в соответствии со стандартом ISO 8601ru.wikipedia.org/wiki/ISO_8601 с помощью функции WordPress – the_timecodex.wordpress.org/Форматирование_даты_и_времени. Функция the_time предоставляет такую возможность, достаточно использовать формат даты функции – c.

Пойдем дальше и используем элемент timehtmlbook.ru/html/time из html5, конечно, не забывая про корректный для него доктайп – <!DOCTYPE html>.

Выглядеть это будет так:

<time datetime="<?php the_time('c'); ?>"> ... </time>

Отлично, но это проявление заботы к поисковикам, стоит позаботиться и о людях и применить отличное решение в стиле Twitter которое я описывал ранее в заметке Дата публикации в стиле Twitter. В итоге, объединив код выше и код из заметки получим отличный результат:

<time datetime="<?php the_time('c'); ?>">Опубликовано: <?php echo human_time_diff(get_the_time('U'), current_time('timestamp')) . ' назад'; ?></time>

Вот так выглядит исходный код страницы в результате всех преобразований:

<span class="meta">
  Опубликовано:
  <time datetime="2012-10-11T21:35:44+00:00">1 минута назад</time>
</span>

Поисковики, как и посетители вашего сайта будут рады.

Опубликовано

Обратите внимание на предыдущие записи: