Веб-мастера стараются просматривать страницу изнутри, изучая её код и разметку, а не контент. Причем не важно, страницы HTML это или файлы CSS. А теперь попробуйте посмотреть на исходный код страницы и сходу глазами определить где заголовки, выделенные ключевики, блоки, таблицы. Если у Вас не получилось, внимательнее читайте статью, она для Вас.

Элементы HTML кода, которые непосредственно отвечают за продвижение, это теги заголовков (<H1>…<H6>), тег абзаца (<p>), списка (<ul><ol>), обозначение важных фраз в тексте (<strong>, <em>). Подумайте о том, как разместить эти элементы, чтоб было легко разобраться с каждым участком кода, легко понять, что он из себя представляет в отображении браузера.

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

Бестабличная верстка предполагает использование css-стилей и подразумевает разделение семантики документа и его оформление. Т.е. если текст выглядит компактно, это ещё не значит, что он семантически верен. Семантика – не внешний вид, а внутренний. И если таблицы стилей как раз создают внешний вид, внутри царит HTML.

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

При семантической разметке страницы не теряют свою структуру даже при отключенном css, роботы-поисковики быстрее индексируют страницы сайта, выделяя  нужные фрагменты. Кроме того, компактный код страницы – важный фактор при ранжировании. Сверстанный таким образом сайт будет легче предаваться редизайну и облегчит доступ к контенту людям, которые используют специальные устройства для просмотра информации на экране.

Шагайте в ногу со временем, используя новые методы для повышения привлекательности (и релевантности) Вашего сайта.

Список статей