На главную



Каталог блогов Blogdir.ru  Каталог блогов  LiveRSS: Каталог русскоязычных RSS-каналов

Copyright © AVATARAM.RU 2005-2012

Веб Дизайн. Создание сайтов. Продвижение.

Микроформаты. Что такое микроформаты

12.02.2010 Блог использует микроформаты

   При создании сайта, не плохо было бы учесть такую технологию как Микроформаты. Как было обещано в предыдущей публикации , сегодня речь пойдет о них самых. Прежде всего, для чего они нужны? Все для той же семантики. Помимо всего прочего, это еще и поможет нам в дальнейшем продвижении сайта. Не знаю, очередная ли это мода, как когда то была фреймовая структура. Фреймы использовали все, ну, или практически все. Или же действительно основные "киты" web-индустрии ставят на семантический анализ и разбор интернет ресурсов. Тут точно сказать нельзя. По крайней мере, это есть и обходить это мы не намерены, при том, что есть полезные возможности у этих микроформатов (microformats). Еще чуть отступлю, упомянув, что не так много на сегодняшний день, существует этих форматов. Итак. Чем могут пригодится нам уже имеющиеся микроформаты. Стоит начать, наверное, с самого излюбленного, это с ссылок. Обычная ссылка выглядит так -

<a href="http://www.sait.ru">Ссылка на страницу</a>.


Микроформаты

Использование микроформатов

   Это всем известно. Но, далеко не всем известно, что информация содержащаяся между тегами <a>...</a> поисковым роботам по "барабану", они внесут, конечно в базу эту надпись, но строго отнести к чему то тематически вряд ли смогут. Другое дело если мы добавим к ссылке title, в этом случае ссылка будет выглядеть -

<a href="http://www.sait.ru" title="микроформат">Ссылка на страницу</a>.

   А, что дает нам этот title в ссылке? Могу задать встречный вопрос, а, что дает title в заголовке нашей страницы, думаю, тут вопросы отпадают. И при чем тут микроформаты, это же просто title. Вот, как раз title и является одним из микроформатов. Теперь тут все ясно. Что еще можно проделать с нашей сылкой? Можно. И думаю даже нужно. Добавим к нашей ссылке еще один известный, но не всеми познанный атрибут - rel. Встречается он часто и практически присутствует на каждой странице веб-документа. Помимо заголовка страницы, его с тем же успехом можно применять и к любой другой ссылке. Добавим его к нашей ссылке, и получим следующее -

<a rel="tag" href="http://www.sait.ru" title="микроформат">Ссылка на страницу</a>.

   Значением же, в данном примере, является "tag". Что это дает? А дает это целевую направленность или метку на метаинформацию содержащуюся в самой ссылке, тот же title. Таким образом, помимо метаданных, в заголовке страницы, мы можем добавлять метаданные используя ссылки. Плюс ко всему и ссылка уже может быть отнесена к какой либо теме. В качестве отступления скажу, что крупные поисковые системы, такие, как Yahoo и Google, заняты составлением словарей, ориентированных, как раз на распознавание этих метаданных. Теперь дальше. У атрибута rel, значением может быть не только - "tag", но и ряд других. Как пример, можно привести документ размещенный на нескольких страницах.В обычном виде каждая страница будет рассмотрена как отдельный документ, но, если мы добавим значение "next" или "prev", в зависимости от ситуации, то получим семантическую связь между страницами одного документа. Будет это выглядеть так -

<a rel="prev" href="http://www.sait.ru" title="микроформат">Предыдущая страница</a>.
<a rel="next" href="http://www.sait.ru" title="микроформат">Следующая страница</a>.

   Тут уже "на лицо" вся польза использования этих микроформатов. Но, этим параметр rel не ограничивается. Есть и другие значения. Опять же как пример, параметр "vote", который может быть использован в 3-х вариантах: "vote-for" и "vote-abstain" и "vote-against". Эти значения говорят об отношении к какой либо странице. Допустим вы ссылаетесь на материал стороннего сайта и хотите выразить свое отношение к этому ресурсу. Здесь и применимо эти 3 варианта: 1. За 2. Безразлично (нейтральное) 3. Отрицательное. Можно еще расценить это как своеобразное голосование. Как это может повлиять? Прежде всего влияние может быть оказано на вес страницы, на которою ведут подобные ссылки, причем как в плюс, так и в минус. И как пример такой ссылки -

<a rel="vote-for" href="http://www.sait.ru" title="микроформат">Ссылка на страницу</a>.

   В примере я выразил положительное впечатление от посещения сайта (страницы). Предыдущие примеры не так часто используются, по крайней мере основной массой пользователей имеющих свои сайты, блоги и пр. Другой вариан, до боли знакомый многим, это - rel="nofollow" и куча копий сломанных в обсуждении целесообразности использования. Основное же значение атрибута - запрет индексации поисковыми роботами. Так вот просто. Другой вариант как это записыватся, тут есть небольшая хитрость. Пример -

<a href="http://www.sait.ru" rel="nofollow" title="микроформат">Ссылка на страницу</a>.

   То есть в данном примере, юзер использующий nofollow уверен, что защитил свою ссылку от индексации и, радостно пошел наливать себе чашечку кофе. Не тут то было. Робот, считывает код страницы не "рендомом", а последовательно, линейно или плоско (кому как нравится). Так дойдя до вашей ссылке он ее спокойно "кушает" и то, что после - стоит nofollow, его это ни как не расстраивает. Другой вариант, когда добавляешь в "нужное время в нужное место", тогда и робот дойдя до ссылки, первым делом "тыкается лбом" в rel="nofollow" и дальше уже не идет, т.е сслка остается действительно закрыта. Пример -

<a rel="nofollow" href="http://www.sait.ru" title="микроформат">Ссылка на страницу</a>.

   С этим вроде разобрались и можно идти дальше в Использовании микроформатов. Многие параметры атрибута говорят сами за себя, так приведу сразу несколько форматов говорящих о значении ссылки, ее отношении, если правильнее сказать:

  • rel="home"(домашняя страница);
  • rel="copyright"(авторство);
  • rel="license"(лицензия);
  • rel="start"(Главная);
  • rel="adr"(адрес);
  • rel="geo"(местоположение),

   Конечно я привел не полный перечень, но тот который можно использовать уже сейчас. К чему же склоняются микроформаты? По семантике близко к xml, но в варианте HTML. При условии исполнения сайта на HTML5 (4.01) этот вариант думаю предпочтительней, при использовании же XHTML есть спецификация RDF которая так же описывает использование микроформатов, только с более сложной структурой. В завершении "разбора полетов" со ссылками, хочу привести пример микроформата, уже к ссылкам не относящийся, но на мой взгляд достаточно полезный. Это дата. Выглядит это следующим образом -

<time datetime="2010-02-11T01:15:10">11.02.2010</time>

   Приведенный микроформат относится к новой спецификации HTML5, который не малую роль отдает использованию микроформатов. Объем который может достигнуть не одну сотню. Причем уже в совокупности с основной разметкой. Посвоему вешь, тоже полезная, показывает дату публикации в понятном для поисковых механизмов формате. Но и свои минусы тоже существуют. При копировании материала, ни чего не стоит скопировать вместе с датой и соответственно, первенство данной публикации рушится. Да и дату на более раннюю поменять, так же не составит ни какого труда, еще и в плагиаторы попадешь. Тут только один выход не выставлять между тегов саму дату, при этом оставив сами теги. Робот проходя по коду страницы, сможет видеть дату, а пользователь попадая на страницу не увидит этой строчки. Копаться же в коде, далеко не каждый станет.

   Эта публикация затронула лишь микроформаты применяемые к ссылкам, на деле же это не единственный элемент разметки который почтили своим вниманием микроформаты. В следующей статье, я расскажу о других элементах разметки, таких как: <img> hcard hcalendar hreview xfn, а также классах использующихся в микроформатах.

Автор: Avatara Автор


   


        Добавить в закладки