Правила размещения товаров и услуг
Руководство по размещению контента на B2BRICS
Профессиональное оформление контента повышает доверие покупателей на 73% и увеличивает конверсию в сделки до 45%
Версия документа: 2.0
Витрина мирового уровня на B2BRICS
Привлекайте внимание
Качественные изображения и детальные описания выделяют предложения среди конкурентов из 50+ стран
Повышайте доверие
Профессиональный профиль с сертификатами формирует образ надежного партнера для международного бизнеса
Увеличивайте продажи
Структурированная информация сокращает цикл сделки и увеличивает количество запросов
Выходите на новые рынки
Мультиязычный контент открывает доступ к покупателям из стран БРИКС+ и расширяет географию бизнеса
Следуйте нашим рекомендациям, и ваша витрина станет мощным инструментом для привлечения международных партнеров и увеличения экспорта!
Содержание руководства
1. Технические требования к изображениям
Форматы, размеры, качество и типы изображений для товаров
2. Структура описаний товаров
Правила составления кратких и подробных описаний
3. HTML/CSS форматирование
Готовые стили и примеры кода для оформления контента
4. Профиль компании
Оформление корпоративной витрины и контактной информации
5. Международная торговля
Документация, мультиязычность и стандарты сертификации
6. Финальные чек-листы
Проверочные списки перед публикацией товаров и профиля
1. Технические требования к изображениям товаров
1.1. Форматы и технические параметры
- Допустимые форматы: JPEG (.jpg), PNG (.png), TIFF (.tiff)
- Минимальный размер: 1000×1000 пикселей
- Рекомендуемый размер: 1600×1600 пикселей и выше
- Максимальный размер: 10000×10000 пикселей, до 10 МБ на файл, рекомендуется 1 МБ
- Разрешение: минимум 72 DPI, рекомендуется 100+ DPI
- Пропорции: 1:1 (квадрат) для основного изображения
1.2. Количество и типы изображений
- Минимум: 4 изображения на товар
- Максимум: 9-12 изображений (в зависимости от категории)
- Основное изображение (Hero Image): товар на белом фоне (#FFFFFF), занимает 85-90% кадра
- Дополнительные ракурсы: вид спереди, сзади, сбоку
- Детальные снимки: крупные планы важных элементов, текстур, маркировки
- Контекстуальные изображения: товар в использовании, с объектами сравнения масштаба
- Техническая документация: схемы, чертежи, диаграммы подключений
- Упаковка: как товар поставляется покупателю
1.3. Требования к качеству изображений
- Фон: белый (#FFFFFF) для основного изображения, светло-серые оттенки допустимы для дополнительных
- Освещение: равномерное, профессиональное, без резких теней
- Фокус: товар должен быть в четком фокусе
- Цвета: реалистичные, точно передающие характеристики товара
- Композиция: товар занимает 85-90% кадра, центрирован
1.4. Запрещенные элементы на изображениях
- Водяные знаки и логотипы
- Текстовые надписи с промоакциями и ценами
- Размытые или пикселизированные фотографии
- Посторонние объекты, отвлекающие внимание
- Чужие изображения без разрешения правообладателя
1.5. Чек-лист для контент-менеджера
Все изображения соответствуют минимальным требованиям по размеру
Основное изображение имеет белый фон
Загружено минимум 4 изображения разных ракурсов
Товар четко виден и занимает большую часть кадра
Нет запрещенных элементов (водяные знаки, текст)
Размер файлов оптимизирован (около 1 МБ)
2. Структура и форматирование описаний товаров
2.1. Структура описания
- Краткое описание (150-200 символов): основное назначение товара, ключевые характеристики, целевая аудитория
- Подробное описание (500-1500 слов): техническое описание, область применения, преимущества, характеристики
- Технические характеристики: в табличном формате с точными параметрами
2.2. Обязательные элементы описания
- Назначение товара: для каких задач предназначен
- Ключевые преимущества: что выделяет товар среди конкурентов
- Технические параметры: размеры, вес, материалы, производительность
- Область применения: в каких отраслях используется
- Сертификация: соответствие международным стандартам (ISO, CE и др.)
- Упаковка и комплектация: что входит в поставку
- Условия поставки: минимальный заказ (MOQ), сроки, гарантия
2.3. Рекомендации по тексту
- Используйте профессиональную терминологию B2B сегмента
- Избегайте эмоциональных и рекламных формулировок
- Предоставляйте точные, проверенные данные
- Указывайте измеримые характеристики и параметры
- Структурируйте текст с помощью заголовков и списков
2.4. Мультиязычность
- Английский язык: обязателен для международной торговли
- Локальные языки: перевод на языки целевых рынков
- Терминология: профессиональный перевод технических терминов
- Единицы измерения: метрическая система и локальные стандарты
3. HTML/CSS форматирование описаний
Важно: Этот раздел предназначен для продвинутых пользователей. Для начала достаточно использовать обычный текстовый редактор платформы с базовым форматированием (жирный, курсив, списки). HTML/CSS пригодится, когда потребуется более сложное оформление.
3.1. Разрешенные HTML теги
Показать список разрешенных HTML тегов
<h1>, <h2>, <h3>, <h4> - заголовки разных уровней
<p> - абзацы текста
<strong>, <b> - жирный текст
<em>, <i> - курсив
<ul>, <ol>, <li> - маркированные и нумерованные списки
<table>, <tr>, <td>, <th> - таблицы
<br> - перенос строки
<hr> - горизонтальный разделитель
<div>, <span> - блочные и инлайн элементы
<a href="#"> - внутренние ссылки
3.2. CSS классы для оформления
Блок технических характеристик:
Показать пример кода
<div class="technical-specs">
<h3><i class="ut2-icon-outline-settings"></i> Технические характеристики</h3>
<table class="specs-table">
<tr>
<th>Параметр</th>
<th>Значение</th>
</tr>
<tr>
<td>Мощность</td>
<td>1500 Вт</td>
</tr>
</table>
</div>
Блок преимуществ:
Показать пример кода
<div class="highlight-box">
<h3>Ключевые преимущества</h3>
<div class="feature-list">
<div class="feature-item">
<i class="ut2-icon-outline-check-circle"></i>
<strong>Высокая надежность</strong>
<p>Срок службы более 10 лет</p>
</div>
</div>
</div>
3.3. Готовые CSS стили
Показать CSS стили
.technical-specs {
background: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 15px;
margin: 20px 0;
}
.specs-table {
width: 100%;
border-collapse: collapse;
margin: 15px 0;
}
.specs-table th {
background: #007bff;
color: white;
padding: 10px;
text-align: left;
font-weight: bold;
}
.specs-table td {
padding: 8px 10px;
border-bottom: 1px solid #ddd;
}
.highlight-box {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 20px;
border-radius: 8px;
margin: 20px 0;
}
.highlight-box h3 {
color: white;
}
.feature-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 15px;
margin: 20px 0;
}
.feature-item {
background: #fff;
border: 1px solid #e9ecef;
border-radius: 6px;
padding: 15px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
3.4. Использование иконок UniTheme2
Для улучшения визуального восприятия используйте иконки из библиотеки темы:
ut2-icon-outline-check-circle- для списков преимуществ и гарантийut2-icon-baseline-local_shipping- для информации о доставкеut2-icon-outline-settings- для технических характеристикut2-icon-outline-verified_user- для сертификацииut2-icon-outline-support- для технической поддержкиut2-icon-outline-info-circle- для дополнительной информацииut2-icon-baseline-whatshot- для популярных товаровut2-icon-workspace_premium- для премиум-товаров
3.5. Пример готового описания с форматированием
Показать полный пример
<div class="product-description">
<h2>Промышленный насос высокого давления НВД-1500</h2>
<div class="highlight-box">
<h3><i class="ut2-icon-baseline-whatshot"></i> Ключевые преимущества</h3>
<ul>
<li><i class="ut2-icon-outline-check-circle"></i> Производительность до 150 л/мин</li>
<li><i class="ut2-icon-outline-check-circle"></i> Давление до 200 бар</li>
<li><i class="ut2-icon-outline-check-circle"></i> Срок службы более 15 лет</li>
</ul>
</div>
<div class="technical-specs">
<h3><i class="ut2-icon-outline-settings"></i> Технические характеристики</h3>
<table class="specs-table">
<tr>
<th>Параметр</th>
<th>Значение</th>
</tr>
<tr>
<td>Мощность</td>
<td>1500 Вт</td>
</tr>
<tr>
<td>Производительность</td>
<td>150 л/мин</td>
</tr>
</table>
</div>
<p><i class="ut2-icon-outline-verified_user"></i> <strong>Сертификация:</strong> ISO 9001, CE, ГОСТ</p>
<p><i class="ut2-icon-baseline-local_shipping"></i> <strong>Доставка:</strong> по всему миру, 10-15 дней</p>
</div>
<style>
.technical-specs {
background: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 15px;
margin: 20px 0;
}
.specs-table {
width: 100%;
border-collapse: collapse;
margin: 15px 0;
}
.specs-table th {
background: #007bff;
color: white;
padding: 10px;
text-align: left;
font-weight: bold;
}
.specs-table td {
padding: 8px 10px;
border-bottom: 1px solid #ddd;
}
.highlight-box {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 20px;
border-radius: 8px;
margin: 20px 0;
}
.highlight-box h3 {
color: white;
}
.feature-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 15px;
margin: 20px 0;
}
.feature-item {
background: #fff;
border: 1px solid #e9ecef;
border-radius: 6px;
padding: 15px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
</style>
4. Требования к профилю компании
4.1. Визуальные элементы профиля
- Логотип компании:
- Формат: PNG с прозрачностью или JPG
- Размер: 200×200 до 400×400 пикселей
- Файл до 2 МБ
- Высокое качество без пикселизации
- Баннер компании:
- Размер: 1920×480 пикселей (рекомендуемый)
- Формат: JPG, PNG
- Максимум 5 МБ
- Отражает специализацию и ценности компании
4.2. Описание компании
- Краткое описание (200-300 символов): специализация, ключевые продукты, география работы, основные преимущества
- Подробное описание компании:
- История и миссия компании
- Основные направления деятельности
- Производственные мощности и технологии
- Ключевые достижения и награды
- География поставок
- Сертификаты и лицензии
4.3. Контактная информация
Обязательная информация:
- Название компании
- Рабочие часы (с указанием часового пояса)
Дополнительная информация (по желанию):
- Юридический и фактический адрес
- Телефон (с кодом страны)
- Email для деловых запросов
- Официальный сайт компании
- Социальные сети (LinkedIn, Facebook и др.)
- Мессенджеры для связи (WhatsApp, Telegram, WeChat)
4.4. Структура профиля с HTML/CSS
Показать пример HTML структуры
<div class="company-profile">
<div class="company-header">
<h1><i class="ut2-icon-outline-work_outline"></i> О компании</h1>
<div class="company-stats">
<div class="stat-item">
<i class="ut2-icon-baseline-whatshot"></i>
<span>15+ лет на рынке</span>
</div>
<div class="stat-item">
<i class="ut2-icon-outline-location_on"></i>
<span>50+ стран поставок</span>
</div>
</div>
</div>
<div class="company-content">
<h2><i class="ut2-icon-rocket_launch"></i> Наша миссия</h2>
<p>Краткое описание миссии компании...</p>
<h2><i class="ut2-icon-diamond"></i> Наши преимущества</h2>
<div class="advantages-grid">
<div class="advantage-item">
<i class="ut2-icon-outline-verified_user"></i>
<h3>Сертифицированное качество</h3>
<p>Все продукты соответствуют международным стандартам</p>
</div>
</div>
</div>
<div class="contact-section">
<h2><i class="ut2-icon-baseline-phone"></i> Контактная информация</h2>
<div class="contact-grid">
<div class="contact-item">
<i class="ut2-icon-outline-schedule"></i>
<span>Пн-Пт: 9:00-18:00 (UTC+3)</span>
</div>
</div>
</div>
</div>
4.5. CSS стили для профиля компании
Показать CSS стили
.company-profile {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.company-header {
background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
color: white;
padding: 30px;
border-radius: 10px;
margin-bottom: 30px;
}
.company-stats {
display: flex;
gap: 30px;
margin-top: 20px;
flex-wrap: wrap;
}
.stat-item {
display: flex;
align-items: center;
gap: 10px;
font-size: 16px;
font-weight: bold;
}
.advantages-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
margin: 20px 0;
}
.advantage-item {
background: #fff;
border: 1px solid #e9ecef;
border-radius: 8px;
padding: 20px;
text-align: center;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.advantage-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 15px rgba(0,0,0,0.2);
}
.advantage-item i {
font-size: 48px;
color: #3498db;
margin-bottom: 15px;
}
.contact-section {
background: #f8f9fa;
padding: 25px;
border-radius: 8px;
margin-top: 30px;
}
.contact-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.contact-item {
display: flex;
align-items: center;
gap: 12px;
padding: 10px;
}
.contact-item i {
color: #3498db;
font-size: 20px;
}
5. Дополнительные требования для международной торговли
5.1. Документация и сертификаты
- Типы документов:
- Сертификаты качества (PDF до 10 МБ)
- Технические паспорта
- Инструкции по эксплуатации
- Гарантийные обязательства
- Лицензии и разрешения
- Формат подачи:
- PDF - основной формат для документов
- DOC/DOCX - для редактируемых документов
- Рекомендуется загружать документы на английском языке или с переводом
5.2. Видеоматериалы
- Технические требования:
- Формат: MP4, WebM
- Разрешение: минимум 720p, рекомендуется 1080p
- Длительность: до 5 минут для товаров, до 10 минут для компании
- Размер файла: до 100 МБ
- Типы видео:
- Демонстрация товара в работе
- Обзор функций и возможностей
- Процесс производства
- Отзывы клиентов (с разрешением)
- Инструкции по установке и эксплуатации
5.3. Мультиязычность и локализация
- Обязательные языки:
- Английский - для международной торговли
- Русский - для рынка России и СНГ
- Дополнительные языки (рекомендуется):
- Китайский - для работы с Китаем
- Португальский - для Бразилии
- Арабский - для стран Ближнего Востока
- Локализация контента:
- Единицы измерения в метрической системе
- Валюты целевых рынков
- Соответствие местным стандартам и сертификациям
- Учет культурных особенностей в визуальном оформлении
5.4. Международные стандарты и сертификация
- Для экспорта - обязательные сертификаты:
- ISO 9001 - система менеджмента качества
- Сертификаты соответствия ГОСТ (для России и СНГ)
- Отраслевые сертификаты:
- ISO 14001 - экологический менеджмент
- ISO 45001 - охрана труда
- FDA - для медицинских товаров и продуктов питания
- ATEX - для взрывобезопасного оборудования
5.5. Таможенные коды и классификация
- HS код (Harmonized System code): указывайте 6-10 значный код товара для международной торговли
- Страна происхождения: обязательно указывайте страну производства товара
- Таможенная стоимость: для расчета таможенных пошлин
6. Финальные чек-листы
6.1. Чек-лист перед публикацией товара
Загружено минимум 4 качественных изображения
Основное изображение имеет белый фон и размер 1600×1600 пикселей
Все изображения оптимизированы (около 1 МБ каждое)
Заполнено краткое описание (150-200 символов)
Заполнено подробное описание с использованием HTML/CSS форматирования
Добавлена таблица технических характеристик
Указаны сертификаты и стандарты качества
Прописаны условия поставки (MOQ, сроки, гарантия)
Используются иконки UniTheme2 для улучшения визуального восприятия
Текст переведен на английский язык
Указан HS код товара и страна происхождения
6.2. Чек-лист оформления профиля компании
Загружен логотип компании (200×200 - 400×400 пикселей)
Заполнено краткое описание компании (180 символов)
Заполнено подробное описание с HTML/CSS форматированием
Указаны название компании и рабочие часы
Добавлена дополнительная контактная информация (по желанию)
Загружены сертификаты и лицензии компании
Добавлены фотографии производства и офисов
Указаны ключевые достижения и награды
Профиль переведен на английский язык