Для функционирования сайта мы собираем cookie, данные об IP-адресе и местоположении пользователей.
Хорошо
Время чтения - 6 минут
Правильное оформление текста: типографика в SEO
Как вид текста влияет на SEO. Базовые правила оформления для успешного продвижения
Время чтения - 6 минут
Правильное оформление текста: типографика в SEO
Как вид текста влияет на SEO. Базовые правила оформления для успешного продвижения
София Воробьёва
Специалист по SEO-продвижению
Конверсия напрямую зависит от оформления текстов на сайте: заголовков, структурированности, длины, подбора шрифтов и интервалов, HTML-разметки. Пользователи не дочитывают плохо сверстанные статьи-простыни без использования интересных выносов на полях, разбивки на колонки и других приемов. Есть много способов влияния на эмоции людей через визуальный дизайн текста, и ими стоит грамотно пользоваться, чтобы читатели становились покупателями. В статье мы расскажем об основных методах визуального дизайна и верстки SEO-текстов, которые влияют на конверсию.
Структура контента
Яндекс называет удобочитаемым текст, который выглядит единым. То есть, посреди страницы не попадаются рекламные баннеры, и абзацы не раздроблены на блоки по 1-2 предложения. При этом текст, претендующий на удобочитаемость, должен быть разбит на пункты, параграфы и другие составные части. С точки зрения типографики SEO-статью следует структурировать по логике и делить на абзацы. Важные тезисы желательно выделять плашками или контрастным шрифтом, а если статья длинная — например, инструкция с картинками или ТОП из нескольких продуктов с описанием — собирать оглавление.
Вывод:
Для улучшения ранжирования текст статьи нужно структурировать и делить на подпункты. Перед длинными текстами — ставить оглавление.
Для улучшения ранжирования текст статьи нужно структурировать и делить на подпункты. Перед длинными текстами — ставить оглавление.
Шрифты и интервалы
Подбор шрифтов и расстояний — межстрочных, межбуквенных, межабзацных, внешних полей — влияет на ранжирование в поисковиках косвенно. Зато напрямую влияет на время, которое пользователь потратит на чтение текста: чем грамотнее организована типографика, тем больше шансов на дочитывание и конверсию в клиента. Если не сейчас, то позже, так как на сайты с хорошо выглядящими текстами невольно хочется возвращаться и иметь дело с такой компанией.
Шрифты верстальщики подбирают под стиль сайта. Для основного текста берут простой шрифт без засечек, максимально контрастный к фону страницы. Декоративные шрифты используют при цитировании и оформлении заголовков.
Интервалы подбирают так, чтобы внешнее расстояние от объектов было больше внутреннего (между частями одного объекта). Например, расстояние между подзаголовком и предыдущим абзацем делают бОльшим, чем интервал между этим же подзаголовком и его абзацем.
Шрифты верстальщики подбирают под стиль сайта. Для основного текста берут простой шрифт без засечек, максимально контрастный к фону страницы. Декоративные шрифты используют при цитировании и оформлении заголовков.
Интервалы подбирают так, чтобы внешнее расстояние от объектов было больше внутреннего (между частями одного объекта). Например, расстояние между подзаголовком и предыдущим абзацем делают бОльшим, чем интервал между этим же подзаголовком и его абзацем.
Вывод:
Выбор шрифтов и интервалов стоит доверить дизайнерам и верстальщикам. Главное, чтобы текст получился легким для визуального восприятия пользователя.
Выбор шрифтов и интервалов стоит доверить дизайнерам и верстальщикам. Главное, чтобы текст получился легким для визуального восприятия пользователя.
Заголовок и подзаголовки
Чем более ярким и емким будет заголовок, тем выше шансы заинтриговать пользователей. Хороший заголовок ориентирует по тематике страницы, содержит ключевую фразу и не содержит банальных каламбуров: избыток креативности на посадочных страницах скорее, вредит, так как снижает доверие к компании.
Удачный заголовок: «Руководство по гифкам: где найти, как сделать самому и как правильно постить в соцсетях»
Нормальный заголовок: «Цена на биткоин выросла до $3000»
Неудачный заголовок для текст про успокоительные таблетки: «Чипирование и вышки 5G: как власть доводит людей до истерики»
Подзаголовки сочетаются с заголовком и друг с другом и держат внимание людей, пока они листают страницу, могут содержать ключевые слова.
Удачный заголовок: «Руководство по гифкам: где найти, как сделать самому и как правильно постить в соцсетях»
Нормальный заголовок: «Цена на биткоин выросла до $3000»
Неудачный заголовок для текст про успокоительные таблетки: «Чипирование и вышки 5G: как власть доводит людей до истерики»
Подзаголовки сочетаются с заголовком и друг с другом и держат внимание людей, пока они листают страницу, могут содержать ключевые слова.
Вывод:
В заголовке — основная мысль и ключ, в подзаголовках — детализация основной мысли и краткое содержание абзаца.
В заголовке — основная мысль и ключ, в подзаголовках — детализация основной мысли и краткое содержание абзаца.
HTML-разметка страницы
Поисковая система анализирует код, поэтому отдельное внимание важно уделять валидности html-верстки. Для абзацев, переносов строк, списков, заголовков и подзаголовков важно использовать соответствующие теги.
Кто занимается оформлением текстов на сайтах
Эту работу выполняет верстальщик или веб-мастер, иногда — SEO-специалист. Он пользуется средствами автоматизации верстки и дорабатывает мелкие моменты вручную, добиваясь единства визуального дизайна и ощущения проработанности оформления. Чаще всего для расстановки элементов на странице он пользуется языками разметки HTML и CSS. Грамотный SEO-специалист умеет подбирать и распределять по тексту ключевые слова и элементы оформления так, чтобы он высоко ранжировался поисковыми системами и нравился пользователям.
Поделиться
Делимся опытом
