Шаблон статьи под будущие публикации

1. Поля, которые нужно заменить

• {{ARTICLE_TITLE}} - заголовок в `title`, `og:title`, H1.
• {{ARTICLE_DESCRIPTION}} - meta description + лид статьи.
• {{ARTICLE_URL}} - canonical, `og:url`, `mainEntityOfPage`.
• {{PUBLISHED_AT}} и {{UPDATED_AT}} - даты в meta и JSON-LD.
• {{AUTHOR_NAME}} - автор в видимой части и schema.

2. Рекомендуемая структура контента

1. H1 + 2-3 предложения о ценности материала.
2. H2-блоки по принципу: проблема -> метод -> пример.
3. 1-2 callout-блока с выводами или быстрыми hack-пунктами.
4. FAQ в конце (если тема действительно вопросная).
5. CTA и ссылки на смежные статьи/услуги.

3. Минимальный schema-набор

4. Чеклист адаптива

• Шрифт основного текста не меньше 16px на телефонах.
• Тап-зоны ссылок и кнопок комфортны для пальца.
• Нет горизонтального скролла при ширине 320px.
• Боковые блоки переносятся вниз на tablet/mobile.

5. Стандарт инфографики (SVG + PNG)

• Для каждой статьи создавайте папку: assets/imgs/articles/<slug>/.
• Храните пары файлов: *.svg и *.png (fallback 1200x720).
• Используйте <picture>: source на SVG, img на PNG.
• Ставьте бренд-подпись tfox.dev • от 13FOX в правом нижнем углу инфографики.
• Проверяйте отсутствие наложений текста в карточках и таблицах.

<figure class="article-figure">
  <picture>
    <source srcset="assets/imgs/articles/<slug>/chart.svg" type="image/svg+xml">
    <img src="assets/imgs/articles/<slug>/chart.png" alt="Описание инфографики" loading="lazy" width="1200" height="720">
  </picture>
  <figcaption>Короткая подпись к графику.</figcaption>
</figure>