2011-11-02

Как я использую заголовки h1-h6

Как я использую заголовки h1-h6

Подкрутил на своем блоге о путешествиях заголовки h1-h6 в страницах. Раньше стройности не было: на главной странице было несколько h1, в шапке был h1 тоже, с сайдбаре заголовки были h2, а h3 использовался в ссылках на статьи. На странице статьи было два h1... Не особо критично, но и не особо красиво.

Стал рыть Интернет. Среди тонны никчемных сайтов приходилось по крупицам отыскивать дельные советы. Остановился на подходе, описанном в этой статье:

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

> Размер шрифта должен понижаться по мере понижения значимости заголовка. То есть текст в теге h1 должен быть самым крупным, в теге h6 самым мелким.

>Считается, что в теге h не должно содержаться ничего кроме текста.

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

>Не допускается использование тега h совместно с другими тегами акцентирования (например strong).

>Не допускается использование тега h1 более одного раза на странице.


Также воспользовался таким советом - на главной странице заголовки организованы так:

h1 Заголовок сайта - h2 Заголовок сообщения - h3 Подзаголовоки страниц - h4 Сайтбар

Страница статьи:

h1 Заголовок страницы - h2 Подзаголовки страницы - h4 Сайтбар(тут выходит не очень красиво - будет что еще оптимизировать!).

Для пущей уверенности проанализировал HTML кода www.problogger.net известного блогера Darren Rowse - у него тот же подход.

Доработал немного шаблон, прописал проверку условий на то, показывается ли главная страница или нет, изменил шрифты для h2, h3 и h4, подправил главную страницу некоторые статьи (большинство еще ожидает обновления).

Комментариев нет:

Отправить комментарий