SEO-оптимизированная верстка сайта

SEO-верстка сайта – это фактически обычная верстка html документа с единственным отличием: при SEO-верстке текстовые поля в коде размещаются как можно выше

Tilda Publishing

Главная > Статьи > SEO верстка сайта

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

Примеры SEO-верстки html страниц

В стандартном варианте пример кода обычной страницы выглядит так:


<body>
<div id="wrapper">
<div id="header"></div>
<div id="sidebar"></div>
<div id="content">Тут расположен важный контент</div>
<div id="footer"></div>
</div>
</body>

Не прилагая особенных усилий, блок с контентом можно вынести выше сайдбара. Тогда пример СЕО-верстки будет выглядеть так:


<body>
<div id="wrapper">
<div id="header"></div>
<div id="content">Тут расположен важный контент</div>
<div id="sidebar"></div>
<div id="footer"></div>
</div>
</body>

Затем с помощью CSS контент на странице можно будет распределить в соответствии с дизайном. При желании можно сверстать сайт таким образом, что в коде контент будет даже выше хедера.

Важные для SEO элементы при верстке сайта

Ряд элементов html имеет ключевое значение при внутренней оптимизации сайта. При сео-верстке сайта стоит уделять внимание тегам:

1. Title;
2. H1-h3;
3. Keywords;
4. Description;
5. Alt у изображений.

Эти теги используются для определения релевантности страницы сайта. Важно использовать из по назначению.

Например, заголовки при верстке сайта часто применяются для разметки элементов страницы таких как пункты меню, надписи и прочее. Это неверно. Заголовки нужно использовать только в качестве заголовков. Внешний вид прочих элементов можно задать с помощью стилей.

Ключевые слова, описание и альт-текст изображения при создании сайтов часто игнорируются. Хотя в разной степени также участвуют в SEO-оптимизации.

Советы по SEO верстке

1. Необходимо писать максимально оптимизированный код – чем короче, тем лучше.
2. Стили и скрипты необходимо вынести в отдельные файлы. И здесь нужно стараться писать максимально кратко.
3. Используйте на сайте навигационную цепочку.
4. Постарайтесь не использовать в верстке страниц теги выделения текста: жирный, курсив. Эти теги лучше использовать в тексте, стиль прочих элементов сайта можно задать при помощи стилей.
5. Теги заголовков должны использоваться только в заголовках. Не нужно применять их для оформления элементов сайта.
6. Ссылки на сайте лучше оформлять контрастным цветом и подчеркиванием. Так точно ни у кого не возникнет сомнения, что это именно ссылка.
7. Не нужно делать невидимых элементов на сайте.
8. Старайтесь не создавать слишком длинных страниц – они долго индексируются, часто их никто не дочитывает до конца.

Основное правило, которому стоит следовать при SEO-верстке – это простота. Чем проще и короче при сохранении функциональности будет ваш код, тем выше будут позиции сайта.

Страница ошибки 404 – Что это такое и как ее верно оформлять для продвижения сайта

Ошибка 404 или страница не найдена – это стандартный ответ веб-сервера, в том случае когда браузер клиента обращается к несуществующей в данный момент страницы

Канонические ссылки и адреса страниц при продвижении сайта

Link rel=canonical — это один из специализированных тегов html, который применяется на сайте для указания канонического адреса страницы. Каноническая страница

SEO оптимизация изображения, картинок и фото

Картинки, фото и другая графика – это часть значимого содержимого большинства сайтов. Если вы занимаетесь оптимизацией сайта под поисковики, при размещении фотографий вам стоит учитывать ряд факторов

Тег title – оптимизация главного заголовка страницы

Тег title – это главный заголовок страницы. В который необходимо включать название страницы с ключевыми словами. Правильно SEO оптимизированный тег title

Поведенческие факторы ранжирования

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

Как писать СЕО тексты на сайт – SEO копирайтинг

SEO копирайтинг – это написание оптимизированных текстов на сайт, соблюдение специфических правил разметки текстов, подготовка оптимизированных заголовков