Глава 5

Заголовки <h1> - <h6>.

SEO разметка текста.. или семантическая верстка сайта.

Семантическая верстка сайта - за этим страшным определением скрывается одна простая истина: сайт должен быть не просто сверстан, а свёрстан логично! Так что можно сказать примерно так: семантическая верстка это - логичная верстка.

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

Итак, плохие примеры:

• Использование заголовков <h1> - <h6> лишь с той целью чтобы увеличить или уменьшить размер буковок..

• Неуместное использование тегов логического форматирования, например, вместо текста <address>г. Самара</address> просто какой то текст, который никоем образом к адресу не относится.. например: <address>Установка окон</address>.

• Использование тегов для формирования списков <ul> <ol> <li> для простой декорации текста или например для создания отступов в тексте.. и наоборот формирование некого списка, перечня например того же меню сайта с помощью других тегов.

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

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

Думаю сейчас многие испугались "ааа.. у меня сайт таблицей свёрстан!", "а у меня меню сайта не является списком.." не пугайтесь сильно! конечно к "правильному" построению сайта нужно стремиться, но если по-другому никак не получается то можно чем то и пренебречь, однако некоторые вещи всё же лучше соблюдать!

Заострим внимание на правильной разметке текста, так как это наиболее важно для оптимизации сайта под поисковые системы..

Многие начинающие веб-мастера думают, что заголовки <h1> - <h6> это всего лишь способ выделить текст размером, сделать его крупнее - это не так!! На самом деле теги <h1> - <h6> во-первых выделяют именно заголовки в тексте, а во вторых выделяют их по степени "важности" например заголовок <h1>Как создать сайт?</h1> в глазах поисковых систем куда более важен чем заголовок <h6>Как создать сайт?</h6> и если бы это были заголовки двух разных страниц то при прочих равных условиях поисковая машина по запросу пользователя "Как создать сайт?" выдаст в результатах поиска на первом месте ту страницу, в которой используется заголовок первого уровня <h1>.

Однако не стоит хвататься переделывать все заголовки на Вашем сайте с <h2>,<h3>..<h6> в <h1> ни к чему хорошему в плане оптимизации это не приведёт! В идеале на странице должен присутствовать всего один заголовок первого уровня который как бы содержит в себе два-три заголовка второго уровня в которых в свою очередь "вложены" заголовки рангом поменьше и так далее.. структура документа должна иметь примерно такой вид:

То есть заголовки должны быть, как бы вложены друг в друга по степени важности и иметь древовидный вид. Сам же текст желательно разбить на параграфы с помощью тега <p> - где текст каждого абзаца несет в себе одну логическую часть текста.

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

Так как текст в заголовках <h1>- <h6> имеет куда более большее значение для поисковых систем, да и просто для человека просматривающего страницу, нежели чем просто текст то их следует наполнять ключевыми словами!