Какую разметку сайта лучше использовать: часть 1

Какую разметку сайта использовать? — этим вопросом задаются тысячи дизайнеров и сейчас они получат ответ. Я проанализировал 70 блогов (после мысли о анализировании стольких — кружится голова) разной тематики. Меня вдохновил на это мой фалловер, если он ещё считается таковым — @psdwebtutsru, предоставив обзор вдохновляющих блогов. Повторюсь, что я просмотрел только разметку, главное место в семантике сайта играет именно она.

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

Результаты

Да, именно, сразу к ним. На выходе у меня получилась вот такая диаграмма (от руки естественно).

Предоставлю вам расшифровку статистики:

• 48 (≈50)— двухблочные блоги с шапкой и футером. Такой тип построения понятен потому, что человеческий глаз привык воспринимать информацию слева направо, этому нас не переучишь;
• 15 — трехблочные с шапкой и футером;
• 3 — содержат 4 блока. Основные тематики: дизайн, новости;
• 2 — просто контент без разделения на блоки. Сайты веб-студий.

Почему примерно 50? Как и в построении картинки выше, я просчитался ровно на две штуки, но следует предположение, что они тоже содержат два блока с хёдером и футером — самый популярный формат. Вообще, хочу заметить, что все сайты из обзоры грузились очень долго. Связано это с рисованным фоном и большим количеством остальной графики. Так что совет: создавайте легкие сайты, чтобы у пользователей не возникло отвращение от ожидания загрузки вашего блога.

Расшифровка

Переходим непосредственно к изучению и объяснению результатов, соответственно советам.

Двухблочные блоги. Распространение такого формата вызвало не только то, что с ним удобно читать сайт, но и то, что с него все начиналось. В недалеких 90-х сайты делали просто: шапка + два блока + футер = любовь красивый сайт + высокая читаемость. От высокой читаемости не отошли и сейчас (не последнюю роль играют стили текста, отступов и так далее), а вот содержание изменилось. Если раньше справа было только меню, то теперь здесь мы видим rss подписку, последние комментарии, Твиттер, Блог-роллы и под конец рекламу. 

Я советую выбрать именно такой тип построения вашего блока, причем второй блок может находиться как слева, так и справа, это не очень важно. Главное: читабельность.

Три блока залог развлекательных сайтов. И это правда так. Примеры: small-game.ru, games.mail.ru (просто игры). Формат встречается везде и повсюду. Сейчас средний блок уже не делают таким широким, частенько это три равных по размеру блока с различной информацией: 1 колонка (лево) — Кто пишет этот сайт?; 2 к (центр) — ссылочки; 3 (лево) — контакты. ← Это простой примерчик построения сайта-визитки или сайта-о-себе.

На этом к сожалению закончим. Вторая часть будет чуть позже. До новых встреч.