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 имеет ключевое значение при внутренней оптимизации сайта. При сео-верстке сайта стоит уделять внимание тегам:
- Title;
- H1-h3;
- Keywords;
- Description;
- Alt у изображений.
Эти теги используются для определения релевантности страницы сайта. Важно использовать из по назначению.
Например, заголовки при верстке сайта часто применяются для разметки элементов страницы таких как пункты меню, надписи и прочее. Это неверно. Заголовки нужно использовать только в качестве заголовков. Внешний вид прочих элементов можно задать с помощью стилей.
Ключевые слова, описание и альт-текст изображения при создании сайтов часто игнорируются. Хотя в разной степени также участвуют в SEO-оптимизации.
Советы по SEO верстке
- Необходимо писать максимально оптимизированный код – чем короче, тем лучше.
- Стили и скрипты необходимо вынести в отдельные файлы. И здесь нужно стараться писать максимально кратко.
- Используйте на сайте навигационную цепочку.
- Постарайтесь не использовать в верстке страниц теги выделения текста: жирный, курсив. Эти теги лучше использовать в тексте, стиль прочих элементов сайта можно задать при помощи стилей.
- Теги заголовков должны использоваться только в заголовках. Не нужно применять их для оформления элементов сайта.
- Ссылки на сайте лучше оформлять контрастным цветом и подчеркиванием. Так точно ни у кого не возникнет сомнения, что это именно ссылка.
- Не нужно делать невидимых элементов на сайте.
- Старайтесь не создавать слишком длинных страниц – они долго индексируются, часто их никто не дочитывает до конца.
Основное правило, которому стоит следовать при SEO-верстке – это простота. Чем проще и короче при сохранении функциональности будет ваш код, тем выше будут позиции сайта.
Возможно, вам будет интересно
При продвижении по позициям вы платите только за результат, который без труда можете проверить самостоятельно – достаточно набрать нужный запрос в поиске. А подрядчик прилагает все необходимые усилия, чтобы этого результата достичь – иначе он ничего не получит. Но у такой схемы есть и минусы. Что такое SEO-продвижение по позициям? Это один из самых простых алгоритмов […]
Заголовок h1 – это второй по значимости тег при внутренней оптимизации сайта. На первом месте заголовок в теге title. Поисковые системы при определении релевантности также уделяют внимание подзаголовкам. Использование заголовка h1 на странице сайта H1 должен размещаться вначале страницы и быть заглавием для всего контента страницы. Использовать этот тег на странице можно только один раз. Внутри […]
Сайт разработан на базе открытого движка ВордПресс. Основная задача страницы – собирать заявки пользователей на проведение детского дня рождения. Основной источник трафика в данном проекте – контекстная реклама в Яндекс и Гугл. Лендинг по организации детских праздников для центра «Тритон» С развлекательным центом «Тритон» мы работаем уже не впервые. Пять лет назад мы разрабатывали сайт для […]
