В статье:
Есть одно четкое правило, которому нужно следовать: пишите тексты для людей, а не для машин. Главное предназначение статьи на сайте в том, чтобы ее прочитали пользователи. Для этого нужно два условия:
- Нужно, чтобы пользователь нашел статью. Для этого существует индексация поисковыми системами.
- Пользователю должно быть интересно и удобно ее прочесть. Интерес и удобство зависит от пользы текста, а также от грамотной типографики – визуального оформления.
Яндекс и Google при ранжировании учитывают не только соответствие ключевикам, но и типографику, поскольку от нее зависит, сколько времени пользователь проведет на сайте. Если он остался и дочитал, значит, статья полезная и будет высоко ранжироваться. О ключевиках и составлении семантического ядра мы уже писали (часть 1, часть 2, часть 3). Поговорим об оформлении.
Как оформить заголовок
В заголовке должна быть заключена главная мысль и отражена тема статьи. Из него пользователь должен понять, о чем будет идти речь. Лучше, если заголовок будет емким, не длиннее строки.
Больше о SEO заголовка:
Как оптимизировать заголовок, кейсы и исследования
Яндекс и Google придерживаются позиции, что заголовок должен помочь пользователю сориентироваться по тематике страницы. Поэтому стоит включить в него ключевое слово. Специалист по SEO Сергей Кокшаров (Devaka.ru) говорит, чем ближе ключевик к началу, тем лучше для ранжирования. От выделения тегом зависит название вкладки со статьей. Многие CMS, например WordPress, автоматически помещают заголовки в тег H1, но лучше перепроверить.
Хороший пример — заголовок статьи Texterra о гифках:
Еще один хороший пример — новость Likeni о биткойнах:
Если хочется написать интересный и цепляющий заголовок, лучше не добиваться этого каламбурами. Часто они получаются неуместными и банальными. Пара примеров странных заголовков:
Какой должна быть длина текста
На форумах часто мелькает вопрос «какой длины писать тексты на сайт?» Насчет оптимальной длины текста есть много мнений, кто-то даже пытается поставить четкие рамки количества символов. Копирайтеры на биржах обычно ссылаются на статистику заказов: владельцы сайтов чаще хотят статьи в пределах 2500 знаков.
Редактор Максим Ильяхов считает, что нет оптимальной длины текста: пользователь читает текст, пока ему интересно. В основном, авторы говорят, что четкой цифры нет, символов должно быть столько, сколько нужно для полного раскрытия темы.
У поисковых систем есть свои рекомендации по длине. У Яндекса нет четких рамок, но он предлагает оповещать систему о том, что вы публикуете авторский контент. Для этого нужно залить ваш текст через форму и после обработки именно вы будете считаться первоисточником статьи. Для таких дел текст должен быть не меньше 500 знаков и не больше 32000, очень большие тексты предлагается делить на несколько.
Google считает удобной для чтения статью длиннее 1000 символов. Исследование показало, что длинные тексты лучше ранжируются системой, поэтому лучше писать от 2000 и выше.
Заполнение заголовков и других метатегов можно проверить в сервисе от PR-CY: он оценивает метатеги и оптимизацию текста на главной, а также ищет проблемы на внутренних страницах сайта:
Советы по структуре текста
Структура влияет на удобство прочтения. Удобным у Яндекса считается целостный текст, который не выглядит как множество мелких блоков, перебитых рекламой. Следует делить текст на подпункты и помещать на страницу не по одному абзацу текста, а по параграфам или главам.
Google в целом солидарен и считает удобным текст, разделенный на тематические группы: пункты и параграфы, как написано в Руководстве для веб-мастеров.
К примеру, этот текст выглядит неудобным для чтения:
Этот текст структурирован, поэтому читается легко:
С точки зрения типографики текст должен быть структурирован по логическому плану изложения, поделен на тематические подпункты и разделен абзацами.
Павел Лебедев, который до недавнего времени руководил веб-дизайном в Лаборатории Касперского, проиллюстрировал, как сделать текст удобочитаемым. Слева и справа одинаковый текст, но справа находится вариант, оформленный по правилам типографики: с заголовком, пунктами, абзацами, выделением важного тезиса.
Оглавление - еще один полезный инструмент для отражения структуры статьи. На ранжирование это не влияет, но может попасть в сниппет в поисковой выдаче, а еще помогает ориентироваться в тексте. Особенно полезно для объемных текстов, позволяет сразу увидеть, о чем конкретно идет речь. Для небольших статей оглавление не обязательно, если структуру можно оценить беглым взглядом.
К примеру, так ненавязчиво Русабилити оформляют оглавление для объемных статей:
Как проверить мобилопригодность и кроссбраузерность
Текст должен удобно читаться с любых устройств. С планшетов и смартфонов интернетом пользуется столько людей, что их потребности нельзя игнорировать. Если пользователь зашел с мобильного, ему должно быть также удобно все прочесть, если сохранится структура, деление на абзацы, читабельные размеры шрифтов и прочее оформление.
Для поисковых систем также важна валидность верстки — то, как она складывается в просмотре через мобильные устройства. Google и Яндекс ранжируют сайты, которые корректно отображаются на мобильных, а с 2015 года Google ввел санкции против неадаптивных сайтов.
Проверьте юзабилити сайта — можно сделать проверку самому.
Верстка сайта должна корректно отображаться не только на разных устройствах, но и во всех браузерах. Если пользователь зашел на сайт с браузера, на котором ваша верстка слетает, он покинет сайт. Полезного действия не совершится, и текст не будет прочитан. Для поисковых систем важно время, которое пользователи проводят на сайте: если человек «застрял» почитать, то сайт полезный и будет лучше ранжироваться.
Google дал
несколько советов о совместимости браузеров.
Самый простой способ проверить кроссбраузерность — вручную открыть сайт через разные браузеры. Но можно сделать это, к примеру, через сайт
http://browsershots.org/. Отметьте нужные версии браузеров и запустите проверку. Сайт бесплатный, но проверка может занять до часу времени.
Как подобрать шрифты и интервалы
На читабельность сильно влияет то, как выглядят сами буквы. Шрифты, которыми написан текст, интерлиньяж, отступы в начале строки и прочая разметка, даже цвет текста влияют на его восприятие и на то, насколько от чтения устают глаза. Это прямо не влияет на ранжирование в поисковых системах, но в то же время от выбора шрифта, расстояния между строк и прочего форматирования зависит, на сколько времени пользователь задержится на сайте.
Шрифт лучше подбирать под стилистику сайта. Для больших массивов текста используйте максимально простой шрифт, а фигурные и письменные подойдут для выделения заголовков.
Расстояние между строк сделайте таким, чтобы строки не сливались.
Цвет рекомендуется выбрать контрастный фону, лучше, если это будет темно-серый текст на белом или светлом фоне.
То, насколько длинными лучше делать строки, можно посчитать с помощью формулы Брингхарста: умножаем размер кегеля на 30.
Как выглядит текст, отредактированный по правилам типографики
К примеру, на этих источниках статьи удобно читаются: заголовки выделены, текст поделен на пункты и абзацы, имеет свои подзаголовки, ширина строк позволяет удобно скользить взглядом по тексту, строки не сливаются, буквы контрастны.
А вот пример сайтов с седьмой страницы выдачи Яндекса. Читать невозможно:
А на этом еще и нарушена верстка:
Помощь с типографикой
Как мы выяснили, ранжирование в том числе зависит от типографики, поэтому стоит озадачиться оформлением. Если жалко времени на доведение статьи до типографического идеала, есть упрощенный вариант: можно прогонять статьи через сервисы, редактирующие текст и дающие ему презентабельный вид.
К примеру, несколько таких сервисов:
- Типограф для оформления русского текста для издания: http://www.typograf.ru
- Типограф Артема Лебедева: http://www.artlebedev.ru/tools/typograf/
- Типограф Startpack: https://startpack.ru/tools/typograph
Как в итоге нужно оформлять текст
В соответствии с рекомендациями поисковых систем и правилами типографики, недаром они во многом соприкасаются. Поисковые системы заботятся об удобстве пользователей и ранжируют текст, который грамотно оформлен для чтения.
Дополняйте своими советами в комментариях!