Как оформлять статьи
Как оформить текст, чтобы его взяли на вёрстку
База:
- Базовый шрифт: arial, 12
- Подзаголовки: arial, 14
- Заголовок: arial, 16
- Мы пишем букву ё.
- Обращение на "Вы" мы не используем. Пишем с маленькой буквы – "вы".
- Пишем кавычки-ёлочки «» вместо " ". Это не касается правил, когда надо писать " ".
- Пишем тире вместо дефиса: — это тире. - это дефис (покороче). Есть еще короткое тире, его используют в числовых диапазонах. Посмотрите правила, когда какой знак использовать.
Подчеркивания можно использовать для чего-то важного, но не злоупотребляйте.
Когда идёт перечисление пунктов, выделяйте первое предложение жирным и отделяйте от остального текста. Ниже 4 примера. В первом и втором сделано правильное форматирование и, а в третьем и четвертом – нет.
Нужно еще оставлять пробелы после каждого пункта.
Если в тексте встречается резкий переход от одной мысли к другой, структурируем текста подзаголовками. Лучше больше, чем меньше. В примере ниже сначала шло перечисление пунтами, как найти время на себя. И дальше сразу пример разбора кейса от психолога. В этом случае стоит добавить подзаголовок.
! Помните, что на этапе верстки мы глобально не изменяем форматирование текста, поэтому важно выделять жирным, то что должно быть выделено жирным.
«Одно предложение - одна новая мысль. Лишние мысли - удалить. Важные мысли - обобщить. Сложное - объяснить по цепочке», — сказал Максим Ильяхов, автор «Пиши, сокращай».
Как подобрать изображения к статье
Задача изображений в статье – иллюстрировать текст.
Пример: статья про сравнение Ozon и WB. В статье сравниваем доставку/ ассортимент/интерфейсы сайтов. Как проиллюстрировать разницу интерфейсов? Добавить скриншоты, иллюстрирующие, о чем речь.
Нельзя бездумно подбирать фото со стоков – все должно нести пользу читателю.
Кстати, стоки. Где брать фото?
1. Сначала смотрим фотографии в нашем фотобанке. Если нет, то
2. На unsplash или freepik или ещё где-то на бесплатных стоках. Если нет, то
Ну это не обязательно, но если есть творческое вдохновение, то можно.
Можно привлечь знакомых фотографов и попросить использовать фото в статье. И им полезно. Укажете в подписи, кто автор снимка. Например, фотограф: kirillina_olga. Указываем имя и фамилию фотографа и ссылки на разрешённые в России соц.сети.
Если пишем про мероприятие или какую-то организацию, выставку — берём фото с оф. сайта или из из группы ВК, Инстаграма*. телеграма, где угодно, и даем ссылку на источник. Подпись: Фото с официального сайта Правительства Москвы.
*На инст ссылку давать не надо, просто пишем «фото из запрещенной в РФ соц. сети такого-то человека.
Еще есть вариант брать фото из Pinterest, в этом случае достаточно вставлять ссылку на пин. Вот так:
ФОТО: https://ru.pinterest.com/pin/1266706139963945/
Но это работает только в качестве иллюстриующего дополнения к тексту, например, где украшений на Хеллоуин или поделок, где вы хотите показать, о чем речь. Это не подходит в качестве обложки или украшения статьи.
Если нет подходящей фотографии – не используем никакое фото.
Старайтесь не брать «слишком стоковые фотографии». Выбираем естественные и натуральные кадры. Коммерческая искусственная «идеальность» давно надоела. Это поняли и модные дома, и фэшн бренды, и фотографы. Больше не нужно идеально отретушированные лица с построенными выверенными кадрами.
Морщины, естественные изгибы тела, веснушки, неидеальные ресницы, настоящий смех. В моде атипичная красота в фотографии.
Подписи к изображениям
Подписи нужны и важны для SEO. Покажем 2 алгоритма действий работы с изображениями.
Пример 1: Вы собираете подборку подарков мальчику 7 лет.
Вам нужно добавить фотографию этого товара.
1. Заходим на страницу товара.
3. Правой кнопкой кликаем "Сохранить как". Нам подходят форматы jpeg, png, webp. Если формат изображения отличается от этих форматов, конвертируем в этом сервисе или любом другом.
4. Подпись к фото будет такая: Конструктор LEGO Architecture Лондон, Ozon.
5. В теле статьи изображение оформляем так:
В подборках у каждого пункта должно быть изображение, а если это подборка с одеждой, например, то лучше использовать несколько фото (верстальщик вставит галерею-карусельку).
Допустим статья про то, Как помочь ребёнку справиться со стрессом. Советы для родителей от экспертов.
Иллюстраций нужно немного: фото на обложку (как выбрать фото для обложки будет ниже), фото «для красоты». Это такие фото, которые подходят по смыслу статьи, но не иллюстрируют что-то конкретное. Они нужны, чтобы разнообразить чтение для людей с клиповым мышлением. На статью обычно требуется не более 2-4 таких изображений. Подписи к таким изображениям не требуются.
В тексте указываем место, где эти фото должны быть расположены. Пишем ФОТО: [текст подписи], которое совпадает с названием файла изображения.
Как и куда вставить ссылки
Зашиваем их в текст. В какой текст?
а) в глаголы, например, он сказал, они написали.
б) в название товара (например, в подборках). Зашиваем ссылку в название товара или магазина, как в примере с Ozon выше.
в) в подзаголовки-названия (подборки мероприятий).
Ссылку зашиваем в подзаголовок-название мероприятия/музей/выставки и пр.
Далее — фото, далее текст-описание, потом немного заботы о читателе: даём время работы, адрес. Давать ссылку на покупку билетов не обязательно (мы уже дали ссылку на сайт организатора).
Ещё бывает, что мы упоминаем что-то в тексте, например, сайт, и нужна ссылка на него. Тогда ссылку зашиваем в название:
Если есть вопросы по оформлению текста или изображений, ссылок, пишите лс @victoria_demeshina