Статьи. Как и зачем типографировать тексты перед публикацией на сайте

Зачем всё это?

«Коммуницирует всё»©. И тексты вашего сайта — тоже. Ошибки плохо скажутся на продажах, потому как часть посетителей обладает настолько чувствительным восприятием, чтобы сложить плохое впечатление о компании из-за нескольких ошибок в текстах. А как конкуренты будут рады…

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

Поэтому грамотно опубликованные (оттипографированные) тексты — это способ зарабатывать больше.

Позвольте, пожалуйста, рассказать вам, что значит применительно к размещению текста на сайте слово «безукоризненно».

Откройте, пожалуйста, любую [бумажную] книгу. Вы увидите профессионально подготовленный к печати текст.

• Там нет дефисов вместо знаков «минус» или тире. Это разные знаки: —, –, -.
• Строки не будут заканчиваться союзами — эти короткие словечки непременно будут перенесены на новую строку.
• Знака дюйма вместо кавычек вы тоже не увидите. Это тоже разные знаки: дюйм — " и кавычки — «».
• Инициалы никогда не оторвутся от фамилии на новую строку. И так далее…

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

Кто поможет?

Мы рекомендуем сервис typograf.ru, так как он лучше лебедевского аналога выполняет свою работу. При всём уважении.

Что надо сделать?

В Word или иной программе, где находится текст, добавьте, пожалуйста, по одной пустой строке между всеми абзацами. Или typograf.ru просто поставит знак разрыва строки между нашими абзацами. Нам же нужны полноценные абзацы — они начинаются с открывающего тега абзаца (<p>), заканчиваются — закрывающим (</p>).

Выделяем всё. Копируем в буфер обмена.

Ворд с исходным документом не закрываем — он ещё пригодится.

Открываем typograf.ru.

Вставляем в окно текст. Ниже справа жмём кнопку «Типографировать». Видим в окне наш текст с кучей «лишних» символов. Это html-код нашего текста с разметкой всех мест для обеспечения грамотности публикации.

Копируем его весь из этого окна.

На сайте в том окне, где обычно публикуем текст, переходим в режим правки кода — жмём кнопку . Обычно она в левом верхнем углу редактора.

Вставляем полученный код и выходим из режима редактирования кода — для этого ещё раз жмём кнопку «Source». Видим свой текст уже без странных знаков.

Осталось разметить заголовки и подзаголовки, вернуть выделения жирным шрифтом (если таковые были) — и наш текст будет опубликован грамотно.

Заголовки бывают нескольких видов («уровней» на профжаргоне). Чаще всего их 6. Самый важный — первого уровня.

Чаще всего нам хватит заголовков только первого и второго уровней. Иногда может пригодиться ещё и третий.

Название материала разметим как заголовок первого уровня. Для этого выделяем текст и в выпадающем меню выберем «Heading 1».

Если есть подзаголовки и они равнозначны по смыслу — сделаем их заголовками второго уровня («Heading 2»). В Ворде подсмотрим, что было выделено жирным и курсивным шрифтом и, выделив соответствующие слова или фразы, назначим им жирное или курсивное начертание (точно так же, как в Ворде, просто выделив и нажав на соответствующие кнопки — ).

Всё;) Сохраняем текст и чувствуем удовлетворение от того, что наш текст опубликован по всем стандартам.

Поздравляю! Мы сделали мир чуть лучше, грамотно опубликовав свой текст;)

Спасибо и респект всем, кто дочитал до конца! ;) Такие люди, как вы, делают мир лучше.

С уважением, Слав Кривонос.

P.S.: Если вы нашли что-то полезное для себя, пожалуйста, лайкните эту страницу, чтобы ваши друзья тоже могли сделать свои тексты лучше!
Заранее спасибо.

Статьи:

Облако тегов: