Архивы материалов Май 2010

Пилим счётчик Twitter

Этот простой рецепт направлен на доводку счётчика Twitter.

Во первых, в оригинальном виде счётчик отдаётся с неправильным заголовком. Во вторых, содержимое скрипта, находящегося на их сервере, тупо дублирует строку запроса.

Ошибка не грубая, но лично меня она раздражала, поэтому я решил залезти «под капот» и посмотреть: «что же там такое?».

RDFa: перевод W3C пособия

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

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

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

Google: новые sitemap

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

Специальные карты сайта

Введение в RDFa

Семантическая паутина

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

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

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

Сниппет страницы выдачи Google

Анкоры: микроформаты и якоря


Ссылка — анкор тег, конструкция из парных тегов <a></a>, обосабливающих участок текста или какой-то элемент страницы, связывает документы или их части.

Пример традиционной ссылки: <a href="http://www.shift-web.ru/semantika-i-logika-verstki">Семантичная вёрстка</a>, здесь атрибут href указывает url на который ведет ссылка.

Google: экспертный анализ

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

Заголовки h1-h6

Как уже отмечалось ранее, применение заголовков h1-h6 является не только хорошим тоном, но и несёт определённую пользу для SEO, помогает поделить содержимое документа на смысловые составляющие.

Если с точки зрения вёрстки опора контента — блоки и таблицы, то с точки зрения контента опора — заголовки и параграфы. Именно по этому важно понимать и планировать структуру заголовков ресурса.

Семантика вёрстки и HTML

Как должна выглядеть правильная семантичная вёрстка? Как употребить контейнеры, не нарушая законов логики, не перегружая каркас, и не жертвуя дизайном?

Кстати, о дизайне. Довольно часто встречаются страшные конструкции из таблиц, блоков, <center>, <font> и прочей нечисти с инлайн стилизацией. Естественно, в таком случае ни о какой логичности и семантичности в таком случае и речи быть не может.

Что такое семантика?

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

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