Как я использую заголовки 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, подправил главную страницу некоторые статьи (большинство еще ожидает обновления).
Комментариев нет:
Отправить комментарий