122 lines
7.3 KiB
HTML
122 lines
7.3 KiB
HTML
<!doctype html>
|
||
<html lang="ru">
|
||
<head>
|
||
<script src="components/head.js"></script>
|
||
<title>DP Trade — Article Guidelines</title>
|
||
</head>
|
||
<body class="compact-type">
|
||
<div class="site-shell">
|
||
<div id="site-header"></div>
|
||
<main class="content-page guidelines-page">
|
||
<section class="page-hero page-hero--guidelines">
|
||
<div class="container page-hero__inner">
|
||
<div>
|
||
<p class="eyebrow">Editorial guidelines</p>
|
||
<h1>Рекомендации по статьям DP Trade</h1>
|
||
<p>Требования к структуре материала, заголовкам, тексту и фотографиям для новостей, историй производителей и экспертных заметок.</p>
|
||
</div>
|
||
<aside class="page-hero__meta">
|
||
<span>Для редакции</span>
|
||
<strong>Article system</strong>
|
||
<p>Единые правила помогают статьям выглядеть как часть продукта, а не как случайные публикации.</p>
|
||
</aside>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section">
|
||
<div class="container guideline-grid">
|
||
<article class="guideline-card guideline-card--lead">
|
||
<span>01</span>
|
||
<h2>Структура статьи</h2>
|
||
<p>Каждый материал должен быстро отвечать на три вопроса: о ком/о чём статья, почему это важно для аудитории DP Trade и какое действие читатель может сделать дальше.</p>
|
||
<ul>
|
||
<li>Заголовок: конкретный, с именем производителя, региона или события.</li>
|
||
<li>Лид: 1-2 предложения, раскрывает главный повод.</li>
|
||
<li>Основной текст: 3-5 смысловых блоков с подзаголовками или визуальными паузами.</li>
|
||
<li>Финал: вывод, рекомендация, ссылка в каталог или повод обратиться к менеджеру.</li>
|
||
</ul>
|
||
</article>
|
||
<article class="guideline-card">
|
||
<span>02</span>
|
||
<h2>Заголовки</h2>
|
||
<p>Заголовок должен быть редакционным, но полезным: не только красивым, а ещё и объясняющим тему.</p>
|
||
<ul>
|
||
<li>Оптимально: 55-90 символов.</li>
|
||
<li>Использовать имена: Villa Raiano, Gaja, Bordeaux, Fiano.</li>
|
||
<li>Избегать пустых формул: «уникальная история», «легендарное событие» без факта.</li>
|
||
<li>Подзаголовки должны вести читателя по смыслу, а не повторять заголовок.</li>
|
||
</ul>
|
||
</article>
|
||
<article class="guideline-card">
|
||
<span>03</span>
|
||
<h2>Текст</h2>
|
||
<p>Стиль: профессиональный, спокойный, без рекламного нажима. Пишем для закупщиков, сомелье, ресторанов и розницы.</p>
|
||
<ul>
|
||
<li>Абзац: 350-650 знаков.</li>
|
||
<li>Лид: до 280 знаков.</li>
|
||
<li>Новость: 3 000-5 500 знаков.</li>
|
||
<li>История производителя: 5 000-8 000 знаков.</li>
|
||
<li>Цифры, годы, награды и сорта проверять отдельно.</li>
|
||
</ul>
|
||
</article>
|
||
<article class="guideline-card">
|
||
<span>04</span>
|
||
<h2>Фотографии</h2>
|
||
<p>Фотографии должны показывать реальный продукт, место, людей или процесс. Лучше меньше декоративности и больше конкретики.</p>
|
||
<ul>
|
||
<li>Hero: горизонтальное фото от 1600px по ширине.</li>
|
||
<li>Внутренние фото: от 1200px, без сильной компрессии.</li>
|
||
<li>Для карточек: предмет или бутылка должны быть читаемы на мобильном.</li>
|
||
<li>Не использовать тёмные, размытые, случайно обрезанные изображения.</li>
|
||
<li>Обязательно писать alt: кто/что изображено и где.</li>
|
||
</ul>
|
||
</article>
|
||
<article class="guideline-card">
|
||
<span>05</span>
|
||
<h2>Композиция</h2>
|
||
<p>Для длинной статьи нужны визуальные паузы: крупное фото после лида, цитата или факт-блок в середине и финальный акцент.</p>
|
||
<ul>
|
||
<li>Не ставить подряд больше 4 текстовых абзацев без паузы.</li>
|
||
<li>Цитаты использовать только если они усиливают материал.</li>
|
||
<li>Сайдбар может содержать факты: страна, регион, сорт, год, награда.</li>
|
||
<li>Финальный CTA должен быть связан с каталогом или менеджером.</li>
|
||
</ul>
|
||
</article>
|
||
<article class="guideline-card">
|
||
<span>06</span>
|
||
<h2>SEO и handoff</h2>
|
||
<p>Материал должен быть понятен поиску и разработке: один H1, последовательные H2, корректные alt и прозрачная структура блоков.</p>
|
||
<ul>
|
||
<li>Title: до 60 символов, включает бренд или тему.</li>
|
||
<li>Description: 140-160 символов.</li>
|
||
<li>URL: латиница, короткий slug.</li>
|
||
<li>Изображения называть по смыслу, а не `photo-final-2`.</li>
|
||
<li>В CMS хранить дату, автора/раздел, теги и связанные товары.</li>
|
||
</ul>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section muted-section">
|
||
<div class="container guideline-checklist">
|
||
<div>
|
||
<p class="eyebrow">Pre-publish checklist</p>
|
||
<h2>Проверка перед публикацией</h2>
|
||
</div>
|
||
<ul>
|
||
<li>Заголовок отражает конкретный повод и не звучит как реклама.</li>
|
||
<li>В лиде понятна ценность материала для профессиональной аудитории.</li>
|
||
<li>Все годы, имена, апелласьоны и награды проверены.</li>
|
||
<li>Есть минимум 2-4 качественные фотографии с alt-текстами.</li>
|
||
<li>Финал ведёт к каталогу, производителю, товару или контакту с менеджером.</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<div id="site-footer"></div>
|
||
</div>
|
||
<script src="assets/js/components.js"></script>
|
||
</body>
|
||
</html>
|