Информация
Как оформлять публикации
О том, как красиво и грамотно оформить публикацию.
Структура публикации
Обычно публикация состоит из четырёх частей: заголовок, вступление, основная часть и заключение.
Поскольку публикация отображается в ленте читателя не полностью, начало (заголовок, КДПВ и текст до ката) нужно хорошо продумать. Наши опросы говорят, что на просмотр публикации больше всего влияют заголовок (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> нужен отступ, после него — нет.
После публикации материала не забудьте проверить, как он выглядит на мобильном устройстве (особенно таблицы).