Як підготувати контент для сайту: що потрібно зібрати до початку розробки
Коротко
- → Найчастіша причина затримки запуску — не код і не дизайн, а контент. Готуйте тексти і фото паралельно з ТЗ, до початку верстки
- → Мінімум для старту: заголовок + підзаголовок головної, опис кожної послуги (150-300 слів), 5-10 фото бізнесу, контактна інформація, логотип у SVG або PNG
- → Контент визначає дизайн: довжина тексту впливає на висоту блоків, кількість послуг — на сітку карток, наявність відео — на структуру секцій
- → Типові помилки: Lorem Ipsum до останнього дня, фото з фотостоків замість реальних, тексти написані корпоративною мовою замість людської
Чому контент потрібен до розробки
Найчастіша причина затримки запуску сайту — не код і не дизайн, а контент. Розробник зробив структуру, зверстав сторінки, налаштував форми — а тексти і фото «ще не готові». Проєкт, розрахований на місяць, зависає на три.
Контент визначає дизайн, а не навпаки. Довжина тексту впливає на висоту блоків. Кількість послуг — на сітку карток. Наявність відео — на структуру секцій. Якщо розробник верстає «потім вставимо», результат виглядатиме як шаблон з Lorem Ipsum — і вам це не сподобається.
Ідеальний сценарій: ви готуєте контент паралельно з технічним завданням, і до початку верстки розробник вже має всі матеріали. Реалістичний — ви збираєте основне до старту, а деталі додаєте по ходу етапів розробки. Для корпоративного сайту обсяг контенту більший — плануйте мінімум 2 тижні на збір матеріалів.
Тексти: що писати і скільки
| Сторінка | Що підготувати | Обсяг |
|---|---|---|
| Головна | Заголовок, підзаголовок, перелік послуг, переваги | 150-300 слів |
| Про нас | Історія, команда, цифри (досвід, клієнти, проєкти) | 200-400 слів |
| Послуга (кожна) | Опис, що входить, для кого, ціна, FAQ | 150-300 слів |
| Портфоліо | 3-6 проєктів: завдання, рішення, результат, скріншоти | 50-100 слів/проєкт |
| Контакти | Телефони, email, адреса, графік, реквізити, карта | 50-100 слів |
Головна сторінка
Заголовок (5-10 слів): що ви робите і для кого. Не «Ласкаво просимо», а «Розробка сайтів для малого бізнесу в Україні». Підзаголовок: 1-2 речення про вашу перевагу. Короткий опис послуг або напрямків (3-6 пунктів). Чому обрати вас: досвід, кількість проєктів, гарантії.
Сторінка «Про нас»
Історія компанії — коротко. Команда: імена, посади, фото (якщо готові показати). Цінності або підхід до роботи. Цифри: років досвіду, кількість клієнтів, проєктів. Не пишіть «ми — динамічна компанія з індивідуальним підходом». Пишіть конкретику.
Послуги
Для кожної послуги: назва, опис (2-5 речень), що входить, для кого підходить, орієнтовна ціна (якщо публікуєте). Якщо послуг більше 10 — згрупуйте в категорії. Дуже добре працюють тексти, де кожна послуга вирішує конкретну проблему клієнта.
Відгуки
3-6 реальних відгуків: ім'я клієнта, компанія, текст відгуку. Ідеально — з фото або логотипом компанії. Якщо відгуків ще немає — попросіть поточних клієнтів написати кілька речень. Це впливає на конверсію більше ніж будь-який дизайн.
FAQ
5-10 питань, які вам найчастіше задають клієнти. Це економить час на комунікацію і допомагає SEO — Google любить сторінки з відповідями на конкретні запитання.
Потрібна консультація?
Безкоштовно розберу ваш проєкт і дам рекомендації
Фото і відео
Фото — це те, що відрізняє живий сайт від шаблону. Стокові фотографії з усміхненими людьми за столами вбивають довіру. Ваші реальні фото — підсилюють.
Що фотографувати
- Робочий процес — як ви працюєте, ваше приміщення, обладнання
- Результати — готові проєкти, «до і після», портфоліо
- Команда — реальні фото, не постановочні
- Продукт — товари на білому або нейтральному фоні
Вимоги до якості
Мінімальна роздільна здатність — 1920 пікселів по ширині. Формат — JPG або PNG, розробник сам оптимізує під WebP. Не потрібна професійна фотосесія — навіть фото з хорошого смартфона при природному світлі працюють відмінно. Головне — реальність і чіткість.
Відео
Якщо є — чудово. Короткий ролик про компанію (1-2 хвилини), відеовідгуки клієнтів, демонстрація процесу. Завантажте на YouTube і дайте розробнику посилання. Якщо відео немає — не проблема, сайт прекрасно працює без нього.
Структура і логіка сторінок
Не потрібно малювати макети — це робота розробника. Але вам варто визначити:
- Перелік сторінок — головна, про нас, послуги (одна чи кілька), портфоліо, контакти, блог
- Пріоритетні дії — що відвідувач повинен зробити? Зателефонувати? Заповнити форму? Додати в кошик?
- Навігація — які пункти в меню, в якому порядку
- Посилання на соцмережі — які соцмережі використовуєте, URL кожної
Якщо ви не знаєте яка структура краще — це нормально. Досвідчений розробник запропонує структуру на основі вашої ніші і конкурентів. Ваше завдання — дати йому матеріали і розказати про бізнес.
Контактна інформація і реквізити
Здається очевидним, але регулярно затримує проєкт. Зберіть заздалегідь:
- Телефон (основний і додатковий)
- Email для заявок
- Адреса (або кілька адрес)
- Графік роботи
- Месенджери: Viber, Telegram, WhatsApp — номери або посилання
- Соцмережі: Instagram, Facebook — прямі URL
- Реквізити: назва ФОП або ТОВ, ЄДРПОУ — якщо потрібні на сайті
- Google Maps: точна адреса для вбудованої карти
Логотип, кольори, фірмовий стиль
Якщо є брендбук — надішліть розробнику. Якщо немає — надайте хоча б:
- Логотип — у форматі SVG, PNG або AI. Обов'язково на прозорому фоні. Якщо логотипу немає — скажіть, розробник допоможе або порадить дизайнера
- Фірмові кольори — якщо знаєте. Якщо ні — покажіть 2-3 сайти з кольорами, які вам подобаються
- Референси — 3-5 сайтів (необов'язково з вашої ніші), які подобаються візуально. Поясніть що саме подобається: стиль, кольори, анімації, структура
Якщо нічого з цього немає — теж нормально. Розробник запропонує варіанти на основі вашої ніші і аудиторії.
Типові помилки
- «Тексти напишемо пізніше» — головна причина зриву термінів. Текст потрібен ДО верстки, а не після. Без тексту розробник не знає скільки місця виділити і як будувати блоки
- Стокові фото замість своїх — відвідувачі розпізнають стокові фото миттєво. Це знижує довіру. Навіть посередні свої фото працюють краще ніж ідеальні стокові
- Контент у PDF, Word або месенджері — шматки тексту в різних файлах, фото в чаті без підписів. Зберіть все в один Google-документ або папку на Google Drive з чіткою структурою
- Занадто багато або занадто мало — стіна тексту на 10 000 слів про компанію — ніхто не прочитає. Три речення «ми — компанія, ми — працюємо, нам — телефонуйте» — нічого не каже. Золота середина: 100-300 слів на секцію
- Забути про мобільну версію — текст який добре виглядає на десктопі може бути занадто довгим на телефоні. Пишіть коротко і структуровано — це працює на будь-якому пристрої
Чекліст: все в одному місці
Скопіюйте і відмічайте по мірі готовності:
- ☐ Тексти для кожної сторінки (головна, про нас, послуги, контакти)
- ☐ Відгуки клієнтів (мінімум 3)
- ☐ Відповіді на часті запитання (5-10)
- ☐ Фото: процес роботи, результати, команда, продукт
- ☐ Логотип у SVG або PNG на прозорому фоні
- ☐ Фірмові кольори або референси дизайну (3-5 сайтів)
- ☐ Телефони, email, адреса, графік роботи
- ☐ Посилання на соцмережі і месенджери
- ☐ Реквізити (ФОП/ТОВ, ЄДРПОУ — якщо потрібні)
- ☐ Відео (якщо є) — посилання на YouTube
- ☐ Доступ до домену і хостингу (якщо вже є)
- ☐ Доступ до Google Analytics та Search Console (якщо вже є)
Часті запитання
Найкращий результат — коли ви даєте фактуру (що робите, чим відрізняєтесь, які проблеми вирішуєте), а розробник або копірайтер оформляє це в структурований текст для сайту. Деякі розробники пропонують послугу написання текстів окремо.
Для сайту-візитки або лендінгу — 3-5 днів. Для корпоративного сайту з 5-10 сторінками — 1-2 тижні. Для інтернет-магазину з каталогом — 2-4 тижні залежно від кількості товарів. Починайте збирати контент одразу після узгодження ТЗ.
Найзручніше — Google-документ з текстами і Google Drive папка з фото. Кожен файл — з зрозумілою назвою: «головна-текст», «послуга-прибирання-фото-1». Не відправляйте фото через месенджери — вони стискають якість.
Технічно — так, але не рекомендую. Сторінки з placeholder-текстом виглядають непрофесійно. Краще запустити з меншою кількістю сторінок, але з повним контентом, і додавати решту пізніше.
Є три варіанти: замовити фотосесію (від 3 000 грн), зробити фото самостійно на смартфон при хорошому освітленні, або використати якісний фотосток (Unsplash, Pexels) як тимчасове рішення. Свої фото — пріоритет.
Копірайтер для бізнес-сайту — від 500 до 2 000 грн за сторінку залежно від складності теми. Для сайту з 5-7 сторінками — 3 000-10 000 грн. Деякі розробники включають базові тексти у вартість проєкту. Уточніть це на етапі замовлення сайту.
Крім стандартних сторінок (головна, про нас, контакти) потрібні: опис категорій (50-100 слів кожна), картки товарів (назва, опис, характеристики, фото з 3-4 ракурсів), умови доставки та оплати, політика повернення. Для 100+ товарів плануйте 3-4 тижні на підготовку.
Не знайшли відповідь?
Висновок
Контент — це фундамент сайту. Дизайн і код будуються навколо вашого тексту, фото і структури. Чим раніше ви почнете збирати матеріали — тим швидше отримаєте готовий сайт, який виглядає як ваш бізнес, а не як шаблон. А щоб контент працював на залучення клієнтів після запуску — потрібна контентна стратегія.
Тексти і фото — це лише частина того, що потрібно розробнику. Повний перелік матеріалів, доступів і файлів — у статті що дати розробнику перед початком роботи. А щоб порахувати вартість — калькулятор.
