Как оформить публикацию
Самое важное, что есть на сайте — это публикации. Практика показывает, что можно разместить почти любой формат: небольшой анонс и лонгрид-обзор, интервью, фотоотчёт, трансляцию события, урок и многое-многое другое. Довольно часто успех публикации зависит и от её оформления. Приятно оформленный материал читать одно удовольствие. Ознакомьтесь, пожалуйста, с полезными советами по оформлению материала.
Инструменты
Несмотря на то, что у нас на сайте есть функция автосохранения (работает через localStorage), писать материалы лучше где-то в другом месте, а после всех правок переносить на сайт. Один из самых удобных, в том числе для коллективной работы — это всем известный GoogleDocs. Хотя, в целом подойдёт любой текстовый редактор.
Эти варианты предпочтительнее как минимум по трём причинам.
Они не зависят от LocalStorage и текст случайно никуда не пропадёт, также он доступен с любого устройства.
Над текстом можно работать длительное время, доводя его до совершенства.
Наличие опций по оформлению текста позволяют видеть публикацию такой, какая она будет.
Текст
Все публикации на Хабре создаются в удобном текстовом редакторе WYSIWYG. Эта аббревиатура расшифровывается как What You See Is What You Get — Что видишь то и получишь. То есть вы редактируете публикацию сразу в том виде, в каком её увидят ваши читатели. Потребность в использовании тегов отпала — форматировать текст можно на лету. Подробно об использовании редактора.
Несмотря на то что редактор помогает красиво и правильно верстать текст, необходимо обратить внимание на ряд важных моментов, которые сделают процесс чтения текста приятнее.
Абзацы
Не стоит вставлять тексты одной сплошной простынёй. Случайный скролл колесом (или неаккуратное касание до планшета) и всё, вы уже потеряли место, где читали. Разбивайте текст на небольшие абзацы, по несколько предложений в каждом.
Абзацы текста можно разделять картинками. Это особенно хорошо, если они при этом ещё и уместны.Заголовки
На сайте доступны три уровня заголовков: самый крупный (аналогичен тегу HTML H1), поменьше (H2) и средний (H3). Используйте их для структурирования текста: самым крупным выделяйте основные разделы, заголовками поменьше — подразделы и т. д. По заголовкам должно быть понятно, что предстоит прочесть — раздел публикации или часть раздела. Не делайте заголовки ради заголовков.Ссылки
Не вставляйте длинные ссылки прямо в текст публикации. Привязывайте их к какому-нибудь слову.
Вставляйте ссылки на используемые в публикации материалы (публикации на Хабре, статьи в Википедии и т. д.)
Изображения
Все большие изображения автоматически масштабируются средствами CSS, чтобы не разъезжалась вёрстка сайта. То есть вы можете вставить FullHD-скриншот, но на нём, скорее всего, ничего не будет видно — не поленитесь в подписи к изображению добавить ссылку на полную версию изображения.
Подбор правильного изображения
От выбора КДПВ (картинки для привлечения внимания) часто зависит дальнейшая судьба публикации, настрой в её комментариях. Нет ничего скучнее логотипа бренда или клипартного изображения; используйте что-то более яркое и сочное, что будет привлекать внимание. Юмор и мемы приветствуются, но всё должно быть в меру. Если от какого-то мема все устали и вы сами понимаете, что он не очень-то уместен, тогда лучше ищите другую картинку.
При создании цикла публикаций есть смысл использовать одну и ту же картинку до ката. Тогда те, кому понравилась предыдущая публикация из цикла с большой вероятностью зайдут и в новую часть.Не вставляйте «тяжёлые» JPEG-скриншоты и PNG-фотографии, без внимания в комментариях это не оставят. Равно как и картинки ужасного качества использовать не следует.
Не используйте GIF в качестве картинки для привлечения внимания: во-первых, это утяжеляет ленту, во-вторых, часть аудитории может негативно реагировать на мельтешение картинки.
Обтекание изображения текстом
Если вы используете в публикации небольшую картинку (менее 300-400 пикселей по ширине), то по бокам изображения будут пустые области. Используйте инструменты редактора для выравнивания по левому краю.
Прочие советы
Обращайте внимание на то, как оформляют публикации другие пользователи. Почти каждый день для этого публикуется множество примеров.
Обращайте внимание на отступы. У разных объектов они разные: у заголовков один отступ, у картинки или тега с кодом другой. Некрасиво, когда в публикации есть лишние переносы строк, а картинки «прилипают» к тексту.
Пользуйтесь орфографом/типографом. Дефисы, кавычки, многоточия и т.д. — это на ваше усмотрение. Но вот ошибки мало кому понравятся. Исправляйте хотя бы то, что подчёркивает браузер. А ещё лучше воспользуйтесь сервисами проверки орфографии Text.ru и Орфограммка.
И самое главное — пользуйтесь предпросмотром. Неоднократно на сайте размещали недописанные публикации, с системными пометками или без картинок.
Markdown
При написании публикаций и комментариев на сайте можно использовать Markdown.
Если вы не знакомы с Markdown, стоит взглянуть на основы Markdown-разметки.