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

В этой заметке из цикла «ninja tuning» мы снова будем препарировать наш профессиональный HTML5 + CSS3 шаблон, но уже на предмет частичной XML-лизации и инъекции в него метаданных. Именно, мы будем делать xHTML5 + RDFa.

Закончил перевод рабочей заметки W3C на тему введения в новый RDFa 1.1. Перевод, как и все работы подобного плана, оказался довольно трудным занятием. Язык автора изобилует различными оборотами и, несмотря на техническую направленность, насыщен художественными отступлениями.

С семантическими новшествами HTML5, такими как новые теги с улучшенным акцентом и атрибуты, вы уже наверняка знакомы. В заметке достаточно много пищи для ума и есть интересные рассуждения на тему социальных сетей, в частности, о нашумевшей кнопке facebook «Like».

Также из перевода можно почерпнуть идеи для реализации умных интерфейсов, направленных на помощь человеку, и ощутить назревающие изменения в области SEO-оптимизации. Процесс обещает быть ещё интереснее и потребует более квалифицированного подхода.

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

Существует модуль Drupal для реализации оценок материалов пользователями. Модуль называется FiveStar и работает в связке с Voting API. В прошлый раз я уже писал о попытках реализации эмулятора мета-разметки в формате RDFa Google и использовал для этой задачи генератор суммарных значений на основе кол-ва комментариев. В этом раз я решил использовать полноценный модуль и сделать его совместимым с RDFa.

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

Я решил сделать это на своём Drupal сайте и вот что из этого получилось.

Вы уже наверняка видели сайты на страницах выдачи Google с красивыми сниппетами? Наверняка Вам хотелось бы такие же. Хотя на сегодняшний день не так много вариантов реализации подобной затеи, уже есть пару способов сделать ваши ресурсы более заметными в результатах поиска.

Как уже отмечалось ранее, сделать подобные сниппеты можно различными способами. Один из подразумевает инъекцию в код машиночитаемой разметки RDFa, экстрагируя которую Google извлекает полезную информацию и добавляет её к сниппету на странице выдачи.

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

Уже давно хочу сделать подобный ресурс и мой концепт подразумевает улучшенное описание характера контента, связей c другими источниками информации, улучшенное аннотирование. Между делом стаёт модным HTML5, но он мне мало интересен т.к. применение сего варианта ограничивается только указанием стандартных отношений ссылок, ролей для новых тегов и оснащение данных микроформатами.

Собственно всё довольно примитивно в этом случае. Мне интереснее xHTML т.к. позволяет реализовать более точный паттерн. Этот паттерн реализуется на базе Drupal и в новой теме для WP. Вот некоторые проблемы с которыми я столкнулся.

Введение в Open Graph Protocol

Протокол Open Graph позволяет оснастить страницы ресурса метаданными в формате Social Graph. К примеру это широко используется на Facebook и доступно любому ресурсу, желающему иметь такую же оснащенность.

Не смотря на то, что уже существует достаточно много технологий позволяющих описывать данные подобным образом и схем позволяющих объединять их вместе, Open Graph более удобен в том смысле, что уже включает в себя достаточно богатый набор способов описания ресурса и предоставляет разработчику комплексную систему. Простота разработки — основная идея протокола Open Graph.

Пытаюсь подружить Друпал с метаразметкой RDFa. Прописал нэймспэйсы и доктайп, предварительно адаптировав под него ресурс.

Вот что у меня получилось на сегодня...

Анонсы материалов и метданные в друпал

Здесь всё довольно просто оказалось. Идём в шаблоны page.tpl.php и node.tpl.php. В первом ищем опорный блок для контента и биндим ему нэймспэйс дублинского ядра:

<div id="content-core" class="content-left" xmlns:dc="http://purl.org/dc/elements/1.1/">

Дальше присваиваем заголовку свойство dc:title:

<?php if ($title): ?>
<h2 property="dc:title">
<?php print $title; ?>
</h2>
<?php endif; ?>

Перевод пособия по RDFa разметке для HTML-верстальщиков.

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

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

RDFa — это часть идеи семантической паутины, направленной на сопровождение информации метаданными наряду с традиционной разметкой. Поскольку сами ресурсы предназначены для людей, то становится очевидной довольно малая информативность таких сайтов для поисковых роботов и различных сервисов.

Концепция RDFa позволяет вместе с привычной HTML и xHTML разметкой описывать свойства информации, добавляя соответствующие метаданные.

На данный момент эта модель начинает внедряться. Например, поисковик Google уже поддерживает распознание таких данных, и включает полезную информацию в снипет на страницу выдачи результатов поиска.