Памятка по форматированию контента

Базовые требования к тексту:

  • полезный для потребителя;
  • отсутствуют ошибки.

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

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

Пишите тексты «человеческим языком», оформляйте страницы сайта для своих клиентов, а не для поисковых роботов. Попробуйте вычленить в отдельные блоки самые главные сообщения (помните, всё не может быть главным!), подумайте теперь, как эти наиболее важные сообщения сделать заметными, а мы расскажем, на что необходимо обратить внимание.

Оглавление

Иерархия заголовков

  1. Любой документ должен иметь логическую структуру, состоящую из заголовков, начиная с первого уровня и далее вниз по существующей иерархии без пропусков.
  2. Все, что визуально выглядит как заголовок, должно быть реализовано с помощью элементов заголовков (в редакторе находится на панели элементов). То есть, не нужно применять жирность или курсив, если хотите сделать подзаголовок, используйте стили редактора.
  3. Заголовок, имеющий отношение к основному контенту страницы должен быть оформлен в виде элемента заголовка высшего уровня h1. На портале при создании каждой новой страницы заголовок страницы приобретает вид тега h1 автоматически, то есть, о нем Вы не беспокоитесь.
  4. Ваша задача — позаботиться о разбивке Вашего текста на смысловые блоки и озаглавить каждый блок, применяя соответствующие смыслу уровни заголовков (заголовки второго уровня, третьего).
  5. Заголовок h2 в идеале используется 1–2 раза в тексте, разделяя его на основные части.
  6. Заголовок h3 имеет еще меньшее значение и используется для частей текста, отделенных заголовком h2.

Типографика

  1. Если в тексте есть числа больше одной тысячи, то цифры должны разделяться на разряды, чтобы клиентам было удобно их считывать и понимать (например, вместо 2000, стоит написать 2 000, вместо 1000500 — 1 000 500).
  2. Знак тире должен быть длинным, а не дефисом. Вот настоящее тире —, оно длиннее, чем то, которое Вы можете поставить с помощью клавиатуры (его можно скопировать на сайтах, где оно уже есть, и вставлять через блокнот (чтобы очистить форматирование).
  3. Знак дефиса должен быть не минусом, а дефисом, вот настоящий дефис –, он чуть длиннее, чем минус, который Вы можете поставить с помощью клавиатуры (берем там же, где и тире).
  4. Кавычки должны быть кавычками, а не дюймами (редактор в админке сайта, к сожалению, при наборе кавычек с клавиатуры делает их дюймами, вот «правильные кавычки»).
  5. Лишние пробелы и недостающие пробелы. Следите, чтобы их не было, это очень заметно. Чаще всего проблемы с пробелами возникают возле знаков препинания.
  6. Уделите внимания висящим предлогам. Если предлог остается на предыдущей строке, а слово, с которым он связан, размещается на следующей строке, перенесите предлог «насильно». Висящие блоки очень заметны в тех блоках, где небольшие порции информации.
  7. «Подчеркивание» — категорически не рекомендуем использовать: вводит пользователя в заблуждение, поскольку имеет сходство со ссылкой.
  8. «Жирное начертание» — не стоит им злоупотреблять. Подряд выделенными жирным могут быть не более 5-6 слов. Большие куски текста, выделенные жирным, сбивают с толку потребителя (важного не может быть много, иначе тогда все одинаковое).
  9. «Курсив» — также не стоит им злоупотреблять. Курсив принято использовать лишь в определенных случаях: для примечаний, цитат, подписей в конце обращений–писем, эпиграфов, подписей к иллюстрациям, иногда для оформления заголовков, редко — для выделения очень важного словосочетания. 
  10. «Зачеркивание» — как правило, требуется лишь для оформления старой цены.
  11. Следите, чтобы была соблюдена логика центрирования контента. Если весь стиль сайта показывает, что лучше центрировать текст и изображения по левому краю, то не делайте исключение для заголовков или кусков текста.
  12. Применяйте списки, пишите кратко и емко. В списках очень важен заголовок, он должен заинтересовать потребителя.
  13. Для примечаний и подписей к изображениям вместо курсива рекомендуем использовать уменьшенный размер текста. Но не делайте так, как сейчас это сделали мы. В одном абзаце не могут быть применены разные стили.
  14. Размещая фотографии, старайтесь избегать их декорирования (рамок, обрезаний углов, теней). Сейчас в моде минимализм, естественность, размещайте «честные» фотографии, и пользователь будет больше им доверять. А страница будет восприниматься легкой, воздушной, аккуратной.
  15. Нумерованные списки употребляются в вариантах, когда важен порядок, количество пунктов или их градация по значению (инструкция, перечисление основных подразделений компании и т. п.). При большом количестве пунктов в списке нумерация поможет вашим клиентам не потерять глазами строку.
  16. Маркированные списки используются там, где не важен порядок (к примеру, достоинства компании — их и не должно быть много, чтобы они смотрелись презентабельно и отложились в памяти читателя).

Изображения в тексте

  1. Располагать изображения в тексте лучше справа. В таком случае они не мешают читать текст, ненавязчиво его дополняют.
  2. Выравнивание по центру не всегда смотрится хорошо. Обычно это подходит для сайтов с узкой контентной областью, при этом изображения горизонтально ориентированы и занимают всю ширину. Также данный способ подходит для диаграмм, карт, схем, графиков и других крупномасштабных изображений.
  3. Выравнивание по левому краю, особенно под заголовком, может визуально нарушить структуру контента. Если это требуется, лучше вставлять изображение хотя бы после первого абзаца.
  4. Если требуется разместить несколько изображений в одной строке, лучше устанавливать для них одинаковую высоту. Если изображения располагаются одно под другим, устанавливайте для них одинаковую ширину.

Отношение поисковых систем к некорректному форматированию текстов

Поисковые системы негативно «относятся» к следующим формам форматирования текстов:

  • Выделение жирным или курсивом больших кусков текста. На 1 странице может быть выделено жирным или курсивом не более 5–6 слов подряд и не чаще чем 5 раз на странице. Не чаще 1 раза на абзац (абзац условно – 200-300 символов). Оптимально выделять 2-3 слова
  • Большие куски текста, выделенные подчеркиванием.
  • Большие куски текста, к которым применен формат одного из заголовков–тегов.
  • Внесение заголовков h2, h3 (подзаголовков) выше заголовка.
  • Использование форматирования только на одном и том же слове или фразе (названии товара, названии компании, ключевом слове).
  • Использование форматирования «заголовком» внутри текста без перехода на отдельную
  • Преобразование всего текста в список или таблицу.
  • Подобные манипуляции поисковые системы воспринимают как искусственную оптимизацию и обман. В результате поисковая система занижает позиции сайта в выдаче либо вообще исключает страницу из индекса. А сайт перестает получать трафик на такую страницу.

Если у вас остались вопросы к данной статье, буду рад ответить на него. Пишите нам в комментариях. Спасибо!

Свежие записи
Команда RD

Команда RD и RMDIR позволяют удалять как каталоги, так и

Аndroid
help2site
Как добавить в Android «корзину»

Для нас всех привычно, что все файлы на нашем компьютере перед полным удалением попадают в корзину и если мы случайно удалим что то нужное это

Windows
help2site
Что делать, если Svchost сильно грузит процессор?

Svchost.exe (сервис-хост) или хост-процесс для служб Windows — компонент операционных систем Microsoft, используемый для запуска и выполнения служб из dll-файлов (динамически подключаемых библиотек). Если по-простому,

Настройка
help2site
Основные команды Linux

Оглавление Системная информация отобразить архитектуру компьютера — arch отобразить используемую версию ядра uname -r показать аппаратные системные компоненты — (SMBIOS / DMI) dmidecode -q вывести

Windows
help2site
Windows 7 – резервное копирование

Одним из верных способов избавить себя от досадной потери данных с винчестера, что может произойти как из-за поломки жёсткого диска, так и в результате воздействия

Web-Дизайн
help2site
Добавление пользователя Drupal

Войдя в админ-панель сайта. Если не помните, как прочитайте статью «вход в панель управления» В верхнем административном меню кликнете по пункту «пользователи» : Далее появиться

Программы
help2site
Deploy NodeJS приложения на VestaCP

Настройка Nginx для deploy сайта на nodejs. Под катом: конфигурация nginx, pm2 как замена nodemon и forever.  Как всем известно NodeJs-приложение слушает определенный порт. Обычно

Оборудование
help2site
Влияние блока питания на работу компьютера

Что нужно для стабильной работы компьютера? Хорошая видеокарта, процессор, системная плата, но многие забывают добавить к этому списку качественный и мощный блок питания. Блок питания, как центр электроснабжения