Как мы сделали нормальную типографику на сайте и чуть не потеряли несколько страниц

Запись опубликована в рубрике Агентство в фокусе, Инструменты, Советы. Добавьте в закладки постоянную ссылку.
Наши специалисты
всегда готовы ответить
на ваши вопросы

Замечали, что на одних сайтах текст читается легче, чем на других? Причем на первом могут быть сплошные абзацы без иллюстраций, а на втором — одни картинки, изредка перемежающиеся короткими фразами. И все равно первый длинный текст прочитать проще, чем небольшие абзацы второго. За то, насколько удобно читать текстовый контент, отвечает типографика. Еще на восприятие влияет верстка, но сегодня не о ней.

Недавно мы решили автоматизировать оформление контента с помощью типографа. Рассказываем, как это было и с какими трудностями столкнулись. Но сначала — коротко о том, что такое типограф и как он работает.

Что такое типограф

Подробнее об экранной типографике в «Ководстве» Лебедева

Типограф — это инструмент, который приводит текст на сайте в соответствие с правилами экранной типографики:

  • меняет неправильные кавычки на «елочки» и «лапки»;
  • проставляет неразрывные пробелы;
  • ставит тире вместо дефиса;
  • убирает лишние пробелы;
  • меняет ( с ) на © и т. д.
Некоторые типографы частично исправляют опечатки, орфографические и грамматические ошибки, но это не основная их функция и скорее исключение, чем правило.

До и после типографа

Без типографа все это делает человек — редактор, корректор или контент-менеджер — перед публикацией текста на сайте. Мы решили сэкономить время специалистов и одновременно исключить человеческий фактор. Вместо монотонной расстановки неразрывных пробелов редактор лучше проработает содержание текста или придумает новый интересный материал. К тому же, даже крутой профи может устать и что-то упустить. Хороший типограф сбоев не дает.

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

Какие бывают типографы

Типографы бывают двух видов: онлайн-сервисы и сторонние встраиваемые на сайт редакторы.

Онлайн-сервисы — страницы с предельно простым интерфейсом — полем ввода и одной кнопкой. Вставляем текст в поле, кликаем кнопку и на выходе получаем тот же текст, но с правильной типографикой. Все хорошо, кроме того, что каждый материал перед версткой должен пропускать через такой типограф человек.

Встраиваемые редакторы — фрагменты кода или готовые модули для CMS. Воспользоваться ими немного сложнее, чем онлайн-сервисами — чтобы подключить типограф к сайту, потребуются навыки программирования или помощь кодеров. Зато сделать это нужно будет только один раз. Потом просто проверить, что все работает, и уже не думать о «елочках» и «лапках».

Выбирая типограф, рассматривали такие варианты:

Онлайн-сервисы

Типограф.ру
Synonyma

Встраиваемые модули

Типограф Муравьева

Плагин для WordPress

Типограф Артемия Лебедева можно использовать онлайн или подключить к сайту.

Интерфейс типографа Артемия Лебедева

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

Как мы устанавливали типограф и с чем столкнулись

Наш разработчик установил типограф в административную панель сайта:

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

Чтобы проверить, сверстали в блоге новую статью. Типограф сработал, как надо — поставил нужные кавычки, правильно расставил неразрывные пробелы.

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

Так выглядела страница услуги SEO-продвижения с индивидуальной стратегией

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

Как решили проблему

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

У кого-то уже была такая проблема, и ее решили

Оказалось, проблема в том, что контент на нескольких страницах весит больше 32 Кб. Типограф не может справиться с таким объемом и «убивает» все, что есть на странице.

Разобравшись, в чем дело, верстальщик решил проблему. Теперь тяжелые страницы делятся пополам, чтобы типограф обработал части по отдельности, а затем склеиваются обратно. Если половина текста весит больше 32 Кб, страница делится на 4 части, и так до тех пор, пока не получатся части нужного объема. Так типограф может обработать любые тексты и страницы.

Вот и все) Надеемся, наша заметка поможет кому-то выбрать типограф или решить проблему с тяжелыми страницами.

  • Развитие и поддержка сайтов

  • Наши специалисты
    всегда готовы ответить
    на ваши вопросы


    Спасибо, что читаете наш блог

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

    Что скажете?

    avatar
      Подписаться  
    Уведомление о