Типографика

Типографика — это художественное оформление текста. Грамотно оформленный текст позволяет сделать его привлекательным не только для читателя, но и поисковой системы.

Используйте невизуальный редактор

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

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

Некачественный HTML-код может не только привести к некорректному отображению записи на сайте, но и сильно сказаться на поисковом продвижении вашего сайта (SEO), поскольку HTML — это не только визуальное оформление, но и семантика — смысловое значение текста. Поисковой системе не всё равно как именно размечен текст и какие при этом используются HTML-тэги. Если положиться на визуальный редактор, то результат может оказаться плачевным.

Для того, чтобы контролировать генерируемый HTML-код, работают с невизуальным редактором (хотя в комплекте MaxSite CMS есть плагин визуального). А чтобы упростить написание текстов используют BB-код или Simple.

Делайте исходный текст читабельным

При написании записи разбивайте абзацы пустой строчкой (дополнительными Enter). Это повышает читабельность текста и вам не придется искать начало абзаца. MaxSite CMS возьмет на себя обработку такого текста и на выходе сформирует правильный HTML.

Разбивайте текст на абзацы грамотно

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

Также старайтесь избегать абзацев из одного предложения и одной-двух экранных строчек. Такие тексты выглядят разорванными и читать их неприятно.

Самым оптимальным вариантом будет чередование абзацев с разным количеством экранных строк. Это связано с особенностями человеческого чтения — глазу удобно «цепляться» за неодинаковые по строчкам и словам блоки. Именно поэтому для читабельных текстов также не рекомендуется использовать выравнивание по формату/ширине — такие тексты слишком монотонны.

Используйте подзаголовки

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

Кроме того, использование подзаголовков улучшает семантику текста и благосклонно воспринимается поисковиками (SEO-продвижение).

Как правило для подзаголовков используется тег или bb-код h2 — то есть заголовок второго уровня. Первый уровень (h1) используется для заголовка записи (это важно) и считается, что такой тэг должен быть на странице один (не обязательно, но желательно). Поэтому старайтесь использовать для основных подзаголовков h2, для более мелких — h3 и т.д.

Изучите текущую типографику шаблона

Используйте специальный bb-код text-demo, чтобы увидеть всю типографику своего шаблона. Самый простой способ это сделать — создать новую страницу с типом «static» и в тексте записи указать:

[text-demo]

Этот код автоматически заменится на текст с уже размеченными блоками и оформлением текста.

Визуальное оформление текста

Для выделений в тексте используйте (в скобках BB-код):

  • полужирный (b)
  • курсив (i)
  • подчеркивание (u)
  • зачеркивание (s)
  • цвет (color)
  • размер (size)
Стандартный невизуальный редактор MaxSite CMS содержит меню, которое позволяет не писать bb-код вручную. Достаточно выделить нужный участок текста и выбрать пункт меню.

При оформлении текста следует помнить, что web-текст — это не только визуальное оформление, но и семантика, которую должны понять поисковики. Выделение цветом для поисковика практически не имеет никакого смысла. Но выделение полужирным укажет, что фраза имеет какой-то важный смысл. Именно поэтому полужирное выделение очень часто используется для указания смысловых (поисковых) фраз в тексте.

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

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

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

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

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

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

Гарнитура/шрифт

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

Вместе с тем, MaxSite CMS позволяет это сделать как для всего сайта (выбрав css-профиль или в настройках шаблона в CSS), либо для конкретной записи тем же css-профилем. Кроме того можно указать шрифт для произвольного фрагмента текста записи.

Выбор доступных шрифтов будет зависеть от используемого шаблона.

Используйте списки

Если в тексте встречается какое-то перечисление, то используйте списки.

Используйте цитаты

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

Впрочем, цитирование следует использовать в меру. От большого количества цитат текст только ухудшается. — © Я сказал

Используйте изображения

Если текст записи можно снабдить изображениями, не упускайте эту возможность. После загрузки изображений вы можете получить полностью готовый img или image bb-код, сразу готовый для вставки в текст записи.

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

Пишите грамотно

Как минимум включите проверку орфографии при написании текстов. Если возникли сомнения в написании слова, воспользуйтесь словарем или гуглом.

После написания текста не поленитесь его несколько раз прочитать. Для улучшения стилистики попробуйте прочитать его вслух.