Типографика

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

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

Каждая страница в Интернете написана на 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-код, сразу готовый для вставки в текст записи.

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

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

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

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

Learn more about buy Instagram likes check popular website Friendlylikes