Наполнение сайта материалом: технические требования

COSMY Блог
Наполнение сайта материалом: технические требования

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

Что включить в контент‑пак

  • Тексты: заголовки, лиды, описания, преимущества, FAQ, инструкции. Для каталога — описания категорий и карточек, тексты для интернет магазина.
  • Графика: основные фото, доп. ракурсы, иконки, схемы, инфографика.
  • Видео: обзоры, демонстрации, 360°, короткие клипы.
  • Документы: паспорта и характеристики, сертификаты соответствия, инструкции (PDF).
  • SEO‑метаданные: Title, Description, H1, ЧПУ (slug), alt, теги.
  • Структурированные данные: CSV/Excel с товарными полями и атрибутами.
  • Права и лицензии: подтверждение авторства, разрешения на использование.

Форматы, размеры и параметры файлов

ТипФорматыРекомендации по размеруПримечания
ФотоJPG/JPEG, PNG, WebPДлина стороны 1200–2000 px; вес обычно до 300–500 КБДля прозрачности — PNG; для веб‑оптимизации — WebP
Логотипы/иконкиSVGДо 100 КБХраните исходники; проверяйте безопасность SVG
ВидеоMP4 (H.264/HEVC)Битрейт подбирайте под длину; клипы 15–90 секОбложка кадром JPG/WebP
ДокументыPDF, XLSX, CSVPDF до 5–10 МБТекст в PDF делайте выделяемым, не картинкой

Перед загрузкой удаляйте EXIF‑метаданные, сжимайте изображения без видимой потери качества. Для партии фото используйте пакетные оптимизаторы: TinyPNG/TinyJPG (онлайн‑сжатие изображений), ImageOptim (настольное приложение для macOS), XnConvert (кроссплатформенный конвертер и ресайзер). Первое упоминание инструментов — с пояснением, далее можно кратко.

Нейминг и структура папок

  • Только латиница, цифры и дефис: category-name, product‑sku‑front.jpg.
  • Единый шаблон: sku‑ключевая‑фраза‑ракурс‑№.jpg (например, AB123‑chair‑front‑01.jpg).
  • Категории и SKU/артикулы — обязательны для каталога.
  • Без пробелов, кириллицы и служебных символов.
  • Вложенные папки не глубже 2–3 уровней: Фото/Категория/SKU.
# Шаблон именования
{SKU}-{product}-{view}-{nn}.{ext}

# Примеры
AB123-chair-front-01.jpg
AB123-chair-detail-02.jpg
AB123-chair-sizechart.svg

Права на изображения и документы

  • Если материалы ваши — зафиксируйте автора и дату создания.
  • Если сток — храните лицензионные файлы/квитанции, уточняйте тип лицензии (обычно стандартная подходит для веб).
  • Для людей и частной собственности — при необходимости оформляйте модель/проперти‑релиз (письменное разрешение на использование).
  • Сертификаты и паспорта публикуйте в актуальной версии, скрывая лишние персональные данные.

Храните подтверждение прав на каждый медиафайл рядом с итоговым пакетом. Это ускорит модерацию и защитит от претензий.

Alt, теги и SEO‑метаданные

  • Alt (альтернативный текст) описывает, что на изображении: обычно 60–125 знаков. Без «картинка»/«фото», конкретно: «Стул офисный серый, модель AB123, вид спереди».
  • Title страницы — емко отражает суть (часто 50–70 знаков). Description — 120–160 знаков с выгодой и призывом к действию без спама.
  • ЧПУ (slug) короткий: /kresla/ofisnoe-ab123.
  • Теги и категории не дублируют друг друга: теги — для тематических срезов, категории — для структуры.

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

CSV/Excel для каталога и карточек

Единая таблица ускоряет наполнение сайта интернет магазина и импорт в CMS. Рекомендуем разбить поля на блоки: идентификация, маркетинг, цены и склад, медиа, SEO, атрибуты и фильтры.

# Заголовки столбцов (пример, разделитель ;)
sku;name;category;price;old_price;currency;stock;unit;short_description;description_html;attributes;images;video;h1;slug;meta_title;meta_description;tags

# Пример строки
aB123;Стул офисный AB123;Кресла;6990;7990;RUB;34;шт;Компактный офисный стул;Высота 90 см, металл+ткань.<br>Гарантия 12 мес.;цвет:серый|материал:металл+ткань|вес:6 кг;AB123-chair-front-01.jpg|AB123-chair-detail-02.jpg;review_ab123.mp4;Стул офисный AB123;/kresla/ofisnyy-ab123;Стул офисный AB123 — купить;Удобный офисный стул AB123. Бесплатная доставка от 10 000 руб.;офисные стулья|кресла

Атрибуты и фильтры: как нормализовать

  • Единицы измерения храните в одном формате: «мм», «кг», «л».
  • Справочники значений (цвета, бренды) — без синонимов: «серый», не «гранитный»/«грэй».
  • Числовые поля — как числа, не как текст: 6.5 вместо «6,5 кг», единицы — отдельным столбцом.
  • Составные значения через «|»; пары атрибут:значение через «:».

Как собрать единый контент‑пак для подрядчика

  • Создайте корневую папку проекта и подпапки: 01_Тексты, 02_Фото, 03_Видео, 04_Docs, 05_CSV, 06_Лицензии.
  • Разложите файлы по SKU/страницам, примените единый нейминг.
  • Проверьте веса и размеры, удалите EXIF, сожмите изображения.
  • Заполните CSV по шаблону, провалидируйте разделители и кодировку (обычно UTF‑8).
  • Соберите мета: Title/Description/H1, alt к изображениям, список тегов.
  • Приложите чек‑лист по приоритетам: что грузить в первую очередь.
  • Упакуйте в архив и передайте доступ через облако, добавив инструкцию и контакты.

Контроль качества: чек‑лист перед загрузкой

  • Имена файлов читаемые, латиница, без пробелов.
  • Размеры изображений и вес — в пределах регламента, превью не расплывчатые.
  • Alt у всех ключевых изображений, без переспама.
  • В CSV нет пустых обязательных полей: SKU, название, цена, категория.
  • Атрибуты нормализованы, единицы вынесены.
  • SEO‑метаданные без дублей, slug короткие и человекопонятные.
  • Все лицензии и источники лежат рядом, реквизиты проверены.

Инструменты и сервисы редакции

  • Google Sheets (онлайн‑таблицы) — совместная работа над CSV/структурой.
  • OpenRefine (инструмент очистки данных) — для нормализации атрибутов.
  • ImageOptim / TinyPNG / XnConvert — пакетное сжатие изображений.
  • ExifTool (утилита для работы с метаданными) — массовое удаление EXIF.
  • Notepad++/VS Code (редакторы кода) — быстрая правка CSV и проверка кодировки.

Сроки, роли и как регламент экономит ресурсы

Когда на старте есть структура папок, шаблон CSV и технические требования, команда движется быстрее. На практике такой порядок сокращает сроки на 30–45% за счёт параллельной работы над текстами, медиа и импортом, а число правок снижается примерно вдвое. Подрядчику проще оценивать услуги по наполнению сайтов и планировать спринты.

FAQ: коротко

  • Сколько изображений на карточку? Обычно 3–7: общий вид, детали, масштаб/в интерьере, схема/размерная сетка.
  • Можно ли смешивать форматы в одном каталоге? Да, но для единообразия лучше выбрать основной (например, WebP) и хранить исходники в PNG/JPG.
  • Что делать с длинными описаниями? Делите на короткие абзацы и списки; в CSV допускайте HTML для форматирования.

Если вы параллельно запускаете создание сайта под ключ, закладывайте регламент контента в ТЗ и дорожную карту. Так внедрение аналитики (например, настройка Яндекс Метрики и Вебмастера) и контентные спринты пойдут без конфликтов с разработкой.

Нужна помощь с подготовкой контент‑пака?

COSMY Digital аккуратно собирает материалы, пишет описания и настраивает импорт. Делаем контент‑пак под вашу CMS, готовим SEO‑мета и структуру CSV для каталога. По желанию подключим тексты для разделов и блог (создание сайта с блогом). Готовый сайт на любую тему от 14900 руб. — задайте задачу, остальное соберём мы.