11. F.A.Q.



Задайте ваш вопрос прямо сейчас:




Проверить аттестат


Система Orphus




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



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

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

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

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

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

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

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

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

Кто поможет?

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

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

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

Поэтому разделяем реальные абзацы в Ворде пустыми строками. Проверяем. Между всеми абзацами, заголовками, подзаголовками, маркированными или нумерованными списками — должны находиться пустые строки.

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

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

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

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

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

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

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

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

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

Heading from 1 to 6

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

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

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

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

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

 

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


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

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

 



 
Логотип BTL агентства «FRESH»


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


2001 2002 2003 2004 2004 2005 2006 2007 2009 2014 SEO Днепропетровск Киев адаптивный дизайн дизайн сайта знак казино копирайтинг корпоративный стиль логотип представительская продукция продвижение сайтов раскрутка сайта сайт создание сайта создание слоганов визитка дизайн зажигалка логотип меню нейминг оптимизация поисковая оптимизация предметное фото продающие тексты рассылка регистрация знаков для товаров и услуг ручка упаковка фирменного сахара 2007 2008 2009 2010 2011 2012 2013


 
Выскажите, пожалуйста, своё мнение!
Спасибо Disqus-у


© Slav Krivonos, 1997-2013. Бюро Идей «Propeller» — Контакты.
E-mail: info@propeller.name
Контексная реклама — с 2007 г, поисковая оптимизация и комплексное продвижение сайтов — с 2004 г, графический дизайн — с 2001 г, ретушь и фотомонтаж — с 1997-го года.
 






Яндекс.Метрика