Как стать автором
Обновить

Как оформлять публикации

О том, как красиво и грамотно оформить публикацию.

Структура публикации

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

Поскольку публикация отображается в ленте читателя не полностью, начало (заголовок, КДПВ и текст до ката) нужно хорошо продумать. Наши опросы говорят, что на просмотр публикации больше всего влияют заголовок (88%), текст до ката (75%) и картинка для привлечения внимания (28%).

Анатомия публикации
Анатомия публикации

Заголовок

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

  • Прямо или перефразированно использовать распространённое выражение или мем в сочетании с названием продукта или технологии («CRM: дегустация бесплатного сыра», «У семи нянек дитя без GoPro» и т.д..). При этом весь заголовок должен передавать основную идею публикации.

  • Использовать двойной заголовок («По дороге с облаками: реальность дата-центров и роль SPLA в ней»). При этом первая или вторая часть может быть названием фильма, известной фразой и т. д..

  • Придумать обычный заголовок («Паттерн гетерогенная иерархия моделей QML»). В этом случае всем максимально понятно, о чём пойдёт речь, но желание заглянуть под кат возникнет по большей части у аудитории, которой известна и интересна тема.

Картинка

Непосредственно под заголовком находится КДПВ (картинка для привлечения внимания). Она выделяет вашу публикацию в ленте, не даёт ему затеряться при скролле, транслируется в социальных сетях и иногда служит прекрасной приманкой для прочтения всего материала.

Откуда брать картинки?

  • Из Яндекс.Картинок и Google.Картинок. Постарайтесь абстрактно поразмыслить над темой публикации и провести аналогию с окружающим миром (антивирус — иммунитет, программа мониторинга сети — кошки-мышки, бизнес-процесс — самогоноварение). Исходя из этого можно подобрать картинку, соответствующую теме и/или заголовку;

  • Из мемов (если позволяет политика компании) — можно создать свою КДПВ на основе известных картинок с мемами. Однако лучше не злоупотреблять — этот приём используют многие, но не все грамотно. Во-первых, следует разбираться в мемах и их применимости, актуальности и уместности, во-вторых, понимать, что некоторые мемы могут разозлить аудиторию и возыметь обратный ожидаемому эффект;

  • Взять из комиксов и скетчей по теме. Как правило, можно найти по запросу в Google.Картинках на английском языке «тема + comics/joke/humor/sketch/art/gallery», например, C++ joke. Если текст шутки не совсем понятен на английском, можно дать перевод, но лучше выбирать понятный вариант. Иногда неплохие рисованные картинки можно найти поиском в Pinterest;

  • Использовать картинку или схему, предоставленную компанией-заказчиком;

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

  • Картинка из фотостока — допустимый, но нежелательный вариант. Используйте её только, если это единственная возможность найти нужную КДПВ.

Какой картинка не должна быть?

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

  • Слишком крупной, занимающей много места на странице и подавляющей вступление;

  • Никак не относящейся и даже не ассоциирующейся с темой;

  • Необработанным скриншотом;

  • Изображением с подписями фотостока, автора, иными пометками (сеткой, кривыми);

  • Грубой, провокационной, связанной с насилием, преступлением, религией и прочее.

Вступление

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

Основная часть

Основная часть — призвана раскрывать суть проблемы в одном или нескольких блоках, разделённых подзаголовками. Структурированный материал воспринимается проще, поэтому нужно позаботиться об организации текста, разбиении на разделы и абзацы. Если публикация большая и при этом хорошо структурирована, можно сделать оглавление в её начале. В основной части можно использовать схемы и картинки, графики, списки, нумерованные списки. Все эти элементы обеспечивают переключение внимания и сохранение интереса на протяжении всего текста. То, что будет написано в основной части, сильно зависит от темы и ТЗ заказчика, но иногда здорово помогает:

  • Обратиться к истории вопроса (но не увлекаться ею);

  • Рассказать про курьёзный или важный случай, связанный с темой;

  • Рассказать о двух сторонах одного вопроса (например, критика популярных облачных технологий Ричардом Столлманом);

  • Привести отраслевую статистику;

  • Провести аналогию с событиями из мира, далёкого от IT (например, рассказать, как недооценивали потенциал телеграфа в связи с рассказом о перспективах электромобилей).

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

Заключение

Штирлиц знал, что лучше всего запоминается последняя фраза. Поэтому заключение должно нести в себе немного выводов, немного рекламы (если выбран этот путь) и заканчиваться ярким, но не лозунговым предложением. Главное, публикация не должна быть оборванной или казаться незаконченной.

P.S. (постскриптум)

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

UPD (апдейт, дополнение) 

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

Опрос

В интерфейсе хабраредактора есть возможность создать опросы с одиночным или множественным выбором ответов. Голосование будет видно всем читающим материал.

Несколько простых советов по оформлению

Здесь всё максимально просто и не отличается от правил тысяч редакций по всему миру.

  • Проверяйте орфографию и пунктуацию. Если вам нужно уточнить написание слова или правило постановки запятых перед союзом «и», обратитесь к порталу www.gramota.ru — там есть ответы на все вопросы. Можно прогнать текст через Text.ru и Орфограф;

  • Уточняйте точное написание незнакомого термина и его значение;

  • Если вы работаете в Google Docs, то можно установить дополнения «Свежий взгляд» и «Главред» — они помогут избавиться от штампов, сорных слов и тавтологии;

  • Расшифровывайте аббревиатуры при их первом вхождении в текст — для этого есть отдельный тег ABBR. Если есть русскоязычный аналог, лучше его упомянуть (SIP — Session Initiation Protocol, протокол установления сеанса). Общеизвестные аббревиатуры (IP, HDD, GSM, 4G, ШПД, SIM) расшифровывать необязательно;

  • Используйте длинное тире и короткий дефис, кавычки «ёлочками», очень желательно найти на клавиатуре и использовать букву ё. Типограф вам в помощь;

  • Избегайте слишком коротких и бесконечно длинных предложений. Используйте предложения разной длины для распределения внимания читателей;

  • Не злоупотребляйте сорными словами (между тем, кстати, однако, в общем, короче, по большому счёту), но и не избегайте их принудительно, если они нужны для связки текста и их применение оправданно;

  • Избегайте канцелярского стиля и бюрократизмов (данный инструмент, исходя из вышесказанного, согласно установленным рекомендациям) — это не сделает текст солиднее, это сделает его нечитабельным.

Как ускорить вёрстку

Редко когда крутую публикацию получается написать на одном дыхании — обычно для этого используются сторонние сервисы, самым удобным из которых является Google Docs. Кроме совместной работы с коллегами, он даёт ещё одно секретное преимущество — можно сократить время вёрстки публикации до нескольких минут. Достаточно скопировать текст вместе с картинками и пропустить его через хабраконвертер. Он преобразует текст из документа в не идеальную, но уже адаптированную хабравёрстку.

Что нужно помнить, чтобы работа с конвертером была успешной?

  • Основные подзаголовки ещё в тексте делать стилем Заголовок 2, второстепенные — Заголовок 3. После конвертации они превратятся в теги <h2> и <h3>.

  • Не ужимайте и не обрезайте картинки инструментами Google Docs — в итоговую вёрстку попадут именно оригиналы. Обрезайте и уменьшайте исходные изображения, которые вы вставляете в документ.

  • Иногда хабраконвертер некорректно обрабатывает некоторые теги, поэтому не забывайте проверять вёрстку перед публикацией.

Секреты вёрстки, которые делают ваш материал красивым

  • «Хабр» не воспринимает CSS-стили. Не стоит даже пытаться.

  • Если в вашей публикации есть большая таблица, её можно попытаться сверстать, но гораздо быстрее и красивее будет вставить таблицу картинкой.

  • Вы можете раскрасить подзаголовки <h2> и <h3> в фирменные (любые нужные вам) цвета — для этого подзаголовок нужно поставить в тег <font color="#000000">Подзаголовок</font>, заменив #000000 на hex-код нужного цвета. Но не злоупотребляйте цветами!

  • Списки часто выглядят неопрятно. Чтобы читателям было приятно, всегда отделяйте начало списка <ul> или <ol> отступом, после закрывающего тега списка </ul> или </ol> отступ убирайте. Если пункты большие и занимают не одну строчку, перед закрывающим тегом </li> каждого элемента ставьте <br /><br />, это визуально разрядит пункты.

  • Если у компании компактный логотип, можно маркировать список из крупных абзацев не стандартным инструментом, а просто вставляя лого компании в размере 16×16 в начале абзаца.

  • Если вам нужно отсечь какую-то часть текста линией, то применяйте тег <hr /> в тех местах, которые нужно отделить. До тега <hr> нужен отступ, после него — нет.

  • После публикации материала не забудьте проверить, как он выглядит на мобильном устройстве (особенно таблицы).