Тексты и фото для сайта: как подготовить контент

Контент — тексты, фотографии, логотип, цены, документы — частая причина, по которой откладывается запуск сайта: дизайн и код ждут материалов, которые может дать только заказчик. Чтобы этого не случилось, структуру и черновики текстов готовят до дизайна, а фотографии — пока идёт работа над макетами. Ниже — как писать тексты для сайта, где брать фото, как не нарушить права на изображения и в каком виде всё передать.

Почему контент тормозит запуск сайта

Дизайнер и разработчик могут сделать почти всё сами — кроме одного: рассказать о вашем бизнесе. Цены, условия, сроки, гарантии, фотографии работ и команды есть только у вас. Тексты кажутся делом на пару часов, а на деле упираются в вопросы, которые бизнес давно не проговаривал: чем мы отличаемся, кому подходим, а кому нет, что входит в цену.

Обычно контент задерживается по одной из причин:

• его готовят в свободное время, между основной работой;
• тексты согласуют несколько человек, и каждый правит по-своему;
• для фото нужна съёмка, а её надо организовать: фотограф, место, товар, люди;
• тексты пишут после дизайна — и выясняется, что они не помещаются в макет или говорят о другом.

Последнее обходится дороже всего: макет, нарисованный под текст-заглушку, приходится переделывать под настоящий.

Что нужно подготовить до дизайна

Дизайн строится вокруг содержания, поэтому до макетов нужны:

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

У нас структура и тексты — отдельный этап перед дизайном, он занимает 3–5 дней. Поменять формулировку или порядок блоков в прототипе проще, чем перерисовывать готовый макет. Где этот этап стоит в общем плане и сколько длятся остальные, — в статье этапы разработки сайта.

Фотографии могут догонять: пока рисуется дизайн, есть время на съёмку. Но список снимков и их стиль лучше определить заранее — от них зависит, как будет выглядеть сайт.

Как писать тексты для сайта

Текст на сайте не читают, а просматривают: взгляд цепляется за заголовки, цифры и списки и ищет ответ на свой вопрос. Несколько правил:

1. Один блок — одна мысль. Заголовок говорит главное, текст под ним — подробности.
2. Факты вместо прилагательных. «Быстрая доставка» ничего не обещает, «Привозим на следующий день после заказа» — обещает. Нет факта — лучше промолчать, чем написать общее слово.
3. Словами клиента. Посмотрите, как клиенты описывают задачу в сообщениях и отзывах, и пишите так же. Человек ищет «починить кран», а не «устранение неисправностей сантехнического оборудования».
4. Ответы на сомнения. Сколько стоит, сколько ждать, что будет, если не понравится, — клиент всё равно об этом спросит. Лучше ответить на сайте, чем потерять человека, пока он раздумывает.
5. Короткие абзацы и списки. На телефоне длинный абзац превращается в сплошную стену текста.
6. Глаголы вместо канцелярита. «Осуществляем доставку» — «привозим», «производим монтаж» — «устанавливаем». Так короче и живее.

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

И главное: всё, что обещает сайт, должно быть правдой. Сроки, гарантии и цены клиент сверит с реальностью при первом же заказе.

Фото для сайта: своя съёмка или стоки

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

Где что уместно:

• своя съёмка — товары, работы, интерьер, команда, процесс: всё, что подтверждает, что вы существуете и делаете то, о чём пишете;
• стоки — фоновые и иллюстративные изображения, текстуры, абстрактные сюжеты — там, где не нужно доказывать реальность;
• визуализации — то, чего ещё нет: будущий интерьер, изделие на заказ, объект в стройке, — с пометкой, что это визуализация.

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

Права на изображения: что можно ставить на сайт

Картинку из поиска нельзя просто скачать и поставить на сайт: у каждой фотографии есть автор или правообладатель, и использовать её можно только с его разрешения. Безопасные варианты:

• свои снимки. Если снимал нанятый фотограф, пропишите в договоре, где вы можете использовать фотографии: на сайте, в рекламе, в соцсетях;
• стоки по лицензии. Читайте условия: некоторые снимки разрешены только для редакционного использования — в новостях и статьях, но не в рекламе и не для продвижения товаров и услуг;
• бесплатные фотобанки. У них тоже есть лицензия — проверьте, что она разрешает коммерческое использование;
• изображения из нейросетей. Что с ними можно делать, определяют условия сервиса — прочитайте их до публикации. И не выдавайте сгенерированную картинку за фото своего товара или работы.

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

В каком виде передавать контент

Что	В каком виде	Почему так
Тексты	Документ с заголовками и разбивкой по блокам — Google Документы или Word	Удобно комментировать и переносить на сайт без перепечатки
Фотографии	Оригиналы файлами или ссылкой на облако	Мессенджеры сжимают снимки, отправленные как фото, а не как файл
Логотип	Вектор: SVG, PDF, AI или EPS	Остаётся чётким на любом экране, а картинка из соцсетей размывается
Видео	Исходный файл в максимальном качестве	Сжать под сайт можно всегда, вернуть качество — нет
Цены и характеристики	Таблица	Проще перенести и обновлять
Документы	PDF или чёткий скан	Сертификаты и лицензии должны читаться

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

Чек-лист контента для сайта

Перед началом дизайна проверьте, что у вас есть:

• структура: список страниц и блоков;
• заголовок и короткий текст для каждого блока;
• описание услуг или товаров с ценами — хотя бы «от»;
• условия: оплата, доставка, сроки, гарантии;
• ответы на вопросы, с которыми клиенты чаще всего звонят и пишут;
• контакты: телефон, мессенджер, почта, адрес и часы работы, если есть точка, — и ссылки на Яндекс Карты и 2ГИС;
• логотип в векторе, фирменные цвета и шрифты;
• фотографии товаров, работ, помещения и команды — с правами на использование;
• отзывы — с согласием авторов;
• сертификаты и лицензии, если они нужны для вашей деятельности;
• данные для политики обработки персональных данных: кто оператор и как с ним связаться. По 152-ФЗ политика и согласие посетителя нужны любой форме, где оставляют имя или телефон.

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