Семантическая разметка

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

От неё зависит правильное отображение текста, изображений и всего сайта в целом ровно настолько, насколько зависит еще и релевантность страницы. Удивительно, но достаточно большое количество вебмастеров этому не придают никакого значения. Для некоторых это будет несомненным плюсом, если у ближайшего конкурента по выдаче не самая лучшая разметка страницы.

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

Теперь поговорим о том, как всё это исправить. Для начала необходимо разобраться с основными элементами HTML. Первое, что следует выделить, заголовки. Они определяются тегами <h1> — <h6>. Они призваны разъяснять, аннотировать текст, что следует за ними. В связи с этим заключение в них больших кусков текста не имеет никакого смысла.

На одной странице должен находиться лишь один заголовок <h1>, подзаголовков может быть бесчисленное множество. Не рекомендуется их пропускать, ставя после <h1> сразу <h3> — это далеко не самое правильное применение.

Не меньшее внимание стоит уделить и другим HTML-элементам. Это могут быть абзацы — <p>, списки, логические выделения фраз жирным шрифтом — <strong>.

Что касается изображений, то и для них рекомендуется применять свои теги – alt (описание картинки) и title. Крайне рекомендую использовать их грамотно, чтобы построить качественную структуру сайта понятную поисковым системам.

На сегодняшний день используются три основных метода семантической разметки – табличный, блочный и смешанный.

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

При блочной верстке весь текст располагается в блоках <div>, им присваиваются css-стили. Метод грамотен и совершенен, при этом воспринимается поисковыми машинами на должном уровне. А главное, дизайн сайта тогда можно сделать более красивым и разнообразным.

Поделиться в соц. сетях

Мне нравится