Как оформлять текст на сайте

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

  • Тексты;
  • Картинки;
  • Видео;
  • Аудио;
  • Мультимедиа и интерактивные элементы.

В этой статье речь пойдет о текстовом и графическом контенте. О правильном оформлении текстов, чтобы они понравились и посетителям сайта, и поисковым системам.

Оформление текста на сайте

Рекомендации по оформлению текстов для сайта

 

  1. Контент на сайте необходимо размещать определенным образом. Человеческому глазу трудно воспринимать «слепленный в кучу» текст. И такие статьи чаще всего покидают посетители, тем самым ухудшая поведенческие факторы. Отсюда вывод: тексты нужно разбивать на абзацы. Причем абзац должен занимать не более 5 строк.
  2. В большие, длинные тексты следует включать подзаголовки и оформлять их тэгами h2…h6. Какие именно подзаголовки включать в текст зависит от структуры текста и уровня вложенности параграфов. Подробнее о заголовках и подзаголовках в этой статье.
  3. Прежде чем размещать текст на сайте нужно убедиться, что в режиме html-верстки нет лишних элементов. Простое копирование и вставка из Word в поле редактора CMS – это неверный подход. Лучше из Word сначала скопировать в простой текстовый редактор «Блокнот» и уже оттуда копировать и вставлять на сайт.

Дело в том, что Word создает так называемые «непечатаемые символы» в тексте, которые создают лишний html-мусор на уровне кода. Такая верстка считается не очень хорошей со стороны поисковых систем.

И даже после вставки из Блокнота нужно перепроверить текст в редакторе системы управления контентом.

Далее рассмотрим пример конкретной страницы на сайте, работающем под управлением CMS Битрикс.

 

Списки при оформлении текстов

 

Маркированные и нумерованные списки, вставленные из Word, не всегда воспринимаются поисковыми системами корректно, а как текст, перед которым стоит какой-то непонятный символ.

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

Вот так выглядела статья визуально

 

Страница без оформления

 

Вот так выглядит теперь

 

Страница с оформлением

 

Очищенный код, в режиме html, от непечатаемых символов и приведенные в порядок подзаголовки h2 и списки

 

Очищенный текст

 

Особенность размещения текстов на сайте под управлением CMS Битрикс

 

Текст следует добавлять на вкладке «Подробно», а не на вкладке «Анонс» в административной панели сайта.

Правильное (исправленное во вкладке «Подробно»)

 

Вкладка Подробно

 

Неправильное (еще неисправленное во вкладке «Анонс»)

 

Вкладка Анонс

 

На вкладке «Анонс» нужно оставлять первые 1-2 предложения. В идеальном варианте было бы лучше писать короткие уникальные Анонсы для статей. Они могут начинаться со слов:

«В этой статье речь пойдет о…»;

«В своей новой статье, хирург, рассказывает о…»;

и так далее.

 

Рекомендации по оформлению картинок

 

  1. Оптимизация картинок. Длинные «портянки» текстов следует разбавлять картинками.
  2. Важно! Картинки должны быть уникальными. Это значит, что они еще не размещались в Интернете.
  3. Файлам картинок следует давать имена в соответствии с семантическим ядром проекта, но на транслите. Сервис для транслита - http://translit-online.ru/
  4. Прежде чем размещать картинку ее нужно сжать без потери качества, чтобы она занимала меньший объем. Объем этой картинки был 119 Кб, после оптимизации, картинка занимает всего 20 Кб.

 

Сжатие картинок

Сервисы для сжатия, которые можно использовать:

  • https://tinypng.com/
  • https://imagecompressor.com/
  • https://squoosh.app/

 

Критерии оценки оформления текстов перед публикацией

 

  1. Рекомендуется ознакомиться с понятием «типографика для веба». Более подробно можно посмотреть в Ководстве Артемия Лебедева - https://www.artlebedev.ru/kovodstvo/sections/62/. А также в его сервисе Типограф - https://www.artlebedev.ru/typograf/
  2. Важно! На сайте следует размещать только оригинальные и уникальные тексты. Ни в коем случае не копировать с других сайтов. Если нужно вставить цитату на энциклопедические источники (Википедия, Профессиональная литература и т.д.), то цитаты оформлять в тэге <blockquote>Здесь сама цитата</blockquote>.
  3. Важно! Перед размещением текст необходимо добавлять в раздел Оригинальных текстов в кабинете Яндекс Вебмастер. Таким образом, мы «даем Яндексу понять» что это именно наш текст, а после этого размещать на сайте.
  4. Важно! Перед размещением стоит убедиться в уникальности текста. Сервисы для проверки:
  • https://advego.com/plagiatus/ - программа устанавливается на компьютер. Рекомендуемый шингл проверки 5-6 слов. Чем выше фразовая и словарная уникальность, тем лучше. Норма 95-98%;
  • https://www.etxt.ru/ - также есть программа, которую можно установить на компьютер;
  • https://text.ru/ - помимо проверки на уникальность, сервис показывает «водянистость» текста, тошноту (переспам ключевыми словами) и критерии для SEO-специалиста. Эти показатели выясняются эмпирическим путем во время SEO-аудитов и анализа конкурентов по ТОПам поисковых систем.

Важно! Перед размещением стоит убедиться в читабельности, «удобоваримости» текста, а также сокращения рисков санкций от поисковых систем:

  1. Главред Максима Ильяхова - https://glvrd.ru/
  2. Тургенев от Ашманов и партнеры - https://turgenev.ashmanov.com/

Только после выполнения всех рекомендаций можно публиковать текст и контент в целом на сайте. Весь процесс занимает довольно длительное время, которого у владельца бизнеса чаще всего не хватает для оформления текстов. Поэтому вы можете делегировать эту работу нам – digital-агентству Red Promo.

 

Свяжитесь с нами
mail@red-promo.ru
г. Уфа, ул. Академика Королева 3а, офис 308
Нажимая «Отправить», Вы принимаете условия
политики конфиденциальности