Советы от REG.Expert. Секреты успешной html-разметки сайта для SEO
Работы над SEO больше, чем кажется
SEO ― это не только контент, ключевые слова и закупка ссылок. Это еще и планомерная работа с тем, что под капотом ресурса.
В этом письме мы расскажем о простых, но очень важных нюансах html-разметки, которые помогут SEO-продвижению сайта. Эти инструменты можно внедрять не только в самописных решениях, но и на сайтах с CMS.
Метатеги
Метатеги позволяют передавать поисковым системам дополнительную информацию о страницах. Они не видны пользователям, но вот ПС уделяют им особое внимание. К метатегам относятся:
1. Title. В тег <title> помещают название страницы. Если вы поместите название в тег <h1>, поисковая система не поймет, что вы имели в виду именно основное название страницы. Title может дублировать ваш заголовок, который видят пользователи, а может быть упрощенным специально для поисковиков.
2. Description. Это краткое описание информации на странице. Поисковые системы обращаются к нему, чтобы понять, стоит ли рекомендовать страницу пользователю. Некоторые поисковые системы выводят то, что написано в description, в сниппет (но это происходит не всегда).
💡Сниппет ― анонс страницы сайта, который выводится в поисковой выдаче.
Description лучше делать размером 100–140 символов. Метаописание может быть как в форме предложений (с точкой или без точки в конце), так и в форме перечисления важных параметров.
3. ALT. Этот тег предназначен для картинок. По сути, в него нужно поместить описание того, что изображено на фото. По этому описанию ваша картинка может попасть на видимые позиции в сервисы Яндекс.Картинки, Google Картинки и подобные. Также, если по какой-то причине картинка не отображается у пользователя на сайте, вместо пустого экрана он увидит описание.
Как добавить эти теги?
С самописным сайтом все понятно. Вы просто внедряете теги в код страниц. Но в CMS тоже предусмотрены эти варианты. Для сайтов на WordPress и REG.Site есть плагины, например, Yoast SEO.
В Конструкторе REG.RU есть встроенные инструменты для этих целей. Подробно об этом написано в Базе знаний. В обоих случаях код не нужен. Вы только заполняете необходимые поля.
Сайты без программирования
Сниппеты и SEO-разметкаВозможно, вы замечали, что сниппеты некоторых сайтов более развернутые. Например, в поисковой выдаче появляется целая инструкция или таблички. Такой сниппет явно выделяется на фоне других. Зачастую это заслуга правильной разметки страницы.
Для развернутых сниппетов используют специальную семантическую разметку. Популярные ― Schema.org, Microformats.org и Open Graph (последняя для соцсетей).
⭐️ Рекомендуем использовать Schema.org. Ее поддерживают крупнейшие поисковые системы: Яндекс, Google, Bing. С помощью Schema.org вы можете описать товар, фильм, событие. Подробнее об этой разметке можно прочитать на официальном сайте Schema.org, также основные моменты хорошо описаны в Яндекс.Справке.
Теги h1, h2, h3
Распространенная ошибка среди владельцев сайтов ― не использовать теги h1, h2 и h3. Действительно, визуально можно задать тексту большой шрифт, и он будет восприниматься пользователем как заголовок, но вот для ПС это будет просто текст. То есть и ключевые слова в нем будут иметь меньшую значимость. Именно поэтому важно использовать для заголовков соответствующие теги h1–h3.
В CMS и конструкторах есть разграничения по уровню заголовков. Не игнорируйте настройки для них. Например, в блочном редакторе REG.Site есть специальный модуль заголовков.
Также важен порядок вложенности заголовков. H1 должен быть первым на странице, следом за ним идет H2, в него вложен H3 и т. д. 📗 Это как в книге — одно название и главы.
Читать о других методах SEO-продвижения
Как проверить валидность версткиПроверить, нет ли ошибок в разметке, можно с помощью валидаторов. Их много. Вот примеры двух из них:
― валидатор от Яндекса;
― официальный валидатор W3C.Мощный хостинг для мощных сайтов
На SEO влияет не только грамотная верстка, но и мощный хостинг. Именно поэтому нужно внимательно отнестись к выбору хостинг- провайдера и тарифа. У нас есть тарифы для любых сайтов: от одностраничников до крупных интернет-магазинов.
Если вы решите, что вам стало тесно на уже выбранном тарифе, в личном кабинете вы легко можете перейти на хостинг мощнее.
Отписаться от рассылки Читать в браузере и поделиться с друзьями
