Типографика на сайте: важно ли оформление текста для SEO?

Рассказываем, как сделать текст приятным и человеку, и поисковой машине.

Заголовок

Длина текста

Структура

Валидность и кроссбраузерность

Шрифты и интервалы

Помощь с типографикой

Как в итоге нужно оформлять текст?

Есть одно четкое правило, которому нужно следовать: пишите тексты для людей, а не для машин. Главное предназначение статьи на сайте в том, чтобы ее прочитали пользователи. Для этого нужно два условия:

  • Во-первых, нужно, чтобы пользователь нашел статью. Для этого существует индексация поисковыми системами.
  • Во-вторых, пользователю должно быть интересно и удобно ее прочесть. Интерес и удобство зависит от пользы текста, а также от грамотной типографики – визуального оформления.

Яндекс и Google при ранжировании учитывают не только соответствие ключевикам, но и типографику, поскольку от нее зависит, сколько времени пользователь проведет на сайте. Если он остался и дочитал, значит, статья полезная и будет высоко ранжироваться. О ключевиках и составлении семантического ядра мы уже писали ( часть 1, часть 2, часть 3). Поговорим об оформлении.

Заголовок

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

Яндекс и Google придерживаются позиции, что заголовок должен помочь пользователю сориентироваться по тематике страницы. Поэтому стоит включить в него ключевое слово. Специалист по SEO Сергей Кокшаров (Devaka.ru) говорит, чем ближе ключевик к началу, тем лучше для ранжирования. От выделения тегом зависит название вкладки со статьей. Многие CMS, например WordPress, автоматически помещают заголовки в тег H1, но лучше перепроверить.

Хороший пример - заголовок статьи Texterra о гифках:

Еще один хороший пример - статья Likeni о биткойнах:


Несколько примеров неудачных заголовков:



Вывод: заголовки должны содержать главную мысль, содержать ключевик и выделяться тегом H1, оглавление можно сделать для больших статей.

Длина текста

На форумах часто мелькает вопрос «какой длины писать тексты на сайт?» Насчет оптимальной длины текста есть много мнений, кто-то даже пытается поставить четкие рамки количества символов. Копирайтеры на биржах обычно ссылаются на статистику заказов: владельцы сайтов чаще хотят статьи в пределах 2500 знаков. Редактор Максим Ильяхов считает, что нет оптимальной длины текста: пользователь читает текст, пока ему интересно. В основном, авторы говорят, что четкой цифры нет, символов должно быть столько, сколько нужно для полного раскрытия темы.

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

Google считает удобной для чтения статью длиннее 1000 символов. Исследование показало, что длинные тексты лучше ранжируются системой, поэтому лучше писать от 2000 и выше.

Вывод: статья должна полностью раскрывать тему, и лучше, если она будет содержать от 2000 знаков.

Структура

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

Google в целом солидарен и считает удобным текст, разделенный на тематические группы: пункты и параграфы, как написано в Руководстве для веб-мастеров.

К примеру, этот текст выглядит неудобным для чтения:


Этот текст структурирован, поэтому читается легко:

С точки зрения типографики текст должен быть структурирован по логическому плану изложения, поделен на тематические подпункты и разделен абзацами.

Павел Лебедев, который до недавнего времени руководил веб-дизайном в Лаборатории Касперского, проиллюстрировал, как сделать текст удобочитаемым. Слева и справа одинаковый текст, но справа находится вариант, оформленный по правилам типографики: с заголовком, пунктами, абзацами, выделением важного тезиса.

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

К примеру, так ненавязчиво Русабилити оформляют оглавление для объемных статей:

Вывод: для ранжирования и для удобочитаемости текст нужно структурировать и оформить в виде подпунктов с абзацами, к большим статьям лучше сделать оглавление.

Валидность и кроссбраузерность

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

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

Поэтому лучше проверить сайт на юзабилити, в статье описано, как можно самому это сделать.

Верстка сайта должна корректно отображаться не только на разных устройствах, но и во всех браузерах. Если пользователь зашел на сайт с браузера, на котором ваша верстка слетает, он покинет сайт. Полезного действия не совершится, и текст не будет прочитан. Для поисковых систем важно время, которое пользователи проводят на сайте: если человек «застрял» почитать, то сайт полезный и будет лучше ранжироваться. Google дал несколько советов о совместимости браузеров.

Самый простой способ проверить кроссбраузерность - это вручную открыть сайт через разные браузеры. Но можно сделать это, к примеру, через сайт http://browsershots.org/ Отметьте нужные версии браузеров и запустите проверку. Сайт бесплатный, но проверка может занять до часу времени.

Вывод: сайт должен удобно просматриваться с мобильных и одинаково верно отображаться во всех браузерах.

Шрифты и интервалы

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

Шрифт лучше подбирать под стилистику сайта. Для больших массивов текста используйте максимально простой шрифт, а фигурные и письменные шрифты подойдут для выделения заголовков. Расстояние между строк сделайте таким, чтобы строки не сливались. Цвет рекомендуется выбрать контрастный фону, лучше, если это будет темно-серый текст на белом или светлом фоне. А то, насколько длинными лучше делать строки, можно посчитать с помощью формулы Брингхарста: умножаем размер кегеля на 30.

Вывод: шрифты и форматирование статьи прямо на ранжирование не влияет, но от них зависит читабельность текста.

Как выглядит текст, отредактированный по правилам типографики?

К примеру, на этих источниках статьи удобно читаются: заголовки выделены, текст поделен на пункты и абзацы, имеет свои подзаголовки, ширина строк позволяет удобно скользить взглядом по тексту, строки не сливаются, буквы контрастны.

А вот пример сайтов с седьмой страницы выдачи Яндексом. Читать невозможно:

А на этом еще и нарушена верстка:


Помощь с типографикой

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

К примеру, несколько таких сервисов:

Как в итоге нужно оформлять текст?

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

Комментарии (5)
  03.10.2017 13:51
Первый же пример "удачного" заголовка гораздо хуже примера "неудачного". Полезная статья, да.
  06.10.2017 03:10
А чем он хуже? Да он длинный, но он с самого начала раскрывает тему статьи.
  06.10.2017 05:55
Уважаемые писатели этой статьи! Вы не пробовали ее сами прочитать и к своему труду применить? Кто может - делает, Кто не может - рассказывает, как делать, Кто ничего не умеет - пишет учебники.
  24.10.2017 14:21
LIKE - полностью поддерживаю
К данной записи нельзя добавлять комментарии т.к. она очень старая.

Подписка