Блоґ одного кібера

Історія хвороби контуженого інформаційним вибухом

Що таке мікроформати?

with one comment

В інтернеті є два види читачів – читачі люди, і читачі – машини.

Щоб людям було зручно читати ваші блоги, ви маєте дотримуватись правил граматики, гарно форматувати текст, та по можливості розбавляти його ілюстраціями. Кажуть ілюстрації краще сприймаються.

Щоб ваш блог було зручно розуміти машинам, варто дотримуватись правил граматики (XHTML), гарно структурувати текст, та розбавляти його мікроформатами. Мікроформати – це як ілюстрації що допомагають краще зрозуміти зміст прочитаного, тільки не для нас, а для комп’ютера.

Інакше кажучи, мікроформати – це спосіб створювати документи, що містять в собі опис своєї семантики. З точки зору коду, це просто невеличке доповнення мови HTML новими атрибутами. З точки зору філософії – мікроформати це великий крок на шляху до семантичної павутини.

З мікроформатами ви вже напевне стикались, якщо знаєте що таке rel="nofollow". Якщо не знаєте, то коротко – це атрибут тегу <a>, що каже пошуковій машині, що сторінка на яку ми посилаємось не варта індексації. Наприклад всі зовнішні посилання з вікіпедії містять такий атрибут (вікіпедія тонко натякає що вона не вітає SEO-шників).

Тепер розповім про трошки складніший мікроформат. Хай ми записуємо свої контакти:

Петрик П’яточкін
Дитсадок
тел: 1234567890
http://example.com/

Здавалось би, так Google нас знайде, і проіндексує. Він навіть мав би здогадатись, що “тел” – це телефон.

А тепер запишемо наші контакти в форматі hCard:

Петрик П’яточкін
Дитсадок
1234567890

http://example.com/

Нічого не змінилось, правда? Для звичайного читача так. Але гляньмо в код:

<div class="vcard">
    <div class="fn">Петрик П'яточкін</div>
    <div class="org">Дитсадок</div>
    <div class="tel">1234567890</div>
    <a class="url" href="http://example.com/">http://example.com/</a>
</div>

Щоб сильно не заморочуватись зі створенням такої візитки, і не боятись прописати помилкові атрибути, можна використати майстра.

Мікроформати бувають вкладені. В vCard можна вставити наприклад своє місцезнаходження використавши мікроформат Geo. Цей мікроформат зберігає координати стандарту WGS84. Найширше цим користується напевне вікіпедія, яка містить інформацію про тисячі географічних об’єктів. Google чудово парсить цей мікроформат. Принаймі на Google Maps можна ввімкнути відображення на карті статтей вікіпедії. За це в вікіпедії відповідає цілий проект.

Виглядає мікроформат Geo так:

<div class="geo">
 <abbr class="latitude" title="37.408183">N 37° 24.491</abbr> 
 <abbr class="longitude" title="-122.13855">W 122° 08.313</abbr>
</div>

Просто, хіба ні?

Ще одним надзвичайно поширеним мікроформатом є ліцензія:

<a href="http://creativecommons.org/licenses/by/2.0/" rel="license">cc by 2.0</a>

Цей мікроформат допомагає ідентифікувати вашу сторінку за типом ліцензії, для можливості подальшої фільтрації у пошукових машинах. (Наприклад в складному пошуку Google можна вибрати тип ліцензії контенту який шукається). Creative Commons має форму, що дозволяє обрати ліцензію, та отримати всі потрібні теги та мікроформати автоматично.

Існує ще багато різних мікроформатів для семантичної розмітки різних даних, від типів зв’язків з іншими людьми (XFN) до різних подій (hCalendar) та навіть для позначення координат на Марсі (в розробці). Тим не менш, описувати їх всі я не маю змоги. Є ще й інші вікіпедисти і блогери:).

Детальніше можна дізнатись за посиланнями:

  1. Microformats Wiki – містить специфікації усіх впроваджених мікроформатів, а також тих що розробляються.
  2. Мікроформат – стаття на Українській вікіпедії. Яка як завжди потребує вашого виправлення та доповнення;).

Післямова

Цю замітку я намагався написати ще в кінці березня 2010, для рубрики “лікбез” блогорідера, але чомусь Сергій Пішковцій не отримав листа. Потім я про це забув, і цей пост довгенько лежав в чорновиках. Ну, а сьогодні прочитав статтю колеги, і спочатку хотів вкрасти кусочок для вікіпедії, але потім згадав що маю контент поякісніше.

А мікроформати на мому блозі є вже відтоді. Дві штуки. Вгадаєте де?

Хочеться якось написати курсову про мікроформати, шаблони вікіпедії, вікіпедійних ботів, і багато інших цікавих речей, але не знаю яка ж буде тема. Деякі аспекти анатомії павуків та їх всесвітньої павутини на прикладі вікіпедії?

Advertisements

Written by bunyk

Січень 16, 2011 at 23:59

Оприлюднено в Павутина, Розмітка

Tagged with ,

Одна відповідь

Subscribe to comments with RSS.

  1. […] пост колеги, де зокрема йде мова про hcard та   інші мікроформати семантичної верстки … Варто почитати. 48.379433 31.165580 Categories: мікроформати, […]

    hCard « Веб-нотатки

    Січень 30, 2011 at 14:45


Залишити відповідь

Заповніть поля нижче або авторизуйтесь клікнувши по іконці

Лого WordPress.com

Ви коментуєте, використовуючи свій обліковий запис WordPress.com. Log Out / Змінити )

Twitter picture

Ви коментуєте, використовуючи свій обліковий запис Twitter. Log Out / Змінити )

Facebook photo

Ви коментуєте, використовуючи свій обліковий запис Facebook. Log Out / Змінити )

Google+ photo

Ви коментуєте, використовуючи свій обліковий запис Google+. Log Out / Змінити )

З’єднання з %s

%d блогерам подобається це: