This is the full developer documentation for База знаний WPC ---------- # LLMs.txt для AI-агентов > Что такое llms.txt, зачем он нужен AI-агентам и как подключать базу знаний или документацию к ChatGPT, Claude, Copilot и другим LLM-инструментам. ## Что такое llms.txt [Заголовок раздела «Что такое llms.txt»](#что-такое-llmstxt) `llms.txt` — это специальный markdown-файл в корне сайта или раздела, который даёт AI-агентам короткое и структурированное описание проекта, а также ссылки на основные материалы в LLM-friendly формате. Для базы знаний он выполняет ту же роль, что `robots.txt` для краулеров и `sitemap.xml` для поисковиков, но ориентирован именно на inference-сценарии: когда агенту нужно быстро понять структуру сайта и подтянуть релевантный контекст в промпт или RAG-пайплайн. ## Зачем это AI-агентам [Заголовок раздела «Зачем это AI-агентам»](#зачем-это-ai-агентам) Обычная HTML-страница неудобна для агента: * в ней есть навигация, боковые панели, служебные блоки и лишний шум * контент разбит на десятки URL * агенту трудно понять, какие страницы главные, а какие второстепенные `llms.txt` решает эту задачу так: * даёт краткое описание проекта в одном месте * показывает канонические ссылки на ключевые материалы * помогает начать с сокращённого контекста и только потом расширяться * упрощает подключение документации к IDE-агентам, чат-ботам и RAG-ассистентам ## Какие файлы обычно используются [Заголовок раздела «Какие файлы обычно используются»](#какие-файлы-обычно-используются) В типовой схеме встречаются три уровня контекста: * `llms.txt` — обзорный индекс: что это за проект и какие материалы читать дальше * `llms-small.txt` — короткий контекст для быстрого ответа или первичной маршрутизации * `llms-full.txt` — полный контекст, когда агенту нужен максимум деталей Для этой базы знаний доступны: * [llms.txt](https://wpcraft.ru/kb/llms.txt) — обзор и основные наборы документации * [llms-small.txt](https://wpcraft.ru/kb/llms-small.txt) — сокращённая версия для быстрых сценариев * [llms-full.txt](https://wpcraft.ru/kb/llms-full.txt) — полный контекст по базе знаний ## Как подключать к AI-агентам [Заголовок раздела «Как подключать к AI-агентам»](#как-подключать-к-ai-агентам) ### Вариант 1. Подключать URL как внешний источник контекста [Заголовок раздела «Вариант 1. Подключать URL как внешний источник контекста»](#вариант-1-подключать-url-как-внешний-источник-контекста) Подходит для агентов и чатов, которые умеют читать URL напрямую. Практика: * сначала передавайте агенту `https://wpcraft.ru/kb/llms.txt` * если ответа недостаточно, переключайте его на `llms-small.txt` * для глубоких технических вопросов передавайте `llms-full.txt` Это даёт контролируемую эскалацию контекста: от дешёвого и короткого к полному и дорогому. ### Вариант 2. Использовать в RAG или knowledge ingestion [Заголовок раздела «Вариант 2. Использовать в RAG или knowledge ingestion»](#вариант-2-использовать-в-rag-или-knowledge-ingestion) Подходит для внутренних AI-ассистентов, support-ботов и агентов в IDE. Рекомендуемый поток: 1. Забрать `llms.txt` как entrypoint. 2. Извлечь из него ключевые ссылки на нужные разделы. 3. При необходимости догружать `llms-small.txt` или `llms-full.txt`. 4. Индексировать полученный контекст в локальное хранилище, vector store или knowledge cache. Такой подход лучше, чем слепо индексировать весь сайт, потому что `llms.txt` уже задаёт curated-структуру материалов. ### Вариант 3. Использовать в system prompt или инструкциях агента [Заголовок раздела «Вариант 3. Использовать в system prompt или инструкциях агента»](#вариант-3-использовать-в-system-prompt-или-инструкциях-агента) Если агент работает по инструкции, можно явно прописать источник: ```text Если вопрос касается базы знаний WPC, сначала прочитай https://wpcraft.ru/kb/llms.txt. Если нужны детали по конкретной теме, используй llms-small.txt или llms-full.txt. Отдавай приоритет этим файлам перед случайным HTML-скрапингом сайта. ``` Это особенно полезно для: * кастомных GPT/assistants * Claude Projects * Copilot/Cursor workflows * агентных пайплайнов с retrieval step ## Как подключить llms.txt в Starlight [Заголовок раздела «Как подключить llms.txt в Starlight»](#как-подключить-llmstxt-в-starlight) Для сайтов на Astro Starlight удобнее всего генерировать эти файлы автоматически через плагин `starlight-llms-txt`. Базовая схема: ```js import { defineConfig } from "astro/config"; import starlight from "@astrojs/starlight"; import starlightLlmsTxt from "starlight-llms-txt"; export default defineConfig({ site: "https://example.com/", integrations: [ starlight({ title: "My Docs", plugins: [starlightLlmsTxt()], }), ], }); ``` После сборки сайт получает маршруты `llms.txt`, `llms-small.txt` и `llms-full.txt` автоматически. ## Практические рекомендации [Заголовок раздела «Практические рекомендации»](#практические-рекомендации) * Используйте `llms.txt` как точку входа, а не как замену всей документации. * Давайте агенту короткий контекст первым, полный — только по необходимости. * Держите названия разделов и описания страниц ясными: это напрямую влияет на качество навигации агента. * Если сайт русскоязычный, проверьте корректную UTF-8-выдачу для `.txt` файлов на проде. * Не путайте `llms.txt` с `robots.txt`: первый помогает понять контент, второй регулирует поведение ботов. ## Когда llms.txt особенно полезен [Заголовок раздела «Когда llms.txt особенно полезен»](#когда-llmstxt-особенно-полезен) * документация продукта * база знаний * developer portal * support center * сайт со сложной архитектурой разделов * контентный проект, где агенту нужно быстро находить authoritative pages ## Управление llms.txt на WordPress [Заголовок раздела «Управление llms.txt на WordPress»](#управление-llmstxt-на-wordpress) На self-hosted WordPress файл можно вести через AI-агента: плагин [Enable Abilities for MCP](../../wordpress/ai/enable-abilities-for-mcp) даёт две abilities — `ewpa/get-llms-txt` (чтение, определение источника файла и валидация по спецификации llmstxt.org) и `ewpa/update-llms-txt` (запись с авто-маршрутизацией через SEOPress Pro или виртуальный `/llms.txt`). Это позволяет агенту проверять и обновлять файл без доступа к файловой системе. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [The /llms.txt file — llmstxt.org](https://llmstxt.org/) * [starlight-llms-txt: Getting Started](https://delucis.github.io/starlight-llms-txt/getting-started/) * [LLMs.txt базы знаний WPC](https://wpcraft.ru/kb/llms.txt) ---------- # База знаний WPC > Практическая база знаний по разработке веб-проектов: платформы, архитектура, дизайн, маркетинг, безопасность, производительность и эксплуатация. # Разделы базы знаний WPC [Заголовок раздела «Разделы базы знаний WPC»](#разделы-базы-знаний-wpc) ## Вебсайты [Заголовок раздела «Вебсайты»](#вебсайты) * [Вебсайты](./websites/) — Раздел о типах вебсайтов, целях и выборе стека под задачи бизнеса. * [Типы проектов](./websites/project-types/) — Единый каталог веб-проектов: standard и custom с отдельной страницей под каждый формат. * [Стандартные проекты](./websites/project-types/standard/) — Типовые сценарии с предсказуемым scope и быстрым запуском. * [Промо-сайт / лендинг](./websites/project-types/standard/promo-website-landing) — Типовой формат для одного оффера, рекламного трафика и быстрого запуска. * [Корпоративный сайт](./websites/project-types/standard/corporate-website) — Типовой формат для презентации компании, услуг и лидогенерации. * [Интернет-магазин](./websites/project-types/standard/online-store) — Типовой e-commerce формат: каталог, checkout, оплата и доставка. * [Блог / медиа-портал](./websites/project-types/standard/blog-media-portal) — Типовой контентный формат для SEO-роста и регулярных публикаций. * [База знаний / документация](./websites/project-types/standard/knowledge-base) — Типовой self-service формат для клиентов и команды. * [Кастомные проекты](./websites/project-types/custom/) — Нестандартные сценарии с процессной логикой, ролями и интеграциями. * [B2C каталог-витрина](./websites/project-types/custom/b2c-catalog-showcase) — Каталог без онлайн-оплаты с фильтрами, карточками и лидогенерацией. * [Сервисный сайт с онлайн-записью](./websites/project-types/custom/service-site-online-booking) — Сценарий со слотами, расписанием и подтверждениями. * [B2B портал / оптовый каталог](./websites/project-types/custom/b2b-portal-wholesale) — Личный кабинет контрагента, персональные прайсы и документооборот. * [Внутренний корпоративный портал](./websites/project-types/custom/intranet-portal) — Intranet-контур для заявок, регламентов и внутренних процессов. * [LMS / образовательная платформа](./websites/project-types/custom/lms-platform) — Курсы, прогресс, тесты и роли в учебном продукте. * [Маркетплейс / агрегатор](./websites/project-types/custom/marketplace-aggregator) — Multi-vendor формат с комиссиями, модерацией и выплатами. * [SaaS / веб-приложение / MVP](./websites/project-types/custom/saas-web-app-mvp) — Продуктовый формат с прикладной логикой и развитием от MVP. * [Сайт недвижимости / каталог объектов](./websites/project-types/custom/real-estate-site) — Отраслевой формат с листингами, картой и интеграциями CRM. * [Дизайн цифровых продуктов](./design/) — Универсальный дизайн-контракт: UX-структура, компоненты и передача в разработку. * [Контент вебсайта](./websites/content/) — Индекс подраздела о структуре, сущностях, блоках и меню. * [Контент и структура вебсайтов](./websites/content/content-structure) — Карта страниц, контентная модель и навигация. * [Страницы, записи, категории и теги: базовая модель контента](./websites/content/pages-posts-and-taxonomies-basics) — Как структурировать контент без дублирования и хаоса. * [Блочный редактор WordPress: добавление контента блоками](./websites/content/wordpress-editor-blocks) — Gutenberg: блоки, Site Title, Post Content, CSS-классы, сочетания клавиш. * [Меню в WordPress: создание, ссылки, выпадающие подменю](./websites/content/menus) — Как создать меню, добавить ссылки на страницы, сделать выпадающие подменю. * [SEO (поисковая оптимизация)](./marketing/seo) — Полный гайд по SEO: типы оптимизации, алгоритмы, тренды 2026. * [Оптимизация WordPress](./websites/performance/optimization) — Комплексная оптимизация: хостинг, плагины, изображения, CDN, сжатие, база данных и масштабирование. * [Кэширование сайтов](./websites/performance/cache) — Виды кэширования и примеры на Bitrix, WordPress, Astro, Next.js. * [PHP-оптимизация для WordPress](./websites/performance/php-optimization) — Настройка PHP: версии, php.ini, лимиты памяти, таймауты, размеры загрузок и замена WP-Cron. * [Базовая безопасность WordPress для нового сайта](./websites/security/wordpress-security-basics) — Минимальный security baseline для проекта на старте. * [Сервисы защиты сайтов и CDN: сравнение топ-10](./websites/security/web-protection-services) — Сравнение десяти сервисов CDN и DDoS-защиты: Cloudflare, Yandex SWS, DDoS-Guard, NGENIX, Qrator и другие. Плюсы, минусы, тарифы, рекомендации для WordPress. ## Инфраструктура [Заголовок раздела «Инфраструктура»](#инфраструктура) * [Инфраструктура вебсайтов](./infrastructure/) — Домен, хостинг, CDN, S3 и staging-процессы. * [Домен и DNS](./infrastructure/domain/) — Вход в раздел про доменные имена, регистрацию, DNS и связку с хостингом. * [Регистраторы доменов: сравнение](./infrastructure/domain/domain-registrars) — Международные и российские регистраторы, цены на .com и .ru, WHOIS Privacy, DNS. * [Домен и хостинг: в чём разница](./infrastructure/domain/domain-vs-hosting) — Базовая модель: адрес сайта и серверная инфраструктура. * [Хостинг](./infrastructure/hosting/) — Типы хостинга, критерии выбора и провайдеры. * [Типы хостинга](./infrastructure/hosting/hosting-types) — Shared, VPS, облачный и managed WordPress-хостинг: плюсы, минусы, для каких проектов. * [Критерии выбора хостинга](./infrastructure/hosting/hosting-criteria) — TTFB, uptime, технологии сервера, безопасность, поддержка, цены — чек-лист. * [Хостинг-провайдеры: сравнение](./infrastructure/hosting/hosting-providers) — Международные и российские провайдеры с ценами, тестами скорости и аптайма. * [cPanel и WordPress](./infrastructure/hosting/cpanel-wordpress) — Что доступно на self-hosted и почему на WordPress.com нет cPanel. * **Infrastructure as Code:** * [IaC для WordPress](./infrastructure/hosting/iac-wordpress) — Terraform, Pulumi, Ansible, Docker, Kubernetes: обзор инструментов и архитектур. * [Docker для WordPress](./infrastructure/hosting/docker-wordpress) — Локальная разработка и продакшен: Nginx, PHP-FPM, MySQL, Redis, HTTPS. * [CI/CD: GitHub Actions](./infrastructure/hosting/cicd-github-actions) — Автоматизация тестирования и деплоя без FTP. * [CDN](./infrastructure/cdn/) — Роль CDN в инфраструктуре: раздача статики и HTML, разгрузка origin, разделение трафика по регионам. * [Сплит трафика РФ / мир через GeoDNS и CDN](./infrastructure/cdn/geodns-split-ru-world) — Почему Telegram не показывает превью ссылки на сайт в РФ и как это чинится географическим разделением DNS с edge-кэшем. ## Сервисы [Заголовок раздела «Сервисы»](#сервисы) * [Сервисы](./services/) — Справочник внешних сервисов для веб-проектов: инфраструктура, аналитика, маркетинг и автоматизация. * [Типы сервисных проектов](./services/project-types/) — Каталог сервисных форматов с отдельной страницей под каждый тип проекта. * [Оптимальный стек для сервисов](./services/service-stack) — Laravel, Filament и TALL Stack для backend-first разработки. * [Сервисная архитектура: сводка по SOA и микросервисам](./services/service-architecture) — Единая страница со сравнением подходов, критериями выбора и базовыми практиками. * [SaaS-сервисы для WordPress](./services/saas/) — Каталог из 41 сервиса: CDN, SEO, аналитика, email-маркетинг, автоматизация, dev-инструменты, CRO. * [CDN и производительность](./services/saas/cdn-performance) — Cloudflare, Bunny.net, NitroPack, Yandex Cloud CDN, Selectel, VK Cloud. * [S3-провайдеры для WordPress](./services/saas/s3-providers) — Объектные хранилища: зачем, архитектура, концепции, Yandex, Selectel, VK Cloud, AWS S3, Cloudflare R2, MinIO — цены, классы, сравнение. * [SEO и ключевые слова](./services/saas/seo-tools) — Ahrefs, Semrush, SE Ranking, Rush Analytics, Keys.so, Serpstat. * [Аналитика и поведение](./services/saas/analytics) — Яндекс.Метрика, GA4, Clarity, Hotjar, Roistat, Calltouch. * [Email-маркетинг](./services/saas/email-marketing) — UniSender, SendPulse, Carrot Quest, Mailchimp, Brevo, HubSpot. * [Автоматизация и интеграции](./services/saas/automation) — Albato, ApiMonster, Make, Zapier, n8n. * [Dev-инструменты](./services/saas/dev-vcs-tools) — SourceCraft, GitVerse, GitFlic, GitHub, GitLab, Bitbucket, Gitea, Forgejo, GitRiver — сравнение российских, open-source и мировых платформ. * [Маркетинг, CRO и лидогенерация](./services/saas/marketing-cro) — Envybox, CallbackHunter, Jivo, OptinMonster, VWO, Convert. ## Pricing [Заголовок раздела «Pricing»](#pricing) * [Цены на разработку и поддержку сайтов](./pricing/) — Практический раздел по бюджетам: разработка, поддержка и модели сметы. * [Стоимость разработки сайта](./pricing/website-development-pricing) — Вилки по типам проектов, драйверы цены и модели оплаты. * [Стоимость поддержки сайта](./pricing/website-maintenance-pricing) — Ежемесячные расходы, SLA-пакеты и контрактные границы. ## Платформы [Заголовок раздела «Платформы»](#платформы) * [Платформы разработки](./web-frameworks/) — Стековый обзор: WP Stack, TALL Stack и JAM Stack. * [WP Stack](./wordpress/wp-stack) — WordPress + WooCommerce для контентных сайтов и e-commerce. * [WordPress как платформа](./wordpress/) — CMS для контентных сайтов, блогов и проектов с частыми правками. * [Что выбрать: сайт, блог или сайт с блогом](./wordpress/faq/choose-website-or-blog) — Быстрый выбор формата проекта на WordPress. * [WordPress.com vs WordPress.org: сравнение](./wordpress/faq/wordpress-com-vs-org) — Подробный разбор различий managed и self-hosted моделей. * [WooCommerce для WordPress](./woocommerce/) — Платформа e-commerce: от запуска магазина до масштабирования. * [Установка и первые шаги](./woocommerce/getting-started) — 5 шагов: установка плагина, настройки, выбор темы. * [Товары WooCommerce](./woocommerce/products) — 6 встроенных типов товаров и расширения: подписки, бронирования, наборы. * [Приём платежей](./woocommerce/payments) — WooPayments, платёжные шлюзы, Apple Pay, Google Pay, fraud-защита. * [Налоги](./woocommerce/taxes) — Настройка налоговых ставок, автоматические налоги, НДС для ЕС. * [Доставка](./woocommerce/shipping) — Зоны, методы (flat rate, бесплатная, самовывоз), классы доставки. * [Страницы магазина](./woocommerce/store-pages) — Shop, Cart, Checkout, My Account: кастомизация через блоки. * [Управление заказами](./woocommerce/orders) — Статусы заказов, возвраты, email-уведомления. * [Запуск и расширение](./woocommerce/launch-extend) — Чеклист запуска, аналитика, маркетинговые расширения. * [Оптимизация производительности WooCommerce](./woocommerce/performance-optimization) — 8 шагов: кэширование, изображения, код, CDN, БД, темы, GZIP, мониторинг. * [Кэширование в WooCommerce](./woocommerce/caching) — Настройка кэша для магазина: исключения динамических страниц, cookies, сессии, Varnish, плагины (WP Rocket, WP Super Cache, Surge). * [Лучшие темы для WooCommerce](./woocommerce/best-themes) — Сравнительный обзор: Blocksy, Astra, Shoptimizer, Kadence, Botiga, Storefront и другие с тестами скорости и ценами. * [FAQ по WooCommerce](./woocommerce/faq/) — Практические вопросы и how-to инструкции по запуску магазина. * [Как создать интернет-магазин на WordPress: полный маршрут](./woocommerce/faq/how-to/how-to-create-woocommerce-store) — Сквозной маршрут из 8 шагов: от инфраструктуры до запуска. * [TALL Stack](./web-frameworks/tall-stack/) — Laravel + Filament для backend-first веб-продуктов. * [Laravel как платформа](./web-frameworks/tall-stack/laravel) — PHP-фреймворк для кастомных веб-приложений и B2B-логики. * [Filament для Laravel](./web-frameworks/tall-stack/filament) — Admin panel toolkit для внутренних кабинетов и back-office. * [JAM Stack](./web-frameworks/jam-stack/) — pre-rendering, decoupling и API-first подход. * [Next.js как платформа](./web-frameworks/jam-stack/nextjs) — React-фреймворк для headless и full-stack проектов. * [Astro как платформа](./web-frameworks/jam-stack/astro) — content-first фронтенд для быстрых сайтов. * [Nuxt как платформа](./web-frameworks/jam-stack/nuxt) — Vue-фреймворк для SSR/SSG-гибридов и headless-сценариев. ## AI в веб-продакшене [Заголовок раздела «AI в веб-продакшене»](#ai-в-веб-продакшене) * [AI и WordPress: обзор](./ai/) — WordPress как часть более широкого AI-стека веб-продакшена: архитектура, инструменты, плагины и тренды. * [LLMs.txt для AI-агентов](./ai/llms-txt-for-ai-agents) — Что это за файл, зачем он нужен и как подключать базу знаний или документацию к AI-агентам. * [AI-архитектура WordPress](./ai/wp-ai-architecture) — Abilities API, MCP Adapter, WP AI Client, Agent Skills — инфраструктура для AI-агентов. * [WordPress MCP Adapter: практический запуск для self-hosted](./ai/wordpress-mcp-adapter) — Установка, публикация Abilities, подключение AI-клиентов и безопасность. * [AI-инструменты для создания сайтов](./ai/ai-tools-wordpress) — AI Website Builder (.com) и opensource-альтернативы для self-hosted. * [ИИ-инструменты для веб-разработки](./ai/ai-dev-tools) — Cursor, Copilot, v0, Claude Code и другие AI-инструменты (2026). * [ИИ-команда агентов для WordPress](./ai/ai-agent-team) — Многоагентные AI-системы: Researcher, Writer, SEO, Editor, Support. * [Тренды AI в WordPress](./ai/ai-trends) — 7 ключевых трендов и прогнозы на будущее. * [Интеграция AI в WordPress](./ai/ai-integration) — Практическое руководство: плагины, API-ключи, риски. * [Каталог AI-плагинов и инструментов](./ai/ai-plugins-and-tools) — Полный обзор AI-плагинов по категориям. * [Реальные примеры AI на WordPress](./ai/ai-real-world) — 20 сайтов, использующих AI в production. ## Дизайн [Заголовок раздела «Дизайн»](#дизайн) * [Дизайн цифровых продуктов](./design/) — Обзор структуры раздела и универсальный процесс дизайна. ### Общие темы дизайна [Заголовок раздела «Общие темы дизайна»](#общие-темы-дизайна) * [Дизайн-системы в WordPress](./design/design-systems) — Atomic Design, компонентный подход и синхронизация токенов. * [Доступность (a11y)](./design/accessibility) — WCAG 2.2 AA и практики инклюзивного дизайна. ### Дизайн через ИИ [Заголовок раздела «Дизайн через ИИ»](#дизайн-через-ии) * [DESIGN.md: универсальный контракт дизайна](./design/ai/design-md) — Единая страница: Design as Code (tokens/pipeline), AI-контракт и адаптация под WordPress, JAM Stack и другие стеки. * [Impeccable: AI-дизайн для WordPress](./design/ai/impeccable) — Практика улучшения UI через AI-skill. ### Дизайн вебсайтов [Заголовок раздела «Дизайн вебсайтов»](#дизайн-вебсайтов) * [WordPress для дизайнеров](./design/websites/wordpress-for-designers) — Базовые инструменты дизайнера в WordPress. * [Style Book: гид по дизайну](./design/websites/style-book) — Визуальный style guide внутри block theme. * [Иерархия блочной темы](./design/websites/block-theme-hierarchy) — Архитектура блоков, шаблонов и template parts. * [Block-first мышление](./design/websites/block-first-mindset) — Проектирование интерфейса через переиспользуемые блоки. * [Site Editor для прототипирования](./design/websites/site-editor-prototyping) — Прототипирование в реальном контуре сайта. * [Настройки темы](./design/websites/theme-settings) — Global Styles: цвета, шрифты, отступы. * [theme.json — основа дизайн-системы](./design/websites/theme-json) — Единый конфиг визуальных правил. * [Figma → WordPress](./design/websites/figma-to-wordpress) — Синхронизация токенов и дизайн-пайплайна. * [Tailwind CSS v4 + daisyUI в блочной теме WordPress](./design/websites/tailwind-daisyui-wordpress) — Интеграция utility-first/компонентного слоя. * [Медиа-блоки](./design/websites/media-blocks) — Gallery, Media & Text, Cover. * [Карусели и слайдеры](./design/websites/carousel-slider) — Подходы и ограничения по доступности. * [Паттерны (Block Patterns)](./design/websites/patterns/) — Каталог и практики использования паттернов. ### Дизайн сервисов (UI/UX) [Заголовок раздела «Дизайн сервисов (UI/UX)»](#дизайн-сервисов-uiux) * [Композиция макетов](./design/services-ui-ux/layout-composition) — Каркас интерфейса: Group, Row/Stack, Columns. * [Отступы и размеры](./design/services-ui-ux/dimensions-spacing) — Пространственная система UI. ## Интернет-маркетинг [Заголовок раздела «Интернет-маркетинг»](#интернет-маркетинг) * [Интернет-маркетинг](./marketing/) — Обзор всех подвидов интернет-маркетинга: SEO, контент-маркетинг, PPC/CPC, CPA, AEO/GEO. * [Определение и основы](./marketing/internet-marketing/) — Что такое интернет-маркетинг, направления, модель 4P, преимущества, метрики. * [SEO (поисковая оптимизация)](./marketing/internet-marketing/seo) — Типы SEO, алгоритмы Google и Яндекса, тренды и ошибки 2026. * [Контент-маркетинг](./marketing/internet-marketing/content-marketing) — Стратегия, форматы, каналы, пошаговый запуск, метрики эффективности. * [PPC и CPC](./marketing/internet-marketing/ppc-cpc) — Реклама с оплатой за клик: модели, аукционы, оптимизация, формулы расчёта. * [CPA-маркетинг](./marketing/internet-marketing/cpa) — Модель оплаты за действие: виды офферов, CPA-сети, метрики. * [AEO и GEO](./marketing/aeo-geo) — Оптимизация для AI-поиска: ChatGPT, Perplexity, Google AI Overviews. * [MARKETING.md: протокол AI-маркетинга](./marketing/marketing-md) — Парадигма и контракт автономного маркетинга: objectives & guardrails, циклы оптимизации, структура правил для AI-агентов. ## Руководства [Заголовок раздела «Руководства»](#руководства) * [Как установить WordPress?](./wordpress/faq/how-to/how-to-install-wordpress) — Три способа установки WordPress: автоустановка, WP-CLI и ручной метод. * [Как обновить WordPress?](./wordpress/faq/how-to/how-to-update-wordpress) — Обновление ядра, плагинов, тем и PHP с безопасным порядком действий. * [Как сбросить пароль WordPress?](./wordpress/faq/how-to/how-to-reset-wp-password) — Четыре рабочих способа восстановления доступа к админке. * [Как мигрировать WordPress?](./wordpress/faq/how-to/how-to-migrate-wordpress) — Смена домена, перенос между хостингами и миграция с WordPress.com. * [Хостинг для WordPress: как выбрать](./wordpress/faq/how-to/wordpress-hosting) — Типы хостинга (shared, VPS, облачный, managed), критерии выбора, managed-альтернативы для self-hosted. * [Типовые сайты и проекты](./wordpress/faq/how-to/website-types-and-projects) — 7 базовых сценариев: контекст, стек и бриф для выбора типа проекта. * [Управление несколькими сайтами WordPress](./wordpress/faq/how-to/multiple-sites-management) — Multisite, MainWP, переключение между сайтами, перенос доменов. * [Работа с разработчиком WordPress](./wordpress/faq/how-to/working-with-developer) — Как безопасно добавить разработчика, управлять правами и удалить доступ после работы. * [Как изменить адрес сайта WordPress](./wordpress/faq/how-to/change-site-url) — Смена URL сайта: через админку, WP-CLI, wp-config.php или базу данных. * [Мобильные приложения для WordPress](./wordpress/faq/how-to/mobile-apps) — Jetpack-приложение и альтернативы для управления сайтом с телефона. * [Настройка S3-хранилища для WordPress](./wordpress/faq/how-to/s3-setup-wordpress) — Пошаговое руководство: выбор провайдера, бакет, IAM, плагин, миграция, CDN, проверка. * [Как вести базу знаний WordPress](./wordpress/faq/how-to/knowledge-base-workflow) — Практический шаблон страницы: структура, связи и рабочие примеры. ## Консоль / Админка [Заголовок раздела «Консоль / Админка»](#консоль--админка) * [Панель управления WordPress (`wp-admin`): базовая навигация](./wordpress/console/wordpress-dashboard-wp-admin-basics) — Практическая навигация по админке и безопасная работа команды. * [Admin Bar (панель инструментов WordPress)](./wordpress/console/admin-bar) — Элементы тулбара, настройка видимости и практические рецепты. * [Настройки обсуждения (комментарии)](./wordpress/console/discussion-settings) — Модерация, уведомления, аватары, антиспам-плагины для комментариев. * [Видимость сайта: управление приватностью](./wordpress/console/privacy-settings) — Как скрыть сайт от поисковиков или сделать приватным через плагины. ## Кэширование [Заголовок раздела «Кэширование»](#кэширование) * [Кэширование в WordPress: обзор](./wordpress/cache/) — Три вида кэширования в ядре: страничный кэш, объектный кэш, transients — как связаны и когда что использовать. * [Кэширование страниц](./wordpress/cache/page-cache) — Плагины page cache: WP Super Cache, W3 Total Cache, Batcache, Surge, WP Rocket — сравнение архитектур, мультисерверность, выбор. * [Кэширование объектов](./wordpress/cache/object-cache) — Полный API WP\_Object\_Cache: функции, группы (глобальные, непостоянные), persistent backends Redis/Memcached, нюансы опций. * [Transients API](./wordpress/cache/transients) — Транзитное кэширование с TTL: хранение в БД vs внешний object cache, матрица выбора object cache / transient / option. * [Surge: статический кэш без настроек](./wordpress/cache/surge) — Zero-config page cache от Konstantin Kovshenin: WP-CLI, 1000–2500 RPS на слабом VPS, исключения, WooCommerce. * [Кэширование WordPress: инфраструктурный уровень](./wordpress/cache/server-level-cache) — Браузерный кэш, OPcache, Varnish, Nginx FastCGI — многоуровневая схема и выбор стратегии. ## Плагины [Заголовок раздела «Плагины»](#плагины) * [Плагины WordPress: основы выбора и установки](./wordpress/plugins/plugins-basics) — Как безопасно выбирать, устанавливать и управлять плагинами. * [SEO-плагины WordPress: сравнение и выбор](./wordpress/plugins/seo-plugins) — The SEO Framework, Rank Math, Yoast SEO, AIOSEO, SEOPress — функции, цены, производительность, Site Kit for Yandex. * [WooCommerce: основы настройки интернет-магазина](./wordpress/plugins/woocommerce-basics) — Быстрый старт: темы, товары, оплата, доставка, налоги. * [Плагины членства (membership) для WordPress](./wordpress/plugins/membership-plugins) — Создание membership-сайта: MemberPress, Simple Membership, курсы, форумы. * [Плагины для S3-хранилищ WordPress](./wordpress/plugins/s3-plugins) — Полное сравнение и гайды: S3 Uploads (Human Made), WP Offload Media (установка, CDN, CloudFront), Media Cloud, Next3 Offload, Infinite Uploads. * [Enable Abilities for MCP](./wordpress/ai/enable-abilities-for-mcp) — 71 готовая Ability для MCP Adapter: контент, SEO, WooCommerce, Elementor, llms.txt, кэш. Установка, безопасность, сценарии. ## Темы [Заголовок раздела «Темы»](#темы) * [Темы, child theme и Customizer: основы](./wordpress/themes/themes-child-themes-customizer) — Выбор тем, как создать child theme и работать с Customizer без потери изменений. * [Типы тем WordPress: block, classic, hybrid, universal](./wordpress/themes/theme-types) — Сравнение типов тем: какой редактор, кастомизация и для каких задач. * [Выбор и настройка темы](./wordpress/themes/choose-and-setup-theme) — Как найти, установить, активировать и настроить тему после активации. * [Site Editor: визуальное редактирование](./wordpress/themes/site-editor) — Редактирование шапки, подвала, шаблонов и стилей без кода. * [Шаблоны WordPress: создание, редактирование, удаление](./wordpress/themes/templates) — Управление шаблонами: просмотр, сброс, удаление пользовательских шаблонов. * [Customizer: полное руководство](./wordpress/themes/customizer) — Все секции: идентификация сайта, цвета, контент-опции, меню, виджеты. * [Кастомный CSS в WordPress](./wordpress/themes/custom-css) — Три способа добавить CSS: Customizer, child theme, Site Editor + классы блоков. * [Практики веб-дизайна для WordPress](./wordpress/themes/design-best-practices) — Планирование структуры, навигация, изображения, доступность, производительность. ## QA и тестирование [Заголовок раздела «QA и тестирование»](#qa-и-тестирование) * [QA и тестирование WordPress](./wordpress/testing/) — Полный раздел по обеспечению качества: автоматизированное тестирование, ручная проверка, доступность, производительность. * [Автоматическое тестирование](./wordpress/testing/auto-testing/) — Unit, интеграционные и E2E-тесты: когда какой вид применять, инструменты и best practices. * [QA и тестирование WordPress](./wordpress/testing/) — Стратегия тестирования: три подхода (Ice Cream Cone, Трофей, Пирамида), ручное тестирование, исследовательские сессии. * [Unit-тесты с PHPUnit](./wordpress/testing/auto-testing/unit-tests-phpunit) — Полное руководство: Composer, `WP_UnitTestCase`, фабрика, тестирование CPT, GitHub Actions. * [Интеграционные тесты: Pest + WP-CLI](./wordpress/testing/auto-testing/pest-wp-cli) — Стек Pest PHP + WP-CLI + `wp-env`: фикстуры, транзакции, Makefile. * [E2E-тесты с Playwright](./wordpress/testing/auto-testing/e2e-tests-playwright) — Полное руководство: `wp-env`, Playwright, написание и запуск E2E-тестов. ## Глоссарий [Заголовок раздела «Глоссарий»](#глоссарий) * [Глоссарий терминов WordPress](./wordpress/cheatsheet/wordpress-glossary) — Словарь ключевых терминов: от админки и блоков до тем, плагинов и DNS. ## Шпаргалки и чек-листы [Заголовок раздела «Шпаргалки и чек-листы»](#шпаргалки-и-чек-листы) * [functions.php: базовые сниппеты](./wordpress/cheatsheet/functions-php-essentials) — Подключение стилей/скриптов, регистрация меню, theme supports, виджеты. * [WP\_Query: рецепты запросов](./wordpress/cheatsheet/wp-query-recipes) — Готовые шаблоны выборок: категории, мета-поля, CPT, дата, пагинация. * [Хуки WordPress: шпаргалка](./wordpress/cheatsheet/hooks-cheatsheet) — Топ actions и filters с примерами: save\_post, the\_content, pre\_get\_posts и другие. * [Icons API: SVG-иконки в WordPress 7.0 и 7.1](./wordpress/cheatsheet/icons-api) — Коллекции, wp\_register\_icon(), wp\_get\_icon(), REST API, блок Icon и обходные пути для 7.0. * [Блок Custom HTML: вставка кода и редактируемые слоты](./wordpress/cheatsheet/custom-html-block) — Панели HTML/CSS/JS (WP 7.0), unfiltered\_html, innerContent-вариации (WP 7.1). * [Чек-лист запуска в продакшен](./wordpress/cheatsheet/production-checklist) — Операционная готовность, безопасность, надёжность, производительность и расходы перед запуском. ## Юридические требования [Заголовок раздела «Юридические требования»](#юридические-требования) * [Обязательные юридические страницы](./legal/required-pages) — Минимальный набор документов: Политика конфиденциальности и реквизиты компании. * [Рекомендуемые юридические страницы](./legal/optional-pages) — Пользовательское соглашение, Публичная оферта, Политика cookies. * [Требования по типам сайтов](./legal/by-website-type) — Матрица: какие документы нужны для магазина, SaaS, курсов, блога и других типов. * [Технические аспекты реализации](./legal/implementation-checklist) — Как разместить юридические документы: размещение в подвале, чекбоксы согласия, cookie-баннер. * [Последствия несоблюдения](./legal/consequences-and-risks) — Штрафы от Роскомнадзора, блокировка платежей, судебные разбирательства, репутационные риски. ### Шаблоны юридических документов [Заголовок раздела «Шаблоны юридических документов»](#шаблоны-юридических-документов) * [Каталог шаблонов](./legal/templates/) — Готовые шаблоны для адаптации под ваш сайт. * [Шаблон: Политика конфиденциальности](./legal/templates/privacy-policy-template) — Основной документ про обработку персональных данных (152-ФЗ). * [Шаблон: Пользовательское соглашение](./legal/templates/terms-of-service-template) — Правила использования сайта и ограничение ответственности. * [Шаблон: Публичная оферта](./legal/templates/public-offer-template) — Договор для продажи товаров и услуг (доставка, возврат, оплата). * [Шаблон: Политика cookies](./legal/templates/cookie-policy-template) — Описание cookies и управление согласием на отслеживание. * [Шаблон: Договор на разработку ПО (Agile/фриланс)](./legal/templates/contract-freelance) — Помесячный Agile-договор между самозанятым фрилансером и компанией-заказчиком с недельным review, авансом на следующий месяц и итоговой оплатой по результатам месяца. * [Шаблон: Договор оказания услуг (общий)](./legal/templates/contract-services) — Универсальный договор с оформлением услуг через ТЗ. Внутри: сам договор + 3 шаблона ТЗ (на задачу, на диагностику, на разработку). ---------- # 404 > Страница не найдена # Страница не найдена [Заголовок раздела «Страница не найдена»](#страница-не-найдена) Запрошенная страница отсутствует в базе знаний. * Перейдите в [Index](../) * Проверьте путь в адресной строке ---------- # AI в веб-продакшене и WordPress > Обзор AI-подходов в веб-продакшене: архитектура, процессы и инструменты, где WordPress — одно из ключевых направлений. ## Что происходит с AI в веб-продакшене [Заголовок раздела «Что происходит с AI в веб-продакшене»](#что-происходит-с-ai-в-веб-продакшене) К 2026 году искусственный интеллект перестал быть хайпом и стал фундаментальной частью веб-продакшена: от исследований и контента до инженерии, QA и эксплуатации. В этом разделе основной фокус на WordPress-направлении как на одном из самых востребованных стеков внедрения AI в production-проекты. Вот ключевые направления: * [**LLMs.txt для AI-агентов**](./llms-txt-for-ai-agents) — Что это за файл, как его публиковать и как подключать документацию к AI-агентам * [**AI-архитектура WordPress**](./wp-ai-architecture) — Abilities API, MCP Adapter, WP AI Client, Agent Skills * [**WordPress MCP Adapter: практический запуск**](./wordpress-mcp-adapter) — Установка, публикация Abilities, конфиги MCP-клиентов и безопасность * [**AI-инструменты для создания сайтов**](./ai-tools-wordpress) — От WordPress.com AI Builder до opensource-альтернатив * [**ИИ-инструменты для веб-разработки**](./ai-dev-tools) — Cursor, Copilot, v0, Claude Code и другие * [**ИИ-команда агентов**](./ai-agent-team) — Многоагентные системы для автоматизации контент-маркетинга * [**Тренды AI в WordPress**](./ai-trends) — 7 ключевых трендов и прогнозы на будущее * [**Интеграция AI в WordPress**](./ai-integration) — Практическое руководство: с чего начать, плагины, риски * [**Каталог AI-плагинов и инструментов**](./ai-plugins-and-tools) — Полный обзор по категориям * [**Реальные примеры AI на WordPress**](./ai-real-world) — 20 сайтов, использующих AI в production ## Ключевой принцип [Заголовок раздела «Ключевой принцип»](#ключевой-принцип) WordPress не делает ставку на «своего» агента. Платформа создаёт **инфраструктуру** — единые протоколы и API, через которые любые AI-системы могут работать с WordPress. Это как с базами данных: никто не проверяет «а есть ли MySQL», прежде чем использовать `get_post_meta()`. AI должен стать таким же фундаментальным слоем. ## Связанные разделы [Заголовок раздела «Связанные разделы»](#связанные-разделы) * [MARKETING.md: протокол AI-маркетинга](../marketing/marketing-md) — AI-агенты в маркетинге: контракт, автономные циклы и правила исполнения * [Claude Code и AI-инструменты для маркетологов](../marketing/claude-code-for-marketers) — Практические кейсы использования Claude Code в маркетинге * [Автоматизация маркетинга в WordPress](../marketing/wordpress-marketing-automation) — Uncanny Automator, FluentCRM, WooCommerce-автоматизация ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [wpcraft.ru/ai — обзорная страница](https://wpcraft.ru/ai) ---------- # ИИ-команда агентов для WordPress > Многоагентные ИИ-системы для WordPress: Researcher, Writer, SEO, Editor, Support — как сайт работает как компания с ИИ-сотрудниками 24/7. ## Что такое ИИ-команда агентов [Заголовок раздела «Что такое ИИ-команда агентов»](#что-такое-ии-команда-агентов) Это многоагентная ИИ-система, где каждый агент — узкоспециализированный «сотрудник» с чёткой ролью и доступом к инструментам сайта. WordPress-сайт работает как компания с отделами маркетинга, контента, поддержки и аналитики — только вместо людей трудятся ИИ-агенты. Они общаются друг с другом, ставят задачи, проверяют результат и запускают процессы 24/7. ## Состав команды [Заголовок раздела «Состав команды»](#состав-команды) | Роль | Функции | | ------------------------- | ----------------------------------------------------- | | **Researcher** | Ищет актуальную информацию, тренды, темы для контента | | **Content Writer** | Пишет статьи, посты, email-рассылки | | **SEO Specialist** | Оптимизирует тексты, мета-теги, следит за позициями | | **Editor & Fact-checker** | Проверяет факты, стиль, грамматику | | **Social Media Manager** | Адаптирует контент под соцсети, публикует | | **Support Agent** | Отвечает на комментарии, сообщения в чате | | **Analyst** | Собирает данные по трафику и конверсиям | Агенты общаются через общий оркестратор (CrewAI, AutoGen, LangGraph) и используют WordPress REST API + плагины (AI Engine, Flowise, n8n). ## Сценарии использования [Заголовок раздела «Сценарии использования»](#сценарии-использования) ### Автоматический контент-маркетинг [Заголовок раздела «Автоматический контент-маркетинг»](#автоматический-контент-маркетинг) Researcher находит темы → Writer пишет → SEO оптимизирует → Editor проверяет → Social Manager публикует. Весь цикл на автопилоте. ### Персонализированная поддержка [Заголовок раздела «Персонализированная поддержка»](#персонализированная-поддержка) Support Agent отвечает на 90% комментариев и сообщений 24/7. Сложные кейсы эскалируются человеку. ### SEO-автопилот [Заголовок раздела «SEO-автопилот»](#seo-автопилот) Ежедневный аудит сайта, генерация мета-тегов, построение внутренних ссылок и контент-кластеров. ### Email-маркетинг и лидогенерация [Заголовок раздела «Email-маркетинг и лидогенерация»](#email-маркетинг-и-лидогенерация) Анализ поведения → персонализированные рассылки → A/B-тестирование тем и контента. ## Технический стек [Заголовок раздела «Технический стек»](#технический-стек) * **Оркестратор:** CrewAI, LangGraph (Python) + webhook * **Модель ИИ:** Claude 3.5, GPT-4o, Grok-3 * **Доступ к WordPress:** REST API + JWT или WPGraphQL * **Инструменты:** n8n / Make.com, Vector Database (Pinecone/Qdrant), GA4 + Search Console API, Yoast / Rank Math * **Безопасность:** изолированные контейнеры, логирование, лимиты на запросы ## Ключевые особенности [Заголовок раздела «Ключевые особенности»](#ключевые-особенности) * **Иерархия и роли** — как в компании: CEO-агент ставит цели, распределяет задачи * **Память команды** — агенты помнят предыдущие проекты и стиль бренда * **Self-correction** — если результат плохой, агент сам запускает ревью и переделку * **Человек-в-цикле** — можно подключиться и скорректировать на любом этапе * **Масштабируемость** — от 3 агентов для блога до 15+ для крупного медиа ## Практические результаты [Заголовок раздела «Практические результаты»](#практические-результаты) * Контент производится в 5–7× быстрее при том же качестве * Снижение рутинных задач на 70–85% * Система учится на вашем сайте: чем дольше работает, тем лучше понимает нишу ## Ограничения [Заголовок раздела «Ограничения»](#ограничения) * Требует технической настройки (Python, API-ключи, webhook’и) * Стоимость API-вызовов к AI-моделям * Финал-контроль человека обязателен для факт-чекинга * Не заменяет стратегическое мышление — автоматизирует исполнение ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [ИИ-команда агентов для веб сайтов — wpcraft.ru](https://wpcraft.ru/ai/team) ---------- # ИИ-инструменты для веб-разработки (2026) > Обзор AI-инструментов для веб-разработки: Cursor, GitHub Copilot, v0, Claude Code и другие код-ассистенты, ускоряющие разработку в 3–10 раз. ## Что такое нейросети для веб-разработки [Заголовок раздела «Что такое нейросети для веб-разработки»](#что-такое-нейросети-для-веб-разработки) В 2026 году AI-инструменты на базе LLM (больших языковых моделей — GPT, Claude, Gemini) стали стандартом веб-разработки. Обученные на миллиардах строк кода, они: * Генерируют HTML/CSS/JS, React, Next.js, Tailwind, Shadcn/ui * Собирают целые страницы и full-stack приложения из текстового описания * Понимают codebase целиком, редактируют несколько файлов одновременно * Пишут тесты, рефакторят и даже деплоят ## Три типа AI-инструментов [Заголовок раздела «Три типа AI-инструментов»](#три-типа-ai-инструментов) ### 1. Код-ассистенты (в IDE) [Заголовок раздела «1. Код-ассистенты (в IDE)»](#1-код-ассистенты-в-ide) Встроены в среду разработки, подсказывают и дополняют код: * **Cursor** — полноценная IDE с AI-агентом; понимает весь проект, многофайловые правки * **GitHub Copilot** — inline-подсказки в любом IDE; самый популярный * **Claude Code** — агентное программирование в терминале; лучший reasoning для сложных задач ### 2. UI-генераторы [Заголовок раздела «2. UI-генераторы»](#2-ui-генераторы) Специализируются на интерфейсах: * **v0 by Vercel** — генерирует React/Tailwind/Shadcn компоненты; лучшее качество UI-кода * **Framer AI** — текст → дизайн → код * **Lovable** — быстрые прототипы с экспортом в GitHub ### 3. Автономные агенты [Заголовок раздела «3. Автономные агенты»](#3-автономные-агенты) Строят приложение почти без участия человека: * **Replit Agent** — пишет, тестирует и деплоит full-stack приложения в браузере * **Bolt.new** — vibe-coding: быстрый прототип и экспорт ## Сравнение инструментов (2026) [Заголовок раздела «Сравнение инструментов (2026)»](#сравнение-инструментов-2026) | Инструмент | Лучше всего | Особенности | Цена | | ------------------ | ------------------------------ | ------------------------- | -------------- | | Cursor | Полноценная IDE + агент | Понимает весь проект | $20/мес | | GitHub Copilot | Inline-подсказки | Самый популярный | $10–19/мес | | v0 by Vercel | UI-компоненты (React/Tailwind) | Лучшее качество UI | Freemium + $20 | | Claude Code | Агентное программирование | Лучший reasoning | $20/мес | | Replit Agent | Full-stack приложения | Пишет, тестирует, деплоит | $25/мес | | Lovable / Bolt.new | Vibe-coding | Прототипы + экспорт | $20–25/мес | ## Сценарии использования [Заголовок раздела «Сценарии использования»](#сценарии-использования) ### Быстрая сборка страниц и landing pages [Заголовок раздела «Быстрая сборка страниц и landing pages»](#быстрая-сборка-страниц-и-landing-pages) Промпт → готовый React + Tailwind компонент или целая страница. v0.dev или Lovable. ### Full-stack приложения [Заголовок раздела «Full-stack приложения»](#full-stack-приложения) Replit Agent, Bolt.new или Cursor: «Сделай SaaS-дашборд с авторизацией Supabase, Stripe и админкой». ### Прототипирование и MVP [Заголовок раздела «Прототипирование и MVP»](#прототипирование-и-mvp) За 10–30 минут — рабочий прототип сайта. Идеально для проверки гипотез. ### Написание и рефакторинг кода [Заголовок раздела «Написание и рефакторинг кода»](#написание-и-рефакторинг-кода) Автодополнение в Cursor/Copilot, многофайловые правки, генерация тестов. ### Дизайн → код [Заголовок раздела «Дизайн → код»](#дизайн--код) Framer AI или v0 превращают текстовое описание или скетч в чистый код. ### Отладка и оптимизация [Заголовок раздела «Отладка и оптимизация»](#отладка-и-оптимизация) «Найди баги и оптимизируй под Lighthouse 95+». ## Что меняет правила игры [Заголовок раздела «Что меняет правила игры»](#что-меняет-правила-игры) * **Контекст проекта** — ИИ помнит всю кодовую базу (Cursor и Claude Code видят тысячи строк одновременно) * **Агентный режим** — ИИ сам планирует, ищет информацию, пишет тесты, деплоит * **Экспорт в реальный код** — чистый, понятный код (особенно v0 и Lovable) * **Интеграция** — GitHub, Vercel, Supabase, Stripe прямо из чата ## Золотая комбинация 2026 [Заголовок раздела «Золотая комбинация 2026»](#золотая-комбинация-2026) **Cursor + v0** — код-ассистент для бэкенда и логики + UI-генератор для интерфейсов. Покрывает 90% задач веб-разработки. ## Ограничения и ответственность [Заголовок раздела «Ограничения и ответственность»](#ограничения-и-ответственность) * Разработка ускоряется в 3–10 раз, но AI — инструмент, не замена разработчика * Код часто лучше среднего junior/middle, но архитектуру, безопасность и бизнес-логику делает человек * AI может выдавать устаревшие паттерны или игнорировать депрекации * Без code review AI-код может содержать уязвимости ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Нейросети для веб разработки — wpcraft.ru](https://wpcraft.ru/ai/web-dev) * [Best AI For WordPress Development — starlitdevs.com](https://starlitdevs.com/best-ai-for-wordpress-development/) ---------- # Интеграция AI в WordPress: практическое руководство > Как интегрировать искусственный интеллект в WordPress: выбор плагинов, API-интеграция, риски и лучшие практики. ## Зачем интегрировать AI в WordPress [Заголовок раздела «Зачем интегрировать AI в WordPress»](#зачем-интегрировать-ai-в-wordpress) Глобальный рынок AI приближается к $300 млрд (2026), 83% компаний считают AI приоритетом. На WordPress работает более 455 млн сайтов — интеграция AI открывает возможности для автоматизации, персонализации и оптимизации. ## Три способа интеграции [Заголовок раздела «Три способа интеграции»](#три-способа-интеграции) ### 1. WordPress AI-инструменты [Заголовок раздела «1. WordPress AI-инструменты»](#1-wordpress-ai-инструменты) Внешние AI-системы, которые взаимодействуют с WordPress через API: * **ChatGPT / Claude** — генерация структуры сайта, текстов, кода * **Midjourney / DALL-E** — уникальные изображения для контента * **GitHub Copilot / Cursor** — написание кода тем и плагинов Плюсы: максимальная гибкость. Минусы: требуется ручная интеграция. ### 2. WordPress AI-плагины [Заголовок раздела «2. WordPress AI-плагины»](#2-wordpress-ai-плагины) Готовые решения из репозитория WordPress.org: * **AI Engine** — ChatGPT в админке, чат-боты, контент * **Rank Math AI** — SEO-оптимизация с AI * **WordLift** — семантическое SEO и schema markup * **Tidio** — AI-чат-бот для поддержки Плюсы: простая установка. Минусы: ограничены функциональностью плагина. ### 3. AI-конструкторы страниц [Заголовок раздела «3. AI-конструкторы страниц»](#3-ai-конструкторы-страниц) Билдеры со встроенным AI: * **Elementor AI** — текст, CSS, переводы в редакторе * **Divi AI** — контент и лейауты * **10Web AI Builder** — автоматическая генерация сайта ## С чего начать [Заголовок раздела «С чего начать»](#с-чего-начать) ### Шаг 1. Определите задачу [Заголовок раздела «Шаг 1. Определите задачу»](#шаг-1-определите-задачу) Какую проблему решает AI? * Генерация контента → AI Engine / Jetpack AI * SEO → Rank Math AI / WordLift * Поддержка → Tidio / WP-Chatbot * Безопасность → Wordfence / MalCare ### Шаг 2. Проверьте совместимость [Заголовок раздела «Шаг 2. Проверьте совместимость»](#шаг-2-проверьте-совместимость) * Версия WordPress (рекомендуется 6.4+) * Тема и другие плагины — читайте документацию * PHP-версия и лимиты памяти ### Шаг 3. Настройте API-ключи [Заголовок раздела «Шаг 3. Настройте API-ключи»](#шаг-3-настройте-api-ключи) Большинство AI-плагинов требуют API-ключ: * OpenAI (ChatGPT) — [platform.openai.com](https://platform.openai.com) * Anthropic (Claude) — [console.anthropic.com](https://console.anthropic.com) * Google (Gemini) — [aistudio.google.com](https://aistudio.google.com) Храните ключи безопасно: через `wp-config.php` или переменные окружения. ### Шаг 4. Тестируйте [Заголовок раздела «Шаг 4. Тестируйте»](#шаг-4-тестируйте) Начните с одной функции. Оцените результат. Расширяйте постепенно. ## Риски и ограничения [Заголовок раздела «Риски и ограничения»](#риски-и-ограничения) ### Технические [Заголовок раздела «Технические»](#технические) * API-интеграция требует технических навыков * Высокая нагрузка на сервер при активном использовании * Обратная совместимость при обновлениях ### Данные и приватность [Заголовок раздела «Данные и приватность»](#данные-и-приватность) * AI работает с данными, которые нужно безопасно собирать и хранить * Проверяйте privacy policy AI-провайдера * Соблюдайте требования 152-ФЗ (для РФ) ### Качество [Заголовок раздела «Качество»](#качество) * AI может выдавать некорректный контент * Требуется человеческий контроль и редактура * Юридические и регуляторные требования AI не понимает ## Преимущества [Заголовок раздела «Преимущества»](#преимущества) * **Персонализация контента** — AI рекомендует контент на основе поведения * **Умный поиск** — голосовой поиск и семантический поиск * **Predictive analytics** — прогнозирование поведения пользователей * **Автоматическая безопасность** — AI-антибот, обнаружение вредоносного кода ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [How to Integrate AI into WordPress — ravaremtech.com](https://www.ravaremtech.com/how-to-integrate-artificial-intelligence-into-wordpress-2025/) ---------- # Каталог AI-плагинов и инструментов для WordPress > Полный каталог AI-плагинов для WordPress по категориям: контент, SEO, безопасность, чат-боты, производительность, аналитика. ## Как выбирать AI-плагины [Заголовок раздела «Как выбирать AI-плагины»](#как-выбирать-ai-плагины) * ✅ Совместимость с вашей версией WP и темой * ✅ Активные установки и рейтинг в репозитории .org * ✅ Регулярные обновления и поддержка * ✅ Понятная модель ценообразования * ✅ Не дублирует функции других плагинов ## Контент и копирайтинг [Заголовок раздела «Контент и копирайтинг»](#контент-и-копирайтинг) | Плагин | Что делает | Установок | Цена | | -------------------------- | ------------------------------------------------- | ---------- | ---------- | | **AI Engine** (Jordy Meow) | ChatGPT в админке: контент, чат-боты, изображения | 50 000+ | Freemium | | **Jetpack AI Assistant** | Генерация и улучшение текстов в редакторе | 4 000 000+ | Freemium | | **Bertha AI** | AI-тексты в Gutenberg, Elementor, Divi | 10 000+ | Freemium | | **Jasper** | Длинные блог-посты, реклама, tone of voice | SaaS | От $49/мес | ## SEO [Заголовок раздела «SEO»](#seo) | Плагин | Что делает | Установок | Цена | | ---------------- | ----------------------------------------------- | ---------- | ---------- | | **Rank Math AI** | Ключевые слова, мета-описания, schema | 3 000 000+ | Freemium | | **Yoast SEO AI** | Мета-описания, readability, формулировки | 5 000 000+ | Premium | | **WordLift** | NLP-семантическое SEO, структурированные данные | 500+ | Freemium | | **SurferSEO** | AI-анализ топ-страниц, рекомендации | SaaS | От $89/мес | ## Чат-боты и поддержка [Заголовок раздела «Чат-боты и поддержка»](#чат-боты-и-поддержка) | Плагин | Что делает | Установок | Цена | | ----------------------- | -------------------------------- | --------- | -------- | | **Tidio** | Live chat + AI-автоматизация FAQ | 100 000+ | Freemium | | **WP-Chatbot** (OpenAI) | ChatGPT-чат на сайте | 10 000+ | Freemium | | **WPBot** | AI-чат-бот с NLP | 5 000+ | От $39 | ## Безопасность [Заголовок раздела «Безопасность»](#безопасность) | Плагин | Что делает | Установок | Цена | | ------------- | --------------------------------------- | ---------- | ----------- | | **Wordfence** | AI-обнаружение угроз, файрвол | 5 000 000+ | Freemium | | **MalCare** | AI-сканирование, одно-кликовое удаление | 100 000+ | От $149/год | | **Akismet** | AI-антиспам для комментариев | 6 000 000+ | Freemium | | **Sucuri** | AI-обнаружение вредоносного ПО | 800 000+ | От $229/год | ## Производительность [Заголовок раздела «Производительность»](#производительность) | Плагин | Что делает | Установок | Цена | | ------------------------ | -------------------------------- | ---------- | ---------- | | **NitroPack** | ML-кэширование, минификация, CDN | 200 000+ | От $21/мес | | **EWWW Image Optimizer** | AI-сжатие без потери качества | 1 000 000+ | Freemium | ## Автоматизация [Заголовок раздела «Автоматизация»](#автоматизация) | Плагин | Что делает | Установок | Цена | | --------------------- | ----------------------------- | --------- | -------- | | **Uncanny Automator** | «Zapier для WP» + AI-триггеры | 50 000+ | Freemium | ## MCP и инфраструктура для AI-агентов [Заголовок раздела «MCP и инфраструктура для AI-агентов»](#mcp-и-инфраструктура-для-ai-агентов) | Плагин | Что делает | Цена | | ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ | --------- | | **Enable Abilities for MCP** | 71 готовая Ability для MCP Adapter: контент, SEO (Rank Math/SEOPress/Yoast), WooCommerce, Elementor, llms.txt, кэш — с тумблерами вкл/выкл | Бесплатно | Подробный разбор: [Enable Abilities for MCP](../../wordpress/ai/enable-abilities-for-mcp). Установка транспорта: [WordPress MCP Adapter](../wordpress-mcp-adapter). ## Аналитика [Заголовок раздела «Аналитика»](#аналитика) | Инструмент | Что делает | Цена | | ---------------------- | -------------------------------------- | --------- | | **Google Analytics 4** | AI-инсайты: конверсии, вовлечённость | Бесплатно | | **PaveAI** | GA-данные → маркетинговые рекомендации | SaaS | ## AI-конструкторы сайтов [Заголовок раздела «AI-конструкторы сайтов»](#ai-конструкторы-сайтов) | Инструмент | Что делает | Цена | | -------------------- | -------------------------------------- | ---------- | | **10Web AI Builder** | Генерация сайта по описанию, Elementor | От $10/мес | | **Elementor AI** | Текст, CSS, переводы в билдере | Freemium | | **Divi AI** | Контент и лейауты в Divi | Freemium | ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [10 AI Plugins Every WP Developer Should Use — rainstreamweb.com](https://rainstreamweb.com/blog/10-ai-plugins-that-every-wordpress-developer-should-use-in-2025/) * [Best AI For WordPress Development — starlitdevs.com](https://starlitdevs.com/best-ai-for-wordpress-development/) * [WordPress AI Trends 2025 — biztechnosys.com](https://biztechnosys.com/wordpress-ai-trends-2025-smarter-sites-better-results/) ---------- # Реальные примеры AI на сайтах WordPress > 20 сайтов на WordPress, использующих AI в production: от Kinsta и TED Blog до Yoast и Smashing Magazine. ## AI в действии [Заголовок раздела «AI в действии»](#ai-в-действии) AI доступен не только тех-гигантам. Благодаря WordPress-плагинам компании любого размера внедряют AI для контента, поддержки и SEO. Вот 20 реальных примеров. ## 20 сайтов с AI на WordPress [Заголовок раздела «20 сайтов с AI на WordPress»](#20-сайтов-с-ai-на-wordpress) | # | Сайт | AI-инструмент | Сценарий | | -- | ------------------------- | --------------------------- | -------------------------- | | 1 | **Kinsta** | Tidio AI + ChatBot.com | Автоматическая поддержка | | 2 | **TED Blog** | AI Engine + OpenAI | Суммаризация контента | | 3 | **Bertha.ai** | Собственное ChatGPT API | AI-копирайтинг в редакторе | | 4 | **AddWeb Solution** | AI Engine + RankMath AI | Контент, мета, FAQ | | 5 | **Uncanny Owl** | Кастомный AI-чат-бот | Поддержка студентов в LMS | | 6 | **HubSpot Blog** | Jasper AI | Массовые блог-аутлайны | | 7 | **WPDeveloper** | AI Engine, ChatGPT blocks | Демо, туториалы, докум. | | 8 | **Tidio** | Свой Tidio AI (Lyro) | Лидогенерация и поддержка | | 9 | **Colorlib** | AI-контент + Rank Math | SEO-блогинг | | 10 | **CodeinWP** | AI-генератор сравнений | Сравнения плагинов/тем | | 11 | **Elegant Themes (Divi)** | Divi AI | Контент и лейауты | | 12 | **Automattic (WP.com)** | Jetpack AI Assistant | Генерация идей и текстов | | 13 | **Envato Tuts+** | AI-саммари и анонсы | Образовательный контент | | 14 | **Yoast SEO Blog** | RankMath AI-инструменты | Ключевые слова, SEO-теги | | 15 | **WPBeginner** | WPBot, ChatGPT для FAQ | Умный поиск и поддержка | | 16 | **Neil Patel Blog** | Jasper + AI-аудит | Масштабирование контента | | 17 | **Pagely** | Tidio + кастомные AI-потоки | Поддержка 24/7 | | 18 | **Smashing Magazine** | AI-пруфридинг, темы | Редакционное качество | | 19 | **Themeisle** | AI Engine + GPT | Контент, авто-ответы | | 20 | **WebDesignerDepot** | GPT-подсказки | Подборки, обновления блога | ## Выводы [Заголовок раздела «Выводы»](#выводы) * AI на WordPress — не теория, а практика. Крупнейшие игроки экосистемы (Kinsta, Yoast, Elegant Themes) используют AI ежедневно. * Самые популярные сценарии: контент-генерация, поддержка, SEO. * Большинство используют готовые плагины (AI Engine, Rank Math, Tidio, Jetpack AI). * AI не заменяет людей, а усиливает: пруфридинг, генерация идей, автоматизация рутины. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [20 WordPress Sites Likely Using AI Tools in 2025 — addwebsolution.com](https://www.addwebsolution.com/blog/20-wordpress-sites-likely-using-ai-tools-in-2025) * [How AI Is Changing WordPress Development in 2025 — curbedsphere.com](https://curvedsphere.com/how-ai-is-changing-wordpress-development/) ---------- # AI-инструменты для создания сайтов на WordPress > Обзор AI-инструментов для создания и редактирования сайтов: от встроенного WordPress.com AI Website Builder до opensource-альтернатив для self-hosted WordPress. ## AI и WordPress [Заголовок раздела «AI и WordPress»](#ai-и-wordpress) Искусственный интеллект всё активнее используется в экосистеме WordPress — от генерации контента до создания целых сайтов. Возможности различаются между WordPress.com и self-hosted. Подробнее об архитектуре AI в WordPress читайте в [AI-архитектуре WordPress](../wp-ai-architecture). ## ⚠️ AI Website Builder (только WordPress.com) [Заголовок раздела «⚠️ AI Website Builder (только WordPress.com)»](#️-ai-website-builder-только-wordpresscom) WordPress.com предлагает встроенный AI Website Builder: * Создание полностью готового сайта по текстовому описанию * Кастомизация через чат с AI в сайдбаре * Использование темы Assembler * Бесплатно для создания; для запуска нужен платный план ## Альтернативы для self-hosted WordPress [Заголовок раздела «Альтернативы для self-hosted WordPress»](#альтернативы-для-self-hosted-wordpress) ### AI-контент и генерация сайтов [Заголовок раздела «AI-контент и генерация сайтов»](#ai-контент-и-генерация-сайтов) * **AI Engine** (Jordy Meow) — ChatGPT-интеграция: генерация контента, изображений, чат-боты, отслеживание токенов * **Bertha AI** — AI-ассистент в Gutenberg, Elementor и Divi: текст, изображения, многоязычный * **10Web AI Builder** — описываете сайт → AI генерирует готовый сайт на Elementor; сокращает время разработки до 70% * **AI Power** — генератор контента, AI-формы, чат-боты * **Jetpack AI Assistant** — генерация и улучшение текстов прямо в редакторе ### Генерация изображений [Заголовок раздела «Генерация изображений»](#генерация-изображений) * **Stable Diffusion** — через плагины или сторонние API * **Unsplash** — бесплатный сток в редакторе WordPress (встроен) * **Pexels / Pixabay** — через плагины для поиска royalty-free изображений ### Внешние AI-инструменты для дизайна [Заголовок раздела «Внешние AI-инструменты для дизайна»](#внешние-ai-инструменты-для-дизайна) * **ChatGPT / Claude** — генерация структуры сайта, текстов, идей для дизайна * **Midjourney / DALL-E** — генерация уникальных изображений * **Figma AI** — AI-помощь в дизайне макетов ## Советы по промптам для AI [Заголовок раздела «Советы по промптам для AI»](#советы-по-промптам-для-ai) * **Будьте конкретны:** «сделай кнопку синей» лучше чем «измени кнопку» * **Указывайте секцию:** «измени заголовок в блоке Услуги» * **Простым языком:** «сделай текст короче», «используй яркие цвета» * **Запрашивайте идеи:** «какие изображения подойдут для этой страницы?» * **Разбивайте на шаги:** обновляйте по одной секции за раз ## Ограничения AI [Заголовок раздела «Ограничения AI»](#ограничения-ai) * AI-контент требует проверки и редактуры человеком * Сгенерированные изображения могут иметь артефакты * AI не понимает юридических и регуляторных требований * E-commerce функциональность обычно требует ручной настройки * При чрезмерной опоре на AI дизайны могут становиться шаблонными ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [AI Website Builder — WordPress.com](https://wordpress.com/support/ai-website-builder/) * [How to Integrate AI into WordPress — ravaremtech.com](https://www.ravaremtech.com/how-to-integrate-artificial-intelligence-into-wordpress-2025/) * [10 AI Plugins Every WP Developer Should Use — rainstreamweb.com](https://rainstreamweb.com/blog/10-ai-plugins-that-every-wordpress-developer-should-use-in-2025/) ---------- # Тренды AI в WordPress (2025–2026) > Ключевые тренды AI в WordPress: от контент-генерации и чат-ботов до персонализации и self-learning сайтов. ## AI перестал быть хайпом [Заголовок раздела «AI перестал быть хайпом»](#ai-перестал-быть-хайпом) К 2025 году AI стал неотъемлемой частью разработки на WordPress. 800+ AI-плагинов, инструменты code generation и автоматизации меняют способ создания, оптимизации и управления сайтами. По данным Stack Overflow Developer Survey 2024: 70% разработчиков используют или планируют использовать AI-инструменты. ## 7 ключевых трендов [Заголовок раздела «7 ключевых трендов»](#7-ключевых-трендов) ### 1. AI-генерация контента [Заголовок раздела «1. AI-генерация контента»](#1-ai-генерация-контента) Инструменты вроде **Jetpack AI Assistant**, **Bertha.ai** и **Jasper** создают SEO-оптимизированные посты, описания товаров и лендинги. AI не заменяет автора, но ускоряет черновики, переводы и адаптацию текстов. ### 2. AI-чат-боты и поддержка [Заголовок раздела «2. AI-чат-боты и поддержка»](#2-ai-чат-боты-и-поддержка) **Tidio**, **WP-Chatbot** и custom AI-решения обеспечивают круглосуточную поддержку. Чат-боты отвечают на FAQ, квалифицируют лиды и снижают нагрузку на поддержку. ### 3. Автоматическое SEO [Заголовок раздела «3. Автоматическое SEO»](#3-автоматическое-seo) **Rank Math AI** и **Yoast AI** анализируют ключевые слова, генерируют мета-описания и структурированные данные. **WordLift** автоматически добавляет schema markup. **SurferSEO** анализирует топ страниц и даёт AI-рекомендации. ### 4. Персонализация [Заголовок раздела «4. Персонализация»](#4-персонализация) AI анализирует поведение посетителей и адаптирует контент, рекомендации товаров и лейауты. Особенно эффективно для eCommerce (аналог рекомендаций Netflix/Amazon). ### 5. AI в дизайне и вёрстке [Заголовок раздела «5. AI в дизайне и вёрстке»](#5-ai-в-дизайне-и-вёрстке) **Elementor AI**, **Divi AI** и **10Web AI Builder** предлагают лейауты, цветовые палитры и типографику на основе бренда. Генерируют CSS, адаптируют дизайн под разные экраны. ### 6. Безопасность и обслуживание [Заголовок раздела «6. Безопасность и обслуживание»](#6-безопасность-и-обслуживание) **Wordfence**, **MalCare** и **Sucuri** используют машинное обучение для обнаружения угроз. AI автоматизирует: сжатие изображений, очистку базы данных, обновления плагинов. ### 7. AI-аналитика [Заголовок раздела «7. AI-аналитика»](#7-ai-аналитика) **Google Analytics 4** и **PaveAI** обрабатывают большие данные, выявляют паттерны поведения, прогнозируют тренды и дают практические рекомендации. ## Будущее: что дальше [Заголовок раздела «Будущее: что дальше»](#будущее-что-дальше) * **Self-learning сайты** — адаптация лейаутов, цветов и CTA на основе поведения пользователей * **Гипер-персонализация** — контент, адаптированный под конкретного посетителя * **Predictive analytics** — предсказание оттока, трендов, оптимального времени публикаций * **Headless WordPress + AI API** — разделение фронтенда и бэкенда с AI между ними * **Voice search** — голосовое управление и навигация по сайту ## Этические аспекты [Заголовок раздела «Этические аспекты»](#этические-аспекты) * **Прозрачность** — помечайте AI-сгенерированный контент * **Приватность данных** — AI работает с пользовательскими данными, которые должны быть защищены * **Баланс** — AI усиливает человека, не заменяет; финальное решение всегда за человеком ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [How AI Is Changing WordPress Development in 2025 — curbedsphere.com](https://curvedsphere.com/how-ai-is-changing-wordpress-development/) * [WordPress AI Trends 2025 — biztechnosys.com](https://biztechnosys.com/wordpress-ai-trends-2025-smarter-sites-better-results/) ---------- # WordPress MCP Adapter: практический запуск для self-hosted > Как подключить MCP Adapter к WordPress: установка, публикация Abilities, конфиги для AI-клиентов, кастомные MCP-серверы и безопасность. ## Что такое MCP Adapter в экосистеме WordPress [Заголовок раздела «Что такое MCP Adapter в экосистеме WordPress»](#что-такое-mcp-adapter-в-экосистеме-wordpress) WordPress MCP Adapter связывает Abilities API с Model Context Protocol (MCP). Если способность зарегистрирована через Abilities API, её можно открыть как MCP tool для AI-клиентов. Практически это означает: * разработчик описывает возможность один раз через `wp_register_ability()` * MCP Adapter делает её обнаруживаемой и вызываемой из AI-клиента * тот же сайт можно подключать в Claude Desktop, Cursor, VS Code и другие MCP-совместимые инструменты Для архитектурного контекста см. [AI-архитектура WordPress](../wp-ai-architecture). ## Базовая модель: Abilities -> MCP tools [Заголовок раздела «Базовая модель: Abilities -> MCP tools»](#базовая-модель-abilities---mcp-tools) В связке используются два уровня: * **Abilities API**: типизированные входы/выходы, `permission_callback`, `execute_callback` * **MCP Adapter**: адаптер, который публикует Abilities как MCP primitives (в первую очередь tools) Минимальные шаги: 1. Зарегистрировать Ability 2. Установить и активировать MCP Adapter 3. Разрешить доступ к Ability через MCP (для default server) 4. Подключить AI-клиент по STDIO или HTTP ## Установка и запуск default MCP server [Заголовок раздела «Установка и запуск default MCP server»](#установка-и-запуск-default-mcp-server) Самый быстрый путь для self-hosted WordPress: 1. Установить плагин MCP Adapter из релизов `wordpress/mcp-adapter` 2. Активировать плагин 3. Проверить, что поднят default server `mcp-adapter-default-server` После активации доступны служебные способности адаптера: * `mcp-adapter/discover-abilities` * `mcp-adapter/get-ability-info` * `mcp-adapter/execute-ability` Они же публикуются как инструменты (`mcp-adapter-discover-abilities` и др.) и позволяют агенту сначала обнаружить список возможностей, затем выбрать и выполнить нужную. ## Как открыть Ability через default server [Заголовок раздела «Как открыть Ability через default server»](#как-открыть-ability-через-default-server) Для default server Ability должна быть явно отмечена как публичная для MCP через `meta.mcp.public`: ```php 'meta' => [ 'mcp' => [ 'public' => true, ], ] ``` Для встроенных core abilities это можно включить фильтром: ```php add_filter( 'wp_register_ability_args', 'myplugin_enable_core_abilities_mcp_access', 10, 2 ); function myplugin_enable_core_abilities_mcp_access( array $args, string $ability_name ): array { $core_abilities = [ 'core/get-site-info', 'core/get-user-info', 'core/get-environment-info', ]; if ( in_array( $ability_name, $core_abilities, true ) ) { $args['meta']['mcp']['public'] = true; } return $args; } ``` ## Готовый набор abilities: Enable Abilities for MCP [Заголовок раздела «Готовый набор abilities: Enable Abilities for MCP»](#готовый-набор-abilities-enable-abilities-for-mcp) Если не хочется регистрировать abilities вручную, плагин [Enable Abilities for MCP](../../wordpress/ai/enable-abilities-for-mcp) даёт 71 готовый инструмент в 16 категориях (контент, SEO, WooCommerce, Elementor, llms.txt и др.) с тумблерами вкл/выкл в **Настройки → WP Abilities**. Все его abilities уже идут с `mcp.public` и `show_in_rest` — после активации MCP Adapter они сразу видны в default server. ## Подключение AI-клиентов [Заголовок раздела «Подключение AI-клиентов»](#подключение-ai-клиентов) ### STDIO (обычно для локальной разработки) [Заголовок раздела «STDIO (обычно для локальной разработки)»](#stdio-обычно-для-локальной-разработки) Используется WP-CLI: ```json { "servers": { "wordpress-mcp-server": { "command": "wp", "args": [ "--path=/path/to/wordpress", "mcp-adapter", "serve", "--server=mcp-adapter-default-server", "--user=admin" ] } } } ``` ### HTTP (обычно для удалённого или публичного сайта) [Заголовок раздела «HTTP (обычно для удалённого или публичного сайта)»](#http-обычно-для-удалённого-или-публичного-сайта) Используется прокси `@automattic/mcp-wordpress-remote` и аутентификация (application passwords или OAuth-слой): ```json { "servers": { "wordpress-mcp-server": { "command": "npx", "args": ["-y", "@automattic/mcp-wordpress-remote@latest"], "env": { "WP_API_URL": "https://example.com/wp-json/mcp/mcp-adapter-default-server", "WP_API_USERNAME": "admin", "WP_API_PASSWORD": "app-password" } } } } ``` ## Кастомный MCP server в плагине [Заголовок раздела «Кастомный MCP server в плагине»](#кастомный-mcp-server-в-плагине) Если нужен отдельный контур инструментов только для вашего плагина, создайте собственный сервер. 1. Подключите пакет в плагине: ```bash composer require wordpress/mcp-adapter ``` 2. Подключите автозагрузчик Composer в основном файле плагина 3. Инициализируйте адаптер и зарегистрируйте сервер в `mcp_adapter_init` ```php if ( ! class_exists( WP\MCP\Core\McpAdapter::class ) ) { return; } WP\MCP\Core\McpAdapter::instance(); add_action( 'mcp_adapter_init', 'myplugin_create_custom_mcp_server' ); function myplugin_create_custom_mcp_server( $adapter ): void { $adapter = WP\MCP\Core\McpAdapter::instance(); $adapter->create_server( 'custom-mcp-server', 'custom-mcp-server', 'mcp', 'Custom MCP Server', 'MCP server for selected plugin abilities', 'v1.0.0', [ \WP\MCP\Transport\HttpTransport::class ], \WP\MCP\Infrastructure\ErrorHandling\ErrorLogMcpErrorHandler::class, \WP\MCP\Infrastructure\Observability\NullMcpObservabilityHandler::class, [ 'namespace/ability-name' ] ); } ``` В кастомном сервере можно явно перечислить Ability, поэтому флаг `meta.mcp.public` для них не обязателен. ## Безопасность для production [Заголовок раздела «Безопасность для production»](#безопасность-для-production) Минимальный baseline: * в каждой Ability задавать строгий `permission_callback` * не использовать `__return_true` для мутаций и удаления * создать отдельного пользователя для MCP-доступа с минимальными правами * для публичного HTTP endpoint начинать с read-only инструментов * включить логирование и наблюдаемость (error/observability handlers) Связанный материал: [Базовая безопасность WordPress для нового сайта](../../websites/security/wordpress-security-basics). ## Минимальный сценарий “Hello AI” [Заголовок раздела «Минимальный сценарий “Hello AI”»](#минимальный-сценарий-hello-ai) 1. Зарегистрируйте одну read-only Ability 2. Отметьте её как публичную для MCP (или добавьте в кастомный сервер) 3. Подключите клиент по STDIO в локальной среде 4. Выполните тестовый вызов через `discover -> execute` 5. Только после этого расширяйте набор инструментов ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [AI и WordPress: обзор](../) * [AI-архитектура WordPress](../wp-ai-architecture) * [Интеграция AI в WordPress](../ai-integration) * [Enable Abilities for MCP](../../wordpress/ai/enable-abilities-for-mcp) — готовый набор из 71 ability для MCP Adapter ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [From Abilities to AI Agents: Introducing the WordPress MCP Adapter](https://developer.wordpress.org/news/2026/02/from-abilities-to-ai-agents-introducing-the-wordpress-mcp-adapter/) * [MCP Adapter repository](https://github.com/WordPress/mcp-adapter) * [Abilities API reference](https://developer.wordpress.org/apis/abilities/) ---------- # AI-архитектура WordPress > Архитектурные компоненты AI в WordPress: Abilities API, MCP Adapter, WP AI Client и Agent Skills — как платформа строит инфраструктуру для AI-агентов. ## Почему WordPress не сделал «свой ChatGPT» [Заголовок раздела «Почему WordPress не сделал «свой ChatGPT»»](#почему-wordpress-не-сделал-свой-chatgpt) В 2025–2026 годах WordPress пошёл неожиданным путём. Пока рынок соревновался в количестве AI-ассистентов, платформа начала перестраивать фундамент. **Ключевая идея:** любой AI-агент может управлять WordPress, если знает правила игры. Неважно, Claude, ChatGPT, Copilot или Cursor — архитектура не привязана к конкретному вендору. AI должен стать таким же фундаментальным слоем, как база данных. Никто не проверяет «есть ли MySQL» перед вызовом `get_post_meta()`. Так же и разработчики плагинов должны иметь доступ к AI без сложностей интеграции. ## Четыре компонента AI-экосистемы [Заголовок раздела «Четыре компонента AI-экосистемы»](#четыре-компонента-ai-экосистемы) ### 1. Abilities API (WP 6.9+) [Заголовок раздела «1. Abilities API (WP 6.9+)»](#1-abilities-api-wp-69) C версии WordPress 6.9 (ноябрь 2025) появился **Abilities API** — центральный реестр всех возможностей сайта. Каждый плагин, тема и ядро регистрируют свои функции в стандартизированном формате. Каждая Ability описывается: * **Входные данные** — JSON Schema * **Результат** — что возвращается * **Права доступа** — какие capabilities требуются * **Документация** — для человека и для машины Раньше функции были разбросаны по хукам, классам и REST API. Теперь всё в одном месте и может быть безопасно обнаружено и вызвано извне. В базовой поставке WP 6.9: получение информации о сайте, данные пользователей, техническая информация о среде. ### 2. MCP Adapter [Заголовок раздела «2. MCP Adapter»](#2-mcp-adapter) **Model Context Protocol (MCP)** — открытый протокол, позволяющий AI-агентам безопасно подключаться к WordPress, обнаруживать инструменты и данные, а затем вызывать их. Три базовых примитива MCP: * **tools** — исполняемые действия (создать пост, обновить настройки) * **resources** — пассивные источники данных (логи, конфигурации) * **prompts** — заготовленные шаблоны рабочих процессов Способы подключения: * **Self-hosted** — WordPress MCP Adapter (февраль 2026), поддерживает STDIO и HTTP * **WordPress.com** — встроенный MCP-сервер (с 2025) Протестирован с Claude Desktop, Claude Code, Cursor, VS Code. Практическую настройку и примеры конфигурации см. в отдельной странице [WordPress MCP Adapter: практический запуск для self-hosted](../wordpress-mcp-adapter). Готовый набор инструментов для агента (контент, SEO, WooCommerce) даёт плагин [Enable Abilities for MCP](../../wordpress/ai/enable-abilities-for-mcp). ### 3. WP AI Client [Заголовок раздела «3. WP AI Client»](#3-wp-ai-client) Инструмент для работы с генеративным AI **внутри** WordPress. Позволяет плагинам обращаться к разным провайдерам (OpenAI, Anthropic, Google) через единый API. ```php $image = Ai_Client::prompt('Create an image for this post') ->with_text($post_content) ->generate_image(); ``` **Для разработчиков:** снимает боль мультивендорности — один API для всех моделей. **Для владельцев:** свобода выбора провайдера без замены плагинов. * Использует HTTP API WordPress * Интегрируется с админкой для хранения API-ключей * Автоматический выбор подходящей модели из доступных * Система проверки доступности модели (чтобы условно показывать AI-функции) Предложен для WordPress 7.0. ### 4. Agent Skills [Заголовок раздела «4. Agent Skills»](#4-agent-skills) Open-source библиотека навыков для AI-агентов в публичных репозиториях. Решает «хронические болезни» AI при работе с WordPress: * Использование устаревших паттернов * Игнорирование `block.json`, депрекаций и блочных тем * Пропуск базовых проверок безопасности Каждый skill содержит: * **Триггеры** — когда применять навык * **Пошаговые инструкции** * **Чек-листы** * **Примеры правильных и неправильных решений** Примеры: `wp-playground`, `theme-development`, `plugin-creation`, `seo-optimization`. ## AI как фундамент: стратегия [Заголовок раздела «AI как фундамент: стратегия»](#ai-как-фундамент-стратегия) Джейсон Адамс (WordPress Core) предложил мысленный эксперимент: представьте WordPress без базы данных. БД настолько фундаментальна, что никто не проверяет её наличие перед использованием `get_post_meta()`. **Что если AI станет таким же фундаментальным?** ИИ — не просто функция (чат-интерфейс). Это слой, на котором строятся все остальные возможности. Кнопка «Сгенерировать alt-текст» — AI-powered функция, но пользователь не думает «я использую ИИ». Он просто пользуется. ### Роль хостеров [Заголовок раздела «Роль хостеров»](#роль-хостеров) Главный вызов — как дать всем доступ к AI. Решение: **пусть хостеры предоставляют AI так же, как базы данных**. Так же как хостинг с БД имеет преимущество перед хостингом без БД, так и хостеры с AI-моделью в тарифе будут иметь преимущество. ### Обратная совместимость [Заголовок раздела «Обратная совместимость»](#обратная-совместимость) WP AI Client имеет систему проверки доступности модели. Разработчик может использовать проверки для условного отображения функций: «Generate Alt text» показывается только если доступна поддерживающая модель. ## Что уже работает [Заголовок раздела «Что уже работает»](#что-уже-работает) * Сформирована AI Team в WordPress Core * Создан AI Building Block * Abilities API (WP 6.9) * WP AI Client (предложен для WP 7.0) * MCP Adapter для self-hosted * Enable Abilities for MCP — плагин с 71 готовой Ability для MCP (контент, SEO, WooCommerce, llms.txt) * Workflows API (в разработке) — цепочки Abilities в потоки ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [AI as a WordPress Fundamental — Jason Adams, make.wordpress.org](https://make.wordpress.org/core/2025/12/04/ai-as-a-wordpress-fundamental/) * [Стратегия WordPress в эпоху ИИ — pressaff.com](https://pressaff.com/articles/wordpress-is-changing-its-approach-to-ai/) * [AI для WordPress & WooCommerce — wpcraft.ru](https://wpcraft.ru/ai/wordpress-woocommerce) ---------- # Дизайн цифровых продуктов > Универсальный контракт дизайна для сайтов и сервисов: UX-структура, дизайн-система, компоненты, состояния и передача в разработку. ## О чём раздел [Заголовок раздела «О чём раздел»](#о-чём-раздел) Дизайн в базе знаний рассматривается как универсальный контракт между продуктом, дизайном и разработкой. Этот подход одинаково применим для WordPress, JAM Stack, TALL/Laravel и других стеков. ## Что прорабатываем в дизайне [Заголовок раздела «Что прорабатываем в дизайне»](#что-прорабатываем-в-дизайне) 1. **Информационную архитектуру** - структура контента и иерархия страниц/экранов. 2. **Систему компонентов** - переиспользуемые блоки: кнопки, формы, карточки, хедеры, фиды. 3. **Типографику, цвет и сетку** - единый визуальный язык для всех платформ. 4. **Состояния элементов** - hover, active, error, empty, loading, disabled. 5. **Адаптивное поведение** - правила работы интерфейса на разных устройствах. 6. **Дизайн-токены** - переменные стилей, которые синхронизируются с кодом. ## Практический процесс [Заголовок раздела «Практический процесс»](#практический-процесс) 1. Зафиксировать цели и пользовательские сценарии. 2. Собрать карту страниц/экранов и связи между ними. 3. Сделать wireframes до перехода к визуалу. 4. Сформировать дизайн-систему: токены, компоненты, паттерны. 5. Спроектировать экраны на базе системы. 6. Проверить сценарии на mobile/tablet/desktop. 7. Подготовить спецификацию для разработки: размеры, отступы, цвета, токены, взаимодействия. ## Платформенные акценты [Заголовок раздела «Платформенные акценты»](#платформенные-акценты) * **WordPress**: `theme.json`, Template Parts, Site Editor и block-подход. * **JAM Stack**: компонентные библиотеки (React/Vue/Svelte), SSG/SSR-паттерны. * **Сервисные интерфейсы**: role-based UI, кабинеты и операционные сценарии. ## Страницы раздела [Заголовок раздела «Страницы раздела»](#страницы-раздела) ### Общие темы дизайна [Заголовок раздела «Общие темы дизайна»](#общие-темы-дизайна) * [Дизайн-системы в WordPress](./design-systems) — Atomic Design, компонентный подход, от Figma до theme.json. * [Доступность (a11y)](./accessibility) — Руководство по созданию инклюзивных сайтов и инструменты тестирования. ### Дизайн через ИИ [Заголовок раздела «Дизайн через ИИ»](#дизайн-через-ии) * [DESIGN.md: универсальный контракт дизайна](./ai/design-md) — Единая страница по Design as Code и AI-контракту: tokens, pipeline и адаптация под WordPress, JAM Stack и другие стеки. * [Impeccable: AI-дизайн для WordPress](./ai/impeccable) — Open-source навык для AI-ассистентов: 23 команды и детектор антипаттернов. ### Дизайн вебсайтов [Заголовок раздела «Дизайн вебсайтов»](#дизайн-вебсайтов) * [WordPress для дизайнеров](./websites/wordpress-for-designers) — Обзор возможностей WordPress как дизайн-платформы. * [Style Book: гид по дизайну](./websites/style-book) — Ключевой инструмент визуального проектирования без контента. * [Иерархия блочной темы](./websites/block-theme-hierarchy) — Как устроена блочная тема: от блоков до шаблонов. * [Block-first мышление](./websites/block-first-mindset) — Философия модульного дизайна через переиспользуемые компоненты. * [Настройки темы](./websites/theme-settings) — Цвета, шрифты, типографика и макет в Global Styles. * [theme.json — основа дизайн-системы WordPress и WooCommerce](./websites/theme-json) — Единый источник дизайн-токенов и визуальных ограничений. * [Figma → WordPress: мост через Design Tokens](./websites/figma-to-wordpress) — Пайплайн синхронизации Tokens Studio → theme.json. * [Tailwind CSS v4 + daisyUI в блочной теме WordPress](./websites/tailwind-daisyui-wordpress) — Интеграция utility-first и компонентного слоя. * [Site Editor для прототипирования](./websites/site-editor-prototyping) — Проектирование прямо в контуре сайта. * [Медиа-блоки](./websites/media-blocks) — Gallery, Media & Text, Cover. * [Карусели и слайдеры](./websites/carousel-slider) — Слайдеры с учётом доступности и производительности. #### Паттерны вебсайтов (Block Patterns) [Заголовок раздела «Паттерны вебсайтов (Block Patterns)»](#паттерны-вебсайтов-block-patterns) * [Паттерны: обзор](./websites/patterns/) — Что такое блочные паттерны, типы и каталог подстраниц. * [Регистрация паттернов](./websites/patterns/registering) — `/patterns`-директория, PHP-регистрация, file headers, категории. * [PHP в паттернах](./websites/patterns/php) — Интернационализация, динамические URL изображений и ограничения `init`. * [Паттерны в шаблонах](./websites/patterns/templates) — ``, DRY-принцип и практические примеры. * [Block Type Patterns](./websites/patterns/block-type) — Привязка паттернов к конкретным блокам, Query Loop, Template Parts. * [Стартовые паттерны](./websites/patterns/starter) — Страничные и шаблонные стартовые точки для пользователей темы. * [Block Locking и паттерны](./websites/patterns/locking) — Курирование через запрет перемещения, удаления, content-only editing. * [Источники паттернов](./websites/patterns/directory) — WordPress.org Patterns, TypeUI, Flowbite. ### Дизайн сервисов (UI/UX) [Заголовок раздела «Дизайн сервисов (UI/UX)»](#дизайн-сервисов-uiux) * [Композиция макетов](./services-ui-ux/layout-composition) — Group, Row/Stack, Columns для интерфейсов сервисов. * [Отступы и размеры](./services-ui-ux/dimensions-spacing) — Padding, margin и block spacing как основа ритма UI. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Beginner WordPress Designer (learn.wordpress.org)](https://learn.wordpress.org/course/beginner-wordpress-designer/) ---------- # Доступность (a11y) в WordPress > Полное руководство по веб-доступности в WordPress: WCAG 2.2 AA, цветовой контраст, типографика, навигация, alt text, плагины тестирования. ## Что такое веб-доступность [Заголовок раздела «Что такое веб-доступность»](#что-такое-веб-доступность) Веб-доступность (a11y) — проектирование сайтов, которые работают для **всех**, включая людей с нарушениями зрения, слуха, моторики и когнитивными особенностями. При проектировании для доступности вы улучшаете опыт для **всех пользователей**, а также повышаете SEO и юзабилити. Во многих странах это законодательное требование. WordPress стремится соответствовать **WCAG 2.2 уровня AA**. ## Ключевые принципы [Заголовок раздела «Ключевые принципы»](#ключевые-принципы) ### Цветовой контраст [Заголовок раздела «Цветовой контраст»](#цветовой-контраст) Между текстом и фоном должен быть достаточный контраст. Инструмент: [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/). WordPress встроенно предупреждает, если выбранная комбинация цветов не проходит проверку контраста. ### Типографика [Заголовок раздела «Типографика»](#типографика) * Базовый размер шрифта — **минимум 16px** (рекомендация) * Межстрочный интервал (line-height) — минимум **1.5** * Избегайте CAPS и small caps для длинного текста * Подчёркивание — **только для ссылок** * **Не используйте** выравнивание по ширине (justify) — WordPress по умолчанию его не поддерживает, так как неравномерные пробелы ухудшают читаемость ### Структура и вёрстка [Заголовок раздела «Структура и вёрстка»](#структура-и-вёрстка) * Чёткая, консистентная компоновка с логическим порядком чтения * **Правильная иерархия заголовков** — H2 → H3 → H4 без пропусков уровней * WordPress подсвечивает неправильные уровни заголовков оранжевым в Document Overview → Outline ### Навигация [Заголовок раздела «Навигация»](#навигация) * Меню должно работать **и мышью, и с клавиатуры** * Все интерактивные элементы доступны через Tab * Видимый фокус на активном элементе ### Формы [Заголовок раздела «Формы»](#формы) * Каждое поле формы должно иметь **явную метку (label)** * Все элементы форм должны быть operable с клавиатуры * Кнопки — осмысленный текст, описывающий действие ### Изображения и медиа [Заголовок раздела «Изображения и медиа»](#изображения-и-медиа) * **Alt text** для всех изображений — краткое описание для скринридеров и SEO * Субтитры для видео * Транскрипты для аудио ## WordPress-специфичные советы [Заголовок раздела «WordPress-специфичные советы»](#wordpress-специфичные-советы) ### Выбор темы [Заголовок раздела «Выбор темы»](#выбор-темы) Ищите темы с меткой **Accessibility Ready** в репозитории WordPress.org — они дадут фору в доступности. ### Плагины [Заголовок раздела «Плагины»](#плагины) Некоторые плагины могут создавать проблемы с доступностью. Проверяйте: можно ли пользоваться плагином без мыши, только с клавиатуры? Используйте [WAVE](https://wave.webaim.org/) для инспекции. ## Инструменты тестирования [Заголовок раздела «Инструменты тестирования»](#инструменты-тестирования) ### Встроенные помощники WordPress [Заголовок раздела «Встроенные помощники WordPress»](#встроенные-помощники-wordpress) 1. **Семантическая структура:** Document Overview → Outline проверяет правильность заголовков 2. **Цветовой контраст:** WordPress предупредит, если сочетание цветов неконтрастно ### Плагины для тестирования [Заголовок раздела «Плагины для тестирования»](#плагины-для-тестирования) | Плагин | Что проверяет | | ------------------------- | --------------------------------------------------------------------------------------------------------------------------------- | | **WP Tota11y** | Уровни заголовков, цветовой контраст, ссылки, метки форм, alt text. Screen Reader Wand для просмотра глазами скринридера | | **Sa11y** | Расширенные проверки: читаемость, ссылки, контраст, метки форм. Цветовые фильтры для имитации дальтонизма | | **Editoria11y** | Структура контента: уровни заголовков, текст ссылок, alt text. Описывает ошибки простым языком, предлагает исправления | | **Accessibility Checker** | Секция в редакторе записи/страницы + кнопка на фронтенде. Сводка ошибок, детальные объяснения, сниппеты кода, опция игнорирования | ## Процесс, а не разовая задача [Заголовок раздела «Процесс, а не разовая задача»](#процесс-а-не-разовая-задача) Доступность — непрерывный процесс. Проводите аудит **в процессе дизайна**, а не после. Не откладывайте на потом. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Web accessibility guidelines (learn.wordpress.org)](https://learn.wordpress.org/lesson/web-accessibility-guidelines-to-create-inclusive-websites/) * [Testing your content for accessibility (learn.wordpress.org)](https://learn.wordpress.org/lesson/testing-your-content-for-accessibility-copy/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Практики веб-дизайна для WordPress](../../wordpress/themes/design-best-practices) * [Выбор и настройка темы](../../wordpress/themes/choose-and-setup-theme) * [Плагины WordPress: основы](../../wordpress/plugins/plugins-basics) ---------- # Дизайн через ИИ > AI-подход к дизайну: DESIGN.md как контракт, Impeccable как инструмент качества, связь с универсальным дизайн-процессом. ## О чём раздел [Заголовок раздела «О чём раздел»](#о-чём-раздел) Раздел про AI-ориентированный процесс дизайна: как формализовать дизайн-правила и использовать их в работе с ассистентами. ## Страницы [Заголовок раздела «Страницы»](#страницы) * [DESIGN.md: универсальный контракт дизайна](./design-md) — единая страница: Design as Code (tokens/pipeline), AI-контракт и адаптация под WordPress, JAM Stack и другие стеки. * [Impeccable: AI-дизайн для WordPress](./impeccable) — практики повышения качества UI через AI-skill. * [Дизайн цифровых продуктов](../) — универсальный дизайн-контракт, в который встраивается AI-процесс. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Дизайн цифровых продуктов](../) ---------- # DESIGN.md > Универсальный контракт дизайна для AI-ассистентов: структура DESIGN.md, design tokens, quality gates и адаптация под WordPress, JAM Stack и другие стеки. ## Что такое DESIGN.md [Заголовок раздела «Что такое DESIGN.md»](#что-такое-designmd) DESIGN.md - это текстовая спецификация дизайн-контракта для AI-ассистентов и команды: токены (цвета, типографика, отступы, радиусы), правила применения (Do/Don’t), поведение компонентов и ограничения адаптива. Практическая модель для любого продукта выглядит так: * DESIGN.md = source of truth для дизайн-решений и UI-правил. * Платформенный конфиг = слой исполнения (например, `theme.json`, CSS variables, Tailwind theme, UI-kit токены). * Компонентный слой = конкретная реализация (блоки WordPress, React/Vue-компоненты, Laravel/Filament интерфейсы). Такой подход снижает риск, когда ассистент генерирует визуально аккуратные, но несогласованные между собой экраны. ## Где DESIGN.md полезен [Заголовок раздела «Где DESIGN.md полезен»](#где-designmd-полезен) * **WordPress/WooCommerce** - связка с `theme.json`, block themes, шаблонами и паттернами. * **JAM Stack** - синхронизация с Tailwind CSS variables и компонентными библиотеками. * **Laravel/TALL и сервисные интерфейсы** - единые токены и правила для кабинетных UI. * **Гибридные стеки** - единый контракт для нескольких фронтендов и дизайн-команд. ## Design as Code как upstream-слой [Заголовок раздела «Design as Code как upstream-слой»](#design-as-code-как-upstream-слой) Design as Code — это подход, где дизайн-решения хранятся как версионируемые артефакты (обычно JSON tokens), а затем автоматически преобразуются в платформенные форматы: CSS variables, Swift/Kotlin токены, документацию и тестовые артефакты. Короткая цепочка: 1. Дизайн-решение фиксируется в токенах. 2. Токены валидируются в CI. 3. Трансформер собирает артефакты под платформы. 4. Команды используют единый source of truth. ### Три слоя design tokens [Заголовок раздела «Три слоя design tokens»](#три-слоя-design-tokens) 1. Option tokens (primitive) — базовые значения без бизнес-семантики. 2. Decision tokens (semantic) — смысловой слой применения. 3. Component tokens — токены конкретных компонентов. Пример слоев и ссылок между токенами: ```json { "color": { "options": { "blue-900": "#0D47A1", "gray-900": "#1F2937" }, "decisions": { "accent": "{color.options.blue-900}", "text-primary": "{color.options.gray-900}" } }, "button": { "primary": { "background": "{color.decisions.accent}", "text": "#FFFFFF", "radius": "10px" } } } ``` ### Public и private токены [Заголовок раздела «Public и private токены»](#public-и-private-токены) * Для продуктовой команды обычно публикуют semantic-слой (`decisions`). * Primitive-слой можно держать внутренним, чтобы менять implementation details без массовых правок консьюмеров. ### Минимальный token-pipeline [Заголовок раздела «Минимальный token-pipeline»](#минимальный-token-pipeline) 1. Дизайнер задает токены в Figma/дизайн-инструменте. 2. Токены синхронизируются с Git. 3. CI валидирует схему и ссылки токенов. 4. Трансформер (например, Style Dictionary) генерирует web/mobile артефакты. 5. Артефакты попадают в тему, приложения и документацию. ### Когда полный pipeline оправдан [Заголовок раздела «Когда полный pipeline оправдан»](#когда-полный-pipeline-оправдан) Подход обычно окупается, когда одновременно есть: * несколько платформ (web/mobile/admin); * несколько тем (light/dark/white-label); * несколько продуктовых команд; * высокая частота визуальных изменений. Для одного лендинга на одной платформе полный token-pipeline может быть избыточным. ## Минимальная структура DESIGN.md [Заголовок раздела «Минимальная структура DESIGN.md»](#минимальная-структура-designmd) Практически полезный файл обычно содержит: 1. YAML front matter с токенами. 2. Секции с правилами применения: цвета, типографика, компоненты, layout, ограничения. ### Двухслойная модель: “что” и “почему” [Заголовок раздела «Двухслойная модель: “что” и “почему”»](#двухслойная-модель-что-и-почему) * `YAML front matter` — машинный слой: точные токены (цвета, размеры, типографика, ссылки между токенами). * `Markdown body` — контекстный слой: правила применения, Do/Don’t, состояния компонентов, ограничения и анти-паттерны. Такое разделение снижает вариативность AI-генерации: значения фиксируются в токенах, а суждения ограничиваются явными правилами. Ниже в markdown-части добавляйте: * правила использования primary/accent (где можно и где нельзя); * требования контраста (WCAG 2.2 AA); * ограничения для отступов/радиусов (не использовать произвольные значения); * явные антипаттерны (например, не более одной primary-кнопки в одном hero-блоке). Пример минимального DESIGN.md: ```md --- name: Product Design Contract - DESIGN.md description: Creates implementation-ready design-system guidance with tokens, component behavior, and accessibility standards. colors: primary: "#2563EB" secondary: "#14B8A6" surface: "#FFFFFF" background: "#F8FAFC" text: "#0F172A" success: "#16A34A" warning: "#D97706" error: "#DC2626" spacing: xs: 4px sm: 8px md: 16px lg: 24px rounded: sm: 6px md: 10px typography: h1: fontFamily: Manrope fontSize: 2.25rem fontWeight: 700 body: fontFamily: Manrope fontSize: 1rem fontWeight: 400 --- # Product Design Contract - DESIGN.md ## Mission Согласованный интерфейс продукта: предсказуемые компоненты, единые токены и воспроизводимая реализация на любом стеке. ## Brand - Product/brand: Example Product - Audience: продуктовые команды, маркетинг и разработка - Product surface: marketing site + app + docs ## Style Foundations - Visual style: clean, editorial, calm contrast - Typography scale: h1/body из front matter - Color palette: semantic tokens из colors (primary/surface/text/success/warning/error) - Spacing scale: xs/sm/md/lg - Radius/shadow/motion tokens: rounded.sm, rounded.md ## Accessibility - Target: WCAG 2.2 AA - Keyboard-first interactions required - Focus-visible rules required - Contrast constraints required ## Writing Tone concise, confident, implementation-focused ## Rules: Do - Use semantic tokens, not raw hex values in component guidance. - Define all required states: default, hover, focus-visible, active, disabled, loading, error. - Specify responsive behavior and edge-case handling. ## Rules: Don't - Do not allow low-contrast text or hidden focus indicators. - Do not introduce one-off spacing or typography exceptions. - Do not use ambiguous labels or non-descriptive actions. ## Guideline Authoring Workflow 1. Restate design intent in one sentence. 2. Define foundations and tokens. 3. Define component anatomy, variants, and interactions. 4. Add accessibility acceptance criteria. 5. Add anti-patterns and migration notes. 6. End with QA checklist. ## Required Output Structure - Context and goals - Design tokens and foundations - Component-level rules (anatomy, variants, states, responsive behavior) - Accessibility requirements and testable acceptance criteria - Content and tone standards with examples - Anti-patterns and prohibited implementations - QA checklist ## Component Rule Expectations - Include keyboard, pointer, and touch behavior. - Include spacing and typography token requirements. - Include long-content, overflow, and empty-state handling. ## Quality Gates - Every non-negotiable rule uses "must". - Every recommendation uses "should". - Every accessibility rule is testable in implementation. - Prefer system consistency over local visual exceptions. ``` ## Маппинг DESIGN.md в платформенные слои [Заголовок раздела «Маппинг DESIGN.md в платформенные слои»](#маппинг-designmd-в-платформенные-слои) Одна и та же семантика должна сохраняться при переносе в разные платформы: | Семантика | DESIGN.md | WordPress (`theme.json`) | JAM Stack (`Tailwind/CSS vars`) | Laravel/TALL (`UI tokens`) | | --------------- | ---------------- | -------------------------------------- | ------------------------------- | ----------------------------- | | Основной цвет | `colors.primary` | `settings.color.palette.primary` | `@theme --color-primary` | `primaryColor` / css variable | | Цвет текста | `colors.text` | `styles.color.text` | `--color-base-content` | `textColor` | | Фон поверхности | `colors.surface` | `styles.color.background` | `--color-surface` | `surfaceColor` | | Радиусы | `rounded.*` | `styles.elements.button.border.radius` | `--radius-*` | `radius` scale | | Отступы | `spacing.*` | `settings.spacing.spacingSizes` | `--spacing-*` | spacing scale | Ключевая идея: semantic first. Не используйте технические имена вроде `blue-500` как бизнес-смысл; храните роли (`primary`, `surface`, `success`, `error`). ## Пример адаптера для WordPress (`theme.json`) [Заголовок раздела «Пример адаптера для WordPress (theme.json)»](#пример-адаптера-для-wordpress-themejson) ```json { "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 2, "settings": { "color": { "palette": [ { "slug": "primary", "name": "Primary", "color": "#2563EB" }, { "slug": "surface", "name": "Surface", "color": "#FFFFFF" }, { "slug": "contrast", "name": "Contrast", "color": "#0F172A" }, { "slug": "success", "name": "Success", "color": "#16A34A" }, { "slug": "warning", "name": "Warning", "color": "#D97706" }, { "slug": "error", "name": "Error", "color": "#DC2626" } ] }, "spacing": { "spacingSizes": [ { "slug": "xs", "name": "XS", "size": "4px" }, { "slug": "sm", "name": "SM", "size": "8px" }, { "slug": "md", "name": "MD", "size": "16px" }, { "slug": "lg", "name": "LG", "size": "24px" } ] } }, "styles": { "color": { "background": "var(--wp--preset--color--surface)", "text": "var(--wp--preset--color--contrast)" }, "elements": { "button": { "border": { "radius": "10px" }, "color": { "background": "var(--wp--preset--color--primary)", "text": "#FFFFFF" } } } } } ``` ## Пример адаптера для JAM Stack (`Tailwind` + `daisyUI`) [Заголовок раздела «Пример адаптера для JAM Stack (Tailwind + daisyUI)»](#пример-адаптера-для-jam-stack-tailwind--daisyui) ```css @import "tailwindcss" source(none); @source "./templates/**/*.{html,php}"; @source "./parts/**/*.{html,php}"; @source "./blocks/**/*.{php,html}"; @theme { --color-primary: #2563eb; --color-success: #16a34a; --color-warning: #d97706; --color-error: #dc2626; --spacing-sm: 8px; --spacing-md: 16px; --radius-md: 10px; } @plugin "daisyui" { themes: corporate --default; } @plugin "daisyui/theme" { name: "corporate"; default: true; --color-primary: #2563eb; --color-success: #16a34a; --color-warning: #d97706; --color-error: #dc2626; --radius-selector: 0.625rem; --radius-field: 0.625rem; --radius-box: 0.75rem; } ``` ## Пример подключения стилей в WordPress-теме [Заголовок раздела «Пример подключения стилей в WordPress-теме»](#пример-подключения-стилей-в-wordpress-теме) ```php add_action('wp_enqueue_scripts', function () { wp_enqueue_style( 'theme-tw', get_theme_file_uri('tw.css'), [], filemtime(get_theme_file_path('tw.css')) ); }); ``` Этот вариант гарантирует cache busting по времени изменения файла и одинаковые стили после деплоя. ## Практический workflow для команды [Заголовок раздела «Практический workflow для команды»](#практический-workflow-для-команды) 1. Обновляете DESIGN.md (токены + правила). 2. Экспортируете/синхронизируете токены в платформенные конфиги (`theme.json`, CSS vars, Tailwind theme, UI-kit config). 3. Обновляете компонентные слои (блоки, React/Vue-компоненты, админ-интерфейсы). 4. Проверяете соответствие контракту: контраст, состояния, адаптив, фокус, пустые/ошибочные состояния. 5. Коммитите контракт и реализацию одним набором, чтобы исключить рассинхрон. ## CLI-проверки и экспорт [Заголовок раздела «CLI-проверки и экспорт»](#cli-проверки-и-экспорт) Если в проекте используется экосистема `@google/design.md`, полезно встроить в pipeline проверки и экспорт: ```bash # Линт токенов/ссылок и базовых правил качества npx @google/design.md lint DESIGN.md # Сравнение двух версий спецификации npx @google/design.md diff DESIGN-v1.md DESIGN-v2.md # Экспорт токенов в Tailwind-формат npx @google/design.md export --format tailwind DESIGN.md > tailwind.theme.json # Экспорт в DTCG-совместимый формат npx @google/design.md export --format dtcg DESIGN.md ``` Для любого стека это удобно как pre-build шаг: сначала проверка `DESIGN.md`, затем обновление платформенных конфигов и компонентов. ## Минимальный старт внедрения [Заголовок раздела «Минимальный старт внедрения»](#минимальный-старт-внедрения) 1. Положите `DESIGN.md` в корень репозитория рядом с `AGENTS.md`/`CLAUDE.md`. 2. Добавьте в агентные инструкции правило: использовать `DESIGN.md` для всех style-решений. 3. Перенесите ключевые токены в `theme.json` и Tailwind theme variables. 4. На ревью проверяйте не только визуал, но и соответствие токенам/Do-Don’t правилам. ## Где DESIGN.md не заменяет платформенные механизмы [Заголовок раздела «Где DESIGN.md не заменяет платформенные механизмы»](#где-designmd-не-заменяет-платформенные-механизмы) * DESIGN.md не заменяет `theme.json`, Tailwind config, локальные UI-kit и runtime-настройки, а дополняет их. * Design as Code (token-pipeline) обычно лежит уровнем выше: DESIGN.md выступает AI-ориентированным слоем поверх токенов и правил. * DESIGN.md не решает платформенно-специфичные задачи: например, WP-шаблоны и template parts, Next.js routing, Filament resources. * Для строгого контроля нужны тесты и линтинг, а не только текстовая спецификация. * DESIGN.md не равен полной дизайн-системе: это рабочий subset, ориентированный на воспроизводимую генерацию интерфейсов. ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [AGENTS.md и контекст-файлы для AI](../../../ai/ai-agent-team) * [Tailwind CSS и daisyUI в блочной теме WordPress](../../websites/tailwind-daisyui-wordpress) * [Impeccable: AI-дизайн для WordPress](../impeccable) — open-source навык для AI-ассистентов, умеет генерировать DESIGN.md через `/impeccable document`. * [Дизайн-системы в WordPress](../../design-systems) * [theme.json — основа дизайн-системы WordPress и WooCommerce](../../websites/theme-json) * [Figma → WordPress: мост через Design Tokens](../../websites/figma-to-wordpress) * [Настройки темы: цвета, шрифты, типографика, макет](../../websites/theme-settings) * [Кастомный CSS в WordPress](../../../wordpress/themes/custom-css) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [google-labs-code/design.md](https://github.com/google-labs-code/design.md) * [Google Stitch: DESIGN.md overview](https://stitch.withgoogle.com/docs/design-md/overview) * [DESIGN.md — формат дизайн-систем для AI-агентов](https://ddpa.ru/kb/ai/design/design-md/) * [Design as Code — дизайн-токены и архитектура](https://ddpa.ru/kb/ai/design/design-as-code/) * [Tailwind CSS theme variables](https://tailwindcss.com/docs/theme) * [daisyUI themes](https://daisyui.com/docs/themes/) * [WordPress: Introduction to theme.json](https://developer.wordpress.org/themes/global-settings-and-styles/introduction-to-theme-json/) * [WordPress: theme.json settings](https://developer.wordpress.org/themes/global-settings-and-styles/settings/) * [WordPress: theme.json styles](https://developer.wordpress.org/themes/global-settings-and-styles/styles/) * [WordPress: custom templates, template parts, patterns, style variations](https://developer.wordpress.org/themes/global-settings-and-styles/custom-templates/) ---------- # Impeccable: AI-дизайн для WordPress > Обзор Impeccable — open-source навыка для AI-ассистентов: 23 команды, детектор антипаттернов, генерация DESIGN.md и интеграция с WordPress-темами. ## Что такое Impeccable [Заголовок раздела «Что такое Impeccable»](#что-такое-impeccable) [Impeccable](https://github.com/pbakaus/impeccable) — open-source навык (skill) для AI-ассистентов, который улучшает качество фронтенд-дизайна. Создан Paul Bakaus на основе Anthropic `frontend-design`, но с существенным расширением: 7 доменных reference-файлов, 23 команды и 27 детерминированных правил детекции антипаттернов. **Ключевые цифры:** * 17 600+ звёзд на GitHub, Apache 2.0 * +59% к качеству UI в бенчмарках без смены модели * 55 поддерживаемых AI-инструментов (Cursor, Claude Code, Copilot, Windsurf и др.) ## Зачем WordPress-разработчику [Заголовок раздела «Зачем WordPress-разработчику»](#зачем-wordpress-разработчику) Impeccable полезен при разработке тем и блоков WordPress: * **Генерация DESIGN.md** — команда `/impeccable document` сканирует токены и создаёт DESIGN.md в формате Google Stitch. Готовый файл синхронизируется с `theme.json` и Tailwind — см. [DESIGN.md: универсальный контракт дизайна](../design-md). * **Дизайн-ревью блоков** — `/impeccable critique` и `/impeccable audit` проверяют UI блоков и паттернов на соответствие best practices. * **Полировка темы** — `/impeccable polish` выравнивает компоненты под дизайн-систему. * **Анимации и микро-взаимодействия** — `/impeccable animate` добавляет осмысленное движение в интерфейс. * **Адаптивность** — `/impeccable adapt` проверяет и правит responsive-поведение. ## Установка [Заголовок раздела «Установка»](#установка) ```bash npx skills add pbakaus/impeccable -y ``` После установки навык доступен в поддерживаемых AI-инструментах как `/impeccable`. ## Основные команды [Заголовок раздела «Основные команды»](#основные-команды) | Команда | Назначение | | ---------------------- | ---------------------------------------------------- | | `/impeccable craft` | Полный цикл: от концепции до визуальной итерации | | `/impeccable teach` | Создание PRODUCT.md и DESIGN.md для проекта | | `/impeccable document` | Генерация DESIGN.md из существующего кода | | `/impeccable shape` | Планирование UX/UI перед написанием кода | | `/impeccable critique` | UX-ревью дизайна | | `/impeccable audit` | Техническая проверка качества | | `/impeccable polish` | Финальная полировка, выравнивание под дизайн-систему | | `/impeccable bolder` | Усиление скучного дизайна | | `/impeccable quieter` | Приглушение слишком яркого дизайна | | `/impeccable animate` | Добавление осмысленной анимации | | `/impeccable typeset` | Исправление шрифтов, иерархии и размеров | | `/impeccable layout` | Исправление макета, отступов и визуального ритма | | `/impeccable harden` | Обработка ошибок, i18n, граничные случаи | | `/impeccable adapt` | Адаптация под разные устройства | | `/impeccable live` | Итерация UI в браузере с HMR | ## Детектор антипаттернов [Заголовок раздела «Детектор антипаттернов»](#детектор-антипаттернов) CLI-инструмент `npx impeccable detect` проверяет код на 27 детерминированных правил. Также доступно [Chrome DevTools-расширение](https://chromewebstore.google.com/detail/impeccable/bdkgmiklpdmaojlpflclinlofgjfpabf) для визуального аудита прямо в браузере. ![Impeccable](/kb/_astro/Impeccable.D_UwMU9q_Zywhge.webp) ```bash # Проверка директории npx impeccable detect src/ # Проверка URL npx impeccable detect https://example.com # Быстрая проверка с JSON-выводом npx impeccable detect --fast --json . ``` **Примеры детектируемых паттернов:** * Использование избитых шрифтов (Inter, Arial, system defaults — а также Fraunces, Geist, Mona Sans, Space Grotesk) * Серый текст на цветном фоне * Чисто чёрный/серый без оттенка * Карточки, вложенные в карточки * Italic-serif hero-заголовки (Fraunces, Recoleta, Playfair — паттерн AI-маркетинга конца 2025) * Hero eyebrow chips (uppercase pill-лейблы над H1) ## Связка с WordPress-инструментами [Заголовок раздела «Связка с WordPress-инструментами»](#связка-с-wordpress-инструментами) ### DESIGN.md + theme.json [Заголовок раздела «DESIGN.md + theme.json»](#designmd--themejson) Impeccable генерирует DESIGN.md, который служит upstream-спецификацией для `theme.json` и Tailwind. Подробнее о связке — [DESIGN.md: универсальный контракт дизайна](../design-md). ### Tailwind CSS + daisyUI [Заголовок раздела «Tailwind CSS + daisyUI»](#tailwind-css--daisyui) При использовании [Tailwind CSS v4 + daisyUI в блочной теме](../../websites/tailwind-daisyui-wordpress) Impeccable помогает: * Согласовать дизайн-токены между DESIGN.md, `theme.json` и Tailwind-конфигом * Проверить кастомные блоки на антипаттерны * Отполировать daisyUI-компоненты под бренд ### Дизайн-системы [Заголовок раздела «Дизайн-системы»](#дизайн-системы) Impeccable дополняет подход [дизайн-систем в WordPress](../../design-systems): `/impeccable extract` вытягивает переиспользуемые компоненты в дизайн-систему, а `/impeccable polish` выравнивает новые компоненты под неё. ## Ключевой инсайт из бенчмарков [Заголовок раздела «Ключевой инсайт из бенчмарков»](#ключевой-инсайт-из-бенчмарков) > Прежде чем выбрать шрифт или палитру, назови три первых инстинкта — и отвергни их. Этот приём дал наибольший прирост качества при тестировании на gpt-5.4 и Qwen 3.6 Plus. Модели, обученные на SaaS-шаблонах, по умолчанию тяготеют к Inter, фиолетово-синим градиентам и карточкам в карточках. Явный отказ от первых инстинктов заставляет их искать более оригинальные решения. ## Ограничения [Заголовок раздела «Ограничения»](#ограничения) * **Расход токенов** — загрузка 7 reference-файлов добавляет значительный контекст на каждую команду * **Субъективность** — некоторые дизайн-предпочтения могут не совпадать с вашими * **Быстрые обновления** — версии выходят часто, но команда оперативно реагирует на issues ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Impeccable на GitHub](https://github.com/pbakaus/impeccable) — репозиторий, README, лицензия Apache 2.0 * [impeccable.style](https://impeccable.style/) — официальный сайт, история версий * [Chrome DevTools-расширение](https://chromewebstore.google.com/detail/impeccable/bdkgmiklpdmaojlpflclinlofgjfpabf) — визуальный аудит в браузере * [Обзоры сообщества](https://emelia.io/hub/impeccable-design-skill-review) — Emelia.io, Reddit r/ClaudeCode * [DESIGN.md: универсальный контракт дизайна](../design-md) — связка DESIGN.md с theme.json и Tailwind * [Tailwind CSS v4 + daisyUI в блочной теме](../../websites/tailwind-daisyui-wordpress) — интеграция с WordPress * [Дизайн-системы в WordPress](../../design-systems) — Atomic Design и компонентный подход ---------- # Дизайн-системы в WordPress > Построение дизайн-систем для WordPress: от Figma до theme.json, Atomic Design, компонентный подход, блоки и переиспользуемые паттерны. ## Что такое дизайн-система [Заголовок раздела «Что такое дизайн-система»](#что-такое-дизайн-система) Дизайн-система (Design System) — набор переиспользуемых строительных блоков, правил и стандартов, обеспечивающих визуальную и функциональную консистентность продукта. В контексте WordPress дизайн-система превращается в блочную тему с `theme.json`, паттернами и кастомными блоками. **Состав дизайн-системы:** * **Design tokens** — цвета, типографика, отступы, скругления * **Компоненты** — кнопки, формы, карточки, хедеры * **Паттерны** — готовые секции: hero, pricing, testimonials * **Правила** — когда и как использовать компоненты ## Преимущества дизайн-системы [Заголовок раздела «Преимущества дизайн-системы»](#преимущества-дизайн-системы) 1. **Переиспользуемость** — компоненты создаются один раз и применяются на всех страницах 2. **Консистентность** — единый визуальный язык без расхождений 3. **Скорость** — новые страницы собираются из готовых блоков, а не рисуются с нуля 4. **DRY** — изменение токена обновляет все элементы автоматически 5. **Масштабирование** — несколько сайтов на одной дизайн-системе ## Atomic Design в WordPress [Заголовок раздела «Atomic Design в WordPress»](#atomic-design-в-wordpress) Методология Брэда Фроста идеально ложится на блочный редактор WordPress: | Уровень | Atomic Design | WordPress | | ------------- | ------------------------------- | --------------------------------------- | | **Atoms** | Цвета, шрифты, отступы | `theme.json` → CSS-переменные | | **Molecules** | Кнопка + поле = форма поиска | Блоки: Search, Buttons, Social Icons | | **Organisms** | Хедер, футер, сайдбар | Template Parts | | **Templates** | Шаблон страницы | `templates/single.html`, `page.html` | | **Pages** | Конкретная страница с контентом | Страница в админке, наполненная блоками | ## Инструменты дизайна [Заголовок раздела «Инструменты дизайна»](#инструменты-дизайна) | Инструмент | Для чего | Связь с WordPress | | -------------------------------- | -------------------------------------------- | ------------------------------------------ | | **Figma** | Создание макетов, компонентов, токенов | Экспорт токенов в theme.json через плагины | | **Tokens Studio** (Figma-плагин) | Управление design tokens, Git-синхронизация | Прямой экспорт в W3C DTCG-формат | | **Style Dictionary** (Amazon) | Трансформация токенов в CSS/Sass/Android/iOS | Генерация `--wp--custom--*` переменных | | **Storybook** | Документирование и тестирование компонентов | Визуальные регрессии блоков | | **Figma Make** | AI-генерация кода из фреймов | HTML/CSS/React из дизайн-макетов | ## Практический подход: от простого к сложному [Заголовок раздела «Практический подход: от простого к сложному»](#практический-подход-от-простого-к-сложному) По Contentful, построение дизайн-системы идёт поэтапно: 1. **Один primary color** — минимальная палитра 2. **Stepping system** — шкалы оттенков (50-900) 3. **Semantic tokens** — именованные токены: `color-accent`, `text-primary` 4. **Interactive states** — hover, active, focus, disabled 5. **Component tokens** — `button-primary-bg`, `card-border-radius` ## WordPress-специфика [Заголовок раздела «WordPress-специфика»](#wordpress-специфика) Для WordPress дизайн-система реализуется через: ### 1. theme.json — фундамент [Заголовок раздела «1. theme.json — фундамент»](#1-themejson--фундамент) Глобальные настройки стилей, цветов, типографики. В кастомной секции `settings.custom` хранятся design tokens — единый source of truth. ### 2. Блоки как компоненты [Заголовок раздела «2. Блоки как компоненты»](#2-блоки-как-компоненты) Кастомные блоки (React/PHP/CSS) — это molecules и organisms дизайн-системы. `block.json` определяет атрибуты и настройки блока, как props в React-компоненте. ### 3. Паттерны — готовые секции [Заголовок раздела «3. Паттерны — готовые секции»](#3-паттерны--готовые-секции) Group-блок с вложенной структурой, сохранённый как паттерн = готовый organism. Может быть синхронизированным (изменения применяются везде) или несинхронизированным (копия). Подробнее — в разделе [Паттерны (Block Patterns)](../websites/patterns/). ### 4. Template Parts — глобальные элементы [Заголовок раздела «4. Template Parts — глобальные элементы»](#4-template-parts--глобальные-элементы) Header, Footer, Sidebar — стабильные части всех страниц. ## Построение дизайн-системы: пошагово [Заголовок раздела «Построение дизайн-системы: пошагово»](#построение-дизайн-системы-пошагово) 1. **Определите grid spacing unit** — базовый шаг отступов (4px, 8px), не меняйте его потом 2. **Вынесите цвета в токены** — не используйте raw HEX в блоках 3. **Создайте базовые компоненты** — кнопки, формы, типографика 4. **Соберите паттерны** — hero, карточки, pricing tables 5. **Разделите по брендам** — если несколько брендов, отдельные библиотеки токенов 6. **Документируйте** — Style Book в WordPress + Storybook для кастомных блоков ## Когда дизайн-система оправдана [Заголовок раздела «Когда дизайн-система оправдана»](#когда-дизайн-система-оправдана) * Несколько страниц с повторяющимися элементами * Команда из 2+ человек работает над дизайном * Есть несколько сайтов с общим брендом * Частота изменений дизайна высока * Нужна консистентность между платформами (web + mobile) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [WebDevStudios: Building Design Systems for WordPress](https://webdevstudios.com/2020/02/20/design-systems-for-wordpress/) * [WordPress VIP: Design System with Block Editor — Theme.json](https://wpvip.com/blog/using-a-design-system-with-the-wordpress-block-editor-pt-1-theme-json/) * [DDpa: Design as Code — Design Tokens и архитектура](https://ddpa.ru/kb/ai/design/design-as-code/) * [Contentful: Design Tokens Explained](https://www.contentful.com/blog/design-tokens-explained/) * [Atomic Design by Brad Frost](http://atomicdesign.bradfrost.com/table-of-contents/) * [Impeccable: AI-дизайн для WordPress](../impeccable) — AI-навык с `/impeccable extract` и `/impeccable polish` для работы с дизайн-системами. ---------- # Дизайн сервисов (UI/UX) > Базовые UI/UX-принципы для сервисных интерфейсов: композиция макетов и система отступов. ## О чём раздел [Заголовок раздела «О чём раздел»](#о-чём-раздел) Раздел для интерфейсов сервисных продуктов: структурный каркас UI и контроль визуального ритма. ## Страницы [Заголовок раздела «Страницы»](#страницы) * [Композиция макетов](./layout-composition) — каркас интерфейса: Group, Row/Stack, Columns. * [Отступы и размеры](./dimensions-spacing) — пространство и ритм в UI. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Дизайн цифровых продуктов](../) ---------- # Отступы и размеры: padding, margin, block spacing > Управление пространством в блочном редакторе WordPress: padding, margin и block spacing — глобальные настройки и индивидуальные значения. ## Три инструмента управления пространством [Заголовок раздела «Три инструмента управления пространством»](#три-инструмента-управления-пространством) В блочном редакторе доступны три ключевых инструмента для управления расстояниями: | Инструмент | Где действует | | ----------------- | ---------------------------------------------------------------------- | | **Padding** | Внутренний отступ — пространство между контентом и границей блока | | **Margin** | Внешний отступ — пространство между блоком и соседними элементами | | **Block spacing** | Расстояние между вложенными блоками внутри контейнера (Group, Columns) | ## Как открыть настройки [Заголовок раздела «Как открыть настройки»](#как-открыть-настройки) 1. Выберите блок 2. Settings (боковая панель справа) → **Styles** → **Dimensions** 3. Если padding/margin не видны: три точки → включить в списке ## Padding [Заголовок раздела «Padding»](#padding) ### Настройка [Заголовок раздела «Настройка»](#настройка) * **Горизонтальный + вертикальный** слайдеры (от 0 до XXL) * **Кастомные значения** с единицами: `px`, `%`, `rem`, `em`, `vh`, `vw` * **Unlink sides** — раздельная настройка top/right/bottom/left ### Когда использовать [Заголовок раздела «Когда использовать»](#когда-использовать) * Кнопки с текстом внутри — горизонтальный и вертикальный padding * Карточки — padding вокруг контента * Секции с фоном — padding, чтобы контент не прилипал к краям ## Margin [Заголовок раздела «Margin»](#margin) ### Настройка [Заголовок раздела «Настройка»](#настройка-1) * Те же контролы, что у padding * **Отрицательные значения** — доступны в расширенных настройках (advanced) ### Когда использовать [Заголовок раздела «Когда использовать»](#когда-использовать-1) * Добавить «воздуха» между секциями * Расстояние между header и контентом * Точная настройка позиционирования ## Block spacing [Заголовок раздела «Block spacing»](#block-spacing) Block spacing — специфичный для контейнеров параметр, управляющий расстоянием между вложенными блоками. ### Когда использовать [Заголовок раздела «Когда использовать»](#когда-использовать-2) * **Установить в 0** — «склеить» элементы (например, изображения в галерее без зазоров) * Настроить горизонтальное расстояние между элементами в Group/Row * Управлять вертикальным ритмом внутри секций ## Глобальные значения через Style Book [Заголовок раздела «Глобальные значения через Style Book»](#глобальные-значения-через-style-book) Можно задать дефолтные padding, margin и block spacing для типов блоков глобально: * **Media → Media & Text** — добавить вертикальный padding * **Design → Buttons** — горизонтальный + вертикальный padding * **Layout** — вертикальный padding для основной области контента, block spacing ## Практические примеры [Заголовок раздела «Практические примеры»](#практические-примеры) 1. **Сетка без зазоров:** вставить паттерн → Grid block → spacing = XS 2. **Просторные колонки:** паттерн → Columns → padding = XX-Large 3. **Кнопка с отступами:** Buttons «Learn more» → горизонтальный padding 10px, вертикальный 20px 4. **Секции друг за другом:** два Cover блока → нижний margin первого = Regular Все изменения видны в реальном времени. Экспериментируйте с комбинациями — CSS не требуется. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Dimensions: Padding, margin and block spacing (learn.wordpress.org)](https://learn.wordpress.org/lesson/dimensions-padding-margin-and-block-spacing/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Композиция макетов](../layout-composition) * [Настройки темы](../../websites/theme-settings) * [Медиа-блоки](../../websites/media-blocks) ---------- # Композиция макетов: Group, Row, Stack, Columns > Построение макетов в WordPress через блоки-контейнеры: Group, Row и Stack (flexbox), Columns (сетка до 6 колонок). ## Обзор контейнерных блоков [Заголовок раздела «Обзор контейнерных блоков»](#обзор-контейнерных-блоков) Контейнерные блоки — основа композиции макетов. Они не содержат контента напрямую, а задают структуру для других блоков. | Блок | Тип компоновки | Максимум элементов | | ----------- | -------------------------------------- | ------------------ | | **Group** | Вертикальная (stack) или настраиваемая | Не ограничено | | **Row** | Горизонтальная (flexbox row) | Не ограничено | | **Stack** | Вертикальная (flexbox column) | Не ограничено | | **Columns** | Сетка | До 6 колонок | ## Group block [Заголовок раздела «Group block»](#group-block) Group — универсальный контейнер. Его главная сила — **родитель для других блоков**, позволяющий применять стили ко всей группе одновременно: * Фоновый цвет или изображение * Отступы (padding, margin) * Границы и скругление * Тень Group можно использовать для создания секций страницы: hero, features, testimonials, footer-виджеты. ## Row и Stack блоки [Заголовок раздела «Row и Stack блоки»](#row-и-stack-блоки) Row и Stack — flexbox-контейнеры: ### Row [Заголовок раздела «Row»](#row) * Элементы выстраиваются **по горизонтали** * Настройка выравнивания по вертикали (top, center, bottom, stretch) * Расстояние между элементами (gap) * На мобильных: перестраивается в вертикаль ### Stack [Заголовок раздела «Stack»](#stack) * Элементы выстраиваются **по вертикали** * Отступы между элементами (spacing) * Отлично для: карточек с изображением → заголовком → текстом → кнопкой ### Общие настройки [Заголовок раздела «Общие настройки»](#общие-настройки) * **Justification** — распределение пространства между элементами * **Wrap** — перенос на новую строку при нехватке места * **Gap** — расстояние между дочерними элементами ## Columns block [Заголовок раздела «Columns block»](#columns-block) Columns — самый гибкий блочный инструмент для сеток. До **6 колонок**. ### Добавление и настройка [Заголовок раздела «Добавление и настройка»](#добавление-и-настройка) * Вставка: `/columns` или через Inserter * Выбор количества и пропорций колонок * В каждую колонку добавляются любые блоки: изображения, заголовки, параграфы, кнопки ### Родитель и дети [Заголовок раздела «Родитель и дети»](#родитель-и-дети) Columns block имеет родительско-дочернюю структуру: * **Родитель** (Columns): ширина, выравнивание, цвет фона, border * **Дети** (Column): индивидуальный фон, отступы, границы ### Панель инструментов [Заголовок раздела «Панель инструментов»](#панель-инструментов) * **Alignment:** wide-width, full-width * **Duplicate column:** три точки → Duplicate — ускоряет работу * **Move column:** стрелки в тулбаре или drag-and-drop в List View ### Боковая панель [Заголовок раздела «Боковая панель»](#боковая-панель) * **Добавить колонку:** плюс между колонками * **Stack on Mobile** — колонки автоматически становятся вертикальными на мобильных * Стили: цвета, типографика * Размеры: padding, margin, space between columns * Border, радиус, тень ### Трансформации [Заголовок раздела «Трансформации»](#трансформации) Другие блоки можно трансформировать в Columns, а Columns — в Group. ## Практический пример: 3-колоночный макет [Заголовок раздела «Практический пример: 3-колоночный макет»](#практический-пример-3-колоночный-макет) 1. Columns → 3 равные колонки 2. Левая колонка: border 5px, padding → Paragraph «01» (75px, bold, line-height 1.3, по центру) → Heading «Consultation» (Large, line-height 4, по центру) → Lorem ipsum (по центру) 3. Дублировать колонку дважды, обновить контент, удалить лишние ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Designing with the Group block (learn.wordpress.org)](https://learn.wordpress.org/lesson/designing-with-the-group-block/) * [Designing with Row and Stack blocks (learn.wordpress.org)](https://learn.wordpress.org/lesson/designing-with-row-and-stack-blocks-copy/) * [Designing with the Columns block (learn.wordpress.org)](https://learn.wordpress.org/lesson/designing-with-the-columns-block-copy/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Отступы и размеры](../dimensions-spacing) * [Block-first мышление](../../websites/block-first-mindset) * [Медиа-блоки](../../websites/media-blocks) ---------- # Дизайн вебсайтов > Практики дизайна сайтов на WordPress: block-first подход, theme.json, Style Book, медиа-блоки и паттерны. ## О чём раздел [Заголовок раздела «О чём раздел»](#о-чём-раздел) Раздел про дизайн контентных и коммерческих вебсайтов: от структуры блоков до визуальной консистентности и производственного внедрения. ## Страницы [Заголовок раздела «Страницы»](#страницы) * [WordPress для дизайнеров](./wordpress-for-designers) * [Block-first мышление](./block-first-mindset) * [Иерархия блочной темы](./block-theme-hierarchy) * [Theme settings](./theme-settings) * [Theme JSON](./theme-json) * [Style Book](./style-book) * [Figma to WordPress](./figma-to-wordpress) * [Tailwind + daisyUI + WordPress](./tailwind-daisyui-wordpress) * [Site Editor prototyping](./site-editor-prototyping) * [Media blocks](./media-blocks) * [Carousel / slider](./carousel-slider) * [Паттерны вебсайтов](./patterns/) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Дизайн цифровых продуктов](../) ---------- # Block-first мышление > Философия блочного мышления в WordPress: модульный подход к дизайну, переиспользуемые компоненты, принципы композиции блоков. ## Что такое block-first мышление [Заголовок раздела «Что такое block-first мышление»](#что-такое-block-first-мышление) Block-first мышление — это сдвиг от проектирования **страниц** к проектированию **модульных, переиспользуемых компонентов**. Вместо того чтобы рисовать каждую страницу отдельно, вы создаёте систему блоков, которые комбинируются в разнообразные макеты. **Аналогия:** блоки — это кубики LEGO. Из простых кирпичиков можно построить и маленький домик, и сложный замок. Так же и в WordPress: из фундаментальных блоков собираются сложные дизайны. ## Блоки не требуют кода [Заголовок раздела «Блоки не требуют кода»](#блоки-не-требуют-кода) Блоки позволяют создавать сложные дизайны без единой строки кода. Они связаны с `theme.json`, который задаёт стили по умолчанию. В Site Editor через Global Styles эти значения можно корректировать визуально, сохраняя консистентность. ## Переиспользуемые компоненты [Заголовок раздела «Переиспользуемые компоненты»](#переиспользуемые-компоненты) Типичные дизайн-задачи, решаемые через паттерны: | Компонент | Пример использования | | ---------------------- | ----------------------------------------------- | | **Featured item** | Карточка товара, ключевой пост, ценовая таблица | | **Newsletter sign-up** | Форма подписки, размещаемая на разных страницах | | **Testimonial** | Отзыв клиента — одиночный или группа | | **Call-to-action** | Призыв к действию с кнопкой | ## Принципы композиции [Заголовок раздела «Принципы композиции»](#принципы-композиции) ### 1. Начинайте с малого [Заголовок раздела «1. Начинайте с малого»](#1-начинайте-с-малого) Начните с фундаментальных элементов в Style Book: текст, изображения, кнопки. Это основа вашей дизайн-системы. ### 2. Стройте вверх [Заголовок раздела «2. Стройте вверх»](#2-стройте-вверх) Комбинируйте базовые элементы в более сложные блоки. Например: * Создайте Media & Text паттерн * Сохраните как несинхронизированный паттерн * Настройте макет ### 3. Думайте responsively [Заголовок раздела «3. Думайте responsively»](#3-думайте-responsively) Проектируйте блоки так, чтобы они работали на всех размерах экрана. Columns block умеет **«Stack on mobile»** — колонки автоматически выстраиваются вертикально на мобильных. Всегда проверяйте дизайн в превью для планшета и мобильного. ### Пример анатомии паттерна [Заголовок раздела «Пример анатомии паттерна»](#пример-анатомии-паттерна) ```plaintext Group block (контейнер) └── Columns block ├── Левая колонка │ ├── Paragraph (надпись) │ ├── Heading (заголовок) │ ├── Paragraph (описание) │ └── Buttons (CTA) └── Правая колонка └── Image (изображение) ``` ## Итог [Заголовок раздела «Итог»](#итог) Принимая block-first мышление, вы не просто дизайните страницы — вы создаёте **гибкую систему компонентов**. Ключ: мыслить модульно, проектировать для переиспользования через блоки и паттерны. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Designing with a block-first mindset (learn.wordpress.org)](https://learn.wordpress.org/lesson/designing-with-a-block-first-mindset/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Паттерны (Block Patterns)](../patterns/) * [Иерархия блочной темы](../block-theme-hierarchy) * [Дизайн-системы в WordPress](../../design-systems) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники-1) * [Designing with a block-first mindset (learn.wordpress.org)](https://learn.wordpress.org/lesson/designing-with-a-block-first-mindset/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы-1) * [Иерархия блочной темы](../block-theme-hierarchy) * [Композиция макетов](../../services-ui-ux/layout-composition) * [Site Editor для прототипирования](../site-editor-prototyping) ---------- # Иерархия блочной темы > Как устроена блочная тема WordPress: архитектура от блоков до шаблонов, разница между pages и posts, порядок компонентов. ## Архитектура: страницы и записи [Заголовок раздела «Архитектура: страницы и записи»](#архитектура-страницы-и-записи) В блочных темах всё строится из блоков, но WordPress по-прежнему использует два основных типа контента: | | Страницы (Pages) | Записи (Posts) | | -------------- | ---------------------------------------- | ------------------------------------- | | **Характер** | Статический, вневременной контент | Динамический, хронологический контент | | **Примеры** | «О нас», «Контакты», «Услуги» | Блог, новости | | **Сортировка** | Произвольная, через меню | Обратная хронологическая | | **Таксономии** | Нет (обычно) | Категории и теги | | **Блоки** | Свободная компоновка под каждую страницу | Полная кастомизация через блоки | ## Иерархия блочной темы [Заголовок раздела «Иерархия блочной темы»](#иерархия-блочной-темы) Понимание иерархии — ключ к проектированию блочных тем. Компоненты от меньшего к большему: ```plaintext Блоки → Паттерны (Patterns) → Части шаблона (Template Parts) → Шаблоны (Templates) → Тема (Theme) ``` ### 1. Блоки (Blocks) [Заголовок раздела «1. Блоки (Blocks)»](#1-блоки-blocks) Фундаментальные строительные единицы. Каждый блок — отдельный элемент контента: * **Атомарные:** параграф, изображение, кнопка, заголовок * **Контейнеры:** Columns, Group, Gallery Все блоки связаны с `theme.json`, который задаёт стили по умолчанию. Через Global Styles можно твикать эти значения визуально. ### 2. Паттерны (Block Patterns) [Заголовок раздела «2. Паттерны (Block Patterns)»](#2-паттерны-block-patterns) Коллекция блоков, собранная в готовую композицию. Вставляется одним кликом, контент настраивается под себя. Бывают: * **Несинхронизированные** — после вставки живут своей жизнью * **Синхронизированные** — изменение оригинала обновляет все вставки ### 3. Части шаблона (Template Parts) [Заголовок раздела «3. Части шаблона (Template Parts)»](#3-части-шаблона-template-parts) Повторяющиеся секции сайта: **header** (шапка), **footer** (подвал). Редактируются один раз и применяются ко всем шаблонам. ### 4. Шаблоны (Templates) [Заголовок раздела «4. Шаблоны (Templates)»](#4-шаблоны-templates) Управляют компоновкой разных типов страниц: * Front Page (главная) * Single (отдельная запись) * Page (статическая страница) * Archive (архивы: категории, теги, даты) * Search (результаты поиска) * 404 (страница не найдена) ### 5. Тема (Theme) [Заголовок раздела «5. Тема (Theme)»](#5-тема-theme) Верхний уровень — всё вместе: `theme.json`, шаблоны, template parts, паттерны, стили. Создаёт целостный сайт. ## Блоки и открытые стандарты [Заголовок раздела «Блоки и открытые стандарты»](#блоки-и-открытые-стандарты) Блоки следуют открытым веб-стандартам, что означает: * Переносимость между платформами * Совместимость с AI-инструментами — возможность автоматических дизайн-предложений * Единая структура, понятная и людям, и машинам ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Overview of WordPress block theme terms and hierarchy (learn.wordpress.org)](https://learn.wordpress.org/lesson/overview-of-wordpress-block-theme-terms-and-hierarchy/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Типы тем WordPress](../../../wordpress/themes/theme-types) * [Шаблоны WordPress](../../../wordpress/themes/templates) * [Страницы, записи, категории и теги](../../../websites/content/pages-posts-and-taxonomies-basics) * [Block-first мышление](../block-first-mindset) * [Паттерны (Block Patterns)](../patterns/) ---------- # Карусели и слайдеры > Создание каруселей и слайдеров в WordPress через плагины: MetaSlider, Smart Slider 3, Carousel Slider Block. Доступность и лучшие практики. ## Зачем нужны карусели [Заголовок раздела «Зачем нужны карусели»](#зачем-нужны-карусели) Веб-карусели — элегантный способ сгруппировать связанный контент в одном пространстве: изображения продуктов, отзывы, баннеры акций. ## Плагины для каруселей [Заголовок раздела «Плагины для каруселей»](#плагины-для-каруселей) ### MetaSlider [Заголовок раздела «MetaSlider»](#metaslider) Традиционный слайдер с множеством настроек: * Мобильная адаптация * Расширенные настройки * Настройки доступности * Режим разработчика ### Smart Slider 3 [Заголовок раздела «Smart Slider 3»](#smart-slider-3) Мощный конструктор слайдеров с визуальным редактором. ### Carousel Slider Block for Gutenberg [Заголовок раздела «Carousel Slider Block for Gutenberg»](#carousel-slider-block-for-gutenberg) Блочный слайдер, поддерживает другие блоки внутри слайда и WooCommerce. ## Carousel Slider Block for Gutenberg [Заголовок раздела «Carousel Slider Block for Gutenberg»](#carousel-slider-block-for-gutenberg-1) ### Установка и использование [Заголовок раздела «Установка и использование»](#установка-и-использование) 1. Установите и активируйте плагин 2. В редакторе: `/slider` → выбрать Carousel Slider 3. Добавить блоки внутри (например, 3 Image блока) 4. Выделить родительский блок → alignment: wide width ### Настройки [Заголовок раздела «Настройки»](#настройки) | Параметр | Описание | | --------------------------- | ---------------------------------------- | | Количество слайдов к показу | Сколько слайдов видно одновременно | | Слайдов за прокрутку | Сколько проматывается за раз | | Скорость анимации | Время перехода | | Стрелки и точки | Навигация (вкл. по умолчанию) | | Responsive breakpoints | Сколько слайдов на каждом размере экрана | | Aspect ratio | Единый размер изображений | ### За пределами изображений [Заголовок раздела «За пределами изображений»](#за-пределами-изображений) Внутрь слайдов можно добавлять Cover блоки с Heading + Spacer + Buttons. Установите «Slides to show: 1» для полноэкранного слайдера. ## Доступность и слайдеры [Заголовок раздела «Доступность и слайдеры»](#доступность-и-слайдеры) Слайдеры могут создавать проблемы с доступностью. Минимальные требования: * **Alt text** для всех изображений * **Управление с клавиатуры** — переключение слайдов без мыши * **Поддержка скринридеров** — aria-метки, роли * **Избегайте автопрокрутки** — дайте пользователю контроль * Если auto-play необходим — обязательна **кнопка паузы** * **RTL** — поддержка языков с написанием справа налево (WordPress поддерживает из коробки) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Using a plugin to create a carousel slider (learn.wordpress.org)](https://learn.wordpress.org/lesson/using-a-plugin-to-create-a-carousel-slider/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Медиа-блоки](../media-blocks) * [Доступность (a11y)](../../accessibility) * [Плагины WordPress: основы](../../../wordpress/plugins/plugins-basics) ---------- # Figma → WordPress: мост через Design Tokens > Синхронизация дизайн-системы из Figma в WordPress: vip-design-system-bridge, Tokens Studio, Style Dictionary и автоматическое обновление theme.json. ## Проблема [Заголовок раздела «Проблема»](#проблема) При масштабной работе с сайтами сложно поддерживать консистентность между дизайном в Figma и реализацией в WordPress. Изменения в Figma вносятся дизайнерами, но разработчикам приходится вручную переносить цвета, отступы и типографику в `theme.json`. Результат — рассинхронизация и дрейф дизайна. ## Решение: пайплайн Figma → WordPress [Заголовок раздела «Решение: пайплайн Figma → WordPress»](#решение-пайплайн-figma--wordpress) ```plaintext Figma │ └─→ Tokens Studio (плагин) │ └─→ GitHub (tokens.json) │ └─→ vip-design-system-bridge │ ├─→ theme.json (custom section) └─→ CSS-переменные (--wp--custom--*) ``` ## Инструменты [Заголовок раздела «Инструменты»](#инструменты) ### 1. Tokens Studio (Figma-плагин) [Заголовок раздела «1. Tokens Studio (Figma-плагин)»](#1-tokens-studio-figma-плагин) [Tokens Studio](https://www.figma.com/community/plugin/843461159747178978) — профессиональный менеджер design tokens внутри Figma: * Создание иерархических сетов токенов (global, theme-specific, component-level) * Двусторонняя Git-синхронизация (изменения в Figma → PR в GitHub, и наоборот) * Поддержка W3C DTCG-формата * Валидация references между токенами **Два типа сетов:** * **global** — полная палитра и базовые значения (не попадают в theme.json) * **semantic / component** — именованные токены конкретных компонентов (попадают в theme.json) ### 2. vip-design-system-bridge [Заголовок раздела «2. vip-design-system-bridge»](#2-vip-design-system-bridge) [Open-source инструмент](https://github.com/Automattic/vip-design-system-bridge) от WordPress VIP (Automattic), преобразующий tokens.json из Figma в WordPress-совместимый `theme.json`: ```bash node ingest-tokens.js \ --tokenPath=~/Downloads/tokens.json \ --themePath=./wp-content/themes/my-theme \ --sourceSet=global \ --layerSets=material-3-color,material-3-text \ --overwrite ``` **Ключевые параметры:** * `--tokenPath` — путь к tokens.json из Figma * `--themePath` — путь к теме WordPress * `--sourceSet` — сет-источник (глобальная палитра, исключается из финального вывода) * `--layerSets` — сеты, формирующие финальный вывод (через запятую) * `--overwrite` — перезаписать существующий theme.json Внутри инструмент использует: * **token-transformer** — обработка токенов из Figma-формата * **Style Dictionary** — сборка в WordPress-совместимый формат с `--wp--custom--*` переменными ### 3. Style Dictionary (Amazon) [Заголовок раздела «3. Style Dictionary (Amazon)»](#3-style-dictionary-amazon) Трансформирует абстрактные токены в платформо-специфичный код: * CSS (CSS-переменные) * Sass (SCSS-переменные) * Android (XML resources) * iOS (Swift) * WordPress (`theme.json` через плагин) ## Пошаговая инструкция [Заголовок раздела «Пошаговая инструкция»](#пошаговая-инструкция) ### Шаг 1: Создать дизайн-систему в Figma [Заголовок раздела «Шаг 1: Создать дизайн-систему в Figma»](#шаг-1-создать-дизайн-систему-в-figma) Настроить цвета, типографику, отступы как токены в Tokens Studio. ### Шаг 2: Настроить Git-синхронизацию [Заголовок раздела «Шаг 2: Настроить Git-синхронизацию»](#шаг-2-настроить-git-синхронизацию) В Tokens Studio: Settings → Sync → GitHub → указать репозиторий и путь. Токены будут автоматически пушиться при изменениях. ### Шаг 3: Настроить bridge в CI/CD [Заголовок раздела «Шаг 3: Настроить bridge в CI/CD»](#шаг-3-настроить-bridge-в-cicd) .github/workflows/sync-tokens.yml ```yaml name: Sync Design Tokens on: push: paths: - 'tokens/**' jobs: sync: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 - name: Setup Node.js uses: actions/setup-node@v4 with: node-version: '20' - name: Install bridge run: | git clone https://github.com/Automattic/vip-design-system-bridge.git cd vip-design-system-bridge && npm ci - name: Apply tokens to theme run: | node vip-design-system-bridge/ingest-tokens.js \ --tokenPath=./tokens/tokens.json \ --themePath=./wp-content/themes/my-theme \ --sourceSet=global \ --layerSets=theme-light,theme-components \ --overwrite - name: Commit updated theme.json run: | git config user.name "Design Bot" git config user.email "bot@example.com" git add wp-content/themes/my-theme/theme.json git commit -m "chore: sync design tokens from Figma" || true git push ``` ### Шаг 4: Использовать токены в теме [Заголовок раздела «Шаг 4: Использовать токены в теме»](#шаг-4-использовать-токены-в-теме) В `theme.json` и кастомном CSS используем сгенерированные переменные: ```json { "styles": { "color": { "text": "var(--wp--custom--color--text--primary)", "background": "var(--wp--custom--color--surface--primary)" } } } ``` style.css ```css .hero-section { background: var(--wp--custom--color--surface--accent); padding: var(--wp--custom--spacing--2xl) var(--wp--custom--spacing--lg); } ``` ### Шаг 5: Итерация [Заголовок раздела «Шаг 5: Итерация»](#шаг-5-итерация) Дизайнер меняет токен в Figma → Tokens Studio пушит в GitHub → CI/CD запускает bridge → theme.json обновляется автоматически. Без ручных правок кода. ## Альтернативы VIP Bridge [Заголовок раздела «Альтернативы VIP Bridge»](#альтернативы-vip-bridge) | Инструмент | Подход | Для кого | | --------------------------------------- | ------------------------------------------- | --------------------------- | | **VIP Bridge** | Прямая конвертация tokens.json → theme.json | Enterprise на WordPress VIP | | **Style Dictionary** (ручная настройка) | Программируемая трансформация | Кастомные пайплайны | | **Figma Make** (AI) | Генерация кода из фреймов | Быстрое прототипирование | | **Builder.io** | Визуальное редактирование → production code | Headless-решения | ## Когда пайплайн Figma → WordPress оправдан [Заголовок раздела «Когда пайплайн Figma → WordPress оправдан»](#когда-пайплайн-figma--wordpress-оправдан) * Команда из дизайнеров и разработчиков работает параллельно * Частота изменений дизайна высока * Есть несколько сайтов/тем, использующих общую дизайн-систему * Нужна гарантия консистентности между макетом и продакшеном Для одиночного проекта с редкими изменениями — ручной перенос токенов в `theme.json` может быть достаточен. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [WordPress VIP: Exporting Design System Tokens From Figma to WordPress](https://wpvip.com/blog/figma-to-wordpress/) * [vip-design-system-bridge (GitHub)](https://github.com/Automattic/vip-design-system-bridge) * [Tokens Studio for Figma](https://www.figma.com/community/plugin/843461159747178978) * [DDpa: Design as Code — Design Tokens и архитектура](https://ddpa.ru/kb/ai/design/design-as-code/) * [Style Dictionary by Amazon](https://amzn.github.io/style-dictionary/) ---------- # Медиа-блоки: Gallery, Media & Text, Cover > Работа с медиа-блоками в WordPress: Галерея с lightbox, Media & Text для бок-о-бок компоновки, Cover для баннеров и шапок с parallax. ## Gallery block [Заголовок раздела «Gallery block»](#gallery-block) Галерея автоматически размещает несколько фотографий в сетке. Идеально для портфолио, товаров, фотоколлекций. ### Добавление [Заголовок раздела «Добавление»](#добавление) * **Drag & drop** изображений с компьютера — автоматически создаст Gallery * Или `/gallery` → выбрать из медиабиблиотеки ### Настройки [Заголовок раздела «Настройки»](#настройки) | Параметр | Описание | | ------------------ | ---------------------------------------- | | Количество колонок | От 1 до 6+ | | Размер изображений | Thumbnail, Medium, Large, Full | | Crop images to fit | Обрезать до одинакового размера в строке | | Фоновый цвет | Заливка всей галереи | | Block spacing | Горизонтальные и вертикальные зазоры | | Padding и margin | Через три точки → Dimensions | | Border и радиус | Скругление + рамка | ### Lightbox [Заголовок раздела «Lightbox»](#lightbox) Глобальное включение: **Site Editor → Styles → Style Book → Media → Image → Settings → «Expand on click»**. Изображения открываются в оверлее на той же странице. ### Массовое редактирование [Заголовок раздела «Массовое редактирование»](#массовое-редактирование) * Изменить колонки → выделить все изображения → применить радиус/бордер ко всем сразу * Фоновый цвет + padding + белая рамка 10px на всех изображениях ### Дополнительно [Заголовок раздела «Дополнительно»](#дополнительно) * Ссылки и подписи к галерее * Перестановка изображений стрелками или drag-and-drop * Замена отдельных изображений * Добавление новых через «Add» в тулбаре ## Media & Text block [Заголовок раздела «Media & Text block»](#media--text-block) Комбинирует изображение/видео с текстом бок о бок. Идеален для: feature highlights, «о нас», «команда», «контакты». ### Добавление [Заголовок раздела «Добавление»](#добавление-1) `/media and text` → изображение (с alt text) → контент справа. ### Пример рабочего процесса [Заголовок раздела «Пример рабочего процесса»](#пример-рабочего-процесса) 1. Изображение из медиабиблиотеки 2. Текст: первый параграф → трансформировать в Heading (XL) 3. Buttons block (outline) как CTA ### Настройки [Заголовок раздела «Настройки»](#настройки-1) * **Ширина:** wide, full * **Позиция изображения:** слева/справа (поменять в тулбаре) * **Фоновый цвет** * **Padding** вокруг контента * **Media width** — слайдер для настройки пропорции изображение:текст * **Stack on mobile** (вкл. по умолчанию) — на мобильных контент вертикально * **Crop image to fill** + **focal point picker** — если изображение не помещается, выбрать ключевую точку * **Вертикальное выравнивание:** top, middle, bottom * **Border и радиус** ### Паттерны [Заголовок раздела «Паттерны»](#паттерны) Inserter → «Media and Text» → готовые паттерны из темы. Используйте как базу или вдохновение. ## Cover block [Заголовок раздела «Cover block»](#cover-block) Отображает текст/контент поверх изображения или видео. Отлично для: шапок, баннеров, CTA-секций. ### Возможности [Заголовок раздела «Возможности»](#возможности) Cover — **контейнерный блок**: содержит другие блоки внутри. **Добавление:** загрузить изображение/видео или «Use Featured Image». **Ключевые настройки:** * **Full width** — во всю ширину * **Content position** — позиционирование контента (top left, center и т.д.) * **Full height** — во всю высоту экрана * **Fixed Background** — эффект параллакса * **Repeat Background** — повторение, если изображение меньше области * **Focal point picker** — ключевая точка для мобильных * **Overlay color + opacity** — затемнение/осветление * **Aspect ratio** — например, Classic 3×2 для предотвращения обрезки на разных экранах ### Пример: баннер [Заголовок раздела «Пример: баннер»](#пример-баннер) 1. Cover → изображение → full width → content position: top middle 2. Текст «Explore the mountains» → размер 4rem → appearance: medium 3. Обернуть текст в Group → убрать «Inner blocks use content width» → alignment: full width 4. Overlay opacity: 50% → padding → проверить на мобильном ### Пример: параллакс [Заголовок раздела «Пример: параллакс»](#пример-параллакс) 1. Cover → full width → full height → Fixed Background 2. Дублировать блок → новое изображение 3. Выделить оба → Group → block spacing: 0 ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Utilize the Gallery block (learn.wordpress.org)](https://learn.wordpress.org/lesson/utilize-the-gallery-block/) * [Using the WordPress Media and Text block (learn.wordpress.org)](https://learn.wordpress.org/lesson/using-the-wordpress-media-and-text-block/) * [Uncovering the Cover block (learn.wordpress.org)](https://learn.wordpress.org/lesson/uncovering-the-cover-block-copy/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Композиция макетов](../../services-ui-ux/layout-composition) * [Отступы и размеры](../../services-ui-ux/dimensions-spacing) * [Карусели и слайдеры](../carousel-slider) ---------- # Паттерны (Block Patterns) > Полное руководство по блочным паттернам WordPress: что это, типы, регистрация, PHP, шаблоны, block locking и источники готовых паттернов. ## Что такое паттерны [Заголовок раздела «Что такое паттерны»](#что-такое-паттерны) Блочные паттерны (block patterns) — предварительно сконфигурированные группы блоков. По сути, это **переиспользуемые композиции блоков** — один из самых мощных инструментов для авторов тем. Появились в WordPress 5.4. Паттерны можно вставлять: * В контент страниц и записей через Inserter * В шаблоны и template parts через `` * Как стартовые точки для новых страниц или шаблонов В отличие от **template parts** (HTML-файлы), паттерны — PHP-файлы. Это даёт доступ к интернационализации, динамическим URL изображений, циклам и другим PHP-возможностям. ## Типы паттернов [Заголовок раздела «Типы паттернов»](#типы-паттернов) | Тип | Описание | Создание | | ------------------------------------- | -------------------------------------------------------------------------------- | ---------------- | | **Not synced** (несинхронизированные) | При вставке создаётся независимая копия. Изменения не затрагивают другие вставки | Тема или админка | | **Synced** (синхронизированные) | Изменение оригинала обновляет все вставки. Ранее назывались «reusable blocks» | Только админка | **Все паттерны, регистрируемые темой — Not synced.** Синхронизация темо-регистрируемых паттернов пока невозможна ([открыт тикет](https://github.com/WordPress/gutenberg/issues/59272)). ## Где управлять паттернами [Заголовок раздела «Где управлять паттернами»](#где-управлять-паттернами) * **Блочная тема:** Внешний вид → Редактор сайта → Паттерны * **Классическая тема (WP 6.5+):** Внешний вид → Паттерны * **Каталог WordPress.org:** [wordpress.org/patterns](https://wordpress.org/patterns/) — 2200+ готовых паттернов ## Разделы руководства [Заголовок раздела «Разделы руководства»](#разделы-руководства) * [Регистрация паттернов](./registering) — `/patterns`-директория, PHP-регистрация, file headers, категории, unregistering * [PHP в паттернах](./php) — Интернационализация, изображения, циклы `foreach()`, ограничения `init` * [Паттерны в шаблонах](./templates) — ``, DRY-принцип, практические примеры * [Block Type Patterns](./block-type) — Привязка паттернов к конкретным блокам, Query Loop, Template Parts * [Стартовые паттерны](./starter) — Страничные и шаблонные стартовые точки для пользователей темы * [Block Locking и паттерны](./locking) — Курирование через запрет перемещения, удаления, content-only editing * [Источники паттернов](./directory) — WordPress.org Patterns, TypeUI, Flowbite: каталоги готовых решений ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Patterns — Theme Handbook (developer.wordpress.org)](https://developer.wordpress.org/themes/patterns/) * [Introduction to Patterns (developer.wordpress.org)](https://developer.wordpress.org/themes/patterns/introduction-to-patterns/) * [Block Pattern Directory (wordpress.org)](https://wordpress.org/patterns/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Иерархия блочной темы](../block-theme-hierarchy) * [Дизайн-системы в WordPress](../../design-systems) * [Шаблоны WordPress](../../../wordpress/themes/templates) * [Block-first мышление](../block-first-mindset) * [theme.json — основа дизайн-системы](../theme-json) * [Блок Custom HTML: innerContent-вариации как альтернатива паттернам (WP 7.1)](../../../wordpress/cheatsheet/custom-html-block) ---------- # Block Type Patterns > Паттерны, привязанные к конкретным типам блоков: регистрация, Query Loop patterns, Template Part patterns и практические примеры. ## Что такое Block Type Patterns [Заголовок раздела «Что такое Block Type Patterns»](#что-такое-block-type-patterns) Block Type Patterns — паттерны, которые появляются только при работе с определённым блоком. Когда пользователь вставляет блок (например, Cover) и нажимает его иконку в тулбаре, он видит пункт **Patterns** со списком подходящих вариантов. Это элегантный способ предложить пользователю готовые стилизации конкретного блока. ## Регистрация Block Type Pattern [Заголовок раздела «Регистрация Block Type Pattern»](#регистрация-block-type-pattern) В file header нужно указать `Block Types` с namespace/slug блока: ```php

``` Можно указать несколько типов блоков через запятую: ```plaintext Block Types: core/cover, core/group ``` ### Как это работает в редакторе [Заголовок раздела «Как это работает в редакторе»](#как-это-работает-в-редакторе) 1. Пользователь вставляет Cover block 2. Нажимает иконку Cover в тулбаре 3. Выбирает **Patterns** 4. Видит ваш «Cover с контрастным фоном» 5. При выборе — текущий Cover **трансформируется** в паттерн ## Query Loop Patterns [Заголовок раздела «Query Loop Patterns»](#query-loop-patterns) Query Loop — один из самых полезных блоков для Block Type Patterns. Позволяет быстро переключить макет вывода записей. **Пример: двухколоночная сетка** ```php
``` ### Варианты Query Loop-паттернов [Заголовок раздела «Варианты Query Loop-паттернов»](#варианты-query-loop-паттернов) | Название | Описание | Колонок | | ---------------------- | ---------------------------------------------- | ------- | | Query: Сетка 3 колонки | Карточки с featured image, title, excerpt | 3 | | Query: Список | Горизонтальные записи с featured image слева | 1 | | Query: Журнал | Первая запись на всю ширину, остальные — сетка | 2+1 | | Query: Без изображений | Только заголовок и дата, компактный вид | 3 | ## Template Part Patterns [Заголовок раздела «Template Part Patterns»](#template-part-patterns) Template Parts тоже поддерживают Block Type Patterns. Полезно для Header и Footer: ```php
``` ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Block Type Patterns — Theme Handbook (developer.wordpress.org)](https://developer.wordpress.org/themes/patterns/block-type-patterns/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Паттерны: обзор](../) * [Регистрация паттернов](../registering) * [Стартовые паттерны](../starter) ---------- # Источники паттернов > Где брать готовые блочные паттерны для WordPress: WordPress.org Patterns, TypeUI prompts, Flowbite Blocks — каталоги и инструменты генерации. ## Обзор источников [Заголовок раздела «Обзор источников»](#обзор-источников) Помимо создания паттернов вручную, есть несколько источников готовых решений и вдохновения: | Источник | Формат | Количество | Бесплатно | | --------------------------------------------------------- | ------------- | ---------- | ------------------ | | [WordPress.org Patterns](https://wordpress.org/patterns/) | Block markup | 2 200+ | Да | | [TypeUI Prompts](https://typeui.sh/prompts) | AI-промпты | 85 | Да (open source) | | [Flowbite Blocks](https://flowbite.com/blocks/) | Tailwind HTML | 459 | 277 free + 182 pro | ## WordPress.org Patterns [Заголовок раздела «WordPress.org Patterns»](#wordpressorg-patterns) Официальный каталог блочных паттернов WordPress.org. Каждый паттерн можно скопировать (copy-paste) и вставить в редактор. **Категории:** Featured, Posts, Text, Gallery, Call to Action, Banners, Headers, Footers, Wireframe. **Как использовать:** 1. Открыть [wordpress.org/patterns](https://wordpress.org/patterns/) 2. Выбрать паттерн 3. Нажать **Copy pattern** 4. Вставить в редактор WordPress (Ctrl+V / ⌘V) **Для тем:** скопированный block markup можно превратить в темо-регистрируемый паттерн — обернуть в file header и поместить в `/patterns/`. ## TypeUI Prompts [Заголовок раздела «TypeUI Prompts»](#typeui-prompts) [TypeUI](https://typeui.sh) — open-source CLI для AI-генерации UI. Включает 85 дизайн-промптов для AI-инструментов (Claude Code, Cursor, Copilot). **Категории промптов:** | Категория | Вариантов | Примеры | | ---------------- | --------- | ---------------------------------- | | Hero Sections | 17 | Hero with image, centered, split | | Pricing Sections | 20 | 3-tier, comparison table, with FAQ | | Feature Sections | 16 | Grid, alternating, with icons | | CTA Sections | 11 | Banner, split, centered | | Content Sections | 12 | Two-column, timeline, accordion | | Contact Sections | 9 | Form + map, minimal, full-width | Эти промпты генерируют HTML/CSS, который можно адаптировать в WordPress-паттерны. Полезно как отправная точка для дизайна. ## Flowbite Blocks [Заголовок раздела «Flowbite Blocks»](#flowbite-blocks) [Flowbite Blocks](https://flowbite.com/blocks/) — коллекция Tailwind CSS UI-компонентов. 459 блоков, сгруппированных по типам интерфейсов. ### Marketing UI (156 компонентов) [Заголовок раздела «Marketing UI (156 компонентов)»](#marketing-ui-156-компонентов) | Категория | Количество | | ---------------- | ---------- | | Hero Sections | 18 | | Feature Sections | 10 | | CTA Sections | 10 | | Pricing Tables | 7 | | Headers | 8 | | Footer Sections | 7 | | Contact Forms | 6 | | FAQ Sections | 5 | | Blog Sections | 5 | | Portfolio | 5 | | Testimonials | 5 | ### Application UI (140+ компонентов) [Заголовок раздела «Application UI (140+ компонентов)»](#application-ui-140-компонентов) Table headers, side navigations, application shells, CRUD-модалки, advanced tables, dashboard navbars, Kanban boards. ### E-commerce UI (80+ компонентов) [Заголовок раздела «E-commerce UI (80+ компонентов)»](#e-commerce-ui-80-компонентов) Payment forms, storefront hero, product categories, shopping cart, order summary, product overview, mega footers. ### Адаптация под WordPress [Заголовок раздела «Адаптация под WordPress»](#адаптация-под-wordpress) Flowbite использует Tailwind CSS — для использования в WordPress-паттернах требуется: 1. Tailwind, интегрированный в тему (см. [Tailwind CSS v4 + daisyUI в блочной теме WordPress](../../tailwind-daisyui-wordpress)) 2. Замена Tailwind-классов на WordPress-стили (если Tailwind не используется) ## Рабочий процесс: от источника к паттерну [Заголовок раздела «Рабочий процесс: от источника к паттерну»](#рабочий-процесс-от-источника-к-паттерну) 1. **Выбрать дизайн** — WordPress.org / TypeUI / Flowbite 2. **Скопировать/сгенерировать код** — HTML-разметку или block markup 3. **Адаптировать** — перевести на WordPress-блоки, добавить i18n 4. **Обернуть в file header** — `Title`, `Slug`, `Categories` 5. **Сохранить в `/patterns/`** 6. **Протестировать** в редакторе ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Block Pattern Directory (wordpress.org)](https://wordpress.org/patterns/) * [TypeUI — UI Design Prompts](https://typeui.sh/prompts) * [Flowbite Blocks — Tailwind UI Components](https://flowbite.com/blocks/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Паттерны: обзор](../) * [Регистрация паттернов](../registering) * [Tailwind CSS v4 + daisyUI в блочной теме WordPress](../../tailwind-daisyui-wordpress) * [Дизайн-системы в WordPress](../../../design-systems) ---------- # Block Locking и паттерны > Использование Block Locking API в паттернах WordPress: запрет перемещения, удаления, вставки блоков, content-only editing для курирования опыта редактирования. ## Что такое Block Locking [Заголовок раздела «Что такое Block Locking»](#что-такое-block-locking) [Block Locking API](https://developer.wordpress.org/block-editor/how-to-guides/curating-the-editor-experience/block-locking/) позволяет контролировать взаимодействие пользователя с блоками. В контексте паттернов — это способ **защитить дизайн** от случайных изменений. ## Типы блокировок [Заголовок раздела «Типы блокировок»](#типы-блокировок) ### Block-level locking (на уровне отдельного блока) [Заголовок раздела «Block-level locking (на уровне отдельного блока)»](#block-level-locking-на-уровне-отдельного-блока) | Атрибут | Эффект | | --------------- | ---------------------- | | `"move":true` | Блок нельзя перемещать | | `"remove":true` | Блок нельзя удалить | ### Template-level locking (на уровне контейнера) [Заголовок раздела «Template-level locking (на уровне контейнера)»](#template-level-locking-на-уровне-контейнера) Задаётся на групповом блоке (Group, Cover, Columns). Работает для всех вложенных блоков: | Атрибут | Эффект | | ------------------------------------ | ------------------------------------------ | | `"lock":{"move":true,"remove":true}` | Все вложенные блоки зафиксированы | | `"templateLock":"insert"` | Нельзя добавлять новые блоки внутрь | | `"templateLock":"contentOnly"` | Можно редактировать только контент и медиа | ## Block Locking: запрет перемещения и удаления [Заголовок раздела «Block Locking: запрет перемещения и удаления»](#block-locking-запрет-перемещения-и-удаления) ```php
``` Атрибут `"lock":{"move":true,"remove":true}` на `wp:image` запрещает перемещение и удаление изображения. ## Template Locking: защита целых секций [Заголовок раздела «Template Locking: защита целых секций»](#template-locking-защита-целых-секций) ### insert — запрет добавления новых блоков [Заголовок раздела «insert — запрет добавления новых блоков»](#insert--запрет-добавления-новых-блоков) ```php

``` Пользователь может редактировать существующие блоки, но не может добавить новые внутрь `wp:group`. ### contentOnly — только контент и медиа [Заголовок раздела «contentOnly — только контент и медиа»](#contentonly--только-контент-и-медиа) ```php

``` Content-only editing позволяет менять **только текст и медиа**, но не структуру, цвета или отступы. Идеально для клиентских проектов, где дизайн должен оставаться неизменным. ### all — полная блокировка [Заголовок раздела «all — полная блокировка»](#all--полная-блокировка) ```php
``` Ни перемещать, ни удалять, ни добавлять новые блоки. ## Блокировка через UI и через код [Заголовок раздела «Блокировка через UI и через код»](#блокировка-через-ui-и-через-код) Блокировки, заданные в коде паттерна, можно переопределить через UI (⋮ → Lock). Для клиентских проектов может потребоваться ограничить доступ к UI блокировок — см. [Change permissions to control locking ability](https://developer.wordpress.org/block-editor/how-to-guides/curating-the-editor-experience/block-locking/#change-permissions-to-control-locking-ability). ## Когда что использовать [Заголовок раздела «Когда что использовать»](#когда-что-использовать) | Ситуация | Тип блокировки | | ----------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | | Защита конкретного изображения в паттерне | Block-level `remove` + `move` | | Фиксированная структура секции, контент редактируемый | Template `contentOnly` | | Запрет добавления блоков в контейнер | Template `insert` | | Полностью зафиксированная секция | Template `all` | | Header, Footer — от случайного удаления | Block-level `remove` | | Фиксированная разметка с редактируемыми слотами без паттерна и кастомного блока (WP 7.1+) | `innerContent`-вариация `core/html` — см. [Блок Custom HTML](../../../../wordpress/cheatsheet/custom-html-block) | ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Patterns and Block Locking — Theme Handbook (developer.wordpress.org)](https://developer.wordpress.org/themes/patterns/patterns-and-block-locking/) * [Block Locking API — Block Editor Handbook (developer.wordpress.org)](https://developer.wordpress.org/block-editor/how-to-guides/curating-the-editor-experience/block-locking/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Паттерны: обзор](../) * [Регистрация паттернов](../registering) * [Паттерны в шаблонах](../templates) * [Блок Custom HTML: innerContent-вариации с редактируемыми слотами](../../../../wordpress/cheatsheet/custom-html-block) ---------- # PHP в паттернах > Использование PHP в блочных паттернах WordPress: интернационализация, динамические URL изображений, foreach-циклы, ограничения хука init. ## Когда выполняется PHP в паттернах [Заголовок раздела «Когда выполняется PHP в паттернах»](#когда-выполняется-php-в-паттернах) Паттерны регистрируются на хуке **`init`**. В этот момент WordPress компилирует PHP-содержимое паттерна в HTML-разметку блоков и сохраняет её. При рендеринге (в редакторе или на фронте) паттерн — уже чистый HTML. > **Ключевое ограничение:** На `init` недоступны глобальный запрос, пост, таксономии. Функции `is_home()`, `is_single()`, `get_post()`, `the_title()` — **не работают** в паттернах. ```php ``` Этот код **не выполнится корректно** — на `init` нет глобального контекста поста. Если нужен PHP на этапе рендера — используйте [Block Bindings API](https://developer.wordpress.org/news/tag/block-bindings/), но это за рамками паттернов. ## Интернационализация текста [Заголовок раздела «Интернационализация текста»](#интернационализация-текста) Главное преимущество PHP в паттернах — **i18n**. В отличие от HTML-шаблонов, текст в паттернах можно обернуть в функции перевода: ```php

``` **Функции i18n, доступные в паттернах:** * `esc_html_e()` — вывести и эскейпнуть * `esc_html__()` — вернуть и эскейпнуть * `_e()`, `__()` — без эскейпинга (только для доверенного текста) ## Изображения и ассеты [Заголовок раздела «Изображения и ассеты»](#изображения-и-ассеты) Динамические URL через `get_theme_file_uri()`: ```php

``` Для изображений внутри `wp:image`: ```php
<?php esc_attr_e( 'Логотип', 'themeslug' ); ?>
``` ## Циклы foreach() [Заголовок раздела «Циклы foreach()»](#циклы-foreach) PHP-циклы позволяют генерировать повторяющиеся структуры без дублирования кода: ```php __( 'Быстро', 'themeslug' ), 'text' => __( 'Мгновенная загрузка страниц.', 'themeslug' ), ], [ 'title' => __( 'Безопасно', 'themeslug' ), 'text' => __( 'Шифрование и защита данных.', 'themeslug' ), ], [ 'title' => __( 'Удобно', 'themeslug' ), 'text' => __( 'Интуитивный интерфейс.', 'themeslug' ), ], ]; ?>

``` ## Доступные PHP-функции [Заголовок раздела «Доступные PHP-функции»](#доступные-php-функции) | Доступно | Недоступно | | ------------------------------ | -------------------------------------------- | | `esc_html_e()`, `__()`, `_e()` | `is_home()`, `is_single()`, `is_page()` | | `esc_url()`, `esc_attr()` | `get_post()`, `the_title()`, `the_content()` | | `get_theme_file_uri()` | `get_the_ID()`, `get_queried_object()` | | `wp_kses_post()` | `have_posts()`, `the_post()` | | `home_url()`, `site_url()` | `wp_nav_menu()` | | Циклы `foreach()`, массивы | Глобальный `$post`, `$wp_query` | ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Using PHP in Patterns — Theme Handbook (developer.wordpress.org)](https://developer.wordpress.org/themes/patterns/using-php-in-patterns/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Паттерны: обзор](../) * [Регистрация паттернов](../registering) * [Паттерны в шаблонах](../templates) ---------- # Регистрация паттернов > Как регистрировать и разрегистрировать блочные паттерны в теме WordPress: /patterns-директория, PHP-функция register_block_pattern(), file headers, категории. ## Создание паттерна в админке [Заголовок раздела «Создание паттерна в админке»](#создание-паттерна-в-админке) Перед регистрацией в теме паттерн удобно создать через админку: 1. **Внешний вид → Редактор сайта → Паттерны → + (Создать паттерн)** 2. Заполните: **Название**, **Категории**, флажок **Синхронизированный** (для темы — выключить) 3. В редакторе соберите композицию из блоков 4. **Сохранить** Чтобы скопировать код паттерна: **⋮ → Копировать все блоки**. Полученный block markup — это HTML-разметка блоков, которую вы вставите в файл темы. ## File Header паттерна [Заголовок раздела «File Header паттерна»](#file-header-паттерна) Каждый файл в `/patterns/` начинается с PHP-комментария с метаданными: ```php ``` ### Обязательные поля [Заголовок раздела «Обязательные поля»](#обязательные-поля) | Поле | Описание | | ---------------- | -------------------------------------------------- | | **`Title`** | Человекочитаемое название (переводимое) | | **`Slug`** | Уникальный slug в формате `namespace/pattern-name` | | **`Categories`** | Одна или несколько категорий через запятую | ### Опциональные поля [Заголовок раздела «Опциональные поля»](#опциональные-поля) | Поле | Назначение | | -------------------- | ------------------------------------------------------------------------ | | **`Description`** | Подробное описание (только для скринридеров) | | **`Viewport Width`** | Ширина viewport для превью (в px), обычно 1376 | | **`Inserter`** | Показывать ли в инсертере. По умолчанию `true`. `no`/`false` скрывает | | **`Keywords`** | Ключевые слова для поиска в инсертере, через запятую | | **`Block Types`** | Привязка к типам блоков: `core/cover`, `core/query`, `core/post-content` | | **`Post Types`** | Ограничение по типам записей: `page`, `post` | | **`Template Types`** | Привязка к типам шаблонов: `front-page`, `home`, `single` | ## Регистрация через /patterns [Заголовок раздела «Регистрация через /patterns»](#регистрация-через-patterns) WordPress автоматически регистрирует любой файл из `/patterns/` с валидным file header. Это **рекомендуемый способ**. Структура файла: ```php

``` ## Регистрация через PHP [Заголовок раздела «Регистрация через PHP»](#регистрация-через-php) Для условной регистрации используется `register_block_pattern()`: ```php add_action( 'init', function() { register_block_pattern( 'themeslug/hero', [ 'title' => __( 'Hero', 'themeslug' ), 'categories' => [ 'featured' ], 'content' => '

' . esc_html__( 'Добро пожаловать', 'themeslug' ) . '

', ] ); } ); ``` PHP-метод удобен для **условной регистрации** — например, показать разные паттерны в зависимости от активных плагинов. ## Разрегистрация паттернов [Заголовок раздела «Разрегистрация паттернов»](#разрегистрация-паттернов) ### Удаление core-паттернов [Заголовок раздела «Удаление core-паттернов»](#удаление-core-паттернов) ```php add_action( 'after_setup_theme', function() { remove_theme_support( 'core-block-patterns' ); } ); ``` ### Отключение удалённых паттернов (с wordpress.org/patterns) [Заголовок раздела «Отключение удалённых паттернов (с wordpress.org/patterns)»](#отключение-удалённых-паттернов-с-wordpressorgpatterns) ```php add_filter( 'should_load_remote_block_patterns', '__return_false' ); ``` ## Категории паттернов [Заголовок раздела «Категории паттернов»](#категории-паттернов) WordPress предопределяет категории: `featured`, `banner`, `header`, `footer`, `gallery`, `text`, `call-to-action`, `posts`, `wireframe`. ### Регистрация своей категории [Заголовок раздела «Регистрация своей категории»](#регистрация-своей-категории) ```php add_action( 'init', function() { register_block_pattern_category( 'hero-sections', [ 'label' => __( 'Hero-секции', 'themeslug' ) ] ); } ); ``` ### Удаление категории [Заголовок раздела «Удаление категории»](#удаление-категории) ```php add_action( 'init', function() { unregister_block_pattern_category( 'wireframe' ); } ); ``` ## Практика: оборачивание в контейнер [Заголовок раздела «Практика: оборачивание в контейнер»](#практика-оборачивание-в-контейнер) Хорошая практика — оборачивать весь паттерн в Group или Cover. Это позволяет пользователю перемещать паттерн целиком и добавлять CSS-класс к внешнему блоку: ```php

``` ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Registering Patterns — Theme Handbook (developer.wordpress.org)](https://developer.wordpress.org/themes/patterns/registering-patterns/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Паттерны: обзор](../) * [PHP в паттернах](../php) * [Паттерны в шаблонах](../templates) * [Стартовые паттерны](../starter) * [Icons API: SVG-иконки в паттернах и шаблонах](../../../../wordpress/cheatsheet/icons-api) ---------- # Стартовые паттерны > Страничные и шаблонные стартовые паттерны: как дать пользователям темы готовые отправные точки для новых страниц и шаблонов. ## Что такое стартовые паттерны [Заголовок раздела «Что такое стартовые паттерны»](#что-такое-стартовые-паттерны) Стартовые паттерны — готовые композиции блоков, которые пользователь видит при создании новой страницы или шаблона. Это «onboarding» для темы: вместо пустого холста — выбор из готовых дизайнов. Два типа: * **Страничные (Page Patterns)** — при создании новой страницы (Страницы → Добавить новую) * **Шаблонные (Template Patterns)** — при создании нового шаблона (Редактор сайта → Шаблоны → +) ## Страничные стартовые паттерны [Заголовок раздела «Страничные стартовые паттерны»](#страничные-стартовые-паттерны) ### Как это выглядит [Заголовок раздела «Как это выглядит»](#как-это-выглядит) При создании новой страницы пользователь видит модальное окно с выбором паттерна: > **Choose a pattern** — набор готовых макетов, любой из которых вставляется в область контента. ### Как создать [Заголовок раздела «Как создать»](#как-создать) Нужны два поля в file header: | Поле | Значение | Зачем | | ----------------- | -------------------------------- | ----------------------------------------------------- | | **`Block Types`** | `core/post-content` | Говорит WordPress: этот паттерн для содержимого поста | | **`Post Types`** | `page` (или `post`, `page,post`) | Ограничивает типы записей | **Пример: страничный паттерн «О нас»** ```php

``` ### Важно [Заголовок раздела «Важно»](#важно) * Страничные паттерны — это контент, поэтому **не включайте header/footer** — только то, что идёт в область содержимого. * Работает с любыми post types, поддерживающими блочный редактор (`post`, `page`, CPT). ## Шаблонные стартовые паттерны [Заголовок раздела «Шаблонные стартовые паттерны»](#шаблонные-стартовые-паттерны) ### Как это выглядит [Заголовок раздела «Как это выглядит»](#как-это-выглядит-1) При создании нового шаблона (например, Front Page) пользователь видит модальное окно **Choose a pattern** поверх редактора. ### Как создать [Заголовок раздела «Как создать»](#как-создать-1) Нужно поле `Template Types` в file header: ```php ``` | Поле | Описание | | -------------------- | -------------------------------------------------------------------------------------------------------- | | **`Template Types`** | Типы шаблонов через запятую: `front-page`, `home`, `single`, `archive`, `search`, `404`, `page`, `index` | | **`Inserter`** | Обычно `no`/`false` — шаблонные паттерны не должны быть доступны в общем инсертере | ### Поддерживаемые типы шаблонов [Заголовок раздела «Поддерживаемые типы шаблонов»](#поддерживаемые-типы-шаблонов) | Тип | Когда появляется | | ------------ | ------------------------------------- | | `front-page` | При создании шаблона главной страницы | | `home` | При создании шаблона блога | | `single` | Шаблон отдельной записи | | `page` | Шаблон статической страницы | | `archive` | Шаблон архива | | `search` | Шаблон поиска | | `404` | Шаблон страницы не найдена | | `index` | Универсальный fallback-шаблон | ### Пример: шаблонный паттерн Front Page [Заголовок раздела «Пример: шаблонный паттерн Front Page»](#пример-шаблонный-паттерн-front-page) ```php ``` Шаблонный паттерн может собираться из других паттернов через ``, template parts и отдельных блоков. ### Отличия от страничных паттернов [Заголовок раздела «Отличия от страничных паттернов»](#отличия-от-страничных-паттернов) | | Страничный | Шаблонный | | ------------------ | ----------------------------------------------- | ------------------------------------- | | **Где появляется** | Страницы → Добавить новую | Редактор сайта → Шаблоны → + | | **Содержит** | Только контент | Весь шаблон (header, content, footer) | | **Header field** | `Block Types: core/post-content` + `Post Types` | `Template Types` | | **Inserter** | По умолчанию `true` | Обычно `no` | ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Starter Patterns — Theme Handbook (developer.wordpress.org)](https://developer.wordpress.org/themes/patterns/starter-patterns/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Паттерны: обзор](../) * [Регистрация паттернов](../registering) * [Паттерны в шаблонах](../templates) * [Block Type Patterns](../block-type) * [Шаблоны WordPress](../../../../wordpress/themes/templates) ---------- # Паттерны в шаблонах > Как использовать блочные паттерны внутри шаблонов и template parts: блок wp:pattern, DRY-принцип, практические примеры. ## Зачем включать паттерны в шаблоны [Заголовок раздела «Зачем включать паттерны в шаблоны»](#зачем-включать-паттерны-в-шаблоны) Две главные причины: 1. **PHP-доступ.** Шаблоны и template parts — HTML-файлы. Если нужна интернационализация, динамические URL или циклы — выносите логику в паттерн. 2. **DRY (Don’t Repeat Yourself).** Один и тот же дизайн Query Loop используется на Home, Archive и Search? Создайте один паттерн и вставьте его во все три шаблона. ## Блок `wp:pattern` [Заголовок раздела «Блок wp:pattern»](#блок-wppattern) Для вставки паттерна в шаблон используется блок Pattern. Он не отображается в UI-инсертере — только в коде шаблонов: ```html ``` Параметр `slug` должен включать namespace и имя паттерна (как в file header при регистрации). Можно вставлять любые зарегистрированные паттерны: из темы, ядра WordPress, плагинов. ## Пример: паттерн в Home-шаблоне [Заголовок раздела «Пример: паттерн в Home-шаблоне»](#пример-паттерн-в-home-шаблоне) **Шаг 1.** Создайте паттерн `/patterns/hero.php`: ```php

``` **Шаг 2.** Вставьте в `templates/home.html`: ```html
``` Результат: Hero появляется на главной странице и в редакторе сайта. ## DRY: общий Query Loop [Заголовок раздела «DRY: общий Query Loop»](#dry-общий-query-loop) **Паттерн** `/patterns/query-grid.php`: ```php
``` Теперь один и тот же паттерн используется в `templates/home.html`, `templates/archive.html`, `templates/search.html`: ```html ``` ## Template Parts vs Паттерны в шаблонах [Заголовок раздела «Template Parts vs Паттерны в шаблонах»](#template-parts-vs-паттерны-в-шаблонах) | | Template Part | Паттерн в шаблоне | | ---------------------- | ------------------------------ | --------------------------------- | | **Файл** | `.html` | `.php` | | **PHP** | Нет | Да | | **Редактирование** | Глобальное, через Site Editor | Через админку паттернов | | **Вставка** | `` | `` | | **Когда использовать** | Shared-секции (header, footer) | Секции, которым нужен PHP или DRY | ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Usage in Templates — Theme Handbook (developer.wordpress.org)](https://developer.wordpress.org/themes/patterns/usage-in-templates/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Паттерны: обзор](../) * [Регистрация паттернов](../registering) * [PHP в паттернах](../php) * [Шаблоны WordPress](../../../../wordpress/themes/templates) ---------- # Site Editor для прототипирования > Почему Site Editor — идеальный инструмент для дизайна и прототипирования в WordPress: преимущества, процесс и веб-принципы дизайна. ## Преимущества проектирования в Site Editor [Заголовок раздела «Преимущества проектирования в Site Editor»](#преимущества-проектирования-в-site-editor) Site Editor — визуальный инструмент WordPress, который позволяет настраивать всё: от шапки и подвала до макетов целых страниц. ### Почему стоит проектировать прямо в редакторе [Заголовок раздела «Почему стоит проектировать прямо в редакторе»](#почему-стоит-проектировать-прямо-в-редакторе) * **Единая экосистема.** Когда вы владеете блоками — вы владеете всем сайтом, потому что он полностью построен из блоков. Блоки заменили шорткоды, виджеты, вставки и кастомный HTML. * **Путь от концепции до реализации.** Дизайн, созданный прямо в WordPress, устраняет традиционные проблемы передачи макетов между дизайнерами и разработчиками. Обновления и поддержка становятся проще. * **Интерактивное превью в реальном времени.** Мгновенное тестирование и доработка — никакого экспорта/импорта макетов. * **Совместимость с платформой.** Используя нативные инструменты, вы гарантируете отсутствие конфликтов и снижаете порог входа. ## Процесс дизайна в Site Editor [Заголовок раздела «Процесс дизайна в Site Editor»](#процесс-дизайна-в-site-editor) ### Подготовка [Заголовок раздела «Подготовка»](#подготовка) 1. Установите и активируйте **блочную тему** (например, Twenty Twenty-Five) 2. Откройте Site Editor: **Внешний вид → Редактор сайта** ### Типографика и цвета [Заголовок раздела «Типографика и цвета»](#типографика-и-цвета) 1. Перейдите в **Styles** → **Zoom Out** 2. Настройте типографику текста и заголовков 3. Обновите цветовую палитру: фон, контрастный цвет, акцентные цвета 4. Улучшите интерактивные элементы: например, текст кнопок → Semi-Bold ### Шапка и подвал [Заголовок раздела «Шапка и подвал»](#шапка-и-подвал) 1. Откройте шаблон Pages 2. В List View выберите header → выберите подходящий паттерн из библиотеки 3. Адаптируйте под свой дизайн 4. Повторите для footer ### Шаблоны [Заголовок раздела «Шаблоны»](#шаблоны) После header/footer кастомизируйте остальные шаблоны: * **All Archives** — страницы категорий и тегов * **Single Posts** — страницы отдельных записей * **Search Results** — страница результатов поиска * **404** — страница «не найдено» ### Паттерны и переиспользуемые компоненты [Заголовок раздела «Паттерны и переиспользуемые компоненты»](#паттерны-и-переиспользуемые-компоненты) 1. Дублируйте существующий паттерн темы 2. Сохраните как синхронизированный или несинхронизированный 3. Отредактируйте 4. Или создайте новый паттерн с нуля: Patterns → Add New Pattern → имя, категория, sync/not sync ## Веб-принципы дизайна (Gestalt) [Заголовок раздела «Веб-принципы дизайна (Gestalt)»](#веб-принципы-дизайна-gestalt) При проектировании опирайтесь на принципы гештальта: * **Близость (Proximity)** — связанные элементы располагайте рядом * **Сходство (Similarity)** — одинаковые функции = одинаковый вид * **Непрерывность (Continuity)** — глаз следует по линии; выравнивание направляет взгляд * **Замкнутость (Closure)** — мозг достраивает незавершённые формы; используйте для лёгких, воздушных макетов ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Why design in the Site Editor and use it for prototyping? (learn.wordpress.org)](https://learn.wordpress.org/lesson/why-design-in-the-site-editor-and-use-it-for-prototyping/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Site Editor: визуальное редактирование](../../../wordpress/themes/site-editor) * [Шаблоны WordPress](../../../wordpress/themes/templates) * [Настройки темы](../theme-settings) * [Block-first мышление](../block-first-mindset) ---------- # Style Book: гид по дизайну > Style Book в WordPress — цифровой style guide для визуального проектирования блочных тем: как открыть, как устроен, практические примеры. ## Что такое Style Book [Заголовок раздела «Что такое Style Book»](#что-такое-style-book) **Style Book** — встроенный инструмент блочных тем WordPress, цифровой style guide, который показывает, как каждый блок или компонент вашего сайта выглядит и взаимодействует с другими. Это аналог UI kit в традиционном дизайне, но работающий внутри WordPress. ## Как открыть Style Book [Заголовок раздела «Как открыть Style Book»](#как-открыть-style-book) 1. **Внешний вид → Редактор сайта** 2. Нажмите **Styles** (иконка стилей) в правом верхнем углу 3. Нажмите на **иконку глаза** — откроется Style Book Другой путь: нажмите на иконку карандаша для редактирования Styles — Style Book откроется слева, а настройки Global Styles — справа. ## Как устроен Style Book [Заголовок раздела «Как устроен Style Book»](#как-устроен-style-book) Style Book организован по вкладкам: | Вкладка | Содержание | | ----------- | ------------------------------------------------------------------------------ | | **Text** | Заголовки H1–H6, параграфы, списки, цитаты и другие текстовые элементы | | **Media** | Изображения, галереи, видео и другие медиа-блоки | | **Design** | Кнопки, колонки, разделители и другие элементы вёрстки | | **Widgets** | Календарь, последние записи, социальные иконки | | **Theme** | Site Logo, Site Title, Query Loop, Featured Image — специфичные для темы блоки | ## Связь с Global Styles [Заголовок раздела «Связь с Global Styles»](#связь-с-global-styles) Style Book — это **окно предпросмотра** для решений, принимаемых в Global Styles. Когда вы меняете стили: * Изменения видны **в Style Book** — фокус на конкретных блоках * Изменения видны **в Site Editor** — в контексте реального шаблона или страницы Это особенно полезно, когда на сайте ещё мало контента: можно стилизовать галерею, даже если ни в одной записи ещё нет галереи. ## Практические сценарии [Заголовок раздела «Практические сценарии»](#практические-сценарии) ### 1. Тестирование вариантов стилей (style variations) [Заголовок раздела «1. Тестирование вариантов стилей (style variations)»](#1-тестирование-вариантов-стилей-style-variations) Откройте Style Book → выберите один из вариантов стилей темы → сразу видите результат на всех блоках. ### 2. Настройка шрифтов [Заголовок раздела «2. Настройка шрифтов»](#2-настройка-шрифтов) Style Book → Typography → установите или загрузите кастомные шрифты. Например: * Текст: Frauncis, line-height увеличен * Заголовки: Rubik * H3 и H4: appearance → Light Все изменения видны мгновенно. ### 3. Настройка цветов [Заголовок раздела «3. Настройка цветов»](#3-настройка-цветов) Style Book → Colors → Palette → добавьте свою палитру. Затем Elements → настройте: * Цвет фона сайта * Цвет текста * Цвета кнопок (Buttons block) * Цвета заголовков ### 4. Стилизация отдельных блоков [Заголовок раздела «4. Стилизация отдельных блоков»](#4-стилизация-отдельных-блоков) * **Media → Image** → радиус скругления 10px — применится и к Gallery block * **Design → Buttons** → настройка стилей кнопок * **Theme → Featured Image** → скругление, тень ## Вывод [Заголовок раздела «Вывод»](#вывод) Style Book — это ваш визуальный гид. Используйте его для экспериментов, доработки и совершенствования дизайна. Всегда сверяйтесь с ним, чтобы убедиться, что все элементы работают гармонично. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Using the Style Book as a design guide (learn.wordpress.org)](https://learn.wordpress.org/lesson/using-the-style-book-as-a-design-guide/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Настройки темы: цвета, шрифты, типографика](../theme-settings) * [Site Editor для прототипирования](../site-editor-prototyping) * [Site Editor: визуальное редактирование](../../../wordpress/themes/site-editor) ---------- # Tailwind CSS v4 + daisyUI в блочной теме WordPress > Практическая схема подключения Tailwind CSS и daisyUI в block theme WordPress с синхронизацией токенов через theme.json. ## Когда эта связка оправдана [Заголовок раздела «Когда эта связка оправдана»](#когда-эта-связка-оправдана) Tailwind + daisyUI в WordPress полезны, когда нужно: * ускорить верстку кастомных секций и блоков; * сохранить единый дизайн между HTML/PHP-шаблонами и блочным редактором; * управлять токенами централизованно через `theme.json` и согласованные CSS-переменные. Для self-hosted WordPress этот стек не имеет платформенных ограничений: вы контролируете сборку, файлы темы и pipeline деплоя. ## Установка и сборка [Заголовок раздела «Установка и сборка»](#установка-и-сборка) ```bash npm init -y npm install tailwindcss @tailwindcss/cli daisyui ``` Пример `style.css` для генерации `tw.css`: ```css /* Theme Name: My Block Theme Version: 1.0.0 */ @import "tailwindcss" source(none); @source "./templates/**/*.{html,php}"; @source "./parts/**/*.{html,php}"; @source "./blocks/**/*.{php,html}"; @source "./woocommerce/**/*.{php,html}"; @plugin "daisyui" { themes: corporate --default, night --prefersdark; } ``` Скрипты в `package.json`: ```json { "scripts": { "css:watch": "npx @tailwindcss/cli -i style.css -o tw.css --watch", "css:build": "npx @tailwindcss/cli -i style.css -o tw.css --minify" } } ``` ## Подключение в WordPress (frontend + editor) [Заголовок раздела «Подключение в WordPress (frontend + editor)»](#подключение-в-wordpress-frontend--editor) ```php add_action('wp_enqueue_scripts', function () { wp_enqueue_style( 'my-theme-tw', get_theme_file_uri('tw.css'), [], filemtime(get_theme_file_path('tw.css')) ); }); add_action('enqueue_block_editor_assets', function () { wp_enqueue_style( 'my-theme-tw-editor', get_theme_file_uri('tw.css'), [], filemtime(get_theme_file_path('tw.css')) ); }); ``` Это уменьшает расхождения между редактором и фронтендом, особенно для utility-классов и daisyUI-компонентов. ## Как согласовать с theme.json [Заголовок раздела «Как согласовать с theme.json»](#как-согласовать-с-themejson) `theme.json` должен оставаться главным источником пресетов для блоков WordPress, а Tailwind/daisyUI - источником утилит и готовых компонентов. Пример палитры и spacing в `theme.json`: ```json { "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 2, "settings": { "color": { "palette": [ { "slug": "primary", "name": "Primary", "color": "#2563EB" }, { "slug": "base", "name": "Base", "color": "#FFFFFF" }, { "slug": "contrast", "name": "Contrast", "color": "#0F172A" } ] }, "spacing": { "spacingSizes": [ { "slug": "sm", "name": "Small", "size": "8px" }, { "slug": "md", "name": "Medium", "size": "16px" }, { "slug": "lg", "name": "Large", "size": "24px" } ] } } } ``` Соответствующая тема daisyUI: ```css @plugin "daisyui/theme" { name: "corporate"; default: true; color-scheme: light; --color-base-100: #ffffff; --color-base-content: #0f172a; --color-primary: #2563eb; --color-primary-content: #ffffff; --color-success: #16a34a; --color-warning: #d97706; --color-error: #dc2626; --radius-selector: 0.5rem; --radius-field: 0.5rem; --radius-box: 0.75rem; --border: 1px; } ``` ## Переключение темы daisyUI на сайте [Заголовок раздела «Переключение темы daisyUI на сайте»](#переключение-темы-daisyui-на-сайте) ```js document.addEventListener("DOMContentLoaded", () => { const root = document.documentElement; const select = document.querySelector("[data-theme-switcher]"); const saved = localStorage.getItem("site-theme"); if (saved) { root.setAttribute("data-theme", saved); } if (select) { select.addEventListener("change", (event) => { const nextTheme = event.target.value; root.setAttribute("data-theme", nextTheme); localStorage.setItem("site-theme", nextTheme); }); } }); ``` В шаблоне: ```html ``` ## Ошибки, которые чаще всего ломают интеграцию [Заголовок раздела «Ошибки, которые чаще всего ломают интеграцию»](#ошибки-которые-чаще-всего-ломают-интеграцию) 1. Не указаны `@source` для PHP/HTML-файлов темы, из-за чего Tailwind вырезает нужные классы. 2. Токены в `theme.json` и daisyUI не синхронизированы по семантике (например, `primary` везде разный). 3. Подключение стилей только на фронтенде без `enqueue_block_editor_assets`. 4. Использование произвольных hex-значений в компонентах вместо роли из токенов. ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [DESIGN.md: универсальный контракт дизайна для AI и кода](../../ai/design-md) * [Настройки темы: цвета, шрифты, типографика, макет](../theme-settings) * [Кастомный CSS в WordPress](../../../wordpress/themes/custom-css) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Tailwind + daisyUI в блочной теме WordPress (wpcraft.ru)](https://wpcraft.ru/blog/how-to-use-tailwind-css-and-daisyui-in-a-block-based-wordpress-theme) * [Tailwind CSS theme variables](https://tailwindcss.com/docs/theme) * [daisyUI themes](https://daisyui.com/docs/themes/) * [WordPress: Introduction to theme.json](https://developer.wordpress.org/themes/global-settings-and-styles/introduction-to-theme-json/) * [WordPress: theme.json settings](https://developer.wordpress.org/themes/global-settings-and-styles/settings/) * [WordPress: theme.json styles](https://developer.wordpress.org/themes/global-settings-and-styles/styles/) ---------- # theme.json — основа дизайн-системы WordPress и WooCommerce > theme.json как single source of truth для WordPress и WooCommerce: структура, design tokens, CSS-переменные, цветовая палитра, типографика, spacing, lock down и WooCommerce-специфика. ## Что такое theme.json [Заголовок раздела «Что такое theme.json»](#что-такое-themejson) `theme.json` — центральный конфигурационный файл блочной темы WordPress. Единая точка, через которую задаются все визуальные настройки сайта: цвета, типографика, отступы, скругления, градиенты, тени и поведение блоков. Для сайтов на WordPress и WooCommerce `theme.json` — это фундамент дизайн-системы. **Почему theme.json критичен для магазина на WooCommerce:** * Единый источник стилей для страниц каталога, товаров, корзины и оформления заказа * Гарантия консистентности между контентными страницами и страницами магазина * Возможность заблокировать произвольные цвета/шрифты у контент-менеджеров, сохранив бренд ## Структура theme.json [Заголовок раздела «Структура theme.json»](#структура-themejson) ```json { "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "settings": { "appearanceTools": true, "layout": {}, "color": {}, "typography": {}, "spacing": {}, "border": {}, "shadow": {}, "custom": {}, "blocks": {} }, "styles": { "color": {}, "typography": {}, "spacing": {}, "elements": { "heading": {}, "button": {}, "link": {} }, "blocks": {} }, "templateParts": [], "customTemplates": [] } ``` | Секция | Назначение | | --------------------- | ---------------------------------------------------------------------------------------- | | **`settings`** | Какие элементы управления доступны в редакторе (палитра, размеры шрифтов, spacing scale) | | **`styles`** | Значения по умолчанию: цвета фона/текста, типографика, отступы | | **`settings.custom`** | Кастомные design tokens — произвольные переменные, доступные как CSS custom properties | | **`templateParts`** | Шаблонные части темы (header, footer, sidebar) | | **`customTemplates`** | Пользовательские шаблоны, регистрируемые темой | ## Design Tokens через settings.custom [Заголовок раздела «Design Tokens через settings.custom»](#design-tokens-через-settingscustom) **`settings.custom`** — главный механизм хранения дизайн-токенов в WordPress. Все значения, определённые здесь, автоматически становятся CSS-переменными. **Три слоя токенов (по W3C DTCG):** | Слой | Описание | Пример | | ------------------------------ | ----------------------------------- | -------------------------------------------- | | **Option tokens** (primitive) | Сырая палитра, базовые значения | `blue-500: #78bbfa` | | **Decision tokens** (semantic) | Как и где применять | `color-accent: {color.option.blue-900}` | | **Component tokens** | Контекст для конкретных компонентов | `button-primary-bg: {color.decision.accent}` | ### Пример custom-секции для интернет-магазина [Заголовок раздела «Пример custom-секции для интернет-магазина»](#пример-custom-секции-для-интернет-магазина) ```json { "settings": { "custom": { "brand": { "primary": "#2563EB", "secondary": "#7C3AED", "accent": "#F59E0B" }, "text": { "primary": "#111827", "secondary": "#6B7280", "inverse": "#FFFFFF" }, "spacing": { "xs": "4px", "sm": "8px", "md": "16px", "lg": "24px", "xl": "32px", "2xl": "48px" }, "border": { "radius": { "sm": "4px", "md": "8px", "lg": "16px" } }, "typography": { "fontSize": { "sm": "0.875rem", "base": "1rem", "lg": "1.125rem", "xl": "1.25rem", "2xl": "1.5rem", "3xl": "2rem" } }, "woocommerce": { "saleBadge": "#EF4444", "stockBadge": "#10B981", "ratingStar": "#F59E0B", "priceColor": "#111827", "salePriceColor": "#EF4444" } } } } ``` ### CSS-переменные из custom-секции [Заголовок раздела «CSS-переменные из custom-секции»](#css-переменные-из-custom-секции) WordPress автоматически генерирует CSS-переменные: | Путь в theme.json | CSS-переменная | | --------------------------------------- | --------------------------------------- | | `settings.custom.brand.primary` | `--wp--custom--brand--primary` | | `settings.custom.spacing.lg` | `--wp--custom--spacing--lg` | | `settings.custom.woocommerce.saleBadge` | `--wp--custom--woocommerce--sale-badge` | **Схема:** `--wp--custom--<путь через двойное тире>` — camelCase ключи превращаются в kebab-case. ## Использование в styles [Заголовок раздела «Использование в styles»](#использование-в-styles) Токены из `custom` можно использовать в секции `styles` напрямую: ```json { "styles": { "color": { "text": "var(--wp--custom--text--primary)", "background": "var(--wp--custom--brand--secondary)" }, "elements": { "heading": { "color": { "text": "var(--wp--custom--text--primary)" } }, "button": { "color": { "text": "var(--wp--custom--text--inverse)", "background": "var(--wp--custom--brand--primary)" }, "border": { "radius": "var(--wp--custom--border--radius--md)" } } } } } ``` ## Цветовая палитра [Заголовок раздела «Цветовая палитра»](#цветовая-палитра) Минимальный набор цветов для WordPress/WooCommerce: ```json { "settings": { "custom": { "palette": { "primary": { "50": "#EFF6FF", "500": "#3B82F6", "900": "#1E3A5F" }, "neutral": { "50": "#F9FAFB", "900": "#111827" }, "feedback": { "success": "#10B981", "warning": "#F59E0B", "error": "#EF4444", "info": "#3B82F6" } } } } } ``` **Требования WCAG AA:** * Основной текст на фоне: контраст ≥ 4.5:1 * Крупный текст (≥ 18px bold): контраст ≥ 3:1 * Интерактивные элементы: контраст ≥ 3:1 Градиенты задаются в `styles.color.gradient`: ```json { "styles": { "color": { "gradient": "linear-gradient(135deg, var(--wp--custom--palette--primary--500), var(--wp--custom--palette--primary--900))" } } } ``` ## Типографика [Заголовок раздела «Типографика»](#типографика) ```json { "settings": { "custom": { "typography": { "heading": { "fontFamily": "'Inter', sans-serif", "fontWeight": "700", "lineHeight": "1.2" }, "body": { "fontFamily": "'Inter', sans-serif", "fontWeight": "400", "lineHeight": "1.6" } }, "fontSize": { "scale": { "sm": "0.875rem", "base": "1rem", "lg": "1.125rem", "xl": "1.25rem", "2xl": "1.5rem", "3xl": "1.875rem", "4xl": "2.25rem" } } } } } ``` **Рекомендации:** * Используйте `rem` (16px = 1rem) — масштабируемость * Адаптивная типографика через `clamp()` или медиа-запросы * RTL/LTR поддерживается WordPress автоматически ## Spacing scale [Заголовок раздела «Spacing scale»](#spacing-scale) Два подхода: **Мультипликативная:** `0, 0.13, 0.25, 0.5, 1, 2, 4, 8 rem` **Аддитивная:** `0, 1, 3, 5, 7, 9, 11, 13 rem` В WordPress — через `settings.spacing.spacingScale`: ```json { "settings": { "spacing": { "spacingScale": { "steps": 7, "operator": "*", "increment": 1.5 } } } } ``` ## Скругления (Border Radius) [Заголовок раздела «Скругления (Border Radius)»](#скругления-border-radius) Настройка скруглений в `theme.json` прошла два этапа: ### До WordPress 6.9: через `settings.custom` и прямые значения [Заголовок раздела «До WordPress 6.9: через settings.custom и прямые значения»](#до-wordpress-69-через-settingscustom-и-прямые-значения) До версии 6.9 скругления задавались либо как кастомные токены в `settings.custom`, либо как прямые значения в `styles`: ```json { "settings": { "custom": { "border": { "radius": { "sm": "4px", "md": "8px", "lg": "16px" } } } }, "styles": { "elements": { "button": { "border": { "radius": "var(--wp--custom--border--radius--md)" } } } } } ``` **Минусы старого подхода:** * Нет UI-интерфейса для выбора из пресетов в редакторе * Контент-редактор не мог выбрать скругление через панель Styles * Требовалось ручное прописывание CSS-переменных в каждом блоке ### WordPress 6.9+: пресеты через `settings.border.radiusSizes` [Заголовок раздела «WordPress 6.9+: пресеты через settings.border.radiusSizes»](#wordpress-69-пресеты-через-settingsborderradiussizes) Начиная с WP 6.9, появились **border radius size presets** — массив размеров скруглений, из которых пользователь выбирает в интерфейсе редактора. ```json { "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 3, "settings": { "border": { "radius": true, "radiusSizes": [ { "name": "XS", "slug": "xs", "size": "0.125rem" }, { "name": "Small", "slug": "sm", "size": "0.25rem" }, { "name": "Medium", "slug": "md", "size": "0.5rem" }, { "name": "Large", "slug": "lg", "size": "1rem" }, { "name": "XL", "slug": "xl", "size": "1.5rem" } ] } } } ``` Каждый объект размера: | Поле | Описание | | ---------- | ------------------------------------------------------------------- | | **`name`** | Человекочитаемое название («XS», «Small») | | **`slug`** | Машинное имя → CSS-переменная `--wp--preset--border-radius--{slug}` | | **`size`** | CSS-значение размера | > **Совет:** используйте t-shirt sizing (XS, SM, MD, LG, XL, 2XL, 3XL) когда пресеты масштабируются от меньшего к большему. **UI-поведение:** если задано **≤ 7 пресетов** — отображается range slider; если **> 7** — select dropdown. ### CSS-переменные из radiusSizes [Заголовок раздела «CSS-переменные из radiusSizes»](#css-переменные-из-radiussizes) WordPress автоматически генерирует CSS custom properties: ```css :root { --wp--preset--border-radius--xs: 0.125rem; --wp--preset--border-radius--sm: 0.25rem; --wp--preset--border-radius--md: 0.5rem; --wp--preset--border-radius--lg: 1rem; --wp--preset--border-radius--xl: 1.5rem; } ``` ### Применение в стилях блоков [Заголовок раздела «Применение в стилях блоков»](#применение-в-стилях-блоков) ```json { "styles": { "blocks": { "core/image": { "border": { "radius": { "topLeft": "0px", "topRight": "var(--wp--preset--border-radius--xl)", "bottomLeft": "var(--wp--preset--border-radius--xl)", "bottomRight": "0px" } } }, "woocommerce/product-button": { "border": { "radius": "var(--wp--preset--border-radius--md)" } } } } } ``` ### Hand-drawn и нестандартные стили [Заголовок раздела «Hand-drawn и нестандартные стили»](#hand-drawn-и-нестандартные-стили) Можно использовать двухзначный синтаксис для эллиптических скруглений: ```json { "name": "Drawn 1", "slug": "drawn-1", "size": "15px 255px" } ``` > **Важно:** `border-radius` shorthand (например `255px 15px 225px 15px/15px 225px 15px 255px`) **не работает** — пресеты применяются к отдельным углам. Для hand-drawn эффекта создавайте block style variations с заранее применёнными радиусами. ### Ограничения [Заголовок раздела «Ограничения»](#ограничения) * Значения с `(`, `)`, `var(...)`, `clamp(...)`, `calc(...)` — **не работают** в `radiusSizes` * В отличие от других пресетов (цвета, шрифты), у `radiusSizes` **нет свойства `customSettingName`** для отключения произвольных значений * Единственный способ скрыть border radius из UI: `settings.border.radius: false` (отключает и пресеты тоже) Оба ограничения обсуждаются в [Gutenberg issue #49504](https://github.com/WordPress/gutenberg/issues/49504). ### Сравнение: до и после WP 6.9 [Заголовок раздела «Сравнение: до и после WP 6.9»](#сравнение-до-и-после-wp-69) | Аспект | До 6.9 | WP 6.9+ | | --------------------------- | ----------------------------------- | -------------------------------- | | **Где задаются** | `settings.custom` или прямой CSS | `settings.border.radiusSizes` | | **CSS-переменные** | `--wp--custom--border--radius--*` | `--wp--preset--border-radius--*` | | **UI-выбор** | Нет | Range slider / dropdown | | **Ограничения на значения** | Любые CSS-значения | Без скобок и функций | | **Рекомендация** | Устаревший подход для border radius | Стандарт для новых тем | ## WooCommerce-специфика в theme.json [Заголовок раздела «WooCommerce-специфика в theme.json»](#woocommerce-специфика-в-themejson) При разработке интернет-магазина `theme.json` должен учитывать блоки WooCommerce: ### Стилизация WooCommerce-блоков [Заголовок раздела «Стилизация WooCommerce-блоков»](#стилизация-woocommerce-блоков) ```json { "styles": { "blocks": { "woocommerce/product-price": { "color": { "text": "var(--wp--custom--woocommerce--price-color)" }, "typography": { "fontSize": "var(--wp--custom--typography--font-size--xl)", "fontWeight": "700" } }, "woocommerce/product-button": { "color": { "text": "var(--wp--custom--text--inverse)", "background": "var(--wp--custom--brand--primary)" }, "border": { "radius": "var(--wp--custom--border--radius--md)" } }, "woocommerce/product-sale-badge": { "color": { "text": "#FFFFFF", "background": "var(--wp--custom--woocommerce--sale-badge)" } } } } } ``` ### WooCommerce-блоки в настройках [Заголовок раздела «WooCommerce-блоки в настройках»](#woocommerce-блоки-в-настройках) ```json { "settings": { "blocks": { "woocommerce/product-collection": { "spacing": { "blockGap": "var(--wp--custom--spacing--lg)" } }, "woocommerce/mini-cart": { "typography": { "fontSize": "var(--wp--custom--typography--font-size--sm)" } } } } } ``` ### Рекомендации для WooCommerce [Заголовок раздела «Рекомендации для WooCommerce»](#рекомендации-для-woocommerce) 1. **Выделите WooCommerce-токены в отдельную группу** `custom.woocommerce` — sale badge, stock status, цены, рейтинг 2. **Используйте `settings.blocks`** для контроля доступных настроек в WooCommerce-блоках 3. **Задайте стили по умолчанию для товарной сетки** через `styles.blocks["woocommerce/product-collection"]` 4. **Помните о странице оформления заказа** — стили из `theme.json` применяются и к Checkout-блоку 5. **Цены должны выделяться типографически** — крупнее и жирнее основного текста ### Пример token-группы для WooCommerce [Заголовок раздела «Пример token-группы для WooCommerce»](#пример-token-группы-для-woocommerce) ```json { "settings": { "custom": { "woocommerce": { "saleBadge": "#EF4444", "saleBadgeText": "#FFFFFF", "stockInStock": "#10B981", "stockOutOfStock": "#EF4444", "stockLowStock": "#F59E0B", "ratingStar": "#F59E0B", "ratingStarEmpty": "#D1D5DB", "price": "#111827", "salePrice": "#EF4444", "buttonAddToCart": "#2563EB", "buttonAddToCartHover": "#1D4ED8" } } } } ``` ## Lock Down Approach (VIP) [Заголовок раздела «Lock Down Approach (VIP)»](#lock-down-approach-vip) Глобально заблокировать все элементы управления, затем выборочно включить нужные. Критично для WooCommerce-сайтов, где контент-менеджеры работают с товарами: ```json { "settings": { "appearanceTools": false, "border": { "color": false, "radius": false, "style": false, "width": false }, "color": { "text": false, "background": false, "link": false, "custom": false }, "spacing": { "margin": false, "padding": false }, "typography": { "customFontSize": false, "fontStyle": false, "fontWeight": false }, "blocks": { "core/button": { "color": { "text": true, "background": true } }, "woocommerce/product-button": { "color": { "text": true, "background": true } } } } } ``` Это гарантирует, что ни контент-редакторы, ни менеджеры товаров не нарушат дизайн-систему произвольными цветами и отступами. ## Интеграция с внешними инструментами [Заголовок раздела «Интеграция с внешними инструментами»](#интеграция-с-внешними-инструментами) `theme.json` — не изолированный файл. Он работает в связке: | Инструмент | Связь с theme.json | | ------------------------- | ----------------------------------------------------------------------------------------------------------------------- | | **Figma + Tokens Studio** | Экспорт токенов → `theme.json` через [vip-design-system-bridge](https://github.com/Automattic/vip-design-system-bridge) | | **Tailwind CSS** | Синхронизация токенов `theme.json` ↔ `tailwind.config` через CSS-переменные | | **daisyUI** | Темы daisyUI маппятся на WordPress-палитру из `theme.json` | | **DESIGN.md** | AI-читаемый контракт дизайна, из которого генерируется `theme.json` | | **Style Dictionary** | Трансформация W3C DTCG-токенов в `--wp--custom--*` | ## Best Practices [Заголовок раздела «Best Practices»](#best-practices) 1. **`settings.custom` — единый source of truth** для всех дизайн-токенов 2. **Используйте сгенерированные CSS-переменные** везде — не дублируйте значения в CSS 3. **Группируйте WooCommerce-токены отдельно** — `custom.woocommerce.*` 4. **Lock down для контент-менеджеров** — оставьте им только нужные настройки 5. **Стилизуйте WooCommerce-блоки явно** в `styles.blocks` — не полагайтесь на дефолтные стили плагина 6. **Поддерживайте контрастность WCAG AA** для всех цветов, включая цены и бейджи распродаж 7. **Версионируйте `theme.json`** в Git — это код, а не просто конфиг ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [WordPress VIP: Design System with Block Editor — Theme.json](https://wpvip.com/blog/using-a-design-system-with-the-wordpress-block-editor-pt-1-theme-json/) * [rtCamp: Design Tokens in WordPress Site Editor](https://rtcamp.com/handbook/designing-for-wordpress-site-editor/design-tokens/) * [DDpa: Design as Code — Design Tokens и архитектура](https://ddpa.ru/kb/ai/design/design-as-code/) * [W3C Design Tokens Community Group](https://www.w3.org/community/design-tokens/) * [Contentful: Design Tokens Explained](https://www.contentful.com/blog/design-tokens-explained/) * [GitHub: vip-design-system-bridge](https://github.com/Automattic/vip-design-system-bridge) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Дизайн-системы в WordPress](../../design-systems) — Atomic Design, компонентный подход, от Figma до theme.json * [Tailwind CSS v4 + daisyUI в блочной теме WordPress](../tailwind-daisyui-wordpress) — Интеграция Tailwind с синхронизацией через theme.json * [DESIGN.md: универсальный контракт дизайна](../../ai/design-md) — Контракт дизайна для AI и связка с theme.json * [Figma → WordPress: мост через Design Tokens](../figma-to-wordpress) — Пайплайн синхронизации Tokens Studio → theme.json * [WooCommerce: полное руководство](../../../woocommerce/) — Интернет-магазин на WordPress ---------- # Настройки темы: цвета, шрифты, типографика, макет > Как настроить тему WordPress через Global Styles: цветовая палитра, кастомные шрифты, типографика, отступы и макет. Связанные страницы: [theme.json — основа дизайн-системы](../theme-json), [Дизайн-системы в WordPress](../../design-systems), [Figma → WordPress](../figma-to-wordpress), [DESIGN.md](../../ai/design-md). ## Global Styles — центр управления дизайном [Заголовок раздела «Global Styles — центр управления дизайном»](#global-styles--центр-управления-дизайном) Global Styles (глобальные стили) — единая точка настройки визуального оформления всей блочной темы. Меняете один раз — обновляется на всём сайте. Доступ: **Site Editor → Styles** (иконка в правом верхнем углу). ## Цветовая палитра [Заголовок раздела «Цветовая палитра»](#цветовая-палитра) ### Настройка палитры [Заголовок раздела «Настройка палитры»](#настройка-палитры) 1. Styles → **Colors** → **Palette** 2. Добавьте свои цвета (HEX, RGB или выбор из пикера) 3. Минимальный набор: * **Фоновый цвет** (background) * **Цвет текста** (text/foreground) * **Акцентный цвет** (accent — для кнопок, ссылок) * **Контрастный цвет** (contrast) ### Применение к элементам [Заголовок раздела «Применение к элементам»](#применение-к-элементам) В секции **Elements** привяжите цвета палитры к конкретным элементам: * Фон сайта * Текст * Заголовки * Кнопки (Buttons block) * Ссылки ## Типографика [Заголовок раздела «Типографика»](#типографика) ### Загрузка кастомных шрифтов [Заголовок раздела «Загрузка кастомных шрифтов»](#загрузка-кастомных-шрифтов) WordPress поддерживает загрузку веб-шрифтов из Google Fonts или любого другого фаундри: 1. Styles → **Typography** 2. Нажмите «Manage fonts» или «Upload» 3. Загрузите файлы шрифтов (woff2) или выберите из библиотеки ### Настройка шрифтов [Заголовок раздела «Настройка шрифтов»](#настройка-шрифтов) После загрузки настройте: * **Text font** — основной шрифт для параграфов и текста * **Headings font** — шрифт для H1–H6 * **Line height** — межстрочный интервал * **Appearance** — normal, thin, light, medium, semi-bold, bold, extra-bold ### Тонкая настройка заголовков [Заголовок раздела «Тонкая настройка заголовков»](#тонкая-настройка-заголовков) Каждый уровень (H1–H6) можно настроить отдельно: * Размер (size) * Начертание (appearance) * Межбуквенное расстояние (letter spacing) * Цвет ## Кнопки и интерактивные элементы [Заголовок раздела «Кнопки и интерактивные элементы»](#кнопки-и-интерактивные-элементы) Настройте Buttons block в Style Book → Design: * Цвет фона и текста * Типографика (жирность, размер) * Радиус скругления (border radius) * Отступы (padding) Для всех интерактивных элементов: **hover-состояние** — визуальная обратная связь при наведении. ## Макет (Layout) [Заголовок раздела «Макет (Layout)»](#макет-layout) В секции Layout задаются глобальные ограничения для контента: * **Ширина контента** (content width) — например, 800px * **Широкая ширина** (wide width) — например, 1200px * **Отступы** (padding) — глобальные отступы для основного контента * **Block spacing** — расстояние между блоками ## Style Book как зеркало [Заголовок раздела «Style Book как зеркало»](#style-book-как-зеркало) Все изменения в Global Styles мгновенно отражаются в Style Book. Используйте его для проверки: * Как выглядят все типы контента с новыми шрифтами * Как цвета сочетаются на разных блоках * Как кнопки и ссылки отличаются друг от друга ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Customizing theme settings (learn.wordpress.org)](https://learn.wordpress.org/lesson/customizing-theme-settings-colors-fonts-typography-and-layout/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Style Book: гид по дизайну](../style-book) * [Отступы и размеры](../../services-ui-ux/dimensions-spacing) * [Tailwind CSS v4 + daisyUI в блочной теме WordPress](../tailwind-daisyui-wordpress) * [DESIGN.md: универсальный контракт дизайна](../../ai/design-md) * [Кастомный CSS в WordPress](../../../wordpress/themes/custom-css) * [theme.json — основа дизайн-системы](../theme-json) — Скругления через `settings.border.radiusSizes` (WP 6.9+). ---------- # WordPress для дизайнеров > Обзор возможностей WordPress как дизайн-платформы: Block Editor, Style Book, паттерны, Site Editor, плагины для дизайна. ## Почему WordPress — платформа для дизайнеров [Заголовок раздела «Почему WordPress — платформа для дизайнеров»](#почему-wordpress--платформа-для-дизайнеров) WordPress — не просто CMS, а полноценная дизайн-среда. С блочным редактором, библиотеками паттернов и Site Editor вы можете создавать визуально сложные сайты **без написания кода**. ### Ключевые инструменты [Заголовок раздела «Ключевые инструменты»](#ключевые-инструменты) * **Block Editor (Gutenberg)** — вставка и настройка блоков (параграфы, изображения, кнопки, галереи) через визуальный редактор. Каждый блок — самодостаточный элемент с собственными настройками стилей. * **Site Editor** — редактирование всего сайта: от шапки до подвала. Доступен для блочных тем через **Внешний вид → Редактор сайта**. * **Style Book** — цифровой style guide, показывающий, как каждый блок выглядит в контексте всех остальных. Идеально для проектирования без готового контента. * **Global Styles** — единые настройки цветов, шрифтов и макета, применяемые ко всему сайту. Меняете один раз — обновляется везде. * **Patterns (паттерны)** — готовые наборы блоков для быстрой сборки страниц. Можно создавать свои синхронизированные и несинхронизированные паттерны. ### Работа с медиа [Заголовок раздела «Работа с медиа»](#работа-с-медиа) * **Cover block** — изображение или видео с наложенным текстом. Используется для шапок, баннеров, разделителей секций. * **Gallery block** — автоматическая галерея изображений с настройкой колонок, стилей и lightbox. * **Media & Text** — изображение и текст бок о бок. Идеально для «о нас», «услуги», «контакты». * **Query Loop block** — мощная выборка контента для новостных сайтов, журналов, блогов. ### Расширение через плагины [Заголовок раздела «Расширение через плагины»](#расширение-через-плагины) * **Формы** — контактные формы, опросы * **Продвинутые галереи и слайдеры** — MetaSlider, Smart Slider 3, Carousel Slider Block * **Grid block** — создание сложных сеток WordPress — это open-source платформа, которая работает на 40%+ веба. Дизайн, созданный здесь, принадлежит вам, без привязки к проприетарным сервисам. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [WordPress showcase for designers (learn.wordpress.org)](https://learn.wordpress.org/lesson/wordpress-showcase-for-designers/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Style Book: гид по дизайну](../style-book) * [Block-first мышление](../block-first-mindset) * [Медиа-блоки](../media-blocks) * [Паттерны (Block Patterns)](../patterns/) ---------- # Инфраструктура > Домен, хостинг, CDN, S3 и окружения разработки для стабильной и масштабируемой работы вебсайта. ## Что входит в инфраструктуру [Заголовок раздела «Что входит в инфраструктуру»](#что-входит-в-инфраструктуру) * Домен и DNS. * Хостинг и серверная конфигурация. * CDN для ускорения и разгрузки origin. * Объектное хранилище для медиа и бэкапов. * Staging и процессы деплоя. ## Логика выбора [Заголовок раздела «Логика выбора»](#логика-выбора) 1. Отталкивайтесь от типа проекта и нагрузки. 2. Проверяйте ограничения по безопасности и хранению данных. 3. Планируйте масштабирование до запуска, а не после инцидентов. ## Минимальный набор для запуска [Заголовок раздела «Минимальный набор для запуска»](#минимальный-набор-для-запуска) 1. Домен с корректной DNS-конфигурацией. 2. Хостинг с резервным копированием и мониторингом. 3. CDN с правилами кэширования. 4. План релиза через staging-окружение. ## Связанные материалы [Заголовок раздела «Связанные материалы»](#связанные-материалы) * [Оптимизация WordPress](../websites/performance/optimization) * [Базовая безопасность WordPress](../websites/security/wordpress-security-basics) * [Типы проектов](../websites/project-types/) * [Сервисы](../services/) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Домен и DNS](./domain/) * [Хостинг](./hosting/) * [Типы хостинга](./hosting/hosting-types) * [CDN](./cdn/) * [Сплит трафика РФ / мир через GeoDNS и CDN](./cdn/geodns-split-ru-world) * [S3-провайдеры для WordPress](../services/saas/s3-providers) ---------- # CDN > CDN в инфраструктуре сайта: зачем нужен, как раздаёт статику и HTML, как разделить трафик между регионами. ## Что делает CDN в инфраструктуре [Заголовок раздела «Что делает CDN в инфраструктуре»](#что-делает-cdn-в-инфраструктуре) CDN принимает запрос посетителя на ближайшем к нему узле (PoP), отдаёт из кэша то, что уже там лежит, и ходит на origin-сервер только при промахе. Два эффекта: * **скорость** — RTT до PoP в разы меньше, чем до одного сервера на другом континенте; * **разгрузка origin** — закэшированный трафик до PHP и базы не доходит вообще. Для сайта с аудиторией в одной стране выигрыш умеренный. Он становится критичным, когда часть аудитории (или зарубежные сервисы вроде ботов превью ссылок) находится далеко от origin. ## Страницы раздела [Заголовок раздела «Страницы раздела»](#страницы-раздела) * [Сплит трафика РФ / мир через GeoDNS и CDN](./geodns-split-ru-world) — почему Telegram не показывает превью ссылки на сайт в РФ и как это чинится географическим разделением DNS. ## Связанные материалы [Заголовок раздела «Связанные материалы»](#связанные-материалы) * [CDN и производительность — сервисы](../../services/saas/cdn-performance) — сравнение провайдеров: Cloudflare, Bunny.net, Yandex Cloud CDN, Selectel, VK Cloud. * [Сервисы веб-защиты](../../websites/security/web-protection-services) — CDN как слой защиты и ограничения зарубежных сетей в РФ. * [Кэширование WordPress](../../wordpress/cache/) — уровни кэша на стороне сайта. * [Инфраструктурный уровень кэша](../../wordpress/cache/server-level-cache). ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Bunny.net](https://bunny.net) * [Cloudflare](https://cloudflare.com) ---------- # Сплит трафика РФ / мир через GeoDNS и CDN > Telegram не показывает превью ссылки, зарубежные посетители ждут ответа секунду — потому что сайт живёт на одном сервере в РФ. Разбор решения через географическое разделение DNS и edge-кэш Bunny. ## Симптомы [Заголовок раздела «Симптомы»](#симптомы) Сайт работает. Из России открывается быстро. Но: * **Telegram не показывает превью ссылки.** Кидаете ссылку в чат — вместо карточки с заголовком и картинкой просто синий текст. Иногда превью появляется через раз или только со второй попытки. * **То же самое в других мессенджерах.** WhatsApp, Slack, Discord, LinkedIn — карточка либо пустая, либо без картинки. * **Видео и тяжёлые медиа не проигрываются** у зарубежных зрителей или стартуют с задержкой в несколько секунд. * **Зарубежные посетители жалуются на «тормозит»**, хотя в РФ метрики зелёные. * **Google Search Console показывает высокое время ответа** при обходе, хотя сервер не нагружен. Общий признак: всё, что приходит **из-за пределов РФ**, работает хуже, чем то, что приходит изнутри. ## Причина [Заголовок раздела «Причина»](#причина) Сайт лежит на одном сервере в России. Это нормально для аудитории в РФ и обязательно, если вы работаете с персональными данными по 152-ФЗ. Но каждый зарубежный запрос — это трансатлантический round-trip до Москвы и обратно. Для человека это «медленно». Для бота — это **отказ**. Боты превью ссылок не ждут долго. У краулера Telegram, Slack, Discord жёсткий таймаут на получение HTML: не уложились — карточка не строится, и повторной попытки чаще всего не будет. Складываются три задержки: 1. TCP + TLS handshake через полмира — это уже 2–3 RTT до первого байта запроса; 2. генерация страницы на origin, если она не в кэше; 3. деградация транзита — зарубежные маршруты в РФ нестабильны, потери и всплески latency обычное дело. При RTT 250–350 мс и холодном кэше вы легко упираетесь в секунду-полторы до первого байта. Бот отваливается. Пользователь видит голую ссылку. Вторая часть проблемы — медиа. Картинка для og-превью и видео качаются с того же origin. Даже если HTML успел отдаться, картинка может не успеть. ## Почему «просто поставить CDN на весь сайт» — плохое решение [Заголовок раздела «Почему «просто поставить CDN на весь сайт» — плохое решение»](#почему-просто-поставить-cdn-на-весь-сайт--плохое-решение) Очевидный ход: завернуть весь домен в зарубежный CDN. Это чинит зарубежных посетителей и ломает основную аудиторию. Диапазоны зарубежных CDN у российских операторов периодически деградируют или попадают под фильтрацию. Показательный пример — [проблемы Cloudflare в РФ с июня 2025 года](../../../websites/security/web-protection-services): соединения обрываются после первых 16 КБ ответа, то есть сайт «открывается наполовину». Поставив весь трафик за зарубежный CDN, вы меняете понятную проблему (медленно для 5% аудитории) на непредсказуемую (сайт может лечь для 95%). ## Решение: разделить трафик на уровне DNS [Заголовок раздела «Решение: разделить трафик на уровне DNS»](#решение-разделить-трафик-на-уровне-dns) Идея простая: пусть **DNS отвечает разными адресами в зависимости от того, откуда пришёл запрос**. ```plaintext запрос wpcraft.ru │ ┌────────┴────────┐ │ GeoDNS-зона │ └────────┬────────┘ │ ┌──────────────────┴──────────────────┐ │ │ резолвер в РФ резолвер вне РФ │ │ ▼ ▼ A → origin в РФ Pull Zone → ближайший PoP CDN (прямое соединение, (edge-кэш HTML и статики) CDN в пути нет) │ │ │ промах кэша ▼ ▼ ┌───────────────────────────────────────────────────┐ │ origin.example.ru → тот же сервер │ └───────────────────────────────────────────────────┘ ``` Что получаем: | Кто | Маршрут | Эффект | | ------------------------- | ----------------------------- | ----------------------------------------------- | | Посетитель из РФ | прямое соединение с origin | ничего не изменилось, CDN не в критическом пути | | Посетитель из-за рубежа | ближайший PoP, отдача из кэша | TTFB падает с \~1 с до десятков мс | | Бот превью Telegram/Slack | ближайший PoP | укладывается в таймаут, превью строится | | Поисковый краулер | ближайший PoP | быстрый обход, меньше нагрузка на origin | Второй origin не нужен, данные никуда не переезжают, 152-ФЗ не затрагивается: сервер один и он в РФ, а edge кэширует только анонимные GET-ответы. Мы используем для этого **Bunny.net** — у него есть и DNS с географическими record set, и CDN, и pay-as-you-go тариф без абонентки. Схема не привязана к вендору: любой GeoDNS + pull-CDN подойдёт. ## Как это настраивается [Заголовок раздела «Как это настраивается»](#как-это-настраивается) ### 1. Отдельный хостнейм для origin [Заголовок раздела «1. Отдельный хостнейм для origin»](#1-отдельный-хостнейм-для-origin) Это первое, что нужно сделать, и самая частая ошибка, если этого не сделать. Нельзя указывать pull zone на `example.ru`. Edge-нода при промахе кэша резолвит этот домен через публичный DNS — и, находясь за рубежом, получает «мировую» ветку, то есть саму себя. Петля. Сайт за границей ложится ровно в момент включения гео-сплита. Решение — отдельная A-запись, которая **не участвует в гео-сплите** и всегда указывает на реальный сервер: ```plaintext origin.example.ru. 300 IN A ``` Pull zone смотрит на `https://origin.example.ru`, а заголовок Host подменяет на канонический `example.ru`, чтобы WordPress не начал генерировать ссылки на origin-хостнейм. На этот хостнейм нужен валидный TLS-сертификат на стороне хостинга — иначе origin придётся опрашивать по HTTP, что для сайта с авторизацией недопустимо. ### 2. Настройки pull zone, которые ломают WordPress по умолчанию [Заголовок раздела «2. Настройки pull zone, которые ломают WordPress по умолчанию»](#2-настройки-pull-zone-которые-ломают-wordpress-по-умолчанию) Bunny (и не он один) даёт дефолты, рассчитанные на раздачу статики. На динамическом WordPress каждый из них по отдельности достаточен, чтобы уронить сайт. | Параметр | Дефолт | Нужно | Что ломается на дефолте | | ------------------------ | ----------- | --------------------------- | ------------------------------------------------------------------------------------------- | | `Origin URL` | домен сайта | `https://origin.example.ru` | петля `CDN-Loop` | | `Origin Host Header` | пусто | `example.ru` | WordPress видит не тот домен, ломаются редиректы и канонические ссылки | | `Disable cookies` | включено | **выключить** | режет `Set-Cookie` от origin — не работает вход и гостевая корзина | | `Ignore query strings` | включено | **выключить** | `?page=2`, UTM и фильтры схлопываются в один ключ кэша — посетитель получает чужую страницу | | `Cache-Control override` | — | не задавать | заголовки origin должны остаться единственным источником правды | | TLS 1.0 / 1.1 | включено | выключить | легаси-протоколы | Отдельно проверьте `Verify origin SSL` — его стоит включить после того, как на origin-хостнейме появится валидный сертификат. ### 3. Что не кэшировать [Заголовок раздела «3. Что не кэшировать»](#3-что-не-кэшировать) Решение о кэшируемости принимаем по **методу и пути**, а не по кукам: * метод не `GET`/`HEAD` → не кэшируем; * путь начинается с `/wp-admin`, `/wp-login.php`, `/wp-cron.php`, `/wp-json`, `/cart`, `/checkout`, личный кабинет → не кэшируем; * всё остальное — по заголовкам origin. Почему не по кукам: если сайт уже отдаёт залогиненным пользователям тот же публичный HTML, что и гостям (обычная практика для контентных сайтов с page cache), то bypass по `wordpress_logged_in_*` отправит каждого авторизованного на PHP и обнулит смысл кэша. Персональные страницы отделяются путём, а не кукой. Важно: этот список путей обычно дублирует правила кэш-плагина на origin. Это единственная точка рассинхрона в схеме — **меняете список на сервере, меняйте и на edge**. ### 4. Заголовки как источник правды [Заголовок раздела «4. Заголовки как источник правды»](#4-заголовки-как-источник-правды) Edge должен слушать `Cache-Control` от origin, а не иметь собственный TTL. Тогда время жизни кэша задаётся в одном месте — в коде сайта. Здесь ждёт неочевидная ловушка. Если на origin стоит кэш-плагин в режиме статических файлов (WP Super Cache в expert-режиме, LiteSpeed, любой вариант с отдачей `.html` через rewrite), то при попадании в кэш **PHP не стартует**, файл отдаёт веб-сервер напрямую — и заголовка `Cache-Control` в ответе нет, только `ETag` и `Last-Modified`. То есть на большинстве ответов edge не получит никакой инструкции. Проверяется в одну команду: ```sh curl -I https://example.ru/ # попадание в статический кэш curl -I 'https://example.ru/?nocache=1' # промах, отвечает PHP ``` Если в первом случае `Cache-Control` нет, а во втором есть — вы поймали именно это. Чинится на origin: добавить заголовок для отдачи из каталога статического кэша, вне маркеров, которые перезаписывает плагин. ```apache Header always set Cache-Control "public, max-age=604800" "expr=%{REQUEST_FILENAME} =~ m#/wp-content/cache/supercache/#" ``` Запасной вариант — задать TTL прямо на pull zone. Проще, но переопределяет заголовки глобально: страницы, которые кэшировать нельзя, тоже попадут под общее правило. ### 5. Сброс кэша при публикации [Заголовок раздела «5. Сброс кэша при публикации»](#5-сброс-кэша-при-публикации) Edge будет держать страницу столько, сколько сказано в `Cache-Control`. Без принудительного сброса правка текста доедет до зарубежной аудитории через недели. Минимальный mu-plugin на `save_post`, `edited_term` и обновление меню, дёргающий Purge API провайдера, закрывает вопрос. Разумный ориентир — обновление видно за границей в пределах минуты. ### 6. Реальный IP посетителя [Заголовок раздела «6. Реальный IP посетителя»](#6-реальный-ip-посетителя) С мировой ветки origin увидит IP edge-ноды, а не посетителя. Клиентский адрес приезжает в `X-Forwarded-For`. Доверять этому заголовку можно **только для запросов из диапазонов вашего CDN**. Иначе любой желающий подставит произвольный IP в комментарии, логи и антиспам. ### 7. Геопривязка записей [Заголовок раздела «7. Геопривязка записей»](#7-геопривязка-записей) Географические DNS-записи работают по принципу «ближайшая точка», а не по правилу «страна == RU». Поэтому мало завести две ветки — нужны геоякоря: * ветка РФ — якорь в Москве; * ветка мира — несколько якорей: Франкфурт, Нью-Йорк, Сингапур, Сан-Паулу. Без мировых якорей посетители из Финляндии, Польши, Турции окажутся географически «ближе» к Москве и уйдут на origin в обход CDN. Абсолютной точности здесь не будет — это принципиальное ограничение GeoDNS, и его надо принять заранее. ### 8. Переезд зоны [Заголовок раздела «8. Переезд зоны»](#8-переезд-зоны) Порядок, который экономит нервы: 1. Создать зону у нового DNS-провайдера как **точную копию** текущей — гео-сплит выключен, все ветки отдают origin. 2. Сверить записи один в один, запрашивая напрямую у новых NS. 3. Сменить NS у регистратора. 4. Дождаться распространения. 5. И только потом включать гео-сплит. Два момента, о которых узнают поздно: **TTL делегирования в зоне `.RU` — 345 600 секунд (4 суток)**, он задан реестром и не понижается: ```sh dig NS example.ru @a.dns.ripn.net ``` Значит после смены NS резолверы до четырёх суток продолжат ходить на старого провайдера. Столько же займёт и откат. Старую зону всё это время держим живой и неизменной — это и есть кнопка отката. **CAA-записи могут не переехать.** Cloudflare, например, синтезирует их на лету и не хранит в зоне: в экспорте их нет, а после переезда они просто исчезнут. Как минимум нужно завести: ```plaintext example.ru. 300 IN CAA 0 issue "letsencrypt.org" ``` Без этого CDN не выпустит сертификат для вашего домена, а хостинг — для origin-хостнейма. ### 9. Сертификат для домена на CDN [Заголовок раздела «9. Сертификат для домена на CDN»](#9-сертификат-для-домена-на-cdn) CDN обычно валидирует ваш домен по HTTP-01, а для этого домен уже должен указывать на pull zone. Возникает окно: NS переехали, сертификата ещё нет, а поставить домен на CDN без сертификата — TLS-ошибка у всех посетителей. Чище выпустить сертификат заранее через DNS-01 (валидация TXT-записью, домен при этом никуда указывать не должен) и загрузить его в pull zone вручную. Окна без сертификата не возникает вовсе. ## Как проверить, что заработало [Заголовок раздела «Как проверить, что заработало»](#как-проверить-что-заработало) **Резолв из разных точек** — из РФ должен приходить origin, извне адреса CDN: ```sh dig example.ru @77.88.8.8 # резолвер в РФ → IP origin dig example.ru @8.8.8.8 # резолвер вовне → IP PoP CDN dig origin.example.ru # везде → IP origin ``` **Кэш отрабатывает** — второе обращение из-за рубежа должно дать `HIT`: ```sh curl -sI https://example.ru/ | grep -i 'cdn-cache\|cache-control' ``` **Исключения не кэшируются:** ```sh for p in /cart /checkout /wp-json/wp/v2/posts /wp-login.php; do printf '%-28s ' "$p" curl -sI "https://example.ru$p" | grep -i 'cdn-cache' || echo 'нет заголовка' done ``` **Превью ссылки.** Самая честная проверка исходной проблемы — кинуть ссылку в Telegram и посмотреть, собралась ли карточка. Проверять на ссылке, которую раньше не отправляли: у мессенджеров есть собственный кэш превью, и старая ссылка может отдаться из него. **Функциональные сценарии, которые ломаются чаще всего:** * вход в админку из-за рубежа; * гостевая корзина переживает переход между страницами; * пагинация и фильтры отдают разные страницы, а не одну и ту же; * публикация записи видна за границей в пределах минуты; * в логах origin виден реальный IP, а не адрес edge-ноды. ## Чем за это платим [Заголовок раздела «Чем за это платим»](#чем-за-это-платим) Схема не бесплатная с точки зрения сложности: * **Два слоя кэша с частично дублирующейся конфигурацией** — правила на origin и на edge надо держать синхронными вручную. * **Гео-мисроутинг приграничных стран** — часть европейской аудитории может уходить на origin в обход CDN. * **Откат не мгновенный** — 4 суток TTL делегирования в `.RU`. * **Диагностика усложняется** — на вопрос «почему у клиента не открывается» теперь два разных ответа в зависимости от его геолокации. Если зарубежная аудитория и превью ссылок для вас не критичны — не начинайте. Если критичны — это дешевле, чем второй origin за рубежом с репликацией данных. ## Связанные материалы [Заголовок раздела «Связанные материалы»](#связанные-материалы) * [CDN в инфраструктуре](../) * [CDN и производительность — сервисы](../../../services/saas/cdn-performance) * [Сервисы веб-защиты](../../../websites/security/web-protection-services) * [Кэш страниц WordPress](../../../wordpress/cache/page-cache) * [Инфраструктурный уровень кэша](../../../wordpress/cache/server-level-cache) * [Домен и DNS](../../domain/) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Практика внедрения на wpcraft.ru, 2026 * [Bunny.net](https://bunny.net) * [Документация Bunny](https://docs.bunny.net) ---------- # Домен > Домены для WordPress: выбор, регистрация, настройка DNS. ## Страницы раздела [Заголовок раздела «Страницы раздела»](#страницы-раздела) * [Регистраторы доменов: сравнение](./domain-registrars) — Сравнение международных и российских регистраторов: цены, WHOIS Privacy, DNS, перенос доменов. ## Связанные материалы [Заголовок раздела «Связанные материалы»](#связанные-материалы) * [Сплит трафика РФ / мир через GeoDNS и CDN](../cdn/geodns-split-ru-world) — географические DNS-записи, переезд зоны и TTL делегирования `.RU`. ---------- # Регистраторы доменов: сравнение > Сравнение регистраторов доменов для WordPress: цены, WHOIS Privacy, DNS, дополнительные услуги. Международные и российские регистраторы. ## Зачем выбирать регистратора отдельно [Заголовок раздела «Зачем выбирать регистратора отдельно»](#зачем-выбирать-регистратора-отдельно) Регистратор доменов — это ICANN-аккредитованная компания, через которую вы покупаете и продлеваете доменное имя. Многие хостинг-провайдеры также предлагают регистрацию доменов, но часто выгоднее разделять эти услуги: * Проще перенести сайт на другой хостинг — домен остаётся у регистратора * Прозрачнее цены на продление * Лучше контроль над DNS и WHOIS ## Ключевые критерии выбора [Заголовок раздела «Ключевые критерии выбора»](#ключевые-критерии-выбора) ### Аккредитация ICANN [Заголовок раздела «Аккредитация ICANN»](#аккредитация-icann) Только ICANN-аккредитованные регистраторы имеют право регистрировать домены в gTLD (`.com`, `.org`, `.net`). Для национальных зон (`.ru`, `.рф`) требуется аккредитация Координационного центра. ### Цена первого года vs продление [Заголовок раздела «Цена первого года vs продление»](#цена-первого-года-vs-продление) Промо-цена первого года может быть $1-3, но renewal — $15-20. Считайте стоимость на 3-5 лет. ### WHOIS Privacy [Заголовок раздела «WHOIS Privacy»](#whois-privacy) Защита личных данных в публичной базе WHOIS. Должна быть **бесплатной** (у некоторых — отдельная плата $10/год, например GoDaddy). ### DNS-инфраструктура [Заголовок раздела «DNS-инфраструктура»](#dns-инфраструктура) * Anycast-сеть для минимальной задержки * DNSSEC для защиты от подмены DNS * Быстрое propagation (распространение) записей ## Сравнение регистраторов .com (2025-2026) [Заголовок раздела «Сравнение регистраторов .com (2025-2026)»](#сравнение-регистраторов-com-2025-2026) | Регистратор | .com 1-й год | .com Renewal | WHOIS Privacy | Бесплатная почта | | ----------- | ------------ | ------------ | ---------------------- | ---------------- | | Cloudflare | \~$10.44 | \~$10.44 | Бесплатно | Email routing | | Namecheap | $6.49 | $13.98 | Бесплатно | Переадресация | | Porkbun | $4.08 | $10.37 | Бесплатно | Нет | | Dynadot | $7.99 | $10.99 | Бесплатно | 1 ГБ | | IONOS | $1.00 | $15.00 | Бесплатно | 2 ГБ | | NameSilo | $8.99 | $9.95 | Бесплатно (пожизненно) | Нет | | GoDaddy | $11.99 | $19.99 | $9.99/год | Нет | | Spaceship | $8.48 | \~$10 | Бесплатно | Нет | ### Cloudflare — домены по себестоимости [Заголовок раздела «Cloudflare — домены по себестоимости»](#cloudflare--домены-по-себестоимости) Продаёт домены без наценки (cost price). Не предоставляет хостинг — только DNS, CDN и защиту. Идеально, если хостинг уже есть. ### Namecheap — лучший баланс [Заголовок раздела «Namecheap — лучший баланс»](#namecheap--лучший-баланс) * \~550 TLD, бесплатный WHOIS Privacy * Бесплатный DNS, CDN, email-переадресация * Собственный VPN от $0.99/мес * Поддержка: тикеты и live chat 24/7 ### Porkbun — для стартапов [Заголовок раздела «Porkbun — для стартапов»](#porkbun--для-стартапов) * Низкая цена первого года ($4.08) * Умеренный renewal ($10.37) * Простая панель управления * Нет бесплатной почты ### GoDaddy — крупнейший, но дорогой [Заголовок раздела «GoDaddy — крупнейший, но дорогой»](#godaddy--крупнейший-но-дорогой) * 11.53% мирового рынка * \~550 TLD, брокер доменов, аукционы * AI-инструмент GoDaddy Airo™ * **Минус:** WHOIS Privacy $9.99/год отдельно, renewal $19.99 ## Российские регистраторы [Заголовок раздела «Российские регистраторы»](#российские-регистраторы) Для зон `.ru` и `.рф` нужна аккредитация Координационного центра. Основные игроки: * **REG.RU** — крупнейший в РФ, домены + хостинг в одном окне * **RU-CENTER (nic.ru)** — старейший регистратор, для бизнеса * **R01** — надёжный, минималистичный интерфейс Цены на `.ru`: \~500-1500 ₽/год в зависимости от регистратора и акций. ## Что нужно для привязки домена к хостингу [Заголовок раздела «Что нужно для привязки домена к хостингу»](#что-нужно-для-привязки-домена-к-хостингу) 1. **Купить домен** у регистратора 2. **Узнать NS-серверы хостинга** (обычно `ns1.hoster.ru`, `ns2.hoster.ru`) 3. **Прописать NS** в панели управления доменом у регистратора 4. **Подождать propagation** — от нескольких минут до 24 часов 5. **Добавить домен** в панели хостинга (Alias/Parked Domain) ## Перенос домена к другому регистратору [Заголовок раздела «Перенос домена к другому регистратору»](#перенос-домена-к-другому-регистратору) 1. Убедиться, что домен не заблокирован (60 дней после регистрации) 2. Снять блокировку трансфера (unlock) 3. Получить код авторизации (auth code / EPP) 4. Понизить TTL до 300 сек за 24 часа до переноса 5. Инициировать трансфер у нового регистратора 6. Подтвердить по email 7. Процесс занимает 5-7 дней ## Рекомендации [Заголовок раздела «Рекомендации»](#рекомендации) * **РФ-аудитория:** REG.RU или RU-CENTER * **Минимальная цена на годы:** Cloudflare (cost price) * **Бюджет и простота:** Namecheap или Porkbun * **Нужна бесплатная почта:** IONOS (2 ГБ) или Dynadot (1 ГБ) * **Инвестор доменов:** Dynadot, NameSilo (инструменты для bulk-операций) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [10 Best Domain Registrars — Themeisle](https://themeisle.com/blog/best-domain-registrars/) * [10 Best Domain Registrars 2026 — Weblish](https://weblish.io/blog/best-domain-registrar-ranking-2026/) * [6 Best Domain Name Registrars — Elegant Themes](https://www.elegantthemes.com/blog/wordpress/best-domain-name-registrars) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Домен и хостинг: в чём разница](../domain-vs-hosting) — базовое объяснение * [Хостинг-провайдеры: сравнение](../../hosting/hosting-providers) — выбор хостинга под домен ---------- # Домен и хостинг: что это и зачем? > Простое объяснение разницы между доменным именем (адресом сайта) и хостингом (местом хранения файлов). Как они работают вместе. ## Два компонента любого сайта [Заголовок раздела «Два компонента любого сайта»](#два-компонента-любого-сайта) Для работы любого сайта нужны две вещи: 1. **Доменное имя** — адрес, по которому посетители находят ваш сайт (например, `mysite.ru`) 2. **Хостинг** — место на сервере, где хранятся файлы, изображения и контент сайта Без домена сайт нельзя найти. Без хостинга сайту негде «жить». Это разные услуги, которые часто приобретаются у одного провайдера, но могут быть и у разных. ## Доменное имя — подробнее [Заголовок раздела «Доменное имя — подробнее»](#доменное-имя--подробнее) Доменное имя — это то, что отображается в адресной строке браузера. Это ваш уникальный адрес в интернете. ### Бесплатный поддомен vs свой домен [Заголовок раздела «Бесплатный поддомен vs свой домен»](#бесплатный-поддомен-vs-свой-домен) * **Бесплатный поддомен** (например, `mysite.wordpress.com`) — выдаётся WordPress.com. Не подходит для бизнеса и серьёзного бренда. * **Собственный домен** (`mysite.ru`) — регистрируется у регистратора. Обязателен для self-hosted WordPress. ### Регистрация домена [Заголовок раздела «Регистрация домена»](#регистрация-домена) Домен регистрируется на 1 год с ежегодным продлением (\~500-1500 ₽/год в зоне .ru). Популярные регистраторы: nic.ru, reg.ru, r01.ru. ## Хостинг — подробнее [Заголовок раздела «Хостинг — подробнее»](#хостинг--подробнее) Хостинг — это аренда места на сервере. Когда посетитель вводит ваш домен в браузере, DNS направляет его на ваш хостинг-сервер, и тот отдаёт страницы сайта. ### Типы хостинга [Заголовок раздела «Типы хостинга»](#типы-хостинга) * **Shared (виртуальный)** — дешёвый, для старта * **VPS** — выделенные ресурсы, для растущих проектов * **Облачный** — масштабируемый, для высоких нагрузок * **Managed WordPress** — полностью обслуживаемый провайдером Подробнее — в статье [Хостинг для WordPress: как выбрать](../../../wordpress/faq/how-to/wordpress-hosting). ## Как зарегистрировать домен [Заголовок раздела «Как зарегистрировать домен»](#как-зарегистрировать-домен) Домен регистрируется у ICANN-аккредитованного регистратора. Подробный обзор и сравнение регистраторов — в разделе [Регистраторы доменов: сравнение](../domain-registrars). ## Как они работают вместе [Заголовок раздела «Как они работают вместе»](#как-они-работают-вместе) ```plaintext Пользователь → вводит mysite.ru → DNS → IP-адрес хостинга → сервер отдаёт сайт ``` 1. Пользователь вводит домен в браузере 2. DNS-сервер преобразует домен в IP-адрес хостинга 3. Браузер получает страницу с сервера хостинга ## Что нужно для запуска сайта [Заголовок раздела «Что нужно для запуска сайта»](#что-нужно-для-запуска-сайта) * Домен (зарегистрировать у регистратора) * Хостинг (выбрать тариф и оплатить) * SSL-сертификат (обычно бесплатный Let’s Encrypt) * Привязать домен к хостингу (указать NS-серверы в панели регистратора) ## PHP пример: определение домена текущего сайта [Заголовок раздела «PHP пример: определение домена текущего сайта»](#php-пример-определение-домена-текущего-сайта) ```php $current_domain = wp_parse_url(home_url(), PHP_URL_HOST); if (str_contains($current_domain, 'staging')) { // мы на staging-окружении error_reporting(E_ALL); } else { // production error_reporting(0); } ``` Что делает код: * Получает текущий домен из настроек WordPress. * Включает полный вывод ошибок только на staging-домене. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Domain name vs. website hosting — оригинальная статья](https://wordpress.com/support/domain-vs-website/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Регистраторы доменов: сравнение](../domain-registrars) — международные и российские регистраторы, цены, WHOIS Privacy * [Типы хостинга](../../hosting/hosting-types) — Shared, VPS, облачный и managed WordPress-хостинг * [Критерии выбора хостинга](../../hosting/hosting-criteria) — метрики и чек-лист оценки * [Хостинг-провайдеры: сравнение](../../hosting/hosting-providers) — провайдеры с ценами и тестами ---------- # Хостинг > Хостинг для WordPress: типы, критерии выбора, настройка. ## Страницы раздела [Заголовок раздела «Страницы раздела»](#страницы-раздела) * [Типы хостинга](./hosting-types) — Shared, VPS, облачный и managed WordPress-хостинг: сравнение, плюсы и минусы, для каких проектов. * [Критерии выбора хостинга](./hosting-criteria) — TTFB, uptime, технологии сервера, безопасность, поддержка и прозрачность цен. * [Хостинг-провайдеры: сравнение](./hosting-providers) — Международные и российские провайдеры: цены, скорость, аптайм, рекомендации по типам проектов. ---------- # CI/CD для WordPress с GitHub Actions > Автоматизация тестирования и деплоя WordPress: CI/CD пайплайны через GitHub Actions, WP-CLI, матричное тестирование и деплой без FTP. ## CI/CD для WordPress [Заголовок раздела «CI/CD для WordPress»](#cicd-для-wordpress) **Continuous Integration (CI):** автоматическое тестирование при каждом push — проверка кода, security, совместимость с версиями PHP/WP. **Continuous Deployment (CD):** автоматический деплой после прохождения тестов — на staging или production. ## Структура репозитория [Заголовок раздела «Структура репозитория»](#структура-репозитория) ```plaintext wordpress-project/ ├── .github/workflows/ │ ├── ci.yml # Тестирование при PR и push │ └── deploy.yml # Деплой на staging/production ├── wp-content/ │ ├── themes/my-theme/ │ └── plugins/my-plugin/ ├── scripts/ │ ├── deploy.sh │ ├── test.sh │ └── migrate.sh ├── tests/ │ └── test-wordpress.php ├── composer.json └── .env.example ``` ### Что версионировать (✅) и что нет (❌) [Заголовок раздела «Что версионировать (✅) и что нет (❌)»](#что-версионировать--и-что-нет-) * ✅ Кастомные темы, плагины, mu-plugins * ✅ Конфигурационные файлы, скрипты деплоя * ❌ Ядро WordPress (подключать через Composer) * ❌ Сторонние плагины (управлять через Composer или отдельно) * ❌ `wp-config.php`, `.env` (в каждом окружении свои) * ❌ `uploads/` (медиафайлы) ## Простой деплой темы (без FTP) [Заголовок раздела «Простой деплой темы (без FTP)»](#простой-деплой-темы-без-ftp) Минимальный workflow: пуш в main → деплой на сервер: .github/workflows/deploy.yml ```yaml name: Deploy WordPress Theme on: push: branches: - main jobs: deploy: runs-on: ubuntu-latest steps: - name: Checkout repository uses: actions/checkout@v4 - name: Build assets run: | npm ci npm run build - name: Deploy Theme to Server uses: SamKirkland/FTP-Deploy-Action@4.3.3 with: server: ${{ secrets.FTP_SERVER }} username: ${{ secrets.FTP_USERNAME }} password: ${{ secrets.FTP_PASSWORD }} server-dir: /wp-content/themes/my-theme/ ``` **GitHub Secrets** (Settings → Secrets and variables → Actions): * `FTP_SERVER` — адрес сервера * `FTP_USERNAME` — FTP/SFTP пользователь * `FTP_PASSWORD` — пароль ## Полноценный CI с wp-env [Заголовок раздела «Полноценный CI с wp-env»](#полноценный-ci-с-wp-env) .github/workflows/ci.yml ```yaml name: CI - WordPress Tests on: pull_request: push: branches: [main, develop] jobs: test: runs-on: ubuntu-latest strategy: matrix: php: ['7.4', '8.0', '8.1', '8.2'] wordpress: ['6.3', '6.4', '6.5'] services: mysql: image: mysql:8.0 env: MYSQL_ROOT_PASSWORD: root MYSQL_DATABASE: wordpress_test ports: - 3306:3306 options: >- --health-cmd="mysqladmin ping --silent" --health-interval=10s --health-timeout=5s --health-retries=3 steps: - name: Checkout uses: actions/checkout@v4 - name: Setup PHP uses: shivammathur/setup-php@v2 with: php-version: ${{ matrix.php }} extensions: mysql, xml, mbstring - name: Setup WP-CLI run: | curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar chmod +x wp-cli.phar sudo mv wp-cli.phar /usr/local/bin/wp - name: Install WordPress run: | wp core download --path=/tmp/wordpress --version=${{ matrix.wordpress }} wp config create --dbname=wordpress_test --dbuser=root --dbpass=root --dbhost=127.0.0.1 --path=/tmp/wordpress wp core install --url=http://localhost --title=Test --admin_user=admin --admin_password=password --admin_email=test@test.com --path=/tmp/wordpress - name: Copy & Activate Plugin run: | cp -r wp-content/plugins/my-plugin /tmp/wordpress/wp-content/plugins/ wp plugin activate my-plugin --path=/tmp/wordpress - name: Run Tests run: bash scripts/test.sh ``` ### Матричное тестирование [Заголовок раздела «Матричное тестирование»](#матричное-тестирование) Матрица `php × wordpress` тестирует код на 16 комбинациях (4 PHP × 4 WP) параллельно. Это находит проблемы совместимости до того, как они попадут к пользователям. ### Тесты: что проверять [Заголовок раздела «Тесты: что проверять»](#тесты-что-проверять) scripts/test.sh ```bash #!/bin/bash # Sanity: WordPress установлен wp core is-installed --path=/tmp/wordpress || exit 1 # Плагин активен wp plugin is-active my-plugin --path=/tmp/wordpress || exit 1 # Проверка целостности ядра wp core verify-checksums --path=/tmp/wordpress # PHP CodeSniffer vendor/bin/phpcs --standard=WordPress wp-content/plugins/my-plugin/ # PHPUnit (если есть) vendor/bin/phpunit ``` ## Деплой по SSH [Заголовок раздела «Деплой по SSH»](#деплой-по-ssh) Более безопасный, чем FTP-деплой — SSH с ключами: .github/workflows/deploy-ssh.yml ```yaml name: Deploy via SSH on: push: branches: [production] jobs: deploy: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 - name: Deploy via rsync uses: burnett01/rsync-deployments@6.0.0 with: switches: -avzr --delete path: wp-content/themes/my-theme/ remote_path: /var/www/site/wp-content/themes/my-theme/ remote_host: ${{ secrets.DEPLOY_HOST }} remote_user: ${{ secrets.DEPLOY_USER }} remote_key: ${{ secrets.DEPLOY_SSH_KEY }} ``` ## Staging и Production окружения [Заголовок раздела «Staging и Production окружения»](#staging-и-production-окружения) ```yaml name: Deploy on: push: branches: - staging - production jobs: deploy-staging: if: github.ref == 'refs/heads/staging' # ... deploy to staging server deploy-production: if: github.ref == 'refs/heads/production' # ... manual approval, then deploy environment: production ``` Staging деплоится автоматически, production — через environment protection rules (manual approval). ## Преимущества CI/CD перед ручным FTP [Заголовок раздела «Преимущества CI/CD перед ручным FTP»](#преимущества-cicd-перед-ручным-ftp) | Ручной FTP | CI/CD | | ------------------------------------- | ----------------------------- | | Минуты на загрузку | Секунды | | Человеческий фактор, ошибки | Идентичный процесс каждый раз | | «Я забыл какие файлы менял» | Вся история в Git | | Откат = загрузка старых файлов наугад | Откат = revert commit | | Нет тестов | Автоматическое тестирование | ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [WP-CLI Mastery: CI/CD Pipeline with GitHub Actions](https://wpclimastery.com/blog/wordpress-ci-cd-pipeline-with-github-actions-and-wp-cli/) * [Mark Ward Design: Stop Using FTP — WordPress CI/CD with GitHub Actions](https://markwarddesign.com/2025/08/04/stop-using-ftp-a-guide-to-wordpress-ci-cd-with-github-actions/) * [Automattic: DevOps for WordPress](https://automattic.com/for-agencies/blog/wordpress-devops/) ---------- # cPanel и WordPress: что доступно на self-hosted > Объяснение: на WordPress.com нет cPanel, а на self-hosted WordPress cPanel — стандартный инструмент управления хостингом. ## Что такое cPanel [Заголовок раздела «Что такое cPanel»](#что-такое-cpanel) cPanel — панель управления хостингом, предоставляемая большинством shared-хостингов. Через cPanel управляют: * Файлами сайта (File Manager). * Базами данных (MySQL Databases, phpMyAdmin). * Доменами и поддоменами. * Почтовыми ящиками. * SSL-сертификатами. * Резервными копиями. ## Есть ли cPanel на WordPress.com? [Заголовок раздела «Есть ли cPanel на WordPress.com?»](#есть-ли-cpanel-на-wordpresscom) **Нет.** WordPress.com — managed-платформа, использующая собственную панель управления. Все хостинговые задачи (SSL, бэкапы, БД) выполняются автоматически или через их интерфейс. ## cPanel на self-hosted WordPress [Заголовок раздела «cPanel на self-hosted WordPress»](#cpanel-на-self-hosted-wordpress) На self-hosted WordPress cPanel — стандартный инструмент, доступный на большинстве хостингов. Типичные задачи: ### Доступ к cPanel [Заголовок раздела «Доступ к cPanel»](#доступ-к-cpanel) URL обычно: `https://ваш-домен.com/cpanel` или через портал хостинг-провайдера. ### Управление файлами [Заголовок раздела «Управление файлами»](#управление-файлами) * **File Manager** — аналог графического FTP-клиента прямо в браузере. * Загрузка/редактирование файлов тем, плагинов, `wp-config.php`. ### Базы данных [Заголовок раздела «Базы данных»](#базы-данных) * Создание БД через **MySQL Database Wizard**. * Управление через **phpMyAdmin** — веб-интерфейс для SQL-запросов. * Создание пользователей БД и назначение прав. ### FTP и SFTP [Заголовок раздела «FTP и SFTP»](#ftp-и-sftp) cPanel предоставляет FTP-аккаунты для доступа к файлам через FTP-клиенты (FileZilla, Cyberduck). > WordPress.com предлагает SFTP/SSH на платных тарифах. На self-hosted — доступен всегда, зависит от тарифа хостинга. ### SSH-доступ [Заголовок раздела «SSH-доступ»](#ssh-доступ) На многих хостингах SSH включается в cPanel → **SSH Access**. Позволяет использовать WP-CLI и другие инструменты командной строки. ### SSL-сертификаты [Заголовок раздела «SSL-сертификаты»](#ssl-сертификаты) * **Let’s Encrypt** — бесплатный SSL, часто активируется в один клик. * Покупные сертификаты — загрузка через **SSL/TLS** раздел. ### Резервные копии [Заголовок раздела «Резервные копии»](#резервные-копии) В cPanel можно создавать и скачивать полные бэкапы сайта (файлы + БД). На WordPress.com бэкапы автоматические и не требуют действий. ## Альтернативы cPanel [Заголовок раздела «Альтернативы cPanel»](#альтернативы-cpanel) Не все хостинги используют cPanel. Другие панели: | Панель | Особенности | | ---------------------- | --------------------------------------------- | | **Plesk** | Для Windows-хостинга, реже для Linux | | **DirectAdmin** | Лёгкая альтернатива, дешевле в лицензировании | | **ISPmanager** | Российская панель управления | | **VestaCP / HestiaCP** | Бесплатные opensource-панели для VPS | Если у вас VPS или выделенный сервер без панели — все задачи выполняются через SSH: `mysql`, `rsync`, `cron`, `certbot`. ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Хостинг для WordPress: как выбрать](../../../wordpress/faq/how-to/wordpress-hosting) * [Как установить WordPress?](../../../wordpress/faq/how-to/how-to-install-wordpress) * [WordPress.com vs WordPress.org: сравнение](../../../wordpress/faq/wordpress-com-vs-org) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [WordPress.com: cPanel](https://wordpress.com/support/cpanel/) ---------- # Docker для WordPress > Локальная разработка и production-развёртывание WordPress через Docker Compose: Nginx, PHP-FPM, MySQL, Redis, HTTPS, бэкапы и best practices. ## Локальная разработка: WordPress + WooCommerce [Заголовок раздела «Локальная разработка: WordPress + WooCommerce»](#локальная-разработка-wordpress--woocommerce) Для разработки плагинов и тем WordPress с WooCommerce — один `docker-compose.yml`: ```yaml services: db: image: mysql:8.0 volumes: - db_data:/var/lib/mysql restart: unless-stopped environment: MYSQL_ROOT_PASSWORD: somewordpress MYSQL_DATABASE: wordpress MYSQL_USER: wordpress MYSQL_PASSWORD: wordpress wordpress: depends_on: - db image: wordpress:latest volumes: - ./wp-content:/var/www/html/wp-content ports: - "8000:80" restart: unless-stopped environment: WORDPRESS_DB_HOST: db:3306 WORDPRESS_DB_USER: wordpress WORDPRESS_DB_PASSWORD: wordpress WORDPRESS_DB_NAME: wordpress WORDPRESS_CONFIG_EXTRA: | define('WP_DEBUG', true); define('WP_DEBUG_LOG', true); volumes: db_data: ``` **После старта** (`docker compose up -d`) — установить WooCommerce через Plugins → Add New → «WooCommerce», активировать тему Storefront. ## Production-архитектура [Заголовок раздела «Production-архитектура»](#production-архитектура) Четыре сервиса с сетевой изоляцией: ```plaintext ┌──────────────────────┐ │ Nginx Reverse │ │ Proxy (80/443) │ ← единственная точка входа └──────┬───────────────┘ │ ┌─────────┴───────────────┐ приватная сеть │ │ │ ┌───▼────┐ ┌──▼──────┐ ┌─────▼──────┐ │ PHP-FPM│ │ MySQL │ │ Redis │ │ WP │ │ │ │ (опционально)│ └────────┘ └─────────┘ └────────────┘ ``` ## Production docker-compose.yml [Заголовок раздела «Production docker-compose.yml»](#production-docker-composeyml) ```yaml services: proxy: image: nginx:alpine ports: - "80:80" - "443:443" volumes: - ./nginx/nginx.conf:/etc/nginx/nginx.conf:ro - ./nginx/snippets:/etc/nginx/snippets:ro - certbot_www:/var/www/certbot - certbot_conf:/etc/letsencrypt depends_on: - wordpress restart: unless-stopped networks: - public - private wordpress: image: wordpress:6.4-php8.2-fpm-alpine volumes: - wordpress_data:/var/www/html environment: WORDPRESS_DB_HOST: db:3306 WORDPRESS_DB_USER: ${WORDPRESS_DB_USER} WORDPRESS_DB_PASSWORD: ${WORDPRESS_DB_PASSWORD} WORDPRESS_DB_NAME: ${WORDPRESS_DB_NAME} WORDPRESS_CONFIG_EXTRA: | define('WP_CACHE_KEY_SALT', '${SITE_DOMAIN}'); restart: unless-stopped networks: - private db: image: mysql:8.0 volumes: - db_data:/var/lib/mysql environment: MYSQL_ROOT_PASSWORD: ${MYSQL_ROOT_PASSWORD} MYSQL_DATABASE: ${WORDPRESS_DB_NAME} MYSQL_USER: ${WORDPRESS_DB_USER} MYSQL_PASSWORD: ${WORDPRESS_DB_PASSWORD} restart: unless-stopped networks: - private redis: image: redis:7-alpine volumes: - redis_data:/data restart: unless-stopped networks: - private networks: public: private: internal: true ``` ### .env (не коммитить в Git!) [Заголовок раздела «.env (не коммитить в Git!)»](#env-не-коммитить-в-git) ```bash MYSQL_ROOT_PASSWORD=strong_root_pass_here WORDPRESS_DB_NAME=wordpress WORDPRESS_DB_USER=wordpress WORDPRESS_DB_PASSWORD=strong_user_pass_here SITE_DOMAIN=example.com ``` ## HTTPS с Let’s Encrypt [Заголовок раздела «HTTPS с Let’s Encrypt»](#https-с-lets-encrypt) Nginx конфигурация с TLS-termination и автоматическим получением сертификатов через Certbot: ```nginx server { listen 80; server_name example.com; location /.well-known/acme-challenge/ { root /var/www/certbot; } location / { return 301 https://$host$request_uri; } } server { listen 443 ssl http2; server_name example.com; ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem; ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem; # Security headers add_header X-Frame-Options "SAMEORIGIN" always; add_header X-Content-Type-Options "nosniff" always; add_header Referrer-Policy "strict-origin-when-cross-origin" always; root /var/www/html; index index.php; location / { try_files $uri $uri/ /index.php?$args; } location ~ \.php$ { fastcgi_pass wordpress:9000; fastcgi_index index.php; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; include fastcgi_params; } # Кеширование статики location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff2?)$ { expires 1y; add_header Cache-Control "public, immutable"; } } ``` ## Управление секретами [Заголовок раздела «Управление секретами»](#управление-секретами) * **`.env` файл** — чувствительные значения, исключён из Git (`.gitignore`) * **Docker Secrets** — для Docker Swarm * **Сильные уникальные пароли** — не `wordpress`/`wordpress` ## PHP-FPM оптимизация [Заголовок раздела «PHP-FPM оптимизация»](#php-fpm-оптимизация) ```ini ; php.ini (кастомный или через environment) opcache.enable=1 opcache.memory_consumption=256 opcache.max_accelerated_files=20000 opcache.revalidate_freq=2 memory_limit=256M max_execution_time=300 upload_max_filesize=64M post_max_size=64M ``` ## Кеширование [Заголовок раздела «Кеширование»](#кеширование) | Уровень | Инструмент | Что кеширует | | ---------- | -------------------- | ------------------------------- | | Страничное | Nginx fastcgi\_cache | HTML-страницы | | Объектное | Redis | Результаты запросов к БД, опции | | Статика | Nginx expires | CSS, JS, изображения | | OPcache | PHP OPcache | Скомпилированный PHP-код | ## Бэкапы [Заголовок раздела «Бэкапы»](#бэкапы) * **Named volumes** для БД и wp-content (безопаснее bind mounts) * Ежедневные бэкапы базы: `mysqldump` по cron + загрузка в S3 * **Не хранить бэкапы на том же сервере** — использовать внешнее S3-хранилище * Тестировать восстановление из бэкапов регулярно ## Pre-production чек-лист [Заголовок раздела «Pre-production чек-лист»](#pre-production-чек-лист) * [ ] HTTPS активен и форсирован * [ ] Только proxy-порты (80/443) публично доступны * [ ] `.env` исключён из Git * [ ] Persistent volumes для БД и wp-content * [ ] Автоматические бэкапы настроены и протестированы * [ ] Staging-окружение зеркалит production * [ ] План отката задокументирован * [ ] Resource limits на контейнеры проставлены * [ ] Health checks на все сервисы ## Частые ошибки [Заголовок раздела «Частые ошибки»](#частые-ошибки) * **Публичный доступ к портам БД** — MySQL не должен быть открыт наружу * **Тег `latest`** — внезапные обновления ломают сайт, используйте конкретную версию * **Dev-настройки в production** — `WP_DEBUG=true`, `display_errors=on` * **Пропуск тестов восстановления** — бэкап без проверки восстановления — не бэкап * **Бэкапы на том же диске** — при сбое хостинга теряется всё ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [dev.to: WordPress + WooCommerce Locally with Docker](https://dev.to/daniloab/how-to-run-wordpress-woocommerce-locally-with-docker-42cd) * [Docker Compose WordPress production best practices (web search, 2026)](https://docs.docker.com/compose/wordpress/) * [DDpa: Infrastructure as Code](https://ddpa.ru/kb/it/devops/infrastructure-as-code/) ---------- # Критерии выбора хостинга для WordPress > Метрики и критерии выбора хостинга: TTFB, uptime, технологии сервера, безопасность, поддержка и прозрачность цен. ## Скорость: TTFB (Time To First Byte) [Заголовок раздела «Скорость: TTFB (Time To First Byte)»](#скорость-ttfb-time-to-first-byte) Главная метрика производительности сервера. TTFB — время от запроса браузера до первого байта ответа. * **<400 мс** — отлично, посетитель не замечает задержки * **400-600 мс** — приемлемо * **>600 мс** — посетитель ощущает задержку, SEO страдает TTFB зависит от: * Географической близости сервера к посетителю * Технологий веб-сервера (LiteSpeed vs Apache) * Кэширования (серверного и объектного) * Нагрузки на сервер ## Аптайм (доступность) [Заголовок раздела «Аптайм (доступность)»](#аптайм-доступность) Процент времени, когда сайт доступен. Измеряется за месяц. | Аптайм | Простой в месяц | Оценка | | ------ | --------------- | ------- | | 99.5% | \~3.5 часа | Плохо | | 99.9% | \~43 минуты | Хорошо | | 99.95% | \~22 минуты | Отлично | | 99.99% | \~4 минуты | Премиум | * Минимальный стандарт: **≥99.9%** * Лучшие провайдеры дают гарантию 99.95-99.99% * Некоторые (Liquid Web) компенсируют простой — до 1000% от стоимости ## Технологии сервера [Заголовок раздела «Технологии сервера»](#технологии-сервера) ### Диски: NVMe > SSD > HDD [Заголовок раздела «Диски: NVMe > SSD > HDD»](#диски-nvme--ssd--hdd) * **NVMe** — современный стандарт. Пропускная способность до 7 ГБ/с * **SSD** — приемлемо, но медленнее NVMe * **HDD** — не должно использоваться в 2026 году ### Веб-сервер: LiteSpeed > Nginx > Apache [Заголовок раздела «Веб-сервер: LiteSpeed > Nginx > Apache»](#веб-сервер-litespeed--nginx--apache) * **LiteSpeed** — лучшая производительность для WordPress «из коробки». Встроенный LSCache, совместимость с .htaccess * **Nginx** — быстро обрабатывает статику, но требует тонкой настройки * **Apache** — медленнее, но традиционная совместимость ### PHP [Заголовок раздела «PHP»](#php) * Минимум: 8.0 * Рекомендуется: 8.2 или 8.3 * Важно: возможность переключать версию PHP в панели управления ### База данных [Заголовок раздела «База данных»](#база-данных) * MariaDB 10.6+ или MySQL 8.0+ * InnoDB как движок по умолчанию ### Кэширование [Заголовок раздела «Кэширование»](#кэширование) * Серверное: LiteSpeed Cache (LSCache), Varnish * Объектное: Redis, Memcached * OPcache для PHP ## Безопасность [Заголовок раздела «Безопасность»](#безопасность) ### Что должно быть включено в тариф [Заголовок раздела «Что должно быть включено в тариф»](#что-должно-быть-включено-в-тариф) * **SSL-сертификаты:** бесплатный Let’s Encrypt — стандарт в 2026 * **WAF (Web Application Firewall):** фильтрация вредоносных запросов * **DDoS-защита:** базовый уровень на уровне сети * **Автоматические ежедневные бэкапы:** с возможностью скачать или восстановить * **Изоляция аккаунтов:** CloudLinux (для shared) — исключает влияние соседей * **Защита от вредоносного ПО:** сканирование файлов ### Дополнительные меры безопасности [Заголовок раздела «Дополнительные меры безопасности»](#дополнительные-меры-безопасности) * Автообновление ядра WordPress * Двухфакторная аутентификация в панели хостинга * Защита от брутфорса ## Панель управления [Заголовок раздела «Панель управления»](#панель-управления) * **cPanel** — индустриальный стандарт, интуитивно понятный * **Plesk** — альтернатива cPanel, чаще на Windows * **ISPmanager** — популярен у российских провайдеров * **Собственная панель** (Beget, Timeweb) — может быть удобнее, но нет стандартизации Что должно быть в панели: * Управление файлами (файловый менеджер) * Управление базами данных (phpMyAdmin) * Управление доменами и поддоменами * Управление почтовыми ящиками * Установщик WordPress в 1 клик * Переключение версии PHP * Просмотр логов ошибок ## Техподдержка [Заголовок раздела «Техподдержка»](#техподдержка) * **24/7** — сайт может упасть в любое время * **Каналы:** чат, тикет-система, телефон (чем больше, тем лучше) * **Компетентность:** поддержка должна разбираться именно в WordPress, а не только в хостинге * **Русскоязычная поддержка** для РФ-аудитории обязательна > Перед покупкой — напишите в поддержку с тестовым вопросом. Оцените скорость и качество ответа. ## География дата-центров [Заголовок раздела «География дата-центров»](#география-дата-центров) Близость сервера к аудитории снижает TTFB: * **РФ-аудитория:** Москва, Санкт-Петербург (соблюдение ФЗ-152) * **СНГ:** Германия, Нидерланды, Польша, Финляндия * **Европа:** Германия, Нидерланды, Франция, Великобритания * **США/Глобально:** восточное или западное побережье США * **Азия:** Сингапур, Токио Некоторые провайдеры (Timeweb, REG.RU) позволяют выбрать дата-центр. ## Ценовая политика [Заголовок раздела «Ценовая политика»](#ценовая-политика) ### На что обратить внимание [Заголовок раздела «На что обратить внимание»](#на-что-обратить-внимание) * **Цена первого периода** обычно ниже в 2-4 раза цены продления * Считайте **TCO за 3-5 лет**, а не только первый год * **Пробный период** или гарантия возврата (7-30 дней) * **Скрытые платежи:** плата за SSL, бэкапы, миграцию ### Пример расчёта на 5 лет [Заголовок раздела «Пример расчёта на 5 лет»](#пример-расчёта-на-5-лет) | Провайдер | Промо (1-й год) | Renewal (год) | TCO за 5 лет | | --------- | --------------- | ------------- | ------------ | | Bluehost | $2.99/мес | $8.99/мес | $467 | | Kinsta | $29.17/мес | $29.17/мес | $1,750 | | Timeweb | 164 ₽/мес | \~350 ₽/мес | \~18 700 ₽ | > Хостинг за 100 ₽/мес может оказаться дороже за 500 ₽/мес, если renewal в 5 раз выше. ## SEO-влияние хостинга [Заголовок раздела «SEO-влияние хостинга»](#seo-влияние-хостинга) * **Скорость загрузки** — прямой фактор ранжирования (Core Web Vitals) * **Аптайм** — если сайт недоступен, поисковики не могут его индексировать * **Геолокация сервера** — влияет на региональную выдачу * **Безопасность** — взломанный сайт получает санкции поисковиков * **IP-адрес** — shared-хостинг может делить IP с «плохими соседями» ## Чек-лист оценки хостинга [Заголовок раздела «Чек-лист оценки хостинга»](#чек-лист-оценки-хостинга) Перед выбором проверьте: * [ ] TTFB < 500 мс с целевого региона * [ ] Аптайм ≥ 99.9% (подтверждённый тестами) * [ ] NVMe или SSD-диски * [ ] LiteSpeed или Nginx * [ ] Бесплатный SSL (Let’s Encrypt) * [ ] Ежедневные автоматические бэкапы * [ ] Поддержка 24/7 на русском языке * [ ] Прозрачные renewal-цены * [ ] Пробный период или гарантия возврата * [ ] Сервер в нужной геолокации * [ ] PHP 8.2+ с возможностью переключения * [ ] MariaDB 10.6+ или MySQL 8.0+ ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Рейтинг хостингов для WordPress](https://wpcraft.ru/hosting-wordpress-woocommerce) * [How to Choose the Best WordPress Hosting — GreenGeeks](https://www.greengeeks.com/tutorials/how-to-choose-the-best-wordpress-hosting/) * [How to Choose the Best WordPress Hosting — WPBeginner](https://www.wpbeginner.com/wordpress-hosting/) * [Best WordPress Hosting 2026 — RSHosting](https://www.rshosting.com/blog/best-wordpress-hosting-2026-ultimate-guide-to-fast-secure-reliable-wordpress-hosting/) * [Best WordPress Hosting — Themeisle](https://themeisle.com/blog/best-wordpress-hosting/) * [Best WordPress Hosting — CNET](https://www.cnet.com/tech/services-and-software/best-wordpress-hosting/) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Типы хостинга](../hosting-types) — какой тип выбрать для вашего проекта * [Хостинг-провайдеры: сравнение](../hosting-providers) — конкретные провайдеры с ценами и тестами * [Хостинг для WordPress: как выбрать](../../../wordpress/faq/how-to/wordpress-hosting) — быстрый обзор для новичков * [Оптимизация WordPress](../../performance/optimization) — ускорение после выбора хостинга ---------- # Хостинг-провайдеры: сравнение > Сравнение хостинг-провайдеров для WordPress: международные и российские, цены, скорость, аптайм и особенности каждого. ## Российские провайдеры [Заголовок раздела «Российские провайдеры»](#российские-провайдеры) ### Сводная таблица [Заголовок раздела «Сводная таблица»](#сводная-таблица) | Провайдер | От | Тип | Тест-период | Лучшее для | | ---------- | -------- | ---------- | ----------- | --------------------- | | Timeweb | 164 ₽ | Shared/VPS | 10 дн | Быстрый старт | | Beget | 169 ₽ | Shared | 30 дн | Стабильность, новички | | REG.RU | 164 ₽ | Shared/VPS | 14 дн | Домены + хостинг | | Sprinthost | 99 ₽ | Shared/VPS | 30 дн | Низкая цена | | AdminVPS | 69 ₽ | VPS | 7 дн | VPS для растущих | | Fornex | 390 ₽ | VPS | — | Европейские серверы | | FirstVDS | от 300 ₽ | VPS | — | Тонкая настройка | | VDSina | от 30 ₽ | VPS | 3 дн | Минимальная цена VPS | | SpaceWeb | 199 ₽ | Shared | 14 дн | Надёжность | | Cloud4Box | 88 ₽ | Cloud | 1 мес/1₽ | Облачные решения | *** ### Timeweb — для быстрого старта [Заголовок раздела «Timeweb — для быстрого старта»](#timeweb--для-быстрого-старта) * **Цена:** от 164 ₽/мес * NVMe-диски, HTTP/2/3, бесплатный SSL * Автоустановка WP в 1 клик, автообновления, автобэкапы * Удобная панель, быстрая поддержка * **Дата-центры:** Москва, СПб, Европа * **Оценка:** 9.8/10 (HostingHub) | 4.5/5 (Hostings.info) * **Для кого:** блоги, лендинги, корпоративные сайты, небольшие магазины ### Beget — стабильность и безопасность [Заголовок раздела «Beget — стабильность и безопасность»](#beget--стабильность-и-безопасность) * **Цена:** от 169 ₽/мес * Бесплатный SSL (Let’s Encrypt), ISPmanager * Автобэкапы, антивирус, изоляция аккаунтов * **Тест-период:** 30 дней * **Оценка:** 9.8/10 (HostingHub) | 4.6/5 (Hostings.info) * **Для кого:** новички, небольшие коммерческие сайты ### REG.RU — домены + хостинг в одном окне [Заголовок раздела «REG.RU — домены + хостинг в одном окне»](#regru--домены--хостинг-в-одном-окне) * **Цена:** от 164 ₽/мес * Крупнейший регистратор доменов в РФ * Удобная панель управления * **Дата-центры:** выбор локации * **Для кого:** начинающие, кто хочет домен и хостинг у одного провайдера ### Sprinthost — дружелюбный и доступный [Заголовок раздела «Sprinthost — дружелюбный и доступный»](#sprinthost--дружелюбный-и-доступный) * **Цена:** от 99 ₽/мес * Автоустановка WP, бесплатный SSL, ежедневные бэкапы * Мониторинг 24/7, отзывчивая поддержка * **Тест-период:** 30 дней * **Оценка:** 9.5/10 (HostingHub) | 4.7/5 (Hostings.info) * **Для кого:** блогеры, локальный бизнес ### AdminVPS — когда тесно на shared [Заголовок раздела «AdminVPS — когда тесно на shared»](#adminvps--когда-тесно-на-shared) * **Цена:** от 69 ₽/мес (VPS) * NVMe-диски, гибкие конфигурации * Помощь с администрированием * **Для кого:** интернет-магазины, СМИ, растущие проекты ### VDSina — бюджетный VPS [Заголовок раздела «VDSina — бюджетный VPS»](#vdsina--бюджетный-vps) * **Цена:** от 30 ₽/мес (поминутная тарификация) * NVMe-диски, современные ядра Linux * Быстрое масштабирование * **Для кого:** важны скорость и полный контроль при минимальной цене ### Fornex — европейские серверы [Заголовок раздела «Fornex — европейские серверы»](#fornex--европейские-серверы) * **Цена:** от 390 ₽/мес (VPS) * VDS и выделенные серверы в разных геолокациях * **Оценка:** 4.8/5 (Hostings.info) * **Для кого:** интернет-магазины, медиа, контентные порталы с европейской аудиторией ### Cloud4Box — для высоких нагрузок [Заголовок раздела «Cloud4Box — для высоких нагрузок»](#cloud4box--для-высоких-нагрузок) * **Цена:** от 88 ₽/мес (облачная платформа) * High Availability, масштабирование * **Для кого:** корпоративные сайты, e-commerce со строгими SLA *** ## Международные провайдеры [Заголовок раздела «Международные провайдеры»](#международные-провайдеры) ### Сводная таблица (2025-2026) [Заголовок раздела «Сводная таблица (2025-2026)»](#сводная-таблица-2025-2026) | Провайдер | От | TTFB | Аптайм | Тип | Лучшее для | | ----------- | ---------- | ------ | ------ | -------------- | ----------------------------- | | Hostinger | $2.69/мес | 374 мс | 100% | Shared/Managed | Бюджет, малый бизнес | | SiteGround | $2.99/мес | 397 мс | 100% | Managed | Производительность | | Bluehost | $2.99/мес | 1.2 с | 99.98% | Shared | Новички (рекомендован WP.org) | | Kinsta | $29.17/мес | 640 мс | 100% | Managed | Высокая производительность | | WP Engine | $23/мес | 720 мс | 99.98% | Managed | Разработчики | | Rocket.net | $25/мес | 340 мс | 100% | Managed | Максимальная скорость | | Cloudways | $11/мес | 910 мс | 100% | Cloud | Гибкость, агентства | | GreenGeeks | $1.95/мес | 1.95 с | 99.83% | Shared | Эко-хостинг, новички | | InterServer | $2.50/мес | — | — | VPS/Shared | Бюджетный VPS | | Liquid Web | $17.60/мес | — | 99.99% | Managed | Премиум, WooCommerce | > TTFB и аптайм — по данным тестов Themeisle, WPBeginner и CNET (2025-2026). Реальные значения зависят от тарифа и локации. *** ### Hostinger — лучший бюджетный [Заголовок раздела «Hostinger — лучший бюджетный»](#hostinger--лучший-бюджетный) * **Цена:** от $2.69/мес (промо), renewal \~$11/мес * **Серверы:** LiteSpeed, hPanel (собственная панель) * **TTFB:** 374 мс | **Аптайм:** 100% * Бесплатный домен, миграция, CDN * AI-инструменты: контент, Kodee AI agent * Официально рекомендован WordPress.org ### SiteGround — лучшая производительность [Заголовок раздела «SiteGround — лучшая производительность»](#siteground--лучшая-производительность) * **Цена:** от $2.99/мес (промо), renewal \~$18/мес * **Инфраструктура:** Google Cloud * **TTFB:** 397 мс | **Аптайм:** 100% * Speed Optimizer — собственный плагин кэширования * Ежедневные бэкапы, автообновления * WP-эксперты в поддержке ### Bluehost — рекомендован WordPress.org [Заголовок раздела «Bluehost — рекомендован WordPress.org»](#bluehost--рекомендован-wordpressorg) * **Цена:** от $2.99/мес (промо), renewal \~$8.99/мес * Бесплатный домен на первый год * AI-инструменты создания сайта * **TTFB:** 1.2 с — медленнее конкурентов * 24/7 поддержка: телефон, чат, email ### Kinsta — премиум managed [Заголовок раздела «Kinsta — премиум managed»](#kinsta--премиум-managed) * **Цена:** от $29.17/мес, renewal без повышения * **Инфраструктура:** Google Cloud C3D VMs * **TTFB:** 640 мс | **Аптайм:** 100% * 10-250 ГБ, 25K-3M посетителей/мес * Собственный плагин кэширования, staging-зоны * Гарантия устранения взломов * 14-дневное хранение бэкапов ### WP Engine — для разработчиков [Заголовок раздела «WP Engine — для разработчиков»](#wp-engine--для-разработчиков) * **Цена:** от $23/мес * Genesis Framework + 36 тем StudioPress бесплатно * Staging в 1 клик, Git-интеграция * Передача права собственности клиенту * Собственный EverCache * ISO 27001:2022 сертификация ### Rocket.net — максимальная скорость [Заголовок раздела «Rocket.net — максимальная скорость»](#rocketnet--максимальная-скорость) * **Цена:** от $25/мес * **TTFB:** 340 мс (один из лучших показателей) * Встроенный глобальный CDN * Сильный файрвол, автообновления * Приобретён Hosting.com в 2025 *** ## Сравнение международных vs российских [Заголовок раздела «Сравнение международных vs российских»](#сравнение-международных-vs-российских) | Критерий | Международные | Российские | | ----------------------- | ----------------------- | ------------------------ | | Цена | От $2-3/мес | От 100-200 ₽/мес | | Дата-центры в РФ | Редко | Есть (Москва, СПб) | | Русскоязычная поддержка | Не всегда | Всегда | | Оплата | Карты РФ — сложности | РФ-карты, QIWI, ЮMoney | | Серверные технологии | LiteSpeed, Google Cloud | NVMe, ISPmanager, cPanel | | ФЗ-152 | Не учитывают | Соответствуют | > При выборе между международным и российским хостингом главный фактор — география аудитории и способ оплаты. Для РФ-аудитории российские провайдеры дают лучший TTFB. ## Рекомендации по типам проектов [Заголовок раздела «Рекомендации по типам проектов»](#рекомендации-по-типам-проектов) * **Блог / визитка** → Timeweb, Beget, Hostinger * **Интернет-магазин (WooCommerce)** → AdminVPS, FirstVDS, Kinsta, Liquid Web * **Высоконагруженный проект** → Cloud4Box, Kinsta, WP Engine * **Бюджетный старт** → Sprinthost, Hostinger, InterServer * **Максимальная скорость** → Rocket.net, SiteGround * **Эко-хостинг** → GreenGeeks (300% match возобновляемой энергии) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Best WordPress Hosting 2026 — RSHosting](https://www.rshosting.com/blog/best-wordpress-hosting-2026-ultimate-guide-to-fast-secure-reliable-wordpress-hosting/) * [Best WordPress Hosting — ZDNET](https://www.zdnet.com/article/best-wordpress-hosting/) * [Best WordPress Hosting — CNET](https://www.cnet.com/tech/services-and-software/best-wordpress-hosting/) * [Best WordPress Hosting — Bit Integrations](https://bit-integrations.com/blog/best-wordpress-hosting/) * [Best WordPress Hosting — Themeisle](https://themeisle.com/blog/best-wordpress-hosting/) * [How to Choose WP Hosting — WPBeginner](https://www.wpbeginner.com/wordpress-hosting/) * [Рейтинг хостингов для WordPress — VC.ru](https://vc.ru/dev/2420793-reiting-hostingov-dlya-wordpress-chto-vybrat-v-2025-2026-godu-top-na-dekabr-2025) * [Рейтинг лучших хостингов — DTF](https://dtf.ru/new_microloans_05_2026/3221330-reiting-luchshih-hostingov-dlya-wordpress-na-2025-god) * [25 хостинг-провайдеров — РБК](https://companies.rbc.ru/useful/podborka-25-proverennyh-hosting-provajderov-wordpress-v-2025-godu/) * [Лучшие хостинги для WordPress в РФ — VC.ru](https://vc.ru/top-raiting/1819779-luchshie-hostingi-dlya-wordpress-v-2026-godu-v-rossii) * [Хостинг для WordPress 2026 — HostingHub](https://hostinghub.ru/top/cms/wordpress) * [10 лучших хостингов — Hostings.info](https://ru.hostings.info/hostings/rating/wordpress-hosting) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Типы хостинга](../hosting-types) — какой тип выбрать для вашего проекта * [Критерии выбора хостинга](../hosting-criteria) — метрики и чек-лист оценки * [Регистраторы доменов: сравнение](../../domain/domain-registrars) — выбор домена под хостинг * [Хостинг для WordPress: как выбрать](../../../wordpress/faq/how-to/wordpress-hosting) — быстрый обзор для новичков ---------- # Типы хостинга для WordPress > Shared, VPS, облачный и managed WordPress-хостинг: сравнение типов, плюсы и минусы, для каких проектов подходит каждый. ## Обзор типов хостинга [Заголовок раздела «Обзор типов хостинга»](#обзор-типов-хостинга) Под self-hosted WordPress доступны четыре основных типа хостинга. Выбор зависит от трафика, бюджета и технических навыков. ### Сводная таблица [Заголовок раздела «Сводная таблица»](#сводная-таблица) | Тип | Цена (мес) | Трафик (чел/сут) | Администрирование | Масштабируемость | | ---------------------- | ---------- | ---------------- | ----------------- | ------------------- | | Shared (виртуальный) | 150-500 ₽ | до 2 500 | Минимальное | Низкая | | VPS/VDS | 500-3000 ₽ | 3 000-5 000 | Среднее | Средняя | | Облачный (кластер) | от 3000 ₽ | 10 000+ | Высокое | Высокая (stateless) | | Облачный | от 1000 ₽ | 10 000+ | Высокое | Высокая | | Managed/Specialized WP | от 800 ₽ | до 250 000 | Не требуется | Зависит от тарифа | *** ## Shared-хостинг (виртуальный) [Заголовок раздела «Shared-хостинг (виртуальный)»](#shared-хостинг-виртуальный) Несколько сайтов на одном сервере делят процессор, память и диск. \~34% пользователей WordPress используют shared. **Плюсы:** * Самая низкая цена (150-500 ₽/мес) * Автоустановка WordPress в 1 клик * Не нужно администрировать сервер **Минусы:** * Ресурсы делятся с «соседями» — чужой всплеск трафика замедляет вас * Ограничения по inodes, CPU, RAM * При превышении лимитов — блокировка или замедление **Для кого:** блоги, визитки, лендинги, небольшие проекты с трафиком до 2 500 чел/сутки. ### Скрытые лимиты shared-хостинга [Заголовок раздела «Скрытые лимиты shared-хостинга»](#скрытые-лимиты-shared-хостинга) * **Inodes** — максимальное количество файлов на аккаунте. Кэш плагинов быстро расходует лимит * **CPU и RAM** — не гарантированы, делятся динамически * **I/O** — скорость дисковых операций ограничена > Перед покупкой shared-тарифа уточните лимиты в поддержке. Низкая цена может означать жёсткие ограничения. *** ## VPS/VDS (виртуальный выделенный сервер) [Заголовок раздела «VPS/VDS (виртуальный выделенный сервер)»](#vpsvds-виртуальный-выделенный-сервер) Виртуальная машина с гарантированными ресурсами и root-доступом. **Плюсы:** * Изолированная среда — соседи не влияют * Root-доступ — полный контроль над сервером * Возможность установить Redis, настроить Nginx, выбрать версию PHP **Минусы:** * Требует навыков администрирования Linux * Дороже shared (500-3000 ₽/мес) * Ответственность за безопасность сервера лежит на вас **Для кого:** растущие проекты, интернет-магазины, сайты с 3 000-5 000 чел/сутки. ### Минимальный VPS для WooCommerce [Заголовок раздела «Минимальный VPS для WooCommerce»](#минимальный-vps-для-woocommerce) * 2 vCPU * 2-4 ГБ RAM * NVMe-диск * Redis для объектного кэширования *** ## Облачный хостинг (Cloud) [Заголовок раздела «Облачный хостинг (Cloud)»](#облачный-хостинг-cloud) Сайт работает на кластере серверов, а не на одной машине. При росте нагрузки подключаются дополнительные ресурсы. **Плюсы:** * Отказоустойчивость — выход одного сервера не роняет сайт * Горизонтальное масштабирование * Оплата по факту использования (pay-as-you-go) **Минусы:** * Сложная ценовая модель * Требует высокой технической квалификации * Требует [stateless-архитектуры](../../../wordpress/plugins/s3-plugins) (медиа — в S3, а не на локальном диске) * Дороже VPS при стабильной нагрузке **Для кого:** высоконагруженные проекты, SaaS, корпоративные сайты со строгими SLA. *** ## Специализированный WordPress-хостинг [Заголовок раздела «Специализированный WordPress-хостинг»](#специализированный-wordpress-хостинг) Среда полностью заточена под WordPress: серверное кэширование, автообновления, проактивная безопасность. **Что даёт специализированный хостинг:** * Серверное кэширование (LiteSpeed Cache, Varnish, Redis) * Тонкая настройка PHP и MySQL/MariaDB под WP * Автообновления ядра, плагинов и тем * Staging-среда для тестирования * WP-эксперты в техподдержке * Проактивная защита от типичных WP-уязвимостей **Плюсы:** * Не нужно думать о технических деталях * 99.9% меньше downtime, до 37% быстрее обычного shared (по данным GreenGeeks) * Экспертная поддержка **Минусы:** * Дороже обычного хостинга * Могут быть ограничения по плагинам (например, запрет на некоторые плагины кэширования) **Для кого:** те, кто хочет «как WordPress.com, но self-hosted» — полный контроль без необходимости администрировать сервер. *** ## Бесплатный хостинг — не рекомендуется [Заголовок раздела «Бесплатный хостинг — не рекомендуется»](#бесплатный-хостинг--не-рекомендуется) Бесплатный хостинг имеет критические ограничения: * Принудительная реклама провайдера * Мало места, слабые ресурсы * Часто нет SSL * Слабая или отсутствующая поддержка * Риск удаления сайта без предупреждения > Для self-hosted WordPress бесплатный хостинг не подходит. Минимальный shared-тариф (150-200 ₽/мес) решает все эти проблемы. *** ## Какой тип выбрать: шпаргалка [Заголовок раздела «Какой тип выбрать: шпаргалка»](#какой-тип-выбрать-шпаргалка) * **Начинающий блогер** → Shared (Timeweb, Beget, Sprinthost) * **Растущий проект** → Специализированный WP или VPS * **Интернет-магазин (WooCommerce)** → Минимум VPS (2 vCPU, 2-4 ГБ RAM) * **Высокий трафик (10 000+)** → Облако или Managed WP (Kinsta, WP Engine) * **Разработчик/агентство** → VPS или облако (полный контроль) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [How to Choose the Best WordPress Hosting — GreenGeeks](https://www.greengeeks.com/tutorials/how-to-choose-the-best-wordpress-hosting/) * [How to Choose the Best WordPress Hosting — WPBeginner](https://www.wpbeginner.com/wordpress-hosting/) * [Рейтинг хостингов для WordPress — VC.ru](https://vc.ru/dev/2420793-reiting-hostingov-dlya-wordpress-chto-vybrat-v-2025-2026-godu-top-na-dekabr-2025) * [Рейтинг хостингов для WordPress (v2) — VC.ru](https://vc.ru/dev/2282297-reiting-hostingov-dlya-wordpress-chto-vybrat-v-2025-2026-godu-top-na-dekabr-2025) * [Лучшие хостинги для WordPress в РФ — VC.ru](https://vc.ru/top-raiting/1819779-luchshie-hostingi-dlya-wordpress-v-2026-godu-v-rossii) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Критерии выбора хостинга](../hosting-criteria) — метрики и чек-лист оценки * [Хостинг-провайдеры: сравнение](../hosting-providers) — конкретные провайдеры с ценами * [Infrastructure as Code для WordPress](../iac-wordpress) — Terraform, Pulumi, Ansible для автоматизации инфраструктуры * [Хостинг для WordPress: как выбрать](../../../wordpress/faq/how-to/wordpress-hosting) — быстрый обзор для новичков * [Домен и хостинг: в чём разница](../../domain/domain-vs-hosting) — базовое объяснение ---------- # Infrastructure as Code для WordPress > IaC для WordPress: Terraform, Pulumi, Ansible, Docker, Kubernetes — обзор инструментов, архитектурных шаблонов и российских облаков. ## Что такое Infrastructure as Code (IaC) [Заголовок раздела «Что такое Infrastructure as Code (IaC)»](#что-такое-infrastructure-as-code-iac) Подход, при котором серверы, базы данных, сети и балансировщики описываются в конфигурационных файлах и разворачиваются автоматически. Для WordPress: инфраструктура под сайт создаётся одной командой. **Ключевые свойства:** декларативность, идемпотентность, воспроизводимость (dev = staging = prod), весь код в Git. ## Типы IaC [Заголовок раздела «Типы IaC»](#типы-iac) | Тип | Суть | Инструменты | | ------------------- | ------------------------------ | ----------------------------------------------- | | **Декларативный** | Описывается желаемое состояние | Terraform, OpenTofu, CloudFormation, Crossplane | | **Императивный** | Пошаговые инструкции | Ansible, Chef, SaltStack | | **Программируемый** | На Python, TS, Go | Pulumi, AWS CDK, CDK for Terraform | ## Инструменты для WordPress [Заголовок раздела «Инструменты для WordPress»](#инструменты-для-wordpress) | Инструмент | Язык | Для WordPress | | ------------------------ | --------------- | ---------------------------------------------------------- | | **Terraform / OpenTofu** | HCL | AWS (EC2+RDS+EFS+Redis+CloudFront), Yandex Cloud, VK Cloud | | **Pulumi** | Python/TS/Go/C# | Команды разработчиков, мульти-стек | | **Ansible** | YAML | Установка WP, PHP, Nginx на готовых VM | | **Docker Compose** | YAML | Локальная разработка и простой продакшен | | **Helm / kubectl** | Charts / YAML | WordPress в Kubernetes | ## Terraform на AWS: архитектура (тезисно) [Заголовок раздела «Terraform на AWS: архитектура (тезисно)»](#terraform-на-aws-архитектура-тезисно) Production-grade схема для тысяч одновременных пользователей: ```plaintext CloudFront → ALB → ECS Fargate (WordPress, Auto Scaling 2–10) ├── EFS (общее wp-content) ├── RDS Aurora MySQL Serverless v2 └── ElastiCache Redis ``` **Ключевые компоненты:** * **VPC** — 3 AZ, public (ALB) + private (приложение, БД, кеш) подсети * **RDS Aurora Serverless v2** — 0.5–16 ACU, writer + reader, 7 дней бэкапов, encrypted * **EFS** — общее хранилище `wp-content/uploads` для всех контейнеров (иначе загрузка на одном не видна на других) * **ElastiCache Redis** — 2 ноды multi-AZ, объектное кеширование (ускорение ×10–100) * **ECS Fargate** — WordPress 6.4 + PHP 8.2 FPM, Secrets Manager для паролей * **Auto Scaling** — по CPU (60%), 2–10 контейнеров * **CloudFront** — перед ALB, не кеширует `/wp-admin/*` **Стоимость (ориентир):** \~$300–400/мес. Упрощённый вариант — один EC2 + RDS MySQL (не Aurora) — \~$55/мес. ## Docker Compose: локально и продакшен [Заголовок раздела «Docker Compose: локально и продакшен»](#docker-compose-локально-и-продакшен) **Локальная разработка:** MySQL + WordPress (официальные образы), `/wp-content` в локальный volume, `WP_DEBUG=true`. **Production-архитектура:** Nginx reverse proxy (единственная точка входа) → PHP-FPM WordPress + MySQL + Redis. Приватная сеть — только proxy наружу. **Обязательно:** HTTPS (Let’s Encrypt + Certbot), `.env` в `.gitignore`, named volumes для БД и wp-content, health checks, resource limits, конкретные теги образов (не `latest`). **Pre-production чек-лист:** * HTTPS активен, только 80/443 публично * Persistent volumes, автоматические бэкапы (внешнее S3) * Staging = production, план отката задокументирован ## Kubernetes: когда и как [Заголовок раздела «Kubernetes: когда и как»](#kubernetes-когда-и-как) **Когда оправдан:** десятки тысяч посетителей/день, горизонтальное масштабирование, zero-downtime деплой. Для типовых сайтов — избыточен. **Архитектура:** Ingress (Nginx) → Service → Deployment (WordPress pods, 2–10) + PVC (RWX через OpenEBS NFS) ← MySQL StatefulSet + Redis StatefulSet. **Ключевые объекты:** Namespace, Secret, ConfigMap, PVC, StatefulSet (MySQL), Deployment (WP), Service, Ingress + Cert-Manager. **Проблема RWX:** несколько реплик WordPress должны видеть одни `wp-content/uploads`. Стандартное блочное хранилище (RWO) монтируется только к одному поду. Решение: OpenEBS NFS Provisioner или AWS EFS CSI driver. **Helm (Bitnami):** `helm install my-wp bitnami/wordpress --set externalDatabase.host=... --set persistence.storageClass=rwx-storage` **Стоимость (DigitalOcean):** \~$220–315/мес (DOKS 3×4cpu/8gb + Managed MySQL + Redis + LB). ## Связка Pulumi + Ansible [Заголовок раздела «Связка Pulumi + Ansible»](#связка-pulumi--ansible) Pulumi создаёт облачную инфраструктуру (VPC, RDS, EC2), Ansible настраивает серверы (установка WP, PHP, Nginx). Всё одной командой `pulumi up`. ## Российские облака [Заголовок раздела «Российские облака»](#российские-облака) | Платформа | Terraform | Pulumi | Ansible | Особенности | | --------------------- | :--------: | :----: | :-----: | ----------------------------- | | **Yandex Cloud** | ✓ | ✓ | ✓ | Crossplane | | **VK Cloud** | ✓ | ✓ | ✓ | Packer, зрелая документация | | **Selectel** | ✓ | — | ✓ | Выделенные серверы | | **Cloud.ru (Сбер)** | ✓ | — | — | ФСТЭК | | **Timeweb Cloud** | ✓ | — | — | Простой вход | | **Deckhouse (Флант)** | K8s-native | — | — | Российская K8s, GitOps, ФСТЭК | ## Best Practices [Заголовок раздела «Best Practices»](#best-practices) * Весь код в Git, изменения через PR * Модульность, переиспользуемые компоненты * GitOps, тестирование (Checkov, Terratest) * Drift detection, минимальные IAM-привилегии ## Когда IaC, а когда PaaS [Заголовок раздела «Когда IaC, а когда PaaS»](#когда-iac-а-когда-paas) | IaC | PaaS (Managed WP) | | ------------------------ | ----------------------- | | Полный контроль | Управление приложением | | Нужны DevOps-компетенции | Минимальный порог входа | | High-load, compliance | Типовые сайты | Для большинства проектов на старте PaaS практичнее. IaC оправдан при: 5+ серверов, high-load, мульти-региональный деплой, compliance. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [DDpa: Infrastructure as Code](https://ddpa.ru/kb/it/devops/infrastructure-as-code/) * [OneUptime: WordPress Infrastructure with Terraform on AWS](https://oneuptime.com/blog/post/2026-02-23-how-to-build-a-wordpress-infrastructure-with-terraform/view) * [CloudThat: Scalable WordPress on AWS with Terraform](https://www.cloudthat.com/resources/blog/building-a-scalable-wordpress-infrastructure-on-aws-with-terraform/) * [Pulumi: Deploy WordPress to AWS](https://www.pulumi.com/blog/deploy-wordpress-aws-pulumi-ansible/) * [DevOpsCube: Deploy WordPress on Kubernetes](https://devopscube.com/deploy-wordpress-on-kubernetes/) * [DigitalOcean: WordPress on K8s with Helm](https://www.digitalocean.com/community/developer-center/deploying-a-wordpress-website-on-a-kubernetes-cluster-using-helm) * [Automattic: DevOps for WordPress](https://automattic.com/for-agencies/blog/wordpress-devops/) ---------- # Юридические требования по типам сайтов > Матрица: какой набор документов нужен для интернет-магазина, SaaS, блога, корпоративного сайта и других типов ## Матрица документов [Заголовок раздела «Матрица документов»](#матрица-документов) | Тип сайта | Политика конф-и | Реквизиты | Пользов. соглашение | Оферта | Cookies | Другое | | --------------------------------- | --------------- | --------------- | ------------------- | ----------------- | ----------------- | ------------------------------------ | | **Интернет-магазин** | ✅ Обязательно | ✅ Обязательно | ✅ Рекомендуется | ✅ **Обязательно** | ✅ Обязательно | Правила доставки, возврата, гарантия | | **SaaS / Сервис / Подписка** | ✅ Обязательно | ✅ Обязательно | ✅ **Обязательно** | ✅ **Обязательно** | ✅ Рекомендуется | Условия подписки, отмены | | **Онлайн-курсы** | ✅ Обязательно | ✅ Обязательно | ✅ **Обязательно** | ✅ **Обязательно** | ✅ Обязательно | Условия возврата, материалы лицензия | | **Блог / Контент** | ⚠️ Если формы | ⚠️ Если формы | ⚠️ Рекомендуется | — | ⚠️ Если аналитика | — | | **Информационный сайт** | ⚠️ Если формы | ⚠️ Если формы | ⚠️ Рекомендуется | — | ⚠️ Если аналитика | — | | **Лендинг / Landing page** | ⚠️ Если форма | ⚠️ Если продажи | — | ✅ Если продажи | ⚠️ Если пиксели | — | | **Корпоративный сайт** | ✅ Обязательно | ✅ Обязательно | ⚠️ Рекомендуется | — | ⚠️ Если аналитика | — | | **Регистрация / Социальная сеть** | ✅ Обязательно | ✅ Обязательно | ✅ **Обязательно** | — | ✅ Обязательно | Правила сообщества, модерация | | **Портал услуг / Маркетплейс** | ✅ Обязательно | ✅ Обязательно | ✅ **Обязательно** | ✅ **Обязательно** | ✅ Обязательно | Правила для продавцов, комиссии | *** ## Детализация по типам [Заголовок раздела «Детализация по типам»](#детализация-по-типам) ### 1. Интернет-магазин 🛒 [Заголовок раздела «1. Интернет-магазин 🛒»](#1-интернет-магазин-) **Минимальный набор:** * ✅ [Политика конфиденциальности](../required-pages) * ✅ [Реквизиты компании](../required-pages) * ✅ [Публичная оферта](../optional-pages) с условиями доставки и возврата * ✅ [Политика cookies](../optional-pages) **Дополнительно (зависит от товаров):** * **Гарантийные обязательства** — если продаёте товары с гарантией производителя * **Информация о товарах** (ст. 10 Закона о защите прав потребителей): * Основные характеристики * Страна происхождения * Сертификаты (если требуются) * Сроки годности (если применимо) * **Правила обмена и возврата** — обычно в составе оферты, но можно вынести отдельно **Закрывает законы:** * 152-ФЗ (персональные данные) * 149-ФЗ (информация в сети) * Закон о защите прав потребителей * Федеральный закон о дистанционной торговле *** ### 2. SaaS / Сервис с подпиской 📱 [Заголовок раздела «2. SaaS / Сервис с подпиской 📱»](#2-saas--сервис-с-подпиской-) **Минимальный набор:** * ✅ [Политика конфиденциальности](../required-pages) * ✅ [Реквизиты компании](../required-pages) * ✅ [Пользовательское соглашение](../optional-pages) (обязательно!) * ✅ [Публичная оферта](../optional-pages) с условиями подписки * ✅ [Политика cookies](../optional-pages) **Дополнительно:** * **Условия отмены подписки** — как пользователь может отписаться, за какой срок * **Политика возврата денег** — в каких случаях вернёте средства * **Соглашение об уровне сервиса (SLA)** — гарантии времени доступности (optional, но профессионально) * **Условия использования API** — если предоставляете API * **Data Processing Agreement (DPA)** — если работаете с европейскими пользователями (GDPR) **Пример: Условия подписки в оферте** ```plaintext 3. Подписка и оплата 3.1. Подписка активируется с момента оплаты. 3.2. Цена подписки: [сумма] руб./месяц (рублей в месяц). 3.3. Платёж взимается в последний день каждого календарного месяца. 3.4. Отмена подписки: пользователь может отменить в любой момент через личный кабинет. 3.5. При отмене подписка действует до конца оплаченного периода. 3.6. Возврат денежных средств за оставшийся неиспользованный период не производится. ``` *** ### 3. Онлайн-курсы / Образовательные сервисы 🎓 [Заголовок раздела «3. Онлайн-курсы / Образовательные сервисы 🎓»](#3-онлайн-курсы--образовательные-сервисы-) **Минимальный набор:** * ✅ [Политика конфиденциальности](../required-pages) * ✅ [Реквизиты компании](../required-pages) * ✅ [Пользовательское соглашение](../optional-pages) (обязательно!) * ✅ [Публичная оферта](../optional-pages) * ✅ [Политика cookies](../optional-pages) **Дополнительно:** * **Лицензионное соглашение** на материалы курса (скачивание, распространение, изменение) * **Условия возврата** — на основе Закона о защите прав потребителей (услуги обычно не возвращаются, если их исполнение началось) * **Сертификат об окончании** — условия выдачи, действительность, передача, возможность аннулирования * **Гарантия доступа** — как долго после покупки имеет доступ к материалам курса **Лицензионное соглашение (пример):** ```plaintext Все материалы курса (видео, тексты, задания, файлы) защищены авторским правом. Пользователь может: ✓ Просматривать материалы в личном кабинете ✓ Скачивать материалы для личного использования Пользователь НЕ может: ✗ Передавать, продавать, делиться доступом ✗ Публиковать материалы в интернете ✗ Использовать в коммерческих целях За нарушение — ответственность по ст. 1301, 1311 ГК РФ (авторское право). ``` *** ### 4. Блог / Контентный сайт 📝 [Заголовок раздела «4. Блог / Контентный сайт 📝»](#4-блог--контентный-сайт-) **Зависит от функциональности:** **Если ТОЛЬКО статьи, БЕЗ форм:** * ⚠️ [Политика конфиденциальности](../required-pages) — опционально * ⚠️ [Реквизиты](../required-pages) — рекомендуется, если вы компания **Если есть форма (комментарии, рассылка, обратная связь):** * ✅ [Политика конфиденциальности](../required-pages) (обязательно!) * ✅ [Реквизиты компании](../required-pages) * ✅ [Политика cookies](../optional-pages) — если используется аналитика (Google Analytics, Яндекс.Метрика) **Опционально:** * [Пользовательское соглашение](../optional-pages) — если нужны правила поведения *** ### 5. Лендинг / Landing page 🎯 [Заголовок раздела «5. Лендинг / Landing page 🎯»](#5-лендинг--landing-page-) **Если ТОЛЬКО информация, БЕЗ форм и продаж:** * ⚠️ Минимально — только ссылка на реквизиты в подвале **Если есть форма (например, запрос консультации):** * ✅ [Политика конфиденциальности](../required-pages) * ✅ [Реквизиты компании](../required-pages) * ⚠️ [Политика cookies](../optional-pages) — если пиксели (Facebook Pixel, Google Ads) **Если есть продажа (кнопка «Купить», платёж):** * ✅ [Публичная оферта](../optional-pages) (обязательно!) *** ### 6. Корпоративный сайт компании 🏢 [Заголовок раздела «6. Корпоративный сайт компании 🏢»](#6-корпоративный-сайт-компании-) **Всегда:** * ✅ [Реквизиты компании](../required-pages) (обязательно!) * ✅ [Политика конфиденциальности](../required-pages) — если есть форма обратной связи **Рекомендуется:** * ✅ [Политика cookies](../optional-pages) — если аналитика * ⚠️ [Пользовательское соглашение](../optional-pages) **Если есть B2B форма (запрос коммерческого предложения, регистрация в системе):** * ✅ [Политика конфиденциальности](../required-pages) (обязательно!) * ✅ [Пользовательское соглашение](../optional-pages) — рекомендуется *** ### 7. Маркетплейс / Портал услуг 🏬 [Заголовок раздела «7. Маркетплейс / Портал услуг 🏬»](#7-маркетплейс--портал-услуг-) **Минимальный набор:** * ✅ [Политика конфиденциальности](../required-pages) * ✅ [Реквизиты компании](../required-pages) * ✅ [Пользовательское соглашение](../optional-pages) (обязательно!) * ✅ [Публичная оферта](../optional-pages) * ✅ [Политика cookies](../optional-pages) **Дополнительно:** * **Правила для продавцов** — как присоединиться, какие требования, комиссия * **Политика модерации и правила сообщества** — что запрещено продавать, как мы рассматриваем жалобы * **Правила ответственности** — маркетплейс не отвечает за качество товаров третьих продавцов *** ## Рекомендация [Заголовок раздела «Рекомендация»](#рекомендация) Перед тем как выбирать, какие документы вам нужны: 1. **Определите свой тип сайта** из таблицы выше 2. **Посмотрите все обязательные** (`✅ Обязательно`) 3. **Прочитайте детальное описание** в соответствующем разделе выше 4. **Свяжитесь с IT-юристом** — дайте ему таблицу и ваш описание бизнеса Если вы ещё выбираете не только документы, но и сам тип проекта, см. [Типовые сайты и проекты](../../wordpress/faq/how-to/website-types-and-projects). *** **Ссылки по теме:** * [Обязательные страницы](../required-pages) — Политика конфиденциальности и реквизиты * [Рекомендуемые страницы](../optional-pages) — Соглашение, оферта, cookies * [Технические аспекты реализации](../implementation-checklist) — как размещать на сайте ---------- # Последствия несоблюдения юридических требований > Штрафы, риски и проблемы, которые возникнут, если не разместить юридические документы на сайте ## 1. Штрафы от Роскомнадзора (152-ФЗ) [Заголовок раздела «1. Штрафы от Роскомнадзора (152-ФЗ)»](#1-штрафы-от-роскомнадзора-152-фз) Если нарушены требования Закона о персональных данных: | Нарушение | Штраф для ИП | Штраф для ООО | Повторное | | ------------------------------------------ | ------------ | ------------- | --------------- | | Отсутствие Политики конфиденциальности | до 75 000 ₽ | до 75 000 ₽ | до 150 000 ₽ | | Нелегальный сбор данных без согласия | до 75 000 ₽ | до 75 000 ₽ | **до 18 млн ₽** | | Отсутствие информации об обработке | до 75 000 ₽ | до 75 000 ₽ | до 150 000 ₽ | | Передача данных третьим лицам без согласия | до 100 000 ₽ | до 500 000 ₽ | **до 18 млн ₽** | ### Как Роскомнадзор узнаёт? [Заголовок раздела «Как Роскомнадзор узнаёт?»](#как-роскомнадзор-узнаёт) * **Жалобы пользователей** — кто-то отправил в ведомство скрин формы без согласия * **Плановые проверки** — особенно интернет-магазины и сервисы с аналитикой * **Роботы** — автоматическая проверка наличия политик на популярных сайтах ### Пример штрафа [Заголовок раздела «Пример штрафа»](#пример-штрафа) 2023 год: штраф **1 млн ₽** для крупного интернет-магазина за отсутствие полной Политики конфиденциальности и незаконный сбор данных через cookie-трекеры. *** ## 2. Блокировка платежей [Заголовок раздела «2. Блокировка платежей»](#2-блокировка-платежей) Банки и платежные системы часто требуют полный пакет юридических документов перед подключением. ### Что произойдёт [Заголовок раздела «Что произойдёт»](#что-произойдёт) * ❌ **Отказ от подключения**: Яндекс.Касса, Stripe, PayPal не подключат вас, пока не разместите Политику конфиденциальности и реквизиты * ❌ **Блокировка расчётного счёта**: банк может заморозить счёт, если на сайте нет информации о компании * ❌ **Отключение платежей**: даже если уже подключены, платёжная система может заблокировать приём платежей при проверке ### Как это работает [Заголовок раздела «Как это работает»](#как-это-работает) ```plaintext 1. Вы регистрируетесь в Яндекс.Кассе 2. Платёжная система проверяет вашу организацию 3. Робот посещает ваш сайт 4. Робот смотрит в подвале: есть ли реквизиты, политики? 5. Если нет → ОТКАЗ ❌ 6. Если да → проверяется подлинность реквизитов в реестре ИФНС ``` *** ## 3. Претензии и судебные разбирательства [Заголовок раздела «3. Претензии и судебные разбирательства»](#3-претензии-и-судебные-разбирательства) ### От потребителей [Заголовок раздела «От потребителей»](#от-потребителей) **По Закону о защите прав потребителей:** * Пользователь может подать претензию на возврат денег (если нет возврата в оферте) * Судебные издержки — ваши * Штраф за нарушение (50% от суммы иска или 1000 ₽ минимум) ### Пример судебного дела [Заголовок раздела «Пример судебного дела»](#пример-судебного-дела) ```plaintext Потребитель купил тестер в интернет-магазине. Возврат не предусмотрен (нет оферты). Потребитель подал претензию. Магазин отказал (нет Публичной оферты). Потребитель подал в суд. Решение суда: Магазин должен вернуть 5000 ₽ + штраф 2500 ₽ + судебные издержки истца (экспертиза, адвокат) ≈ 3000 ₽. Итого к выплате: 10 500 ₽ ``` *** ## 4. Проблемы с аналитикой и маркетингом [Заголовок раздела «4. Проблемы с аналитикой и маркетингом»](#4-проблемы-с-аналитикой-и-маркетингом) ### Google отключит аналитику [Заголовок раздела «Google отключит аналитику»](#google-отключит-аналитику) Если в Политике конфиденциальности не упоминается Google Analytics: * ❌ Google может заблокировать доступ к данным * ❌ История аналитики может быть удалена * ❌ Аккаунт Google Analytics может быть закрыт ### Реклама в Google / Facebook / VK не будет одобрена [Заголовок раздела «Реклама в Google / Facebook / VK не будет одобрена»](#реклама-в-google--facebook--vk-не-будет-одобрена) * ❌ **Google Ads**: требует Политику конфиденциальности и соответствие GDPR (если работаете с ЕС) * ❌ **Facebook Ads**: требует соответствие их политике конфиденциальности * ❌ **Яндекс.Директ**: требует реквизиты и политики ### Email-рассылка подрывает доверие [Заголовок раздела «Email-рассылка подрывает доверие»](#email-рассылка-подрывает-доверие) Если собираете подписчиков без согласия на маркетинг: * ❌ Много жалоб на спам * ❌ Email-сервис (Mailchimp, Sendinblue) закроет аккаунт * ❌ Репутация сайта упадёт *** ## 5. Блокировка сайта [Заголовок раздела «5. Блокировка сайта»](#5-блокировка-сайта) ### Роскомнадзор может заблокировать сайт [Заголовок раздела «Роскомнадзор может заблокировать сайт»](#роскомнадзор-может-заблокировать-сайт) В экстремальных случаях (грубое нарушение 152-ФЗ, повторное): * ❌ Сайт будет добавлен в реестр запрещённых * ❌ Российские ISP будут вынуждены заблокировать домен * ❌ Сайт станет недоступен для российских пользователей ### Когда это случается: [Заголовок раздела «Когда это случается:»](#когда-это-случается) * Массовый сбор данных без согласия (более 1000 нарушений) * Передача персональных данных иностранным компаниям без согласия * Повторное нарушение после предупреждения *** ## 6. Проблемы в странах ЕС (GDPR) [Заголовок раздела «6. Проблемы в странах ЕС (GDPR)»](#6-проблемы-в-странах-ес-gdpr) Если ваш сайт доступен для европейцев: | Проблема | Последствие | | ------------------------------------------------- | --------------------------------------------------- | | Нет Политики конфиденциальности | Штраф до **€20 млн** или **4% глобального оборота** | | Cookie-баннер не соответствует ePrivacy Directive | Штраф от регуляторов (Франция, Германия и т.д.) | | Передача данных в США без DPA / Privacy Shield | Штраф + запрет на обработку | ### GDPR в РФ практически не применяется, но: [Заголовок раздела «GDPR в РФ практически не применяется, но:»](#gdpr-в-рф-практически-не-применяется-но) * ❌ Если вы резидент ЕС или работаете с европейцами — нужно соответствие * ❌ Некоторые платежные системы требуют GDPR даже для РФ * ❌ Если работаете с VPN для ЕС — Роскомнадзор может рассматривать это как целевую работу с иностранцами *** ## 7. Репутационные риски [Заголовок раздела «7. Репутационные риски»](#7-репутационные-риски) ### Потеря доверия пользователей [Заголовок раздела «Потеря доверия пользователей»](#потеря-доверия-пользователей) * ❌ Форма без согласия на обработку данных → пользователь видит, что вы её не уважаете * ❌ Нет информации о компании → выглядит как мошенничество * ❌ Cookie-баннера нет → пользователи видят, что вы тайно отслеживаете ### Отзывы и социальные сети [Заголовок раздела «Отзывы и социальные сети»](#отзывы-и-социальные-сети) ```plaintext "Купил в магазине, а потом не могу вернуть товар, потому что в условиях доставки нет информации о возврате. Мошенники!" ``` Такие отзывы падают вам в рейтинг и хомпутер репутацию. *** ## Рекомендация: План действий [Заголовок раздела «Рекомендация: План действий»](#рекомендация-план-действий) ### На старте (День 1) [Заголовок раздела «На старте (День 1)»](#на-старте-день-1) * ✅ Заказать Политику конфиденциальности у IT-юриста (или найти качественный шаблон) * ✅ Указать реквизиты компании в подвале * ✅ Разместить ссылку на Политику в подвале ### Если есть формы (День 2–3) [Заголовок раздела «Если есть формы (День 2–3)»](#если-есть-формы-день-23) * ✅ Добавить чекбокс согласия на каждую форму * ✅ Сделать его `required` * ✅ Активная ссылка на Политику рядом ### Если есть продажи (День 3–5) [Заголовок раздела «Если есть продажи (День 3–5)»](#если-есть-продажи-день-35) * ✅ Заказать Публичную оферту (это контракт!) * ✅ Размещённая перед оплатой * ✅ Чекбокс согласия: «Я принимаю условия оферты» ### Если есть cookies (День 5–7) [Заголовок раздела «Если есть cookies (День 5–7)»](#если-есть-cookies-день-57) * ✅ Cookie-баннер (можно использовать готовые решения: CookieHub, OneTrust) * ✅ Переключатели для типов cookies * ✅ Кнопка «Отклонить» ### Перед запуском (День 7) [Заголовок раздела «Перед запуском (День 7)»](#перед-запуском-день-7) * ✅ Проверить все ссылки * ✅ Убедиться, что чекбоксы работают * ✅ Протестировать на разных браузерах * ✅ Если магазин — проверить, принимаются ли платежи *** **Ссылки по теме:** * [Обязательные страницы](../required-pages) * [Требования по типам сайтов](../by-website-type) * [Технические аспекты](../implementation-checklist) ---------- # Технические аспекты реализации юридических документов > Как правильно разместить юридические документы на сайте: размещение, ссылки, чекбоксы, cookie-баннер, согласие пользователя ## 1. Размещение на сайте [Заголовок раздела «1. Размещение на сайте»](#1-размещение-на-сайте) ### ✅ Политика конфиденциальности и реквизиты — в подвале (footer) [Заголовок раздела «✅ Политика конфиденциальности и реквизиты — в подвале (footer)»](#-политика-конфиденциальности-и-реквизиты--в-подвале-footer) **Все основные юридические ссылки должны быть видны на КАЖДОЙ странице:** ```html ``` **Требования:** * ✅ Видны на всех страницах сайта * ✅ Хороший контрастность текста (не белый текст на сером фоне 😁) * ✅ Кликабельные (не просто текст, а реальные ссылки) *** ## 2. Чекбокс согласия рядом с формой [Заголовок раздела «2. Чекбокс согласия рядом с формой»](#2-чекбокс-согласия-рядом-с-формой) Каждая форма сбора персональных данных **должна содержать чекбокс согласия** с активной ссылкой на Политику конфиденциальности. ### ❌ Неправильно [Заголовок раздела «❌ Неправильно»](#-неправильно) ```html
``` **Проблемы:** * Чекбокс предустановлен → юристы скажут, что это не активное согласие * Ссылка на политику внутри текста не понятна * Логически пользователь может не заметить ### ✅ Правильно [Заголовок раздела «✅ Правильно»](#-правильно) ```html
``` **Лучше так:** ```html
``` ### Требования к чекбоксу согласия [Заголовок раздела «Требования к чекбоксу согласия»](#требования-к-чекбоксу-согласия) | Требование | Статус | | ---------------------------------------------------------- | --------------- | | Чекбокс **не предустановлен** (не `checked` по умолчанию) | ✅ Обязательно | | Рядом с чекбоксом — **активная ссылка** на документ | ✅ Обязательно | | Ссылка открывается в **новой вкладке** (`target="_blank"`) | ✅ Рекомендуется | | Поле — `required` (нельзя отправить форму без чекбокса) | ✅ Обязательно | | Текст ясно объясняет, на что даётся согласие | ✅ Обязательно | | Согласие на рассылку — **отдельный чекбокс** | ✅ Рекомендуется | *** ## 3. Cookie-баннер [Заголовок раздела «3. Cookie-баннер»](#3-cookie-баннер) Если используете cookies (аналитика, ретаргетинг), **нужен cookie-баннер** с возможностью управления. ### ✅ Правильная структура [Заголовок раздела «✅ Правильная структура»](#-правильная-структура) ```html ``` ### Требования к cookie-баннеру [Заголовок раздела «Требования к cookie-баннеру»](#требования-к-cookie-баннеру) | Требование | Статус | | ----------------------------------------------------------------------- | --------------- | | Кнопка **«Отклонить»** видна и **не менее выразительна**, чем «Принять» | ✅ Обязательно | | Ссылка на Политику cookies | ✅ Обязательно | | Различие между **функциональными** и **маркетинговыми** cookies | ✅ Обязательно | | Переключатель для **каждого типа cookies** | ✅ Рекомендуется | | Баннер появляется **один раз** (сохраняется выбор в localStorage) | ✅ Обязательно | | При отклонении — **не загружаются** маркетинговые скрипты | ✅ Обязательно | ### Примеры управления cookies в JavaScript [Заголовок раздела «Примеры управления cookies в JavaScript»](#примеры-управления-cookies-в-javascript) ```javascript // Сохранить выбор пользователя function saveCookieConsent(accepted, marketing = false) { const consent = { timestamp: new Date().toISOString(), functional: accepted, // необходимые cookies (сессия, безопасность) analytics: accepted, // аналитика marketing: marketing, // ретаргетинг, объявления }; localStorage.setItem('cookie_consent', JSON.stringify(consent)); // Загрузить скрипты в зависимости от согласия if (marketing) { loadMarketingScripts(); } if (accepted) { loadAnalyticsScripts(); } } // Прочитать согласие при загрузке страницы function loadCookieConsent() { const consent = JSON.parse(localStorage.getItem('cookie_consent')); if (!consent) { showCookieBanner(); } else { // Загрузить скрипты в зависимости от сохранённого согласия if (consent.analytics) loadAnalyticsScripts(); if (consent.marketing) loadMarketingScripts(); } } // Загрузить аналитику только при согласии function loadAnalyticsScripts() { // Google Analytics, Яндекс.Метрика и т.д. } // Загрузить маркетинг-скрипты только при согласии function loadMarketingScripts() { // Facebook Pixel, Google Ads, ретаргетинг } ``` *** ## 4. Размещение реквизитов компании [Заголовок раздела «4. Размещение реквизитов компании»](#4-размещение-реквизитов-компании) Реквизиты должны быть на **каждой странице** или на **отдельной странице**. ### Вариант 1: В подвале (footer) [Заголовок раздела «Вариант 1: В подвале (footer)»](#вариант-1-в-подвале-footer) ```html ``` ### Вариант 2: На отдельной странице [Заголовок раздела «Вариант 2: На отдельной странице»](#вариант-2-на-отдельной-странице) ```markdown # О компании **Полное наименование:** ООО "МояКомпания" **ИНН:** 7712345678 **ОГРН:** 1177746123456 **Юридический адрес:** г. Москва, ул. Примерная, д. 1 **Фактический адрес:** г. Москва, ул. Примерная, д. 1 **Генеральный директор:** Иванов Иван Иванович **Контакты:** - Email: info@example.com - Телефон: +7 (495) 123-45-67 - Форма обратной связи: [ссылка] ``` *** ## 5. Техника отслеживания согласия [Заголовок раздела «5. Техника отслеживания согласия»](#5-техника-отслеживания-согласия) ### ✅ Проверка перед сбором данных [Заголовок раздела «✅ Проверка перед сбором данных»](#-проверка-перед-сбором-данных) ```javascript // Перед отправкой данных — проверить согласие const form = document.querySelector('form'); form.addEventListener('submit', async (e) => { e.preventDefault(); const agreedToPrivacy = document.querySelector('#agree-privacy')?.checked; if (!agreedToPrivacy) { alert('Пожалуйста, согласитесь с политикой конфиденциальности'); return; } // Только после этого отправлять данные на сервер const formData = new FormData(form); const response = await fetch('/api/subscribe', { method: 'POST', body: formData, }); // Обработать ответ... }); ``` ### ✅ На сервере (PHP) [Заголовок раздела «✅ На сервере (PHP)»](#-на-сервере-php) ```php 'Необходимо согласие на обработку данных']); exit; } $email = filter_var($_POST['email'], FILTER_SANITIZE_EMAIL); $agree_marketing = isset($_POST['agree_marketing']) && $_POST['agree_marketing'] === 'on'; // Сохранить в БД $pdo->prepare(" INSERT INTO subscribers (email, agreed_privacy, agreed_marketing, created_at) VALUES (?, 1, ?, NOW()) ")->execute([$email, (int)$agree_marketing]); echo json_encode(['success' => 'Подписка оформлена']); ?> ``` *** ## 6. Чек-лист перед запуском [Заголовок раздела «6. Чек-лист перед запуском»](#6-чек-лист-перед-запуском) Перед публикацией сайта убедитесь: ### Юридические документы [Заголовок раздела «Юридические документы»](#юридические-документы) * ✅ Политика конфиденциальности написана и размещена * ✅ Реквизиты компании указаны в подвале * ✅ Ссылки в подвале видны на всех страницах * ✅ Ссылки открываются правильно (не 404) * ✅ Все ссылки открываются в читаемом формате ### Формы и согласие [Заголовок раздела «Формы и согласие»](#формы-и-согласие) * ✅ Каждая форма содержит чекбокс согласия * ✅ Чекбокс **не предустановлен** (`checked` отсутствует) * ✅ Рядом с чекбоксом — **активная ссылка** на Политику конфиденциальности * ✅ Поле помечено `required` * ✅ Если есть рассылка — отдельный чекбокс для маркетинга * ✅ На сервере — проверка согласия перед сохранением данных ### Cookies [Заголовок раздела «Cookies»](#cookies) * ✅ Cookie-баннер появляется на первом визите * ✅ Кнопка «Отклонить» видна и функциональна * ✅ Выбор пользователя сохраняется (localStorage) * ✅ Маркетинговые скрипты загружаются **только** при согласии * ✅ Аналитика загружается в любом случае (или с согласием, если так написано) ### Интеграции [Заголовок раздела «Интеграции»](#интеграции) * ✅ Яндекс.Метрика / Google Analytics — только при согласии * ✅ Facebook Pixel — только при согласии на маркетинг * ✅ Email-сервис (SendGrid, Mailchimp и т.д.) — получает только согласившихся * ✅ Чат-боты (Intercom, Drift) — упомянуты в Политике конфиденциальности *** ## 7. Актуальность документов [Заголовок раздела «7. Актуальность документов»](#7-актуальность-документов) ### ⚠️ Когда нужно обновить документы [Заголовок раздела «⚠️ Когда нужно обновить документы»](#️-когда-нужно-обновить-документы) * Добавили новый интеграционный сервис (CRM, аналитика) * Поменялась цель сбора данных (теперь продаём) * Переехали на новый хостинг или в другую страну * Изменились реквизиты компании * Добавили новую форму сбора данных * Изменилась политика на платёжную систему ### ✅ При обновлении [Заголовок раздела «✅ При обновлении»](#-при-обновлении) 1. **Обновите документ** на сайте 2. **Оставьте старую версию** (архив) или указите дату изменения 3. **Сообщите пользователям** — письмо или нотификация (опционально, но профессионально) 4. **Запросите новое согласие** (если изменения существенные) ```html

Последнее обновление: 29 апреля 2026 года

``` *** **Ссылки по теме:** * [Обязательные страницы](../required-pages) * [Рекомендуемые страницы](../optional-pages) * [Требования по типам сайтов](../by-website-type) ---------- # Рекомендуемые и условно-обязательные юридические страницы > Пользовательское соглашение, публичная оферта, политика cookies — какие документы нужны в зависимости от типа сайта ## 1. Пользовательское соглашение (Terms of Service) [Заголовок раздела «1. Пользовательское соглашение (Terms of Service)»](#1-пользовательское-соглашение-terms-of-service) ### Обязательность [Заголовок раздела «Обязательность»](#обязательность) **Не всегда** строго обязательно по букве закона, но **крайне рекомендуется** для большинства сайтов. ### Что содержит [Заголовок раздела «Что содержит»](#что-содержит) * **Правила поведения на сайте**: запрет на спам, вредоносный контент, нарушение авторских прав * **Интеллектуальные права**: контент сайта (тексты, фото, дизайн, логотип) — ваша собственность; контент, загруженный пользователями — их ответственность * **Ограничение ответственности**: вы не отвечаете за косвенные убытки, перебои в доступе к сайту, третьи лица * **Порядок разрешения споров**: в каком суде и под какой юрисдикцией рассматриваются разногласия * **Прекращение доступа**: при нарушении правил вы можете заблокировать пользователя ### Пример структуры [Заголовок раздела «Пример структуры»](#пример-структуры) ```plaintext 1. Определения 2. Общие положения 3. Ваша ответственность как пользователя 4. Наша ответственность как владельца сайта 5. Интеллектуальная собственность 6. Запрещённое использование 7. Изменения условий 8. Разрешение споров 9. Контакты для вопросов ``` ### Размещение [Заголовок раздела «Размещение»](#размещение) * **В подвале** рядом с Политикой конфиденциальности * Часто объединяют с Политикой конфиденциальности, но лучше держать **отдельно** — они регулируют разные аспекты ## 2. Публичная оферта (Договор-оферта) [Заголовок раздела «2. Публичная оферта (Договор-оферта)»](#2-публичная-оферта-договор-оферта) ### Обязательность [Заголовок раздела «Обязательность»](#обязательность-1) **ОБЯЗАТЕЛЬНА**, если через сайт можно: * Что-то **купить** (интернет-магазин, товары) * Заказать **услугу** (консультацию, разработку, доставку) * Подписаться на **подписку** (SaaS, курсы, мобильное приложение, членство) ### Что содержит [Заголовок раздела «Что содержит»](#что-содержит-1) Публичная оферта — это **контракт**. Пользователь автоматически акцептует оферту при нажатии кнопки **«Оплатить»** или **«Заказать»**. Должна содержать: * **Существенные условия договора**: * Точное описание товара/услуги * **Цена** (финальная, все налоги включены или указаны отдельно) * **Способы оплаты** (карта, банковский перевод, электронные кошельки и т.д.) * Валюта * **Доставка и исполнение** (если применимо): * Сроки доставки или выполнения услуги * Адресаты, регионы доставки * Стоимость доставки * **Возврат и гарантия** (по Закону о защите прав потребителей): * Сроки возврата товара (14–30 дней) * Порядок возврата денег * Гарантийные обязательства (если есть) * Исключения (услуги обычно не подлежат возврату) * **Ответственность сторон**: * При отказе от заказа * При повреждении товара при доставке * При задержке исполнения ### Пример структуры [Заголовок раздела «Пример структуры»](#пример-структуры-1) ```plaintext 1. Определение терминов 2. Предмет договора (что продаём/услуга) 3. Цена и способы оплаты 4. Сроки и условия доставки/исполнения 5. Возврат и гарантия 6. Ответственность сторон 7. Конфиденциальность и персональные данные 8. Судебное разбирательство ``` ### Размещение [Заголовок раздела «Размещение»](#размещение-1) * **Видна перед оформлением заказа** * **Ссылка на оферту** в момент оплаты (как чекбокс: «Я принимаю условия публичной оферты») * Должна быть **легко доступна** и **в полном объёме** ## 3. Политика использования cookies [Заголовок раздела «3. Политика использования cookies»](#3-политика-использования-cookies) ### Обязательность [Заголовок раздела «Обязательность»](#обязательность-2) **Рекомендуется**, особенно если используете: * Аналитику (Google Analytics, Яндекс.Метрика, Amplitude) * Ретаргетинг (Facebook Pixel, Google Ads) * Чат-боты, живые чаты (Intercom, Drift) * Социальные кнопки (Like, Share) * A/B-тестирование ### Что содержит [Заголовок раздела «Что содержит»](#что-содержит-2) * **Определение cookies**: что это такое, в чём опасность/пользе * **Типы cookies**: * Функциональные (для работы сайта) * Аналитические (чтобы понять поведение пользователей) * Маркетинговые (ретаргетинг, рекламные сети) * Третьих лиц * **Управление согласием**: как пользователь может включить/отключить cookies * **Срок действия cookies** * **Ссылка на Политику конфиденциальности** ### Техническое требование: Cookie-баннер [Заголовок раздела «Техническое требование: Cookie-баннер»](#техническое-требование-cookie-баннер) Нужен **интерактивный баннер** с возможностью управления: ```html ``` **Требования к баннеру:** * ✅ Кнопка **«Отклонить»** / **«Только необходимые»** (не менее видимая, чем «Принять») * ✅ Ссылка на Политику cookies * ✅ Появляется **только один раз** (память о выборе пользователя) * ✅ Рабочие переключатели для каждого типа cookies ## Сравнение трёх основных документов [Заголовок раздела «Сравнение трёх основных документов»](#сравнение-трёх-основных-документов) | Документ | Обязательность | Размещение | Кто подписывает | | ------------------------------- | ------------------- | ------------------------ | --------------- | | **Политика конфиденциальности** | ✅ Если есть формы | Подвал + рядом с формами | Компания | | **Пользовательское соглашение** | ⚠️ Рекомендуется | Подвал | Компания | | **Публичная оферта** | ✅ Если есть продажи | Перед оплатой | Компания | *** **Дополнительно читайте:** * [Обязательные страницы](../required-pages) — Политика конфиденциальности и реквизиты * [Требования для разных типов сайтов](../by-website-type) — какие документы нужны конкретно вам * [Технические аспекты реализации](../implementation-checklist) — как разместить все на сайте ---------- # Обязательные юридические страницы > Минимальный набор юридических документов, которые должны быть на любом сайте в России, если он собирает персональные данные ## Когда они нужны [Заголовок раздела «Когда они нужны»](#когда-они-нужны) Если на сайте есть **хотя бы одна форма** (обратная связь, подписка, заявка, регистрация, комментарии), вы обрабатываете персональные данные. В этом случае требования **152-ФЗ «О персональных данных»** применяются **строго**. ## 1. Политика конфиденциальности (обязательно) [Заголовок раздела «1. Политика конфиденциальности (обязательно)»](#1-политика-конфиденциальности-обязательно) Самый важный юридический документ. Это не просто текст — это **юридическое основание** для обработки данных. ### Что должно быть в документе: [Заголовок раздела «Что должно быть в документе:»](#что-должно-быть-в-документе) * **Перечень собираемых данных**: ФИО, email, телефон, IP-адрес, cookies, данные о поведении на сайте и т.д. * **Цели обработки**: контактирование, рассылка, аналитика, улучшение сервиса * **Законные основания**: согласие пользователя, необходимость для исполнения договора, в соответствии с требованиями закона * **Сроки хранения**: как долго вы храните каждый вид данных * **Получатели данных**: Яндекс.Метрика, Google Analytics, CRM, почтовые сервисы, платежи системы и т.д. — **все** сервисы, которым передаются данные * **Права пользователей**: право доступа, исправления, удаления, ограничения обработки (ст. 18–21 152-ФЗ) * **Контакты ответственного лица**: кому писать при вопросах о персональных данных ### Размещение: [Заголовок раздела «Размещение:»](#размещение) * **Ссылка в подвале сайта** (видна на всех страницах) * **Рядом с каждой формой сбора данных**: как чекбокс согласия * **Текст чекбокса**: «Я даю согласие на обработку персональных данных в соответствии с \[ссылка на] Политикой конфиденциальности» ### Пример структуры [Заголовок раздела «Пример структуры»](#пример-структуры) ```plaintext 1. Определения 2. Информация, которую мы собираем 3. Цели обработки персональных данных 4. Законные основания 5. Сроки хранения 6. Получатели персональных данных 7. Права субъектов персональных данных 8. Безопасность данных 9. Третьи лица и трансграничная передача 10. Обновления политики 11. Контакты оператора ``` ## 2. Реквизиты владельца сайта (обязательно) [Заголовок раздела «2. Реквизиты владельца сайта (обязательно)»](#2-реквизиты-владельца-сайта-обязательно) Требуется по [Закону о защите прав потребителей](https://www.consultant.ru/document/cons_doc_LAW_305/) и [149-ФЗ](https://www.consultant.ru/document/cons_doc_LAW_61798/). ### Что указать: [Заголовок раздела «Что указать:»](#что-указать) **Для ООО:** * Полное наименование компании (как в свидетельстве) * ИНН * ОГРН * Юридический адрес (как в реестре) * ФИО директора * Email и телефон **Для ИП:** * ФИО полностью * ИНН * ОГРНИП * Адрес регистрации (как в реестре) * Email и телефон ### Размещение: [Заголовок раздела «Размещение:»](#размещение-1) * **В подвале сайта** (футер — видна со всех страниц) * На отдельной странице **«О компании»**, **«Контакты»** или **«Реквизиты»** * Некоторые сайты размещают также на странице **«Пользовательское соглашение»** или **«Публичная оферта»** ### Почему это важно [Заголовок раздела «Почему это важно»](#почему-это-важно) * **Закон требует**: потребители должны знать, с кем они взаимодействуют * **Платежи**: банки и платежные системы (Яндекс.Касса, Сбербанк, PayPal и т.д.) часто проверяют наличие реквизитов перед подключением * **Защита**: если с пользователем возникнет спор, он должен найти ваши данные легко ## Технические требования [Заголовок раздела «Технические требования»](#технические-требования) ### Активное согласие (не предустановленное) [Заголовок раздела «Активное согласие (не предустановленное)»](#активное-согласие-не-предустановленное) ```html ``` ### Ссылка должна быть активной [Заголовок раздела «Ссылка должна быть активной»](#ссылка-должна-быть-активной) Пользователь **должен иметь возможность**: * Нажать на ссылку/кнопку рядом с чекбоксом * Прочитать документ перед тем, как согласиться ## Рекомендация [Заголовок раздела «Рекомендация»](#рекомендация) ✅ **Не копируйте шаблоны** из интернета «как у всех» — они часто не соответствуют вашему конкретному бизнесу. ✅ **Заказать у IT-юриста** документы, адаптированные под ваши бизнес-процессы — это реально защищает. *** **Также читайте:** * [Рекомендуемые юридические страницы](../optional-pages) — когда нужны дополнительные документы * [Требования для разных типов сайтов](../by-website-type) — что требуется конкретно вам * [Технические аспекты реализации](../implementation-checklist) — как правильно разместить на сайте ---------- # Шаблоны юридических документов > Готовые шаблоны политик и соглашений для адаптации под ваш конкретный сайт Ниже представлены готовые шаблоны основных юридических документов. **Не копируйте их как есть** — адаптируйте под ваш конкретный бизнес, интеграции и реальные данные. ## Рекомендация [Заголовок раздела «Рекомендация»](#рекомендация) Лучше всего показать эти шаблоны IT-юристу, который адаптирует их под вашу ситуацию. Это гарантирует, что документы действительно защитят вас и будут соответствовать закону. ## Доступные шаблоны [Заголовок раздела «Доступные шаблоны»](#доступные-шаблоны) ### Юридические документы для сайта [Заголовок раздела «Юридические документы для сайта»](#юридические-документы-для-сайта) * [Политика конфиденциальности](./privacy-policy-template) — основной документ про обработку персональных данных * [Пользовательское соглашение](./terms-of-service-template) — правила поведения на сайте * [Публичная оферта](./public-offer-template) — контракт для продажи товаров/услуг * [Политика использования cookies](./cookie-policy-template) — описание cookies и управление согласием ### Договоры с исполнителями [Заголовок раздела «Договоры с исполнителями»](#договоры-с-исполнителями) * [Договор на разработку ПО (Agile/фриланс)](./contract-freelance) — помесячный Agile-договор между самозанятым фрилансером и компанией-заказчиком с еженедельным обзором, авансом на следующий месяц и оплатой по результатам месяца * [Договор оказания услуг (общий)](./contract-services) — универсальный договор с оформлением всех услуг через Технические задания; внутри файла — сам договор и 3 шаблона ТЗ (на задачу, на диагностику, на разработку) ## Структура шаблонов [Заголовок раздела «Структура шаблонов»](#структура-шаблонов) Каждый шаблон содержит: 1. **Описание** — что это за документ, когда его использовать 2. **Структурированный текст** — разделы и подразделы, готовые к заполнению 3. **Комментарии** — что нужно изменить/дополнить под вашу ситуацию (выделены `[в квадратных скобках]`) 4. **Примеры** — как заполнить конкретные части ## Как использовать [Заголовок раздела «Как использовать»](#как-использовать) 1. Откройте нужный шаблон 2. Скопируйте текст в свой документ (Google Docs, Word, CMS) 3. Замените `[текст в квадратных скобках]` на свои данные 4. Читайте комментарии и рекомендации (они помогут понять, что именно менять) 5. Проверьте у юриста перед публикацией *** **Основные ссылки:** * [Обязательные страницы](../required-pages) * [Рекомендуемые страницы](../optional-pages) * [Требования по типам сайтов](../by-website-type) * [Технические аспекты](../implementation-checklist) ---------- # Шаблон: Договор на разработку ПО для СЗН > Готовый шаблон договора на разработку программного обеспечения с оплатой по месячным итерациям # ДОГОВОР [Заголовок раздела «ДОГОВОР»](#договор) № \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_ Дата: \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_ 20\_\_\_г. Общество с ограниченной ответственностью “Фирма ВНВ” (ООО “Фирма ВНВ”), в лице Генерального директора И.О. Фамилия, действующего на основании Устава, именуемое в дальнейшем «Заказчик», с одной стороны, и И.О. Фамилия, 00 месяц 0000 года рождения, паспорт: серия 00 00 номер 000000, выдан Наименование органа 00.00.0000, код подразделения 000-000, зарегистрированный по адресу: 000000, Адрес: г. Город, ул. Улица, д. 0, кв. 0, телефон: +7 (000) 000-00-00, применяющий специальный налоговый режим «Налог на профессиональный доход» (самозанятый), ИНН 000000000000, именуемый в дальнейшем «Исполнитель», с другой стороны, совместно именуемые «Стороны», заключили настоящий Договор о нижеследующем: # 1. ПРЕДМЕТ ДОГОВОРА [Заголовок раздела «1. ПРЕДМЕТ ДОГОВОРА»](#1-предмет-договора) 1.1. Заказчик поручает, а Исполнитель принимает на себя обязательства по оказанию услуг по разработке, доработке, интеграции, исправлению дефектов и техническому сопровождению программного обеспечения, сайтов, сервисов и иных цифровых продуктов Заказчика (далее совместно – «Программное обеспечение»). 1.2. Стороны осознанно выбирают гибкую методику разработки (agile) согласно Манифесту, изложенному в Приложении № 3 к настоящему Договору, и руководствуются его принципами при оказании услуг. Такой выбор обусловлен намерением Сторон повысить эффективность разработки, снизить риски несоответствия результатов потребностям Заказчика и обеспечить возможность адаптации состава услуг к изменяющимся требованиям в ходе исполнения Договора — вместо методов управления проектами, основанных на фиксации содержания, сроков и стоимости работ (проектный треугольник). 1.3. Услуги оказываются месячными итерациями. Одна итерация составляет 1 (один) календарный месяц и оплачивается по правилам раздела 3 настоящего Договора. В пределах каждой месячной итерации Стороны согласуют и изменяют состав задач без изменения стоимости итерации, если иное прямо не согласовано Сторонами в письменной форме. 1.4. Задачи, приоритеты и критерии готовности согласуются Сторонами в письменной форме через электронную почту, мессенджер или доску задач (трекер). В качестве инструментов совместной работы Стороны используют трекер задач (для постановки, отслеживания и приёмки задач) и систему контроля версий (Git) — для учёта изменений исходного кода, отслеживания версий и истории правок. Не реже одного раза в неделю Стороны проводят обзор задач, результатов и планов на следующую неделю. По итогам такого обзора Заказчик вправе менять приоритеты и состав задач. 1.5. Состав услуг и стоимость одной месячной итерации определяются в Приложении № 1 к настоящему Договору. Изменение стоимости итерации, а также выход за пределы согласованной месячной загрузки возможен по согласованию Сторон. 1.6. Результаты оказанных услуг за отчётный месяц фиксируются в трекере задач, системе контроля версий (Git), ежемесячном отчёте Исполнителя (Акт оказанных услуг, примерный шаблон в Приложении № 2). Незавершённые задачи автоматически переносятся в план (backlog) следующих итераций согласно приоритетам. # 2. ПРАВА И ОБЯЗАННОСТИ СТОРОН [Заголовок раздела «2. ПРАВА И ОБЯЗАННОСТИ СТОРОН»](#2-права-и-обязанности-сторон) 2.1. Исполнитель обязуется: 2.1.1. Оказывать услуги лично, с надлежащим качеством согласно плану задач, сохраняя самостоятельность в выборе способов, времени, места и инструментов оказания услуг. 2.1.2. Перед внесением изменений на рабочий сайт предварительно тестировать изменения на локальном или тестовом окружении. 2.1.3. В начале каждого месяца, следующего за отчётным, направлять Заказчику ежемесячный отчёт по данным трекера задач и системы контроля версий (Git) (по форме Приложения № 2 - Акт оказанных услуг). 2.1.4. После получения оплаты формировать чек в приложении «Мой налог» и направлять его Заказчику на адрес эл. почты или через мессенджер. 2.1.5. Не разглашать конфиденциальную информацию Заказчика, включая исходный код, доступы, проектную документацию, данные пользователей, коммерческие условия и сведения о внутренней организации разработки, а также не использовать такие сведения вне целей исполнения настоящего Договора. 2.2. Заказчик обязуется: 2.2.1. Своевременно предоставлять необходимые доступы и информацию, необходимую для оказания услуг. 2.2.2. Рассматривать ежемесячный отчёт (Акт оказанных услуг) и, при наличии замечаний, направлять Исполнителю предложения по корректировке или доработке задач для включения в план (трекер задач) следующих итераций. 2.2.3. Согласовывать перечень задач и приоритетов в порядке, установленном пунктами 1.3-1.4 настоящего Договора, и участвовать в еженедельном обзоре задач не реже одного раза в неделю. 2.2.4. Оплачивать услуги в порядке раздела 3. # 3. ПОРЯДОК РАСЧЕТОВ [Заголовок раздела «3. ПОРЯДОК РАСЧЕТОВ»](#3-порядок-расчетов) 3.1. Оплата услуг осуществляется в рублях в безналичной форме по реквизитам Исполнителя, указанным в разделе 8 настоящего Договора. Стоимость одной месячной итерации указывается в Приложении № 1. 3.2. Заказчик уплачивает аванс за следующую месячную итерацию в размере 25 (двадцать пять) или 50 (пятьдесят) % стоимости такой итерации не позднее последнего рабочего дня текущего месяца или 5-го (пятого) числа оплачиваемого месяца. Внесение аванса означает подтверждение продолжения действия настоящего Договора на следующий месяц и резервирование Исполнителем производственной ёмкости на соответствующую месячную итерацию. Уплаченный аванс является невозвратным платежом. Уплата аванса за следующий месяц является основным способом подтверждения согласия Заказчика с результатами оказанных услуг за прошедший отчётный месяц. Подписанный Заказчиком Акт оказанных услуг также является подтверждением такого согласия. 3.3. При отсутствии аванса в срок, установленный пунктом 3.2 настоящего Договора, Исполнитель не обязан резервировать загрузку на следующий месяц и вправе согласовывать новые сроки начала очередной итерации по мере своей фактической доступности. 3.4. Оставшаяся часть стоимости отчётного месяца уплачивается Заказчиком в течение 5 (пяти) рабочих дней с даты получения ежемесячного отчёта (Акта оказанных услуг) за соответствующий месяц. 3.5. Обязанность Заказчика по оплате считается исполненной с момента зачисления денежных средств на расчётный счёт Исполнителя. 3.6. НДС не облагается в связи с применением Исполнителем специального налогового режима «Налог на профессиональный доход» (ст. 2, п. 8 ст. 5 Федерального закона от 27.11.2018 № 422-ФЗ). 3.7. Исполнитель обязан в течение 3 (трёх) рабочих дней после получения каждой оплаты направить Заказчику чек, сформированный в приложении «Мой налог», на адрес электронной почты. 3.8. В случае снятия с учёта в качестве плательщика налога на профессиональный доход Исполнитель обязан письменно уведомить Заказчика в течение 3 (трёх) календарных дней. 3.9. Если услуги не оказывались либо не могли оказываться по вине Заказчика (не предоставлены доступы, отсутствуют согласованные задачи, заблокирована обратная связь и т.п.), сроки выполнения соответствующих задач подлежат переносу, а оплаченная месячная итерация считается зарезервированной за Заказчиком в пределах фактически доступной загрузки Исполнителя. 3.10. Исключительные права на результаты интеллектуальной деятельности, созданные Исполнителем в соответствующем отчётном месяце в рамках настоящего Договора, переходят к Заказчику в полном объёме с момента полной оплаты стоимости услуг за такой отчётный месяц, если иное не согласовано Сторонами в письменной форме. 3.11. Исполнитель гарантирует, что обладает необходимыми правами на передаваемые результаты оказанных услуг и не будет оспаривать права Заказчика на такие результаты. # 4. ЗАКРЫТИЕ ОТЧЁТНОГО МЕСЯЦА [Заголовок раздела «4. ЗАКРЫТИЕ ОТЧЁТНОГО МЕСЯЦА»](#4-закрытие-отчётного-месяца) 4.1. По итогам каждого отчётного месяца Исполнитель формирует ежемесячный отчёт (Акт оказанных услуг) по форме Приложения № 2 на основании данных согласованного Сторонами трекера задач и системы контроля версий (Git). 4.2. Ежемесячный отчёт (Акт оказанных услуг) направляется Заказчику в начале месяца, следующего за отчётным. 4.3. Заказчик вправе в течение 5 (пяти) календарных дней с момента получения ежемесячного отчёта (Акт оказанных услуг) направить Исполнителю замечания и предложения по задачам для включения в план (backlog) следующих итераций. Такие замечания не приостанавливают оплату и не влияют на закрытие прошедшего отчётного месяца. 4.4. Оплата оставшейся части стоимости услуг за отчётный месяц в порядке пункта 3.4 настоящего Договора является исполнением денежного обязательства Заказчика и не отменяет порядок закрытия отчётного месяца, установленный пунктами 4.7-4.8 настоящего Договора. 4.5. При наличии обоснованных замечаний Заказчика Стороны фиксируют их в трекере задач и согласуют приоритет устранения в трекере задач ближайших месячных итераций. Устранение замечаний выполняется в последующих итерациях в пределах согласованной месячной загрузки и стоимости итерации, если иное прямо не согласовано Сторонами в письменной форме. 4.6. Перечень оказанных услуг за отчётный месяц определяется по фактически выполненным задачам, отражённым в трекере задач, истории изменений в системе контроля версий (Git) и ежемесячном отчёте (Акте оказанных услуг). Замечания по отчёту не влияют на состав оказанных услуг за месяц и учитываются только при планировании следующих итераций. 4.7. Отчётный месяц считается закрытым, а его результаты — согласованными Сторонами с даты уплаты аванса за следующую месячную итерацию в порядке пункта 3.2 настоящего Договора. Если Заказчик подписал Акт оказанных услуг ранее, отчётный месяц считается закрытым с даты подписания такого Акта со стороны Заказчика. 4.8. Стороны согласовали, что основным способом закрытия отчётного месяца и подтверждения согласия Заказчика с его результатами является уплата аванса за следующую месячную итерацию в порядке пункта 3.2 настоящего Договора. Подписанный Заказчиком Акт оказанных услуг также является подтверждением такого согласия. # 5. ОТВЕТСТВЕННОСТЬ СТОРОН [Заголовок раздела «5. ОТВЕТСТВЕННОСТЬ СТОРОН»](#5-ответственность-сторон) 5.1. Исполнитель несёт ответственность за сохранность полученных доступов и обязуется не разглашать их третьим лицам. 5.2. Стороны освобождаются от ответственности за неисполнение обязательств, если оно вызвано обстоятельствами непреодолимой силы (форс-мажором). 5.3. Исполнитель заверяет и гарантирует, что вправе заключать и исполнять настоящий Договор, надлежащим образом исполняет налоговые обязанности и ведёт учёт в соответствии с законодательством РФ, а также по требованию Заказчика или уполномоченного органа предоставляет подтверждающие документы в срок до 5 (пяти) рабочих дней. 5.4. В случае причинения Заказчику убытков вследствие нарушения гарантий, указанных в п. 5.3, Исполнитель обязан возместить такие убытки в течение 10 (десяти) рабочих дней с даты получения письменного требования Заказчика. 5.5. Стороны подтверждают, что настоящий Договор является гражданско-правовым договором. Исполнитель не подчиняется правилам внутреннего трудового распорядка Заказчика, не включается в штат Заказчика и самостоятельно организует процесс оказания услуг. # 6. СРОК ДЕЙСТВИЯ И РАСТОРЖЕНИЕ [Заголовок раздела «6. СРОК ДЕЙСТВИЯ И РАСТОРЖЕНИЕ»](#6-срок-действия-и-расторжение) 6.1. Договор вступает в силу с даты его заключения. Договор действует бессрочно до его прекращения по основаниям, предусмотренным настоящим Договором или законодательством Российской Федерации. 6.2. Любые изменения и дополнения к Договору действительны в письменной форме, подписанной обеими Сторонами. Согласование текущих задач и приоритетов может производиться в электронной почте или мессенджерах и имеет силу для исполнения. 6.3. Любая из Сторон вправе отказаться от продолжения оказания услуг на следующий месяц, письменно уведомив другую Сторону не позднее чем за 5 (пять) рабочих дней до начала соответствующей месячной итерации. При этом отсутствие аванса за следующий месяц само по себе считается отсутствием подтверждения бронирования следующей итерации. 6.4. В случае досрочного прекращения Договора Исполнитель обязан передать Заказчику фактически созданные и оплаченные результаты оказанных услуг, а Заказчик обязан оплатить фактически оказанные и переданные услуги. Уплаченный аванс за соответствующую месячную итерацию возврату не подлежит. 6.5. Стороны допускают обмен документами по настоящему Договору посредством ЭДО согласно законодательству РФ. Организация ЭДО между Сторонами не отменяет использование иных способов изготовления и обмена документами между Сторонами в рамках обязательств. # 7. ЗАКЛЮЧИТЕЛЬНЫЕ ПОЛОЖЕНИЯ [Заголовок раздела «7. ЗАКЛЮЧИТЕЛЬНЫЕ ПОЛОЖЕНИЯ»](#7-заключительные-положения) 7.1. Настоящий Договор составлен в двух экземплярах, имеющих равную юридическую силу, по одному для каждой Стороны. 7.2. Вопросы, не урегулированные настоящим Договором, регулируются действующим законодательством Российской Федерации. 7.3. Стороны подтверждают, что Исполнитель применяет специальный налоговый режим «Налог на профессиональный доход» (самозанятый) и не является плательщиком НДС. Заказчик не признаётся налоговым агентом по отношению к Исполнителю. # 8. РЕКВИЗИТЫ И ПОДПИСИ СТОРОН [Заголовок раздела «8. РЕКВИЗИТЫ И ПОДПИСИ СТОРОН»](#8-реквизиты-и-подписи-сторон) ## ЗАКАЗЧИК: [Заголовок раздела «ЗАКАЗЧИК:»](#заказчик) ООО “Фирма ВНВ” Адрес: 000000, Россия, г. Город, ул. Улица, д. 0, офис 0. ИНН 0000000000 КПП 000000000 ОГРН 0000000000000 Расчетный счет: 00000000000000000000 в Банк НАЗВАНИЕ Корсчёт: 00000000000000000000 БИК: 000000000 \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_/ И.О. Фамилия/ М.П. ## ИСПОЛНИТЕЛЬ: [Заголовок раздела «ИСПОЛНИТЕЛЬ:»](#исполнитель) И.О. Фамилия Адрес: 000000, обл. Регион, г. Город, ул. Улица, д. 0 ИНН: 000000000000 Расчётный счёт: 00000000000000000000 Наименование: БАНК НАЗВАНИЕ БИК: 000000000 Корсчёт: 00000000000000000000 ИНН: 0000000000 КПП: 000000000 \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_ / И.О. Фамилия / # ПРИЛОЖЕНИЕ № 1 – СОСТАВ И СТОИМОСТЬ УСЛУГ [Заголовок раздела «ПРИЛОЖЕНИЕ № 1 – СОСТАВ И СТОИМОСТЬ УСЛУГ»](#приложение--1--состав-и-стоимость-услуг) Вид услуг: разработка программного обеспечения на основе гибкой методологии (Agile). В состав услуг входит: * проектирование, разработка и доработка функциональности Программного обеспечения Заказчика; * исправление дефектов, рефакторинг и интеграция с внешними системами; * подготовка технических решений и оценка вариантов реализации; * ведение и актуализация backlog задач; * еженедельный обзор статуса задач, демонстрация прогресса и уточнение приоритетов; * ведение системы контроля версий (Git): комментирование изменений (commit messages), поддержание читаемой истории правок, регулярная синхронизация с удалённым репозиторием; * развёртывание, тестирование и иные технические действия, необходимые для поставки работающего результата в пределах месячной итерации. Стоимость одной месячной итерации: 50000 (Пятьдесят тысяч) рублей. Порядок оплаты: * аванс за следующий месяц: 25 (двадцать пять) или 50 (пятьдесят) % стоимости месячной итерации; * уплаченный аванс за соответствующую месячную итерацию является подтверждением продолжения действия Договора на следующий месяц, возврату не подлежит и является основным способом подтверждения согласия с результатами оказанных услуг за прошедший отчётный месяц; * оставшаяся часть стоимости: по итогам отчётного месяца в порядке раздела 3 настоящего Договора. Подписи Сторон: Заказчик \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_ / И.О. Фамилия Исполнитель \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_ / И.О. Фамилия # ПРИЛОЖЕНИЕ № 2 – АКТ ОКАЗАННЫХ УСЛУГ [Заголовок раздела «ПРИЛОЖЕНИЕ № 2 – АКТ ОКАЗАННЫХ УСЛУГ»](#приложение--2--акт-оказанных-услуг) № \_\_\_\_\_\_\_\_ от «\_**» \_\_\_\_\_\_\_\_\_\_ 20** г. к Договору № \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_ от \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_ 20\_\_\_ г. Заказчик: ООО “Фирма ВНВ” Исполнитель: И.О. Фамилия Отчётный месяц: \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_ 20\_\_ г. Исполнитель выполнил и передал Заказчику результаты оказанных услуг по следующим задачам отчётного месяца. Список задач формируется на основании данных согласованного Сторонами трекера задач с указанием ссылок на задачи. 1. Наименование задачи (ссылка \_\_\_\_\_\_\_\_ ) 2. Наименование задачи (ссылка \_\_\_\_\_\_\_\_ ) 3. Наименование задачи (ссылка \_\_\_\_\_\_\_\_ ) Список изменений в системе контроля версий (Git) за отчётный месяц: 1. Ссылка на изменения (commits) за месяц: 2. Количество изменений: Стоимость услуг за отчётный месяц: \_\_\_\_\_\_\_\_ руб. Полученный аванс: \_\_\_\_\_\_\_\_ руб. Оставшаяся часть к оплате: \_\_\_\_\_\_\_\_ руб. Замечания и предложения по задачам, объёму или качеству оказанных услуг, если они есть, учитываются только при планировании следующих итераций и не влияют на оплату и закрытие прошедшего месяца. Подписи Сторон: Заказчик \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_ / И.О. Фамилия Исполнитель \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_ / И.О. Фамилия # ПРИЛОЖЕНИЕ № 3 – МАНИФЕСТ ГИБКОЙ РАЗРАБОТКИ ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ [Заголовок раздела «ПРИЛОЖЕНИЕ № 3 – МАНИФЕСТ ГИБКОЙ РАЗРАБОТКИ ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ»](#приложение--3--манифест-гибкой-разработки-программного-обеспечения) к Договору № \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_ от \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_ 20\_\_\_ г. ## Манифест гибкой разработки программного обеспечения (Agile Manifesto) [Заголовок раздела «Манифест гибкой разработки программного обеспечения (Agile Manifesto)»](#манифест-гибкой-разработки-программного-обеспечения-agile-manifesto) Настоящее Приложение дословно фиксирует Манифест гибкой разработки, определённый экспертами по разработке программного обеспечения, и применяется Сторонами в целях повышения эффективности разработки и снижения рисков при оказании услуг по настоящему Договору. Оригинал манифеста находится по адресу: Дата публикации: 13 февраля 2001 года. ## 1. Ценности Agile‑манифеста [Заголовок раздела «1. Ценности Agile‑манифеста»](#1-ценности-agileманифеста) Стороны признают приоритетность следующих ценностей: 1.1. Люди и взаимодействие важнее процессов и инструментов. 1.2. Работающий продукт важнее исчерпывающей документации. 1.3. Сотрудничество с Заказчиком важнее согласования условий контракта. 1.4. Готовность к изменениям важнее следования первоначальному плану. Примечание: хотя элементы, указанные справа, представляют ценность, Стороны отдают предпочтение элементам, указанным слева. ## 2. Принципы реализации Agile‑подхода [Заголовок раздела «2. Принципы реализации Agile‑подхода»](#2-принципы-реализации-agileподхода) В ходе оказания услуг Стороны обязуются придерживаться следующих принципов: 2.1. Наивысшим приоритетом для нас является удовлетворение потребностей Заказчика благодаря регулярной и ранней поставке ценного программного обеспечения. 2.2. Изменение требований приветствуется, даже на поздних стадиях разработки. Agile-процессы позволяют использовать изменения для обеспечения Заказчику конкурентного преимущества. 2.3. Работающий продукт следует выпускать как можно чаще, с периодичностью от пары недель до пары месяцев. 2.4. На протяжении всего проекта разработчики и представители бизнеса должны ежедневно работать вместе. 2.5. Над проектом должны работать мотивированные профессионалы. Чтобы работа была сделана, необходимо создать условия, обеспечить поддержку и полностью доверять им. 2.6. Непосредственное общение является наиболее практичным и эффективным способом обмена информацией как с самой командой, так и внутри команды. 2.7. Работающий программный продукт — основной показатель прогресса. 2.8. Инвесторы, разработчики и пользователи должны иметь возможность поддерживать постоянный ритм бесконечно. Agile помогает наладить такой устойчивый процесс разработки. 2.9. Постоянное внимание к техническому совершенству и качеству проектирования повышает гибкость проекта. 2.10. Простота — искусство минимизации лишней работы — крайне необходима. 2.11. Самые лучшие требования, архитектурные и технические решения рождаются у самоорганизующихся команд. 2.12. Команда должна систематически анализировать возможные способы улучшения эффективности и соответственно корректировать стиль своей работы. ## Подписи сторон: [Заголовок раздела «Подписи сторон:»](#подписи-сторон) Заказчик: \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_ / И.О. Фамилия Исполнитель: \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_ / И.О. Фамилия ---------- # Шаблон: Договор оказания услуг (общий, по ТЗ, для СЗН) > Универсальный шаблон договора оказания услуг с оформлением через Технические задания — подходит для разработки, диагностики, консультаций и других видов услуг ```markdown # ДОГОВОР ОКАЗАНИЯ УСЛУГ № __________________ Дата: __________________ 20___г. __________________________________________________ (________________________), в лице __________________________________, действующего на основании ______________, именуемое в дальнейшем «Заказчик», с одной стороны, и __________________________________________________, ______________ года рождения, паспорт: серия ______ номер __________, выдан __________________________________ ______________, код подразделения ______________, зарегистрированный по адресу: __________________________________, телефон: __________________, применяющий специальный налоговый режим «Налог на профессиональный доход» (самозанятый), ИНН __________________, именуемый в дальнейшем «Исполнитель», с другой стороны, совместно именуемые «Стороны», заключили настоящий Договор о нижеследующем: # 1. ПРЕДМЕТ ДОГОВОРА 1.1. Исполнитель обязуется по заданию Заказчика оказывать услуги, перечисленные в п. 1.2 настоящего Договора, а Заказчик обязуется принимать и оплачивать эти услуги в порядке и на условиях, установленных настоящим Договором. 1.2. К услугам, оказываемым по настоящему Договору, относятся: - разработка, доработка и техническое сопровождение программного обеспечения, сайтов, сервисов и иных цифровых продуктов Заказчика (далее — «Программное обеспечение»); - диагностика, аудит и анализ Программного обеспечения, инфраструктуры, производительности и безопасности; - консультирование по техническим вопросам, подготовка технических решений и оценка вариантов реализации; - иные услуги, прямо согласованные Сторонами в Техническом задании. 1.3. Конкретный объём, состав, сроки и стоимость каждой отдельной услуги или группы услуг фиксируются Сторонами в Техническом задании (далее — «ТЗ»). 1.4. ТЗ рекомендуется (но не ограничивается) составлять по одному из приложенных шаблонов: - **ТЗ на задачу** — для небольших, разовых, изолированных задач (исправление дефекта, мелкая доработка, настройка); - **ТЗ на диагностику** — для услуг по обследованию и анализу (поиск причин проблемы, аудит безопасности, анализ производительности); - **ТЗ на разработку** — услуга гибкой разработки на основе месячных итераций с еженедельными встречами. 1.5. ТЗ подписывается обеими Сторонами и становится неотъемлемой частью настоящего Договора с момента подписания. Фактом подписания ТЗ считается обмен копиями оформленных документов по электронной почте (с письменным подтверждением) или через систему электронного документооборота (ЭДО). # 2. ПОРЯДОК ОКАЗАНИЯ УСЛУГ 2.1. Оказание услуг по каждому ТЗ включает следующие этапы: 2.1.1. **Инициация.** Заказчик направляет Исполнителю запрос с описанием потребности. Исполнитель в течение 3 (трёх) рабочих дней (если иной срок не согласован) готовит проект ТЗ по одному из шаблонов и направляет Заказчику на согласование. 2.1.2. **Согласование ТЗ.** Стороны обсуждают и уточняют содержание ТЗ. После достижения согласия ТЗ подписывается обеими Сторонами. С момента подписания ТЗ состав услуг, сроки и стоимость считаются согласованными. 2.1.3. **Исполнение.** Исполнитель оказывает услуги в соответствии с подписанным ТЗ. Исполнитель самостоятельно определяет способы, время и инструменты оказания услуг, если иное не указано в ТЗ. 2.1.4. **Приёмка.** По завершении работ Исполнитель направляет Заказчику уведомление о готовности и Акт оказанных услуг по данному ТЗ. Заказчик в течение 5 (пяти) рабочих дней рассматривает результат и либо подписывает Акт, либо направляет мотивированный отказ с перечнем замечаний. 2.2. Если Заказчик в установленный срок не подписал Акт и не направил мотивированный отказ, услуги считаются принятыми без замечаний. 2.3. При наличии замечаний Исполнитель устраняет их в согласованный Сторонами срок. Если характер замечаний выходит за рамки согласованного ТЗ, такие работы оформляются отдельным ТЗ. # 3. СТОИМОСТЬ УСЛУГ И ПОРЯДОК РАСЧЁТОВ 3.1. Стоимость услуг по каждому ТЗ определяется в самом ТЗ. Стоимость может быть выражена: - **фиксированной суммой** за выполнение ТЗ целиком; - **почасовой ставкой** с указанием ориентировочного количества часов; - **стоимостью итерации** (месяц работы) — при долгосрочном сотрудничестве. 3.2. Оплата услуг осуществляется в рублях в безналичной форме по реквизитам Исполнителя, указанным в разделе 8 настоящего Договора. 3.3. Порядок оплаты по каждому ТЗ определяется в самом ТЗ. Если иное не указано в ТЗ, применяется следующий порядок: - **аванс 50%** — в течение 3 (трёх) рабочих дней с момента подписания ТЗ; - **оставшиеся 50%** — в течение 5 (пяти) рабочих дней с момента подписания Акта оказанных услуг по данному ТЗ. 3.4. Обязанность Заказчика по оплате считается исполненной с момента зачисления денежных средств на расчётный счёт Исполнителя. 3.5. НДС не облагается в связи с применением Исполнителем специального налогового режима «Налог на профессиональный доход» (ст. 2, п. 8 ст. 5 Федерального закона от 27.11.2018 № 422-ФЗ). 3.6. Исполнитель обязан в течение 3 (трёх) рабочих дней после получения каждой оплаты направить Заказчику чек, сформированный в приложении «Мой налог», на адрес электронной почты. 3.7. В случае снятия с учёта в качестве плательщика налога на профессиональный доход Исполнитель обязан письменно уведомить Заказчика в течение 3 (трёх) календарных дней. # 4. ИСКЛЮЧИТЕЛЬНЫЕ ПРАВА 4.1. Исключительные права на результаты интеллектуальной деятельности, созданные Исполнителем в рамках оказания услуг по конкретному ТЗ, переходят к Заказчику в полном объёме с момента полной оплаты стоимости услуг по такому ТЗ, если иное не согласовано Сторонами в ТЗ или дополнительном соглашении. 4.2. Исполнитель гарантирует, что обладает необходимыми правами на передаваемые результаты оказанных услуг и не будет оспаривать права Заказчика на такие результаты. 4.3. Программное обеспечение, библиотеки и инструменты с открытой лицензией (open source), использованные Исполнителем при оказании услуг, остаются под условиями соответствующих открытых лицензий. Исполнитель обязуется информировать Заказчика о факте использования таких компонентов, если условия их лицензий накладывают ограничения на использование созданного Программного обеспечения. # 5. ПРАВА И ОБЯЗАННОСТИ СТОРОН 5.1. Исполнитель обязуется: 5.1.1. Оказывать услуги лично, с надлежащим качеством согласно подписанным ТЗ, сохраняя самостоятельность в выборе способов, времени, места и инструментов оказания услуг. 5.1.2. Своевременно информировать Заказчика о ходе оказания услуг, обнаруженных препятствиях, рисках и необходимости уточнения требований. 5.1.3. Перед внесением изменений на рабочий сайт или сервис предварительно тестировать изменения на локальном или тестовом окружении, если иное не согласовано в ТЗ. 5.1.4. Не разглашать конфиденциальную информацию Заказчика, включая исходный код, доступы, проектную документацию, данные пользователей, коммерческие условия и сведения о внутренней организации, а также не использовать такие сведения вне целей исполнения настоящего Договора. 5.2. Заказчик обязуется: 5.2.1. Своевременно предоставлять необходимые доступы и информацию для оказания услуг. 5.2.2. Своевременно рассматривать и согласовывать ТЗ, а также принимать результаты оказанных услуг. 5.2.3. Оплачивать услуги в порядке, установленном разделом 3 и соответствующим ТЗ. 5.2.4. Предоставлять письменные ответы на запросы Исполнителя в разумный срок. Отсутствие ответа на запрос, блокирующий продолжение работ, продлевает сроки выполнения ТЗ на соответствующее количество дней. # 6. ОТВЕТСТВЕННОСТЬ СТОРОН 6.1. Исполнитель несёт ответственность за сохранность полученных доступов и обязуется не разглашать их третьим лицам. 6.2. Стороны освобождаются от ответственности за неисполнение обязательств, если оно вызвано обстоятельствами непреодолимой силы (форс-мажор). 6.3. Исполнитель заверяет и гарантирует, что вправе заключать и исполнять настоящий Договор, надлежащим образом исполняет налоговые обязанности и ведёт учёт в соответствии с законодательством РФ, а также по требованию Заказчика или уполномоченного органа предоставляет подтверждающие документы в срок до 5 (пяти) рабочих дней. 6.4. В случае причинения Заказчику убытков вследствие нарушения гарантий, указанных в п. 6.3, Исполнитель обязан возместить такие убытки в течение 10 (десяти) рабочих дней с даты получения письменного требования Заказчика. 6.5. Совокупный размер ответственности Исполнителя по каждому ТЗ ограничен суммой, уплаченной Заказчиком по такому ТЗ. Стороны вправе установить иной предел ответственности в конкретном ТЗ. 6.6. Стороны подтверждают, что настоящий Договор является гражданско-правовым договором. Исполнитель не подчиняется правилам внутреннего трудового распорядка Заказчика, не включается в штат Заказчика и самостоятельно организует процесс оказания услуг. 6.7. Дополнительные условия ответственности Сторон, включая гарантийные обязательства, штрафные санкции и иные специальные условия, могут быть установлены в конкретном ТЗ (с учетом особенностей задания). # 7. СРОК ДЕЙСТВИЯ И РАСТОРЖЕНИЕ 7.1. Договор вступает в силу с даты его заключения и действует бессрочно до его прекращения по основаниям, предусмотренным настоящим Договором или законодательством Российской Федерации. 7.2. Любые изменения и дополнения к Договору действительны в письменной форме, подписанной обеими Сторонами. 7.3. Каждая из Сторон вправе расторгнуть Договор в одностороннем порядке, письменно уведомив другую Сторону не менее чем за 14 (четырнадцать) календарных дней до предполагаемой даты расторжения. 7.4. Расторжение Договора не освобождает Заказчика от обязанности оплатить фактически оказанные и принятые услуги по подписанным ТЗ. ТЗ, принятые в работу до даты расторжения, подлежат завершению и оплате на общих условиях, если Стороны не согласуют иное. 7.5. Стороны допускают обмен документами по настоящему Договору посредством ЭДО согласно законодательству РФ, а также через электронную почту. Скан-копии подписанных документов имеют юридическую силу до обмена оригиналами. # 8. ЗАКЛЮЧИТЕЛЬНЫЕ ПОЛОЖЕНИЯ 8.1. Настоящий Договор составлен в двух экземплярах, имеющих равную юридическую силу, по одному для каждой Стороны. 8.2. Вопросы, не урегулированные настоящим Договором, регулируются действующим законодательством Российской Федерации. 8.3. Стороны подтверждают, что Исполнитель применяет специальный налоговый режим «Налог на профессиональный доход» (самозанятый) и не является плательщиком НДС. Заказчик не признаётся налоговым агентом по отношению к Исполнителю. # 9. РЕКВИЗИТЫ И ПОДПИСИ СТОРОН ## ЗАКАЗЧИК: __________________________________ Адрес: __________________________________ ИНН: __________________ КПП: __________________ ОГРН: __________________ Расчётный счёт: __________________________________ в Банк __________________________________ Корсчёт: __________________________________ БИК: __________________________________ ________________________/ __________________ / М.П. ## ИСПОЛНИТЕЛЬ: __________________________________ Адрес: __________________________________ ИНН: __________________________________ Расчётный счёт: __________________________________ Наименование банка: __________________________________ БИК: __________________________________ Корсчёт: __________________________________ ____________________ / __________________ / # ПРИЛОЖЕНИЕ № 1 — ШАБЛОН ТЗ НА ЗАДАЧУ к Договору № _______ от «___» __________ 20___ г. ## ТЕХНИЧЕСКОЕ ЗАДАНИЕ (ТЗ) НА ВЫПОЛНЕНИЕ ЗАДАЧИ № _____ Дата: «___» __________ 20___ г. ### 1. ОПИСАНИЕ ЗАДАЧИ 1.1. **Наименование задачи:** ________________________________________________ 1.2. **Цель:** (что должно получиться в результате — коротко, 2-3 предложения) ________________________________________________ ________________________________________________ 1.3. **Текущая ситуация:** (что не работает / что нужно изменить / зачем) ________________________________________________ ________________________________________________ 1.4. **Ожидаемый результат:** (конкретные, проверяемые критерии готовности) - [ ] ________________________________________________ - [ ] ________________________________________________ - [ ] ________________________________________________ 1.5. **Ограничения и контекст:** (что не следует делать, нельзя затрагивать или менять) ________________________________________________ ________________________________________________ ### 2. СОСТАВ РАБОТ 1. ________________________________________________ 2. ________________________________________________ 3. ________________________________________________ ### 3. СРОКИ 3.1. **Дата начала:** «___» __________ 20___ г. (либо: в течение ___ рабочих дней с момента подписания ТЗ) 3.2. **Плановый срок завершения:** «___» __________ 20___ г. (либо: в течение ___ рабочих дней с момента начала) 3.3. **Условия продления срока:** (отсутствие доступов, задержка ответа Заказчика, иное) ________________________________________________ ### 4. СТОИМОСТЬ И ПОРЯДОК ОПЛАТЫ 4.1. **Стоимость задания:** _____________ руб. 4.2. **Порядок оплаты:** - Аванс: _____% (_____ руб.) — в течение ___ рабочих дней с момента подписания ТЗ - Оставшаяся часть: _____% (_____ руб.) — в течение ___ рабочих дней с момента подписания Акта оказанных услуг по данному ТЗ ### 5. ПОРЯДОК СДАЧИ-ПРИЁМКИ 5.1. По завершении работ Исполнитель направляет Заказчику уведомление о готовности и Акт оказанных услуг. 5.2. Заказчик рассматривает результат в течение 5 (пяти) рабочих дней и либо подписывает Акт, либо направляет мотивированный отказ с перечнем замечаний. 5.3. Если Заказчик в установленный срок не подписал Акт и не направил мотивированный отказ, услуги считаются принятыми без замечаний. ### 6. ПРИМЕЧАНИЯ ________________________________________________ ### 7. ПОДПИСИ СТОРОН **Заказчик:** __________________________ / __________________ / «___» __________ 20___ г. **Исполнитель:** __________________________ / __________________ / «___» __________ 20___ г. # ПРИЛОЖЕНИЕ № 2 — ШАБЛОН ТЗ НА ДИАГНОСТИКУ к Договору № _______ от «___» __________ 20___ г. ## ТЕХНИЧЕСКОЕ ЗАДАНИЕ (ТЗ) НА ДИАГНОСТИКУ № _____ Дата: «___» __________ 20___ г. ### 1. КАК ЕСТЬ? Описание ошибки или проблемы, симптомы, шаги как воспроизвести, скриншоты, логи, метрики и другая информация, которая поможет понять текущую ситуацию. - ________________________________________________ - ________________________________________________ - ________________________________________________ ### 2. КАК НАДО? Описание желаемого результата, как должно работать, какие критерии успешности, какие метрики должны улучшиться, какие проблемы должны быть решены. - ________________________________________________ - ________________________________________________ - ________________________________________________ ### 3. СТОИМОСТЬ И ПОРЯДОК ОПЛАТЫ 3.1. **Стоимость диагностики:** _____________ руб. 3.2. **Порядок оплаты:** - Аванс: _____% (_____ руб.) — в течение ___ рабочих дней с момента подписания ТЗ - Оставшаяся часть: _____% (_____ руб.) — в течение ___ рабочих дней с момента подписания Акта оказанных услуг по данному ТЗ ### 4. ПОРЯДОК ВЫПОЛНЕНИЯ 4.1. По завершении диагностики Исполнитель направляет Заказчику письменный отчёт и Акт оказанных услуг. 4.2. Заказчик рассматривает результат в течение 5 (пяти) рабочих дней и либо подписывает Акт, либо направляет мотивированный отказ с перечнем замечаний. 4.3. Если Заказчик в установленный срок не подписал Акт и не направил мотивированный отказ, услуги считаются принятыми без замечаний. 4.4. Диагностика считается завершённой после предоставления отчёта. Реализация рекомендаций, данных в отчёте, выходит за рамки настоящего ТЗ и оформляется отдельными ТЗ. ### 5. ПРИМЕЧАНИЯ ________________________________________________ ### 6. ПОДПИСИ СТОРОН **Заказчик:** __________________________ / __________________ / «___» __________ 20___ г. **Исполнитель:** __________________________ / __________________ / «___» __________ 20___ г. # ПРИЛОЖЕНИЕ № 3 — ШАБЛОН ТЗ НА РАЗРАБОТКУ к Договору № _______ от «___» __________ 20___ г. ## ТЕХНИЧЕСКОЕ ЗАДАНИЕ (ТЗ) НА РАЗРАБОТКУ № _____ Дата: «___» __________ 20___ г. ### 1. СОСТАВ УСЛУГ - ________________________________________________ - ________________________________________________ - ________________________________________________ ### 2. ОПИСАНИЕ ОБЪЕКТА РАЗРАБОТКИ ______________________________________________ ______________________________________________ ______________________________________________ ### 3. СТОИМОСТЬ И ПОРЯДОК ОПЛАТЫ - Цена за месяц работы (итерацию): _____________ рублей; - Аванс от 25 до 50% от стоимости следующей итерации, оплачиваемый за 5 дней до начала следующего месяца; - Оплата по результатам месяца: в течение 10 рабочих дней после окончания месяца; - Отсутствие аванса - означает остановку оказания услуг по данному ТЗ; - Возможные изменения в датах оплаты по согласованию Сторон; - Акт оказанных услуг отправляется ежемесячно и содержит отчет о результатах (ссылки на выполненные задачи и историю изменений ПО в СКВ). ### 4. ПОРЯДОК ВЗАИМОДЕЙСТВИЯ, ОТЧЕТНОСТИ И ОТВЕТСТВЕННОСТИ 4.1. **Инструменты совместной работы:** (трекер задач, email, мессенджер, Git, Figma, документация) ________________________________________________ 4.2. **Регулярность встреч (согласований, отчётности):** (еженедельно / раз в две недели / раз в месяц) ________________________________________________ 4.3. **Порядок внесения изменений в ТЗ:** любые изменения оформляются дополнительным соглашением или новой версией ТЗ, подписанной обеими Сторонами. 4.4. **Совокупный размер ответственности** по настоящему ТЗ ограничен стоимостью текущей месячной итерации. Ни одна из Сторон не возмещает другой Стороне косвенные убытки и упущенную выгоду. ### 5. ПРИМЕЧАНИЯ ________________________________________________ ### 6. ПОДПИСИ СТОРОН **Заказчик:** __________________________ / __________________ / «___» __________ 20___ г. **Исполнитель:** __________________________ / __________________ / «___» __________ 20___ г. ``` ---------- # Шаблон: Политика использования cookies > Готовый шаблон политики cookies для адаптации под ваш сайт ## Как использовать этот шаблон [Заголовок раздела «Как использовать этот шаблон»](#как-использовать-этот-шаблон) Эта политика описывает, какие cookies вы используете, для чего и как пользователь может ими управлять. **Важно:** Перед публикацией убедитесь, что все упомянутые сервисы (Google Analytics, Facebook Pixel и т.д.) действительно работают на вашем сайте. *** ## ПОЛИТИКА ИСПОЛЬЗОВАНИЯ COOKIES [Заголовок раздела «ПОЛИТИКА ИСПОЛЬЗОВАНИЯ COOKIES»](#политика-использования-cookies) **Дата вступления в силу:** \[дата]\ **Последнее обновление:** \[дата] ### 1. Что такое cookies [Заголовок раздела «1. Что такое cookies»](#1-что-такое-cookies) **1.1. Определение** Cookies — это небольшие текстовые файлы, которые сохраняются на вашем устройстве (компьютер, телефон, планшет) при посещении Сайта. **1.2. Как они работают** * Когда вы посещаете Сайт, его сервер отправляет cookie на ваше устройство * При повторном посещении браузер отправляет эту информацию обратно на сервер * Это позволяет Сайту узнать: кто вы, какие страницы вы посещали, ваши предпочтения и т.д. **1.3. Пример:** ```plaintext Первый визит: вы выбираете язык "Русский" Сайт сохраняет это в cookie "language=ru" Второй визит: браузер отправляет "language=ru" Сайт загружает страницу на русском языке ``` ### 2. Типы cookies [Заголовок раздела «2. Типы cookies»](#2-типы-cookies) Мы используем cookies следующих типов: #### 2.1. Функциональные cookies (необходимые) [Заголовок раздела «2.1. Функциональные cookies (необходимые)»](#21-функциональные-cookies-необходимые) **Назначение:** без них Сайт не может работать нормально **Примеры:** * Сессионные cookies — для входа в личный кабинет * Cookies безопасности — для защиты от атак * Cookies языка — для запоминания выбранного языка * Cookies корзины — чтобы товары остались в корзине при перезагрузке **Когда используются:** ВСЕГДА, с первого визита **Можно ли отключить:** НЕТ, они критичны для работы **Пример:** ```plaintext Сайт: shop.example.com Имя: sessionid Значение: abc123def456 Срок: до конца сессии ``` #### 2.2. Аналитические cookies [Заголовок раздела «2.2. Аналитические cookies»](#22-аналитические-cookies) **Назначение:** понять, как люди используют Сайт **Примеры:** * Какие страницы посещают * Сколько времени проводят на странице * Откуда пришли (поисковая система, реклама, прямой переход) * На какие кнопки нажимают **Сервисы:** * [Google Analytics](https://support.google.com/analytics/answer/6004245) — самая популярная аналитика * [Яндекс.Метрика](https://yandex.ru/support/metrica/general/cookies.html) — аналитика в России * \[Другие, если используются] **Когда используются:** при первом визите (если вы согласны) **Можно ли отключить:** ДА, через cookie-баннер на сайте или в браузере **Пример:** Google Analytics отправляет события типа “пользователь нажал на кнопку заказа” #### 2.3. Маркетинговые cookies (ретаргетинг) [Заголовок раздела «2.3. Маркетинговые cookies (ретаргетинг)»](#23-маркетинговые-cookies-ретаргетинг) **Назначение:** показывать вам релевантную рекламу **Как работает:** 1. Вы посещаете наш Сайт и смотрите товар А 2. Мы сохраняем в cookie “viewed\_product=A” 3. Вы переходите на другой сайт (например, Facebook) 4. Facebook видит этот cookie (точнее, пиксель) и показывает вам рекламу товара А 5. Вы кликаете на рекламу и возвращаетесь на наш Сайт **Сервисы:** * [Facebook Pixel](https://www.facebook.com/policies/cookies/) — для рекламы в Facebook / Instagram * [Google Ads](https://policies.google.com/technologies/cookies) — для рекламы в Google * [Яндекс.Маркет / ДжПМ](https://yandex.ru/support/direct/settings/cookies.html) — для рекламы в Яндекс * \[Другие, если используются] **Когда используются:** при согласии (через cookie-баннер) **Можно ли отключить:** ДА, через баннер или в браузере **Пример:** `_fbp` cookie из Facebook Pixel #### 2.4. Cookies третьих лиц (социальные сети) [Заголовок раздела «2.4. Cookies третьих лиц (социальные сети)»](#24-cookies-третьих-лиц-социальные-сети) **Назначение:** встроить функции социальных сетей (кнопки Like, Share) **Примеры:** * Кнопка “Поделиться в Facebook” * Виджет Яндекс Карты * Чат от Intercom * Видео с YouTube **Сервисы:** * [Facebook](https://www.facebook.com/policies/cookies/) * [YouTube](https://www.youtube.com/howyoutubeworks/user-features/privacy/) * [Яндекс](https://yandex.ru/support/maps/concepts/cookies.html) * \[Другие, если используются] **Когда используются:** при согласии или при нажатии на кнопку **Можно ли отключить:** ДА ### 3. Полный список cookies на нашем сайте [Заголовок раздела «3. Полный список cookies на нашем сайте»](#3-полный-список-cookies-на-нашем-сайте) \[**Заполните таблицу для вашего сайта:**] | Имя | Тип | Назначение | Источник | Срок | Можно ли отключить | | ----------- | -------------- | ------------------- | ----------- | --------------- | ------------------ | | `sessionid` | Функциональный | Сессия пользователя | Наш сервер | До конца сессии | НЕТ | | `language` | Функциональный | Язык сайта | Наш сервер | 1 год | НЕТ | | `_ga` | Аналитический | Google Analytics | Google | 2 года | ДА | | `_fbp` | Маркетинговый | Facebook Pixel | Facebook | 3 месяца | ДА | | \[Другие] | \[Тип] | \[Назначение] | \[Источник] | \[Срок] | \[ДА/НЕТ] | ### 4. Как управлять cookies [Заголовок раздела «4. Как управлять cookies»](#4-как-управлять-cookies) #### 4.1. В браузере [Заголовок раздела «4.1. В браузере»](#41-в-браузере) Вы можете управлять cookies в настройках браузера: **Chrome:** 1. Нажмите ⋯ → Настройки → Конфиденциальность и безопасность → Cookies 2. Выберите: «Разрешить все cookies», «Блокировать сторонние cookies», «Блокировать все cookies» **Firefox:** 1. Нажмите ≡ → Настройки → Приватность и защита 2. Выберите параметр для cookies **Safari:** 1. Настройки → Приватность → Cookies и данные сайтов 2. Выберите параметр **Edge:** 1. Параметры → Приватность, поиск и услуги 2. Cookies и данные сайтов #### 4.2. На нашем сайте [Заголовок раздела «4.2. На нашем сайте»](#42-на-нашем-сайте) Вы можете управлять согласием на cookies через **cookie-баннер**, который появляется при первом визите: * **Принять всё** — согласиться со всеми cookies * **Только необходимые** — блокировать маркетинговые и аналитические cookies * **Настроить** — выбрать конкретные типы cookies После выбора ваше согласие сохраняется, и баннер больше не появляется (в течение \[1 года] / \[3 месяцев]). #### 4.3. Удаление cookies [Заголовок раздела «4.3. Удаление cookies»](#43-удаление-cookies) Вы можете удалить cookies из браузера: **Chrome:** 1. Нажмите ⋯ → Инструменты → Удаление данных о просмотрах 2. Установите период “Весь период” 3. Отметьте “Cookies и другие данные сайтов” 4. Нажмите “Удалить данные” \[Аналогичные инструкции для Firefox, Safari, Edge] ### 5. Отказ от маркетинговых cookies [Заголовок раздела «5. Отказ от маркетинговых cookies»](#5-отказ-от-маркетинговых-cookies) #### 5.1. Глобальный отказ (Do Not Track) [Заголовок раздела «5.1. Глобальный отказ (Do Not Track)»](#51-глобальный-отказ-do-not-track) Если вы включите “Do Not Track” в браузере, мы попытаемся уважить этот выбор. **Как включить:** **Chrome:** Нельзя включить встроенной опцией\ **Firefox:** ≡ → Параметры → Приватность → установите “Отправлять сигнал…” → ВКЛ\ **Safari:** Параметры → Приватность → отметьте “Просить сайты не отслеживать”\ **Edge:** Параметры → Приватность → установите DNT → ВКЛ #### 5.2. Отказ от Google Analytics [Заголовок раздела «5.2. Отказ от Google Analytics»](#52-отказ-от-google-analytics) Вы можете отказаться от отслеживания Google Analytics, установив расширение браузера: [Google Analytics Opt-out Browser Add-on](https://tools.google.com/dlpage/gaoptout) #### 5.3. Отказ от Facebook Pixel [Заголовок раздела «5.3. Отказ от Facebook Pixel»](#53-отказ-от-facebook-pixel) Посетите [Facebook Ad Preferences](https://www.facebook.com/ads/preferences) и настройте, какую рекламу вы хотите видеть. ### 6. Данные за границей [Заголовок раздела «6. Данные за границей»](#6-данные-за-границей) \[**Выберите применимое:**] **Если данные НЕ передаются за границу:** ```plaintext Все cookies обрабатываются на серверах в Российской Федерации. Данные не передаются иностранным компаниям. ``` **Если данные передаются за границу:** ```plaintext Некоторые cookies обрабатываются следующими компаниями: - Google (США) — для Google Analytics - Facebook (США) — для Facebook Pixel - [Другие компании и страны] Передача данных основана на вашем согласии. Вы можете в любой момент отозвать согласие через cookie-баннер. ``` ### 7. Как долго хранятся cookies [Заголовок раздела «7. Как долго хранятся cookies»](#7-как-долго-хранятся-cookies) | Тип | Срок хранения | | -------------- | -------------------------- | | Функциональные | До \[дня] или конца сессии | | Аналитические | \[1-2 года] | | Маркетинговые | \[1-3 месяца] | | Третьих лиц | \[указать по каждому] | После истечения срока cookie удаляется, и браузер больше не отправляет его на сервер. ### 8. Защита cookies [Заголовок раздела «8. Защита cookies»](#8-защита-cookies) **8.1. Безопасность** * Мы используют флаг `Secure` — cookies передаются только по HTTPS * Мы используем флаг `HttpOnly` — cookies недоступны для JavaScript (защита от XSS-атак) * Мы используем `SameSite` — cookies не отправляются при запросах с других сайтов (защита от CSRF) **8.2. Шифрование** * Все данные передаются по SSL/TLS (шифрование) * Cookies содержат только идентификаторы сессий, не пароли ### 9. Изменения в этой политике [Заголовок раздела «9. Изменения в этой политике»](#9-изменения-в-этой-политике) Мы можем обновлять эту Политику в любой момент. Дата последнего обновления указана в начале документа. Существенные изменения будут сообщены через: * Email * Уведомление на Сайте Продолжение использования Сайта означает согласие с новой Политикой. ### 10. Контакты [Заголовок раздела «10. Контакты»](#10-контакты) Если у вас есть вопросы о cookies или нашей Политике: **Email:** \[ваш email]\ **Телефон:** \[ваш телефон]\ **Форма:** \[ссылка на форму] *** ## Код cookie-баннера (пример) [Заголовок раздела «Код cookie-баннера (пример)»](#код-cookie-баннера-пример) Если хотите реализовать простой cookie-баннер самостоятельно: ```html ``` *** ## Советы по адаптации [Заголовок раздела «Советы по адаптации»](#советы-по-адаптации) 1. **Заполните таблицу cookies** (раздел 3) — укажите ВСЕ cookies на вашем сайте 2. **Укажите все сервисы** — если используете Google Analytics, Facebook Pixel и т.д., добавьте их в раздел 2 3. **Проверьте сроки хранения** — посмотрите в документации каждого сервиса, как долго хранятся cookies 4. **Убедитесь, что cookie-баннер работает** — перед публикацией протестируйте баннер на сайте 5. **Дайте пользователям выбор** — убедитесь, что есть кнопка “Отклонить” (не менее выразительная, чем “Принять”) *** **Ссылки:** * [Политика конфиденциальности](../../required-pages) * [Рекомендуемые страницы](../../optional-pages) * [Технические аспекты](../../implementation-checklist) * [Шаблоны документов](../) ---------- # Шаблон: Политика конфиденциальности > Готовый шаблон политики конфиденциальности под 152-ФЗ для адаптации под ваш сайт ## Как использовать этот шаблон [Заголовок раздела «Как использовать этот шаблон»](#как-использовать-этот-шаблон) Этот документ является **основой** для вашей Политики конфиденциальности. Замените все фразы `[в квадратных скобках]` на ваши реальные данные. **Важно:** Проверьте шаблон у IT-юриста перед публикацией, чтобы убедиться, что он полностью соответствует вашему бизнесу. *** ## ПОЛИТИКА КОНФИДЕНЦИАЛЬНОСТИ [Заголовок раздела «ПОЛИТИКА КОНФИДЕНЦИАЛЬНОСТИ»](#политика-конфиденциальности) **Дата вступления в силу:** \[дата] (например: 1 мая 2026 года)\ **Последнее обновление:** \[дата] ### 1. Определения [Заголовок раздела «1. Определения»](#1-определения) **1.1. Оператор персональных данных** — ООО “\[Название компании]” (далее — «Мы», «Компания»), зарегистрированное по адресу: \[юридический адрес], ИНН \[ИНН], ОГРН \[ОГРН]. **1.2. Персональные данные** — любая информация, относящейся к определённому или определяемому физическому лицу. **1.3. Сайт** — веб-сайт, расположенный по адресу \[] (далее — «Сайт»). **1.4. Пользователь** — физическое лицо, посещающее Сайт и/или использующее его услуги. **1.5. Согласие** — добровольное волеизъявление Пользователя на обработку его персональных данных, выраженное путём отметки соответствующего чекбокса при заполнении формы. ### 2. Информация, которую мы собираем [Заголовок раздела «2. Информация, которую мы собираем»](#2-информация-которую-мы-собираем) #### 2.1. Данные, собираемые при заполнении форм [Заголовок раздела «2.1. Данные, собираемые при заполнении форм»](#21-данные-собираемые-при-заполнении-форм) Когда вы заполняете форму на Сайте (например, форму обратной связи, подписку на рассылку, оформление заказа), мы собираем следующие данные: * Фамилия, имя, отчество * Адрес электронной почты * Номер телефона * Почтовый адрес (если применимо) * \[Другие поля, специфичные для вашего сайта: например, компания, должность, вид интереса и т.д.] #### 2.2. Автоматически собираемые данные [Заголовок раздела «2.2. Автоматически собираемые данные»](#22-автоматически-собираемые-данные) При посещении Сайта мы автоматически собираем: * IP-адрес вашего устройства * Информация о браузере и операционной системе * Дата и время визита * Страницы, которые вы посещали * Как долго вы были на странице * Реферер (откуда вы пришли) * Данные из cookies и аналогичных технологий #### 2.3. Как мы собираем данные [Заголовок раздела «2.3. Как мы собираем данные»](#23-как-мы-собираем-данные) Мы используем следующие технологии: * **Cookies** — файлы, сохраняемые на вашем устройстве * **Пиксели отслеживания** — небольшие изображения, которые отправляют данные о вашем поведении * **Логи сервера** — автоматическое сохранение информации о запросах к Сайту ### 3. Цели обработки персональных данных [Заголовок раздела «3. Цели обработки персональных данных»](#3-цели-обработки-персональных-данных) **\[Выберите применимые и добавьте свои]** Мы обрабатываем ваши данные в следующих целях: 3.1. **Ответ на вашу заявку** — чтобы связаться с вами и ответить на вопросы (основание: согласие / исполнение договора) 3.2. **Отправка рассылки новостей** — если вы подписались на рассылку (основание: согласие) 3.3. **Исполнение заказа** — чтобы доставить товар или оказать услугу (основание: исполнение договора) 3.4. **Аналитика и статистика** — чтобы улучшать Сайт, понимать поведение пользователей (основание: законные интересы) 3.5. **Безопасность** — чтобы защитить Сайт от мошенничества и атак (основание: законные интересы) 3.6. **Соответствие законам** — если требуется по закону (основание: правовое обязательство) 3.7. **\[Другие цели, специфичные для вашего бизнеса]** ### 4. Законные основания для обработки [Заголовок раздела «4. Законные основания для обработки»](#4-законные-основания-для-обработки) Мы обрабатываем ваши данные на основе: * **Ваше согласие** — когда вы отмечаете чекбокс при заполнении формы * **Исполнение договора** — когда вы совершаете покупку или заказываете услугу * **Законное обязательство** — когда требуется по закону (налоговые, таможенные и т.д. органы) * **Наши законные интересы** — для улучшения Сайта и безопасности ### 5. Сроки хранения данных [Заголовок раздела «5. Сроки хранения данных»](#5-сроки-хранения-данных) | Тип данных | Срок хранения | Основание | | --------------------------------------- | ------------------------------------- | --------------------------- | | Данные из форм (обратная связь, заявки) | \[6-24 месяца] | Согласие пользователя | | Email для рассылки | До отписки + \[30 дней] | Согласие пользователя | | Данные о заказах | 5 лет | Требования законодательства | | Cookies | \[указать срок: 1 год, 2 года и т.д.] | Согласие пользователя | | IP-адреса и логи сервера | 30 дней | Безопасность | | Архивные копии | 1 год после удаления | Резервное копирование | После истечения сроков данные удаляются или анонимизируются. ### 6. Получатели персональных данных [Заголовок раздела «6. Получатели персональных данных»](#6-получатели-персональных-данных) Мы передаём ваши данные следующим третьим лицам: #### 6.1. Сервисы аналитики [Заголовок раздела «6.1. Сервисы аналитики»](#61-сервисы-аналитики) * **Google Analytics** — анализ трафика (ссылка на политику: ) * **Яндекс.Метрика** — анализ поведения пользователей (ссылка на политику: ) * \[Другие сервисы аналитики, если используются] #### 6.2. Email-сервисы [Заголовок раздела «6.2. Email-сервисы»](#62-email-сервисы) * **\[Название сервиса, например: Mailchimp, SendPulse, Beget и т.д.]** — отправка рассылок (ссылка на политику: \[ссылка]) #### 6.3. CRM и системы управления клиентами [Заголовок раздела «6.3. CRM и системы управления клиентами»](#63-crm-и-системы-управления-клиентами) * **\[Название CRM, если используется]** — сохранение информации о клиентах (ссылка на политику: \[ссылка]) #### 6.4. Платёжные системы [Заголовок раздела «6.4. Платёжные системы»](#64-платёжные-системы) * **\[Яндекс.Касса, Stripe, PayPal и т.д.]** — обработка платежей (ссылка на политику: \[ссылка]) #### 6.5. Хостинг и облачные хранилища [Заголовок раздела «6.5. Хостинг и облачные хранилища»](#65-хостинг-и-облачные-хранилища) * **\[Название хостинга, например: Beget, TimeWeb и т.д.]** — хранение данных (ссылка на политику: \[ссылка]) #### 6.6. Государственные органы [Заголовок раздела «6.6. Государственные органы»](#66-государственные-органы) Мы можем передать ваши данные государственным органам, если: * Требуется по суду * Требуется правоохранительными органами * Требуется для исполнения закона ### 7. Ваши права [Заголовок раздела «7. Ваши права»](#7-ваши-права) Согласно закону 152-ФЗ, у вас есть право: **7.1. Право доступа** — узнать, какие ваши данные мы обрабатываем\ **7.2. Право исправления** — исправить неточные или неполные данные\ **7.3. Право удаления** — потребовать удаления ваших данных (кроме данных, требуемых по закону)\ **7.4. Право ограничения обработки** — ограничить использование ваших данных\ **7.5. Право на возражение** — возразить против обработки данных для маркетинга\ **7.6. Право на передачимость** — получить свои данные в структурированном виде Чтобы реализовать любое из этих прав, напишите нам на адрес: **\[ваш email]** ### 8. Безопасность данных [Заголовок раздела «8. Безопасность данных»](#8-безопасность-данных) Мы предпринимаем следующие меры для защиты ваших данных: * Использование HTTPS-протокола (шифрование данных при передаче) * Ограничение доступа к данным только авторизованному персоналу * Регулярное резервное копирование * Использование брандмауэра и системы защиты от атак * \[Другие конкретные меры безопасности вашей компании] Однако, ни одна система безопасности не является абсолютной. Мы не гарантируем абсолютную безопасность ваших данных, но прилагаем все усилия для их защиты. ### 9. Передача данных за границу [Заголовок раздела «9. Передача данных за границу»](#9-передача-данных-за-границу) \[**Если вы НЕ передаёте данные за границу, оставьте этот раздел:**] Мы не передаём ваши данные в страны вне Российской Федерации. \[**Если передаёте в страны, не признанные Роскомнадзором как имеющие достаточный уровень защиты:**] Мы передаём ваши данные в следующие третьи страны: \[например, США, Европа и т.д.] Основание передачи: \[ваше согласие / исполнение договора / другое] Вы можете узнать подробнее о защите ваших данных в странах-получателях, связавшись с нами по адресу: \[ваш email] ### 10. Файлы cookies [Заголовок раздела «10. Файлы cookies»](#10-файлы-cookies) Мы используем cookies для: * Аутентификации (вход в аккаунт) * Запоминания ваших предпочтений * Аналитики * Рекламы и ретаргетинга Подробнее см. [Политику использования cookies](../../templates/cookie-policy-template). ### 11. Обновления политики [Заголовок раздела «11. Обновления политики»](#11-обновления-политики) Мы можем обновлять эту Политику в любое время. Дата последнего обновления указана в начале документа. Существенные изменения будут сообщены вам по email или через уведомление на Сайте. Продолжая использовать Сайт после обновления Политики, вы принимаете её новую версию. ### 12. Контакты [Заголовок раздела «12. Контакты»](#12-контакты) Если у вас есть вопросы о Политике конфиденциальности или о том, как мы обрабатываем ваши данные: **Email:** \[ваш email]\ **Телефон:** \[ваш телефон]\ **Адрес:** \[ваш юридический адрес]\ **Форма обратной связи:** \[ссылка на форму на вашем сайте] **Ответственное лицо по персональным данным:**\ Фамилия, имя, отчество: \[ФИО]\ Email: \[email] *** ## Советы по адаптации этого шаблона [Заголовок раздела «Советы по адаптации этого шаблона»](#советы-по-адаптации-этого-шаблона) 1. **Замените все \[текст в квадратных скобках]** на ваши реальные данные 2. **Проверьте раздел 6** (Получатели данных) — убедитесь, что указали ВСЕ сервисы, которые получают доступ к данным пользователей 3. **Будьте конкретны** — не пишите просто «аналитика», а указывайте конкретные сервисы (Google Analytics, Яндекс.Метрика и т.д.) 4. **Обновляйте регулярно** — если добавили новый сервис или изменили сроки хранения, обновите документ 5. **Передайте юристу** — перед публикацией проверьте у специалиста *** **Ссылки:** * [Обязательные страницы](../../required-pages) * [Шаблоны документов](../) ---------- # Шаблон: Публичная оферта > Готовый шаблон публичной оферты (договора продажи) для интернет-магазина или услуги ## Как использовать этот шаблон [Заголовок раздела «Как использовать этот шаблон»](#как-использовать-этот-шаблон) Публичная оферта — это **договор**. Пользователь акцептует (соглашается) с ней при нажатии кнопки «Оплатить» или «Заказать». **Выберите вариант для вашего типа сайта:** * Если вы продаёте **товары** → см. раздел “Для интернет-магазина” * Если вы оказываете **услугу** → см. раздел “Для услуг” * Если у вас **подписка** → см. раздел “Для подписки” *** ## ПУБЛИЧНАЯ ОФЕРТА № 1 [Заголовок раздела «ПУБЛИЧНАЯ ОФЕРТА № 1»](#публичная-оферта--1) ### Для интернет-магазина [Заголовок раздела «Для интернет-магазина»](#для-интернет-магазина) **Дата вступления в силу:** \[дата]\ **Действительна до:** \[дата или “до отмены”] *** ### 1. Определения [Заголовок раздела «1. Определения»](#1-определения) **Продавец** — ООО “\[Название]”, ИНН \[ИНН], ОГРН \[ОГРН], юридический адрес: \[адрес]\ **Покупатель** — физическое лицо, размещающее заказ через Сайт\ **Сайт** — веб-сайт, расположенный по адресу \[]\ **Товар** — \[описать, какие товары вы продаёте]\ **Заказ** — совокупность товаров, выбранных Покупателем в корзине\ **Доставка** — услуга передачи Товара от Продавца к Покупателю ### 2. Предмет договора [Заголовок раздела «2. Предмет договора»](#2-предмет-договора) 2.1. **Предложение** — Продавец предлагает продать Товар, описанный на Сайте, на условиях этой Оферты. 2.2. **Акцепт** — Покупатель принимает Предложение путём нажатия кнопки **«Оплатить»** или **«Подтвердить заказ»** после прочтения всех условий. 2.3. **Заключение договора** — договор считается заключённым с момента подтверждения заказа Покупателем. ### 3. Информация о товаре [Заголовок раздела «3. Информация о товаре»](#3-информация-о-товаре) 3.1. **Описание** — Товар описан на Сайте со следующей информацией: * Наименование * Характеристики * Цена * Фото/изображения * \[Другие параметры, если есть] 3.2. **Точность описания** — Покупатель понимает, что изображения на Сайте показательны. Фактические размеры, цвета и характеристики могут немного отличаться. 3.3. **Информация о производителе** — \[если применимо] * Производитель: \[название] * Страна происхождения: \[страна] * Сертификаты: \[если есть] 3.4. **Отзывы и оценки** — рейтинги и отзывы других покупателей размещены в информационных целях и не являются гарантией качества. ### 4. Цена и способы оплаты [Заголовок раздела «4. Цена и способы оплаты»](#4-цена-и-способы-оплаты) **4.1. Цена** * **Стоимость товара:** указана на Сайте в рублях * **Налоги:** \[выберите одно] * включены в цену (цена окончательная) * добавляются отдельно (при оформлении показывается окончательная сумма с налогами) * **Стоимость доставки:** \[указать или “рассчитывается при оформлении”] **4.2. Изменение цены** * Цена может измениться после размещения товара в корзину, но ДО подтверждения заказа * Вы увидите финальную цену перед нажатием кнопки «Оплатить» * Если цена изменится незначительно (менее 1%), заказ будет обработан по новой цене * Если цена изменится значительно (более 1%), мы свяжемся с вами для подтверждения **4.3. Способы оплаты** Мы принимаем следующие способы оплаты: * Банковская карта Visa / Mastercard (обработка через \[название платёжной системы]) * Электронный кошелёк Яндекс.Касса * \[Другие способы: СбербанкOнлайн, WebMoney и т.д.] **Безопасность:** Платежи обрабатываются с использованием шифрования HTTPS и PCI DSS. **4.4. Сроки оплаты** * Оплата должна быть произведена в течение **\[24 часа]** с момента подтверждения заказа * Если оплата не произведена за это время, заказ автоматически отменяется * При отмене зарезервированные товары возвращаются в продажу **4.5. Квитанция** После успешной оплаты вы получите: * Email с номером заказа * Квитанция об оплате * Информация о доставке ### 5. Доставка [Заголовок раздела «5. Доставка»](#5-доставка) **5.1. Способы доставки** Мы предлагаем следующие способы доставки: | Способ | Срок | Стоимость | Регионы | | ---------------- | --------- | --------- | ------------------ | | Почта России | 5-10 дней | \[сумма] | Вся Россия | | Курьер по Москве | 1-2 дня | \[сумма] | Москва | | Курьер по МО | 2-3 дня | \[сумма] | Московская область | | \[Другой курьер] | \[сроки] | \[сумма] | \[регионы] | **5.2. Адрес доставки** * Вы указываете адрес доставки при оформлении заказа * Доставка возможна по адресам в пределах обслуживаемых регионов * Некоторые адреса (например, почтовые ящики, адреса без подъезда) могут не приниматься **5.3. Сроки доставки** * Указанные сроки — рекомендуемые и не являются гарантией * Доставка может быть задержана из-за: плохой погоды, перегрузки курьера, проблем с доступом в дом * Максимальный срок доставки: \[указать, например: 30 дней] **5.4. Статус доставки** * После отправки вы получите трек-номер * Следить за статусом можно на Сайте или на сайте курьера * Курьер свяжется с вами за день до доставки, чтобы согласовать время **5.5. Если никто не открыл дверь** * Курьер попытается доставить товар ещё раз * После \[3 попыток] товар будет возвращён на склад * Свяжитесь с нами, чтобы переотправить или вернуть деньги **5.6. Международная доставка** \[Если применимо] * Мы отправляем в \[страны] * Таможенные пошлины и налоги — ответственность Покупателя * Время доставки: 10-30 дней ### 6. Получение и проверка товара [Заголовок раздела «6. Получение и проверка товара»](#6-получение-и-проверка-товара) **6.1. Проверка при получении** * Проверьте целостность упаковки перед тем, как подписывать акт о доставке * Если упаковка повреждена, отметьте это у курьера * Откройте посылку и проверьте содержимое на соответствие заказу **6.2. Что делать, если товар повреждён или не соответствует заказу** * Сфотографируйте повреждение * Свяжитесь с нами по email/телефону в течение **\[24 часа]** после получения * Приложите фото и номер заказа * Мы пересончук товар или вернём деньги **6.3. Сроки для подачи претензии** * Заявления о повреждении / несоответствии: в течение **24 часов** после получения * Если прошло более 48 часов, претензия не принимается ### 7. Возврат и обмен [Заголовок раздела «7. Возврат и обмен»](#7-возврат-и-обмен) **7.1. Право на возврат** Вы имеете право на возврат товара в соответствии с Законом о защите прав потребителей: **Для товаров, которые можно вернуть:** * Срок возврата: **14 дней** (считаются дни после доставки) * Товар должен быть: неиспользованным, неизношенным, с чеками и упаковкой **Примеры возвратных товаров:** * Одежда, обувь (если не носили) * Электроника (если не открывали, работает) * Книги (если не читали) **7.2. Товары, которые НЕ подлежат возврату** Согласно Закону о защите прав потребителей, НЕ возвращаются: * Нижнее белье * Гигиенические товары * Косметика и парфюмерия (если вскрывали) * Продукты питания (если не герметично упакованы) * Товары, изготовленные по спецзаказу * \[Добавьте ваши специфичные товары, если есть] **7.3. Процедура возврата** 1. Свяжитесь с нами: email \[ваш email] или форма на Сайте 2. Опишите причину возврата и приложите фото (если требуется) 3. Мы пришлём вам реквизиты для отправки товара обратно 4. Отправьте товар почтой или курьером 5. После получения и проверки товара вернём деньги в течение **\[5 рабочих дней]** **7.4. Стоимость возврата** * Покупатель оплачивает доставку товара обратно: \[размер суммы или % от стоимости товара] * От суммы возврата вычитается стоимость обратной доставки **7.5. Возврат денег** * Если платили картой: деньги вернут на карту в течение \[5-10 дней] * Если платили электронным кошельком: деньги вернут в кошелёк в течение \[1-3 дней] **7.6. Обмен на другой размер/цвет** * Обмен возможен в течение **14 дней** * Обмен осуществляется за счёт Продавца (вы не платите за доставку туда) * Новый товар будет доставлен после получения старого и его проверки ### 8. Гарантия [Заголовок раздела «8. Гарантия»](#8-гарантия) **\[Выберите применимо]** **Если гарантия НЕ предусмотрена:** ```plaintext Товар продаётся БЕЗ гарантии "как есть". Гарантийные претензии не принимаются. ``` **Если гарантия предусмотрена:** ```plaintext 8.1. На следующие товары предусмотрена гарантия производителя: - [Товар 1]: [срок] - [Товар 2]: [срок] 8.2. Гарантия распространяется на: - Заводские дефекты - Неправильную работу 8.3. Гарантия НЕ распространяется на: - Повреждения от использования - Повреждения от неправильного ухода - Естественный износ - Повреждения при доставке (это претензия к курьеру) 8.4. При возникновении гарантийного дефекта: - Свяжитесь с нами с фото/видео проблемы - Мы отправим вам новый товар или вернём деньги - В некоторых случаях потребуется отправить дефектный товар обратно ``` ### 9. Ограничение ответственности Продавца [Заголовок раздела «9. Ограничение ответственности Продавца»](#9-ограничение-ответственности-продавца) 9.1. **Мы не отвечаем за:** * Задержку доставки из-за стихийных бедствий, форс-мажора * Повреждение товара при доставке (это ответственность курьера) * Косвенные убытки (потеря прибыли, репутации и т.д.) 9.2. **Максимум, который мы вернём:** * Не превышает стоимость товара и доставки ### 10. Права и обязанности Покупателя [Заголовок раздела «10. Права и обязанности Покупателя»](#10-права-и-обязанности-покупателя) **Покупатель согласен:** * Предоставить корректный адрес доставки * Быть доступным для получения товара в указанное время * Проверить товар при получении * Правильно хранить товар * Использовать товар в соответствии с инструкцией ### 11. Персональные данные [Заголовок раздела «11. Персональные данные»](#11-персональные-данные) Мы обрабатываем ваши персональные данные в соответствии с нашей [Политикой конфиденциальности](../../required-pages). ### 12. Расторжение договора [Заголовок раздела «12. Расторжение договора»](#12-расторжение-договора) 12.1. **Вы можете отменить заказ:** * До оплаты — в любой момент * После оплаты — в течение **\[24 часа]** (если товар ещё не отправлен) 12.2. **Мы можем отменить заказ:** * Если товара нет в наличии (вернём деньги полностью) * Если вы нарушили условия (например, передали заказ другому лицу) ### 13. Разрешение споров [Заголовок раздела «13. Разрешение споров»](#13-разрешение-споров) 13.1. Все споры регулируются законами Российской Федерации. 13.2. Юрисдикция: суды \[города/региона]. 13.3. **Досудебное разрешение:** * Направьте претензию на email: \[ваш email] * Мы рассмотрим в течение 30 дней * Попытаемся разрешить мирно 13.4. Если претензия не разрешена, дело передаётся в суд. ### 14. Изменение условий [Заголовок раздела «14. Изменение условий»](#14-изменение-условий) Мы можем менять эту Оферту в любой момент. Действует последняя версия, опубликованная на Сайте. ### 15. Контакты [Заголовок раздела «15. Контакты»](#15-контакты) **Вопросы по заказам:** * Email: \[ваш email] * Телефон: \[ваш телефон] * Форма на Сайте: \[ссылка] **Адрес Продавца:** \[ваш адрес] **Реквизиты:** * ИНН: \[ИНН] * ОГРН: \[ОГРН] * Расчётный счёт: \[номер счёта] *** ## Советы по адаптации [Заголовок раздела «Советы по адаптации»](#советы-по-адаптации) 1. **Выберите тип оферты** — для магазина, услуги или подписки 2. **Замените \[текст в квадратных скобках]** на ваши данные 3. **Будьте конкретны в сроках и условиях** — не пишите “примерно” 4. **Укажите все способы доставки и оплаты**, которые вы действительно принимаете 5. **Чётко определите, какие товары можно вернуть**, а какие нельзя 6. **Проверьте у юриста** перед публикацией, особенно разделы о гарантии и возврате *** **Ссылки:** * [Обязательные страницы](../../required-pages) * [Рекомендуемые страницы](../../optional-pages) * [Технические аспекты](../../implementation-checklist) * [Шаблоны документов](../) ---------- # Шаблон: Пользовательское соглашение > Готовый шаблон пользовательского соглашения для адаптации под ваш сайт ## Как использовать этот шаблон [Заголовок раздела «Как использовать этот шаблон»](#как-использовать-этот-шаблон) Этот документ регулирует **правила использования** вашего сайта. Замените все фразы `[в квадратных скобках]` на ваши данные. **Совет:** Пользовательское соглашение часто объединяют с Политикой конфиденциальности, но лучше держать их отдельно для ясности. *** ## ПОЛЬЗОВАТЕЛЬСКОЕ СОГЛАШЕНИЕ [Заголовок раздела «ПОЛЬЗОВАТЕЛЬСКОЕ СОГЛАШЕНИЕ»](#пользовательское-соглашение) **Дата вступления в силу:** \[дата]\ **Последнее обновление:** \[дата] ### 1. Определения [Заголовок раздела «1. Определения»](#1-определения) **Сайт** — веб-сайт, расположенный по адресу \[]\ **Компания** / **Мы** — ООО “\[Название]”, ИНН \[ИНН], ОГРН \[ОГРН]\ **Пользователь** — любое физическое лицо, посещающее или использующее Сайт\ **Контент** — все материалы на Сайте: тексты, изображения, видео, код и т.д.\ **Услуга** — \[указать, что конкретно вы предоставляете: например, информация, консультации, товары и т.д.] ### 2. Согласие с условиями [Заголовок раздела «2. Согласие с условиями»](#2-согласие-с-условиями) 2.1. Посещая и используя Сайт, вы автоматически согласны со всеми условиями этого Соглашения. 2.2. Если вы не согласны с какими-либо условиями, пожалуйста, не используйте Сайт. 2.3. Мы вправе изменить эти условия в любой момент. Продолжение использования Сайта после публикации изменений означает ваше согласие с ними. ### 3. Ваша ответственность как пользователя [Заголовок раздела «3. Ваша ответственность как пользователя»](#3-ваша-ответственность-как-пользователя) Вы соглашаетесь: 3.1. **Не нарушать чужие права** * Не загружать контент, который нарушает авторские права третьих лиц * Не размещать контент, который нарушает патенты, товарные знаки, коммерческую тайну других лиц 3.2. **Не распространять вредоносный контент** * Не загружать файлы с вирусами, вредоносными программами, шпионским ПО * Не совершать атаки на Сайт или его системы 3.3. **Не спамить и не беспокоить других пользователей** * Не отправлять массовую рассылку * Не оставлять оскорбительные, угрожающие, дискриминирующие комментарии * Не преследовать других пользователей 3.4. **Не использовать Сайт для незаконных целей** * Не совершать мошенничество * Не использовать для продажи запрещённых товаров * Не использовать для фишинга или социальной инженерии 3.5. **Не нарушать работу Сайта** * Не использовать автоматические скрипты для массового сбора информации (кроме как разрешено поисковыми системами) * Не перегружать Сайт запросами * Не пытаться обойти системы безопасности 3.6. **Не выдавать себя за другое лицо** * Если вы создаёте профиль, указывайте настоящую информацию * Не выдавайте себя за сотрудника Компании ### 4. Ограничение ответственности Компании [Заголовок раздела «4. Ограничение ответственности Компании»](#4-ограничение-ответственности-компании) **4.1. Сайт предоставляется “как есть”** Мы не гарантируем: * Что Сайт будет работать без перебоев (может быть техническое обслуживание, сбои, хакерские атаки) * Что информация на Сайте всегда точна и актуальна * Что Сайт совместим со всеми браузерами и устройствами **4.2. Мы не отвечаем за:** * Косвенные убытки (упущенная выгода, потеря данных, деловая репутация) * Прямые убытки свыше \[сумма договора] / \[сумма последнего платежа] * Ущерб от действий третьих лиц (хакеры, спамеры и т.д.) * Ущерб, вызванный использованием информации из Сайта **4.3. Предупреждение** Вы используете Сайт на свой риск. Мы не несём ответственность за какие-либо убытки, прямые или косвенные, вытекающие из использования Сайта. ### 5. Интеллектуальная собственность [Заголовок раздела «5. Интеллектуальная собственность»](#5-интеллектуальная-собственность) **5.1. Наша интеллектуальная собственность** Весь контент на Сайте (тексты, изображения, видео, логотип, дизайн, структура) защищен авторским правом и является нашей собственностью или собственностью наших лицензиаров. **5.2. Что вы можете делать** Вы можете: * Просматривать Контент в браузере * Сохранять Контент для личного использования * Печатать страницы для личного использования * Делиться ссылкой на страницу **5.3. Что вы НЕ можете делать** Вы не можете: * Копировать и переиспользовать Контент без разрешения * Продавать, лицензировать или передавать контент * Модифицировать или создавать производные работы * Удалять уведомления об авторском праве или товарных знаках * Использовать контент в коммерческих целях **5.4. Нарушения** Нарушение авторского права карается по ст. 1301, 1311 Гражданского кодекса РФ (штраф до 5 млн рублей, уголовная ответственность). ### 6. Пользовательский контент [Заголовок раздела «6. Пользовательский контент»](#6-пользовательский-контент) **6.1. Права на контент, который вы создаёте** Если вы загружаете, размещаете или отправляете контент на Сайт (комментарии, отзывы, сообщения), вы: * Остаётесь его владельцем * Даёте нам право использовать этот контент для работы Сайта, модерации и улучшения сервиса * Гарантируете, что у вас есть право на распространение этого контента **6.2. Модерация** Мы можем удалить любой контент, который: * Нарушает это Соглашение * Содержит оскорбления, угрозы, спам * Нарушает чьи-либо права * Содержит вредоносный код **6.3. Резервное копирование** Мы не гарантируем, что сохраним ваш контент бесконечно. При удалении аккаунта ваш контент может быть удалён. ### 7. Третьи лица и ссылки [Заголовок раздела «7. Третьи лица и ссылки»](#7-третьи-лица-и-ссылки) **7.1. Ссылки на внешние сайты** Сайт может содержать ссылки на внешние сайты. Мы не отвечаем за содержание этих сайтов и не одобряем их. **7.2. Ссылки на наш Сайт** Вы можете ссылаться на наш Сайт, но: * Не используйте глубокие ссылки без согласия * Не кэшируйте содержимое Сайта * Не используйте фреймы ### 8. Конфиденциальность и персональные данные [Заголовок раздела «8. Конфиденциальность и персональные данные»](#8-конфиденциальность-и-персональные-данные) Мы обрабатываем ваши персональные данные в соответствии с нашей [Политикой конфиденциальности](../../required-pages). ### 9. Прекращение доступа [Заголовок раздела «9. Прекращение доступа»](#9-прекращение-доступа) **9.1. Мы можем запретить вам доступ к Сайту, если вы:** * Нарушаете это Соглашение * Совершаете незаконные действия * Являетесь источником спама или вредоноса * Досаждаете другим пользователям **9.2. Процедура блокировки:** * Мы попытаемся уведомить вас о нарушении * Дадим вам 7 дней на исправление (если применимо) * Если нарушение серьёзно, можем заблокировать немедленно ### 10. Разрешение споров [Заголовок раздела «10. Разрешение споров»](#10-разрешение-споров) **10.1. Судебная юрисдикция** Все споры, вытекающие из или связанные с этим Соглашением, подлежат юрисдикции судов \[Москвы / вашего города]. **10.2. Применимое право** Это Соглашение регулируется законами Российской Федерации. **10.3. Досудебное разрешение** Прежде чем подавать в суд, попытайтесь разрешить спор путём письменной переписки с нами. Направьте претензию на адрес: \[ваш адрес] Мы ответим в течение 30 дней. ### 11. Изменение условий [Заголовок раздела «11. Изменение условий»](#11-изменение-условий) Мы можем изменять это Соглашение в любой момент. Дата последнего обновления указана в начале документа. Существенные изменения будут сообщены вам через: * Email * Уведомление на Сайте * Перемещение условия в более видное место Продолжение использования Сайта означает согласие с новыми условиями. ### 12. Разделение [Заголовок раздела «12. Разделение»](#12-разделение) Если какое-либо положение этого Соглашения признано недействительным, остальные положения остаются в силе. ### 13. Полное соглашение [Заголовок раздела «13. Полное соглашение»](#13-полное-соглашение) Это Соглашение, вместе с [Политикой конфиденциальности](../../required-pages) и [Публичной офертой](../public-offer-template) (если применимо), составляет всё соглашение между вами и Компанией. ### 14. Контакты [Заголовок раздела «14. Контакты»](#14-контакты) Если у вас есть вопросы об этом Соглашении: **Email:** \[ваш email]\ **Телефон:** \[ваш телефон]\ **Адрес:** \[ваш адрес] *** ## Советы по адаптации [Заголовок раздела «Советы по адаптации»](#советы-по-адаптации) 1. **Замените \[текст в квадратных скобках]** на ваши данные 2. **Добавьте свои правила** — если ваш сайт имеет специфику (например, форум, маркетплейс), добавьте свои разделы 3. **Убедитесь в применимости** — некоторые разделы может быть не нужны, если ваш сайт их не использует 4. **Проверьте у юриста** перед публикацией *** **Ссылки:** * [Рекомендуемые страницы](../../optional-pages) * [Шаблоны документов](../) ---------- # Интернет-маркетинг > Обзор интернет-маркетинга и его подвидов: SEO, контент-маркетинг, PPC/CPC, CPA, email-маркетинг, SMM, AEO/GEO. ## Что такое интернет-маркетинг [Заголовок раздела «Что такое интернет-маркетинг»](#что-такое-интернет-маркетинг) Интернет-маркетинг — это экосистема взаимосвязанных каналов и инструментов для продвижения товаров и услуг в интернете. Основная цель — превратить посетителей сайта в покупателей и увеличить прибыль. В отличие от традиционной рекламы, интернет-маркетинг даёт: * **Измеримость** — каждый клик, показ и конверсия отслеживаются в реальном времени * **Таргетирование** — показ рекламы только целевой аудитории по демографии, интересам, поведению * **Интерактивность** — прямое взаимодействие с аудиторией, обратная связь * **Относительно низкий порог входа** — запуск с минимальными вложениями ## Основные направления [Заголовок раздела «Основные направления»](#основные-направления) ### [SEO (поисковая оптимизация)](./internet-marketing/seo) [Заголовок раздела «SEO (поисковая оптимизация)»](#seo-поисковая-оптимизация) Оптимизация сайта для получения органического трафика из поисковых систем. Включает техническую, внутреннюю и внешнюю оптимизацию, а также локальное и международное SEO. ### [Контент-маркетинг](./internet-marketing/content-marketing) [Заголовок раздела «Контент-маркетинг»](#контент-маркетинг) Создание и распространение ценного контента для привлечения и удержания аудитории. Статьи, видео, гайды, кейсы, подкасты — всё, что формирует доверие и экспертизу. ### [PPC и CPC](./internet-marketing/ppc-cpc) [Заголовок раздела «PPC и CPC»](#ppc-и-cpc) Реклама с оплатой за клик: контекстная реклама в поисковиках (Google Ads, Яндекс.Директ), таргетированная реклама в соцсетях. Модель CPC (cost per click) — ключевая метрика эффективности. ### [CPA-маркетинг](./internet-marketing/cpa) [Заголовок раздела «CPA-маркетинг»](#cpa-маркетинг) Модель оплаты за действие: регистрация, покупка, установка приложения. CPA-сети соединяют рекламодателей с партнёрами (веб-мастерами), которые привлекают клиентов. ### Email-маркетинг [Заголовок раздела «Email-маркетинг»](#email-маркетинг) Работа с базой подписчиков: приветственные цепочки, прогревающие серии, триггерные письма, дайджесты. Один из самых рентабельных каналов. Подробнее — в разделе [Email-маркетинг](../services/saas/email-marketing). ### SMM (маркетинг в социальных сетях) [Заголовок раздела «SMM (маркетинг в социальных сетях)»](#smm-маркетинг-в-социальных-сетях) Продвижение через соцсети: создание комьюнити, вирусный контент, таргетированная реклама. Ключевые площадки: VK, Telegram, YouTube, TenChat, Rutube. ### [AI в маркетинге](./ai/) [Заголовок раздела «AI в маркетинге»](#ai-в-маркетинге) Раздел покрывает автоматизацию и AI-инструменты: * [MARKETING.md: протокол AI-маркетинга](./ai/marketing-md) — Концепция Marketing as Code, objectives & guardrails, автономные циклы, структура для AI-агентов. * [AEO и GEO](./ai/aeo-geo) — Оптимизация контента для AI-поиска (ChatGPT, Perplexity, Google AI Overviews). * [Claude Code и AI-инструменты](./ai/claude-code-for-marketers) — Практические кейсы: Skills, авто-обновление контента, конкурентный анализ. ### [Автоматизация маркетинга в WordPress](./wordpress-marketing-automation) [Заголовок раздела «Автоматизация маркетинга в WordPress»](#автоматизация-маркетинга-в-wordpress) Плагины и стратегии: Uncanny Automator, FluentCRM, WooCommerce-автоматизация. ## Модели оплаты в интернет-рекламе [Заголовок раздела «Модели оплаты в интернет-рекламе»](#модели-оплаты-в-интернет-рекламе) | Модель | Расшифровка | Суть | | ------- | ---------------- | ---------------------------------------------------- | | **CPM** | Cost Per Mille | Оплата за 1000 показов | | **CPC** | Cost Per Click | Оплата за клик по объявлению | | **CPA** | Cost Per Action | Оплата за целевое действие (лид, продажа, установка) | | **CPL** | Cost Per Lead | Оплата за лид (контактные данные) | | **CPS** | Cost Per Sale | Оплата за продажу (процент или фикс) | | **CPI** | Cost Per Install | Оплата за установку приложения | ## Воронка интернет-маркетинга [Заголовок раздела «Воронка интернет-маркетинга»](#воронка-интернет-маркетинга) Классическая воронка AIDA применима и в интернете: 1. **Attention (Внимание)** — медийная реклама, SEO, SMM 2. **Interest (Интерес)** — контент-маркетинг, лендинги, email-рассылки 3. **Desire (Желание)** — кейсы, отзывы, сравнения, прогревающий контент 4. **Action (Действие)** — CTA, лид-магниты, спецпредложения ## Ключевые метрики [Заголовок раздела «Ключевые метрики»](#ключевые-метрики) * **ROI / ROMI** — окупаемость инвестиций в маркетинг * **Conversion Rate** — процент посетителей, совершивших целевое действие * **CAC** — стоимость привлечения клиента * **LTV** — пожизненная ценность клиента * **CTR** — кликабельность объявлений * **CPC / CPA** — стоимость клика / целевого действия ## Связь с WordPress [Заголовок раздела «Связь с WordPress»](#связь-с-wordpress) Для сайтов на WordPress интернет-маркетинг реализуется через: * **SEO-плагины** — [сравнение SEO-плагинов](../wordpress/plugins/seo-plugins) * **Аналитику** — [Яндекс.Метрика, GA4](../services/saas/analytics) * **Email-маркетинг** — [платформы рассылок](../services/saas/email-marketing) * **WooCommerce** — встроенные маркетинговые инструменты и расширения * **CRO** — инструменты конверсии: [всплывающие окна, A/B-тесты](../services/saas/marketing-cro) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Интернет-маркетинг — Википедия](https://ru.wikipedia.org/wiki/%D0%98%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%BC%D0%B0%D1%80%D0%BA%D0%B5%D1%82%D0%B8%D0%BD%D0%B3) * [Интернет-маркетинг: начало — Tilda Education](https://tilda.education/courses/marketing/internet-marketing-beginning/) * [Что такое интернет-маркетинг — Cleverence](https://www.cleverence.ru/articles/biznes/internet-marketing-chto-eto-takoe-i-iz-chego-on-sostoit-vidy-tseli-zadachi-osobennosti-funktsii-i-na/) ---------- # ИИ агенты в маркетинге > Автоматизация, стратегия и инструменты для AI-маркетинга: MARKETING.md протокол, AEO/GEO оптимизация, Claude Code и Marketing as Code. ## Что здесь [Заголовок раздела «Что здесь»](#что-здесь) Раздел покрывает применение AI-агентов, автоматизации и новых оптимизационных подходов в маркетинге: * **[MARKETING.md: протокол AI-маркетинга](./marketing-md)** — как структурировать маркетинг для AI-агентов, Marketing as Code и autonomous cycles * **[AEO и GEO: оптимизация для AI-поиска](./aeo-geo)** — Answer Engine Optimization и Generative Engine Optimization для видимости в AI-поиске * **[Claude Code и AI-инструменты](./claude-code-for-marketers)** — практическое использование Claude Code, Skills и автоматизации для маркетологов ## Зачем это нужно [Заголовок раздела «Зачем это нужно»](#зачем-это-нужно) В 2026 маркетинг становится программным: AI-агенты автономно генерируют, тестируют и оптимизируют кампании в рамках определённых целей и ограничений. Традиционная автоматизация (если-то правила) уступает место систематическому управлению через декларативные контракты. Одновременно AI-поиск (ChatGPT, Perplexity, Gemini) вытесняет часть традиционного Google-трафика — нужны новые подходы к видимости контента. ## Как это связано [Заголовок раздела «Как это связано»](#как-это-связано) ```plaintext MARKETING.md (контракт) ↓ Marketing as Code (операционная модель) ↓ Claude Code + AI-агенты (исполнение) ↓ [email | paid | SEO/GEO | content] ↓ Результаты (лиды, revenue, бренд-видимость) ``` Параллельно ведём оптимизацию для AI-поиска (AEO/GEO), чтобы появиться в AI-ответах и не потерять видимость. ---------- # AEO и GEO: оптимизация для AI-поиска > Answer Engine Optimization (AEO) и Generative Engine Optimization (GEO) — новые направления SEO для видимости в ChatGPT, Perplexity, Google AI Overviews. ## Что такое AEO (Answer Engine Optimization) [Заголовок раздела «Что такое AEO (Answer Engine Optimization)»](#что-такое-aeo-answer-engine-optimization) AEO (Answer Engine Optimization) — практика структурирования контента так, чтобы AI-ответные движки (answer engines) могли извлекать, понимать и цитировать прямые ответы на вопросы пользователей. Цель AEO — не просто ранжироваться в поиске, а быть тем источником, который AI процитирует при формировании ответа. ### Три цели AEO [Заголовок раздела «Три цели AEO»](#три-цели-aeo) 1. Ответить на вопрос чётко в том формате, который предпочитают answer engines 2. Поддержать ответ контекстом, доказательствами и надёжными источниками 3. Сигнализировать доверие через структуру контента, schema-разметку и авторскую экспертизу ### Почему AEO важен в 2026 [Заголовок раздела «Почему AEO важен в 2026»](#почему-aeo-важен-в-2026) * **52%** взрослых в США используют LLM (ChatGPT, Gemini, Claude, Copilot) * Трафик из AI-поиска конвертится в **4.4x лучше** * Последовательные заголовки (H2 → H3 → H4) увеличивают шансы цитирования в **2.8x** * AI Overviews появляются в **50%** поисковых запросов в США * ChatGPT: **700 млн** еженедельных пользователей ## AEO vs SEO [Заголовок раздела «AEO vs SEO»](#aeo-vs-seo) | Аспект | SEO | AEO | | ------------------ | ------------------------------ | ---------------------------------------------- | | Цель | Ранжирование в SERP | Цитирование в AI-ответах | | Метрика успеха | Позиция, клики, трафик | Частота цитирования | | Формат контента | Оптимизация под ключевые слова | Извлекаемые блоки-ответы | | Сигналы авторитета | Бэклинки, Domain Authority | Сторонние упоминания, структурированные данные | | Платформа | Google Search | ChatGPT, Perplexity, Gemini, AI Overviews | ## Как работают answer engines [Заголовок раздела «Как работают answer engines»](#как-работают-answer-engines) Трёхшаговый процесс: 1. **Интерпретация вопроса** — система парсит запрос и определяет намерение, объём и ключевые сущности 2. **Поиск кандидатов** — извлечение из индекса, доверенных доменов и графов знаний. Оценка по релевантности, глубине, свежести и сигналам доверия 3. **Генерация ответа и выбор источника** — составление ответа и выбор источников, которые выглядят чёткими, конкретными и заслуживающими доверия ### Что ищут answer engines [Заголовок раздела «Что ищут answer engines»](#что-ищут-answer-engines) * Прямые блоки ответов (40–60 слов) * Чёткую иерархию заголовков (H2 → H3 → H4) * Конкретику: определения, ограничения, шаги * Доказательства: цитирование первичных источников * Консистентную терминологию * Структурированные данные (schema.org) * Авторскую экспертизу (биографии, credentials) ## 7 стратегий AEO [Заголовок раздела «7 стратегий AEO»](#7-стратегий-aeo) ### 1. Пишите для намерения, форматируйте для извлечения [Заголовок раздела «1. Пишите для намерения, форматируйте для извлечения»](#1-пишите-для-намерения-форматируйте-для-извлечения) Открывайте каждый раздел коротким самодостаточным абзацем, прямо отвечающим на вопрос. Затем подкрепляйте доказательствами. ### 2. Используйте вопросы, а не ключевые слова [Заголовок раздела «2. Используйте вопросы, а не ключевые слова»](#2-используйте-вопросы-а-не-ключевые-слова) Источники вопросов: Google Search Console, «People also ask», звонки отдела продаж, тикеты поддержки. ### 3. Featured snippets как тренировка для AI Search [Заголовок раздела «3. Featured snippets как тренировка для AI Search»](#3-featured-snippets-как-тренировка-для-ai-search) Страницы, выигрывающие сниппеты: чётко определяют концепцию, держат ответ компактным, организуют подтверждения в списки/таблицы. ### 4. Schema-разметка [Заголовок раздела «4. Schema-разметка»](#4-schema-разметка) Типы: FAQPage, HowTo, Article, Organization, Person/Author. Размечайте только то, что видно пользователям. ### 5. Тематический авторитет [Заголовок раздела «5. Тематический авторитет»](#5-тематический-авторитет) Публикуйте один главный гайд + поддерживающие страницы для смежных вопросов. Соединяйте описательными внутренними ссылками. ### 6. Упрощайте структуру для цитирования [Заголовок раздела «6. Упрощайте структуру для цитирования»](#6-упрощайте-структуру-для-цитирования) Короткие абзацы (2–4 предложения), буллиты, определения в начале раздела, заголовки в форме вопросов. ### 7. Зарабатывайте упоминания там, где AI учится [Заголовок раздела «7. Зарабатывайте упоминания там, где AI учится»](#7-зарабатывайте-упоминания-там-где-ai-учится) Публикуйте оригинальные данные, участвуйте в гостевых статьях, появляйтесь в обсуждениях (Reddit, форумы, обзорные сайты). ## 8 ключевых техник AEO (2026) [Заголовок раздела «8 ключевых техник AEO (2026)»](#8-ключевых-техник-aeo-2026) 1. **Entity-First Content** — контент вокруг сущностей, а не ключевых слов 2. **Direct Answer Block** — извлекаемый ответ в первых 150 словах (55% цитирований из первых 30% контента) 3. **Schema Markup Stacking** — FAQPage + HowTo + Article в одной @graph структуре 4. **Question-to-Answer Mapping** — заголовки, зеркально отражающие реальные вопросы пользователей 5. **Multi-Source Authority** — авторитет через 5+ независимых платформ (85% AI-упоминаний из сторонних источников) 6. **Continuous Freshness** — ежеквартальное обновление с видимым версионированием (страницы без обновлений теряют цитирования в 3x быстрее) 7. **Comparison Tables** — HTML-таблицы для сравнений (AI извлекает табличные данные надёжнее, чем прозу) 8. **Cross-Platform Monitoring** — еженедельный мониторинг по ChatGPT, Gemini, Copilot, Perplexity ## Что такое GEO (Generative Engine Optimization) [Заголовок раздела «Что такое GEO (Generative Engine Optimization)»](#что-такое-geo-generative-engine-optimization) GEO — более широкая дисциплина, чем AEO. Если AEO фокусируется на появлении в answer-функциях, GEO нацелен на оптимизацию контента для всех генеративных AI-систем (ChatGPT, Gemini, Perplexity, Claude). ### GEO vs Традиционное SEO [Заголовок раздела «GEO vs Традиционное SEO»](#geo-vs-традиционное-seo) | Аспект | Традиционное SEO | GEO | | --------------------- | ----------------------- | --------------------------------------- | | Источник ответов | Список URL | Синтезированная информация | | Факторы ранжирования | Бэклинки, Domain Rating | Цитатный авторитет (citation authority) | | Пользовательский ввод | Ключевые слова | Разговорные промпты | | Успех | Трафик, позиция | AI-цитирования, доля голоса | **Ключевой факт:** LLM цитируют в среднем всего 2–7 доменов на один ответ — гораздо меньше, чем 10 синих ссылок Google. ### Почему GEO критичен [Заголовок раздела «Почему GEO критичен»](#почему-geo-критичен) * Более **1 млрд** промптов ежедневно в ChatGPT * **71%** американцев используют AI-поиск для исследования покупок * **89%** B2B-покупателей используют генеративный AI (Forrester) * **87%** людей более склонны использовать AI для крупных покупок (Adobe) ## 10-шаговый GEO-фреймворк [Заголовок раздела «10-шаговый GEO-фреймворк»](#10-шаговый-geo-фреймворк) 1. **Согласуйте цели GEO с бизнес-KPI** — лиды, выручка, регистрации 2. **Аудируйте AI-видимость** — какие платформы упоминают бренд, как часто, в каком контексте 3. **Картируйте промпты по воронке** — от осведомлённости до решения о покупке 4. **Структурируйте контент** — TL;DR блоки, буллиты, schema, таблицы 5. **Технические сигналы** — HTTPS, скорость <1.8 сек, полная schema, LLMs.txt 6. **Создавайте цитируемые источники** — оригинальные исследования, whitepapers 7. **Усиливайте E-E-A-T** — биографии авторов, прозрачные источники, отзывы 8. **Интегрируйте мультимедиа** — графики, инфографика, транскрипты видео 9. **Масштабируйте тестирование** — библиотека 20–30 промптов на ключевую тему 10. **Бенчмаркинг и итерации** — квартальные отчёты по видимости и цитированию ## Измерение успеха [Заголовок раздела «Измерение успеха»](#измерение-успеха) * **Visibility score** — насколько бренд виден в AI-ответах * **Citation count** — количество цитирований * **Sentiment index** — тональность упоминаний * **Share of voice** — доля голоса относительно конкурентов ## AEO/GEO для WordPress [Заголовок раздела «AEO/GEO для WordPress»](#aeogeo-для-wordpress) Для WordPress-сайтов AEO/GEO-оптимизация реализуется через: * Качественную структуру контента (правильные заголовки, short answer blocks) * Плагины для Schema-разметки (Rank Math, Yoast SEO, SEOPress) * Техническую оптимизацию (Core Web Vitals, HTTPS, мобильная адаптивность) * Регулярное обновление контента Если вы хотите вынести AI-friendly карту знаний в отдельный слой для LLM-инструментов, используйте [LLMs.txt для AI-агентов](../../../ai/llms-txt-for-ai-agents). ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [AEO Guide 2026 — AirOps](https://www.airops.com/blog/aeo-answer-engine-optimization) * [AEO Techniques 2026 — GenOptima](https://www.gen-optima.com/blog/aeo-techniques-2026-complete-guide/) * [GEO 10-Step Framework — Profound](https://www.tryprofound.com/resources/articles/generative-engine-optimization-geo-guide-2025) ---------- # Claude Code и AI-инструменты для маркетологов > Практическое руководство по использованию Claude Code, Skills и AI-агентов в маркетинге: от автообновления контента до AEO-стратегий. ## Claude Code для маркетолога [Заголовок раздела «Claude Code для маркетолога»](#claude-code-для-маркетолога) Claude Code (CLI-инструмент Anthropic) — не только для разработчиков. Маркетологи используют его для задач, которые раньше требовали команды разработки: * Авто-обновление контента * Внутренняя перелинковка * Конкурентный анализ * Генерация маркетинговых материалов * AEO-мониторинг ## Что такое Skills [Заголовок раздела «Что такое Skills»](#что-такое-skills) Skills в Claude — переиспользуемые инструкции в формате Markdown. Claude загружает skill в контекст при срабатывании триггера и выполняет задачу как по плейбуку. Это главная точка входа для маркетологов: ```plaintext Claude, используя skill "homepage-review", проанализируй homepage competitor.com ``` Claude загружает файл `homepage-review.md` с критериями оценки и выдаёт структурированный результат. ## Кейсы маркетологов [Заголовок раздела «Кейсы маркетологов»](#кейсы-маркетологов) ### 1. Проверка позиционирования (Emily Kramer, MKT1) [Заголовок раздела «1. Проверка позиционирования (Emily Kramer, MKT1)»](#1-проверка-позиционирования-emily-kramer-mkt1) Skill оценивает B2B-лендинг по фреймворку позиционирования: * Проверяет hero-секцию и всю страницу отдельно * Выставляет letter grade (A/B/C/D) * Даёт конкретные исправления, включая переписанные заголовки * Построен за 4 итерации тестирования на реальных страницах ### 2. Customer Lookalike Outbound (Elaine Zelby, Tofu) [Заголовок раздела «2. Customer Lookalike Outbound (Elaine Zelby, Tofu)»](#2-customer-lookalike-outbound-elaine-zelby-tofu) Еженедельный агент: * Смотрит closed-won сделки в HubSpot * Находит 10 похожих компаний * Подбирает 3-5 контактов на компанию через Clay * Генерирует 4-email sequence + LinkedIn DM * Отправляет черновики в Slack на проверку команде ### 3. Авто-обновление контента (Firecrawl) [Заголовок раздела «3. Авто-обновление контента (Firecrawl)»](#3-авто-обновление-контента-firecrawl) * Ahrefs находит «увядающие» посты (падающий трафик) * Уведомление в Slack * Claude обновляет: статистику, примеры кода, секции, внутренние ссылки * Human-in-the-loop: проверка перед публикацией ### 4. Агент внутренней перелинковки (Firecrawl) [Заголовок раздела «4. Агент внутренней перелинковки (Firecrawl)»](#4-агент-внутренней-перелинковки-firecrawl) * Claude имеет доступ ко всему репозиторию сайта * Семантически подбирает релевантные внутренние ссылки * Знает приоритетные страницы для продвижения * Заменил SaaS-инструмент за $30/мес ### 5. Конкурентный анализ [Заголовок раздела «5. Конкурентный анализ»](#5-конкурентный-анализ) ```plaintext Use Firecrawl to scrape the pricing pages of these 5 competitors and make a comparison table. ``` Claude + Firecrawl = автоматический сбор и структурирование данных конкурентов. ## Технические маркетинговые задачи [Заголовок раздела «Технические маркетинговые задачи»](#технические-маркетинговые-задачи) * **Оптимизация изображений:** WebP-конвертация (30-40% меньше размера) * **Аудит скорости:** Lazy loading, JS-бандлы, third-party скрипты * **FAQ-генерация:** через Firecrawl Agent → structured data для AEO * **Файловые конверсии:** CSV → JSON, реструктуризация данных ## AEO-мониторинг через AI [Заголовок раздела «AEO-мониторинг через AI»](#aeo-мониторинг-через-ai) Claude анализирует crawl-данные (Vercel bot) и определяет, какие вопросы пользователи задают сайту. Это напрямую питает AEO-стратегию (Answer Engine Optimization): * Какие вопросы задают AI-поисковики (ChatGPT, Perplexity)? * Какие ответы получают? * Где контент нужно улучшить для попадания в AI-ответы? ## ИИ и SEO/GEO (российский контекст) [Заголовок раздела «ИИ и SEO/GEO (российский контекст)»](#ии-и-seogeo-российский-контекст) По данным DP.ru (2025): * Органический трафик снизился на 15-40% из-за AI-ответов в поиске * 30-50% запросов будут закрываться AI-ответами в ближайшие 1-2 года * Симбиоз SEO и GEO (продвижение для AI-ответов) становится решающим **Как попасть в AI-ответы:** * Упоминания в крупных отраслевых изданиях * Регулярное обновление данных (цены, услуги) на всех площадках * Структурирование информации: списки, таблицы, вопрос-ответ * Регулярная проверка отображения компании в AI-ответах ## Как начать маркетологу [Заголовок раздела «Как начать маркетологу»](#как-начать-маркетологу) 1. **Выучите основы технического стека** — HTML, CSS, как работает JS, SEO-фундамент 2. **Автоматизируйте рутину в первую очередь** — еженедельная занятость, отнимающая часы 3. **Создайте skills из повторяемых процессов** — code review → copy review, strategy review 4. **Начинайте с фазы 1, валидируйте, затем фаза 2** — не пытайтесь автоматизировать всё сразу 5. **Получите review инженера** — для customer-facing изменений 6. **Human-in-the-loop лучше полной автономии** — проверяйте результат AI перед публикацией ## Риски [Заголовок раздела «Риски»](#риски) * **53.5% корпоративных пользователей** случайно раскрывают конфиденциальную информацию в промптах * Вопрос авторских прав на AI-контент: в РФ автором может быть только человек * AI-изображения часто искажают пропорции товара, создают нереалистичные ожидания * 60% россиян не могут отличить AI-фото от настоящих ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Firecrawl: Claude Code for Marketing — How Marketers Can Use It in 2026](https://www.firecrawl.dev/blog/claude-code-for-marketing) * [MKT1 Newsletter: What 4 Gen Marketers Are Building with Claude Code](https://newsletter.mkt1.co/p/real-marketers-claude-code-builds) * [DP.ru: Маркетинг под код — как превратить ИИ в союзника](https://www.dp.ru/a/2025/08/29/marketing-pod-kod-kak-prevratit) * [Mayfield: AI’s Next Frontier — Why Marketing Needs Its Own Claude Code](https://www.mayfield.com/ais-next-frontier-why-marketing-needs-its-own-claude-code/) * [DDpa: Marketing as Code — автономный AI-маркетинг](https://ddpa.ru/kb/ai/marketing/marketing-as-code/) ---------- # MARKETING.md: протокол AI-маркетинга > MARKETING.md как протокол для AI-агентов в маркетинге: структура контракта, governance, границы автономии и связь с подходом Marketing as Code. ## Что такое MARKETING.md [Заголовок раздела «Что такое MARKETING.md»](#что-такое-marketingmd) MARKETING.md - это протокол (декларативный контракт) для AI-агентов в маркетинге. Он фиксирует цели, ограничения, тон коммуникации, каналы и правила кампаний в машиночитаемом формате. Практически это единая точка правды для команды и агентов: один документ определяет, как исполнять маркетинговые задачи без стилевого и операционного дрейфа. ## Связь с Marketing as Code [Заголовок раздела «Связь с Marketing as Code»](#связь-с-marketing-as-code) Marketing as Code (MaC) — подход, при котором маркетинговые операции описываются как код: цели, ограничения и данные, а AI-системы автономно генерируют, тестируют и оптимизируют кампании. По аналогии с Infrastructure as Code — маркетинг перестаёт быть ручным ремеслом и становится управляемой системой. **Ключевой сдвиг:** от фиксированных if-then правил к автономным циклам, где AI оперирует миллионами динамических сегментов в реальном времени. ## Традиционная автоматизация vs Marketing as Code [Заголовок раздела «Традиционная автоматизация vs Marketing as Code»](#традиционная-автоматизация-vs-marketing-as-code) | Аспект | Традиционная автоматизация | Marketing as Code | | ----------------------- | --------------------------- | ----------------------------------------------- | | **Решения** | Статические human-правила | AI-цели + live-данные | | **Масштаб сегментации** | 5–10 сегментов | Миллионы динамических сегментов | | **Данные** | Синхронизированные снепшоты | Live enterprise data (zero-copy) | | **Роль человека** | Строит каждый шаг | Задаёт цели и ограничения, проверяет результаты | | **Формат вывода** | Читаемые человеком кампании | Machine-readable для AI-агентов | ## Ключевые принципы [Заголовок раздела «Ключевые принципы»](#ключевые-принципы) ### 1. Objectives & Guardrails [Заголовок раздела «1. Objectives & Guardrails»](#1-objectives--guardrails) Вместо «сделай email-кампанию» — точные цели и ограничения: ```plaintext Цель: увеличить CR продукта X на 20% за 30 дней Бюджет: до $10 000 Ограничения: не использовать scarcity-тактики, брендовый tone of voice Каналы: email, LinkedIn ads, Google Ads Данные: CRM (HubSpot), аналитика (GA4), CDP ``` AI сам решает как, где и когда запускать кампании в этих рамках. ### 2. Structured Product Data [Заголовок раздела «2. Structured Product Data»](#2-structured-product-data) Вместо маркетинговых текстов — структурированные факты о продукте: фичи, цены, конкурентные преимущества. AI использует их для генерации кампаний под каждый сегмент. ### 3. Omnichannel Coordination [Заголовок раздела «3. Omnichannel Coordination»](#3-omnichannel-coordination) Единая координированная система: AI замечает падение платного трафика → обновляет лендинг → alert в CRM → корректирует email-каденцию → предлагает sales follow-up. Не разрозненные автоматизации, а скоординированные действия. ### 4. Autonomous Cycles [Заголовок раздела «4. Autonomous Cycles»](#4-autonomous-cycles) Генерация → тест → оптимизация → перераспределение бюджета — без участия человека. AI останавливает проигрывающие варианты, удваивает ставку на победителей, обновляет креативы и bids. ### 5. Human as Strategist [Заголовок раздела «5. Human as Strategist»](#5-human-as-strategist) Человек определяет стратегию, ставит KPI и проверяет результаты. AI исполняет. Маркетолог перестаёт быть «делателем» и становится «дирижёром». ## Роли AI-агентов в маркетинге [Заголовок раздела «Роли AI-агентов в маркетинге»](#роли-ai-агентов-в-маркетинге) | Роль | Что делает | | ------------------------------------ | ----------------------------------------------------------------------- | | **«Busy middle»** | Генерация и тестирование креативов, мониторинг, остановка проигрывающих | | **Cross-channel координатор** | Согласование сообщений между каналами | | **Экспериментальная инфраструктура** | Непрерывное A/B-тестирование | | **Персонализация в масштабе** | Миллионы микро-сегментов с адаптивным messaging | | **Early warning system** | Creative fatigue, CAC creep, brand drift — до того как станет проблемой | ## Marketing as Code в WordPress [Заголовок раздела «Marketing as Code в WordPress»](#marketing-as-code-в-wordpress) Прямого MaC-фреймворка для WordPress не существует, но его можно аппроксимировать: | Компонент MaC | Реализация в WordPress | | ----------------------------- | ---------------------------------------- | | **Objectives & guardrails** | Стратегический документ в Git | | **Structured product data** | Кастомные поля, REST API | | **Omnichannel-координация** | Uncanny Automator (200+ интеграций) | | **Autonomous-циклы** | FluentCRM + webhooks + внешние AI-агенты | | **Marketplace intelligence** | Firecrawl API для скрейпинга конкурентов | | **Experiment infrastructure** | Google Optimize / VWO через webhooks | ## Кейсы [Заголовок раздела «Кейсы»](#кейсы) **Firecrawl (SEO):** * AI-агенты для отслеживания упоминаний бренда * Авто-обновление «увядающих» блог-постов (Ahrefs → Slack → Claude Code) * Агент внутренней перелинковки (заменил SaaS за $30/мес) **Результаты внедрения AI в маркетинг (IBM, 2026):** * 3× open rates от AI-определения оптимального времени отправки * +40% revenue за 90 дней при AI-оптимизации кампаний * 60% больше эффективности у компаний, внедривших агентный маркетинг ## Когда Marketing as Code оправдан [Заголовок раздела «Когда Marketing as Code оправдан»](#когда-marketing-as-code-оправдан) * Объём маркетинговых операций перерос ручное управление * Есть data-инфраструктура (CRM, аналитика, CDP) * Команда готова к переходу от «делаем» к «управляем системой» * Есть техническая компетенция или партнёрство CMO+CTO ## MARKETING.md как исполнимый контракт [Заголовок раздела «MARKETING.md как исполнимый контракт»](#marketingmd-как-исполнимый-контракт) MARKETING.md - это декларативный конфигурационный файл, который фиксирует стратегию, тон, ограничения и правила запуска кампаний в машиночитаемом виде. Связка простая: * Marketing as Code описывает операционную модель (как работает система) * MARKETING.md задаёт исполнимую конфигурацию (по каким правилам работает система) ### Когда внедрять MARKETING.md [Заголовок раздела «Когда внедрять MARKETING.md»](#когда-внедрять-marketingmd) Файл особенно полезен, если: * один бренд ведёт несколько каналов одновременно (SEO, email, paid, соцсети) * в работе участвуют несколько исполнителей или AI-агентов * появились расхождения в тоне, офферах или критериях качества * нужен быстрый онбординг новых маркетологов и подрядчиков ### Базовая структура MARKETING.md [Заголовок раздела «Базовая структура MARKETING.md»](#базовая-структура-marketingmd) ```markdown ## Brand Voice - clear, direct, evidence-based ## ICP - segment: B2B SaaS - company_size: 5-50 - buyer_roles: founder, head_of_marketing ## Tone of Voice - confident, not arrogant - practical over inspirational ## Messaging Pillars - reduce manual work - ship campaigns faster - keep measurement transparent ## Channels - primary: blog, linkedin, email - secondary: x, reddit, youtube ## Campaign Rules - min_ab_variants: 3 - claims_source: approved-library - no_discount_without_approval: true ## Autonomy - content_drafts: full - paid_campaign_changes: review_required - partnerships: human_only ``` ### Пример интеграции в WordPress [Заголовок раздела «Пример интеграции в WordPress»](#пример-интеграции-в-wordpress) Частый сценарий: хранить MARKETING.md в репозитории сайта и отдавать его агентам через API, чтобы внешний оркестратор использовал актуальные правила. ```php 'GET', 'callback' => function () { $path = ABSPATH . 'MARKETING.md'; if (!file_exists($path)) { return new WP_Error( 'marketing_contract_missing', 'MARKETING.md не найден в корне проекта.', ['status' => 404] ); } return new WP_REST_Response([ 'updated_at' => gmdate('c', filemtime($path)), 'content' => file_get_contents($path), ]); }, 'permission_callback' => '__return_true', ]); }); ``` ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Mayfield: AI’s Next Frontier — Why Marketing Needs Its Own Claude Code](https://www.mayfield.com/ais-next-frontier-why-marketing-needs-its-own-claude-code/) * [DDpa: Marketing as Code — автономный AI-маркетинг](https://ddpa.ru/kb/ai/marketing/marketing-as-code/) ---------- # Интернет-маркетинг: определение и основы > Полное определение интернет-маркетинга, его направления, модель 4P, преимущества перед традиционной рекламой и ключевые метрики. ## Определение [Заголовок раздела «Определение»](#определение) Интернет-маркетинг (internet marketing, online-маркетинг) — практика использования всех аспектов традиционного маркетинга в интернете для продажи продукта или услуги и управления взаимоотношениями с покупателями. Это экосистема, объединяющая рекламные инструменты, аналитику, технологии и пользовательский опыт. В отличие от традиционного маркетинга, интернет-маркетинг позволяет: * **Точно измерить** эффективность каждого канала и кампании * **Таргетировать** аудиторию по демографии, интересам, поведению, гео * **Взаимодействовать** с клиентами напрямую, получать обратную связь * **Персонализировать** предложения и контент ## Направления интернет-маркетинга [Заголовок раздела «Направления интернет-маркетинга»](#направления-интернет-маркетинга) Интернет-маркетинг — не единый канал, а комплекс направлений: * **SEO** — оптимизация сайта для поисковых систем (органический трафик) * **SEM** — маркетинг в поисковых системах (SEO + контекстная реклама) * **SMM** — продвижение в социальных сетях (SMO — оптимизация под соцсети, SMM — продвижение) * **Email-маркетинг** — прямые рассылки подписчикам * **[Контент-маркетинг](./content-marketing)** — создание полезного контента для привлечения аудитории * **[PPC/CPC](./ppc-cpc)** — реклама с оплатой за клик (контекстная, таргетированная) * **CPA** — реклама с оплатой за действие (лид, продажа, установка) * **Медийная реклама** — баннеры, видео, programmatic (RTB) * **Партнёрский маркетинг** — продвижение через аффилиатов * **Influencer-маркетинг** — работа с лидерами мнений * **Мобильный маркетинг** — реклама в мобильных приложениях, push-уведомления ## Теория 4P в интернет-маркетинге [Заголовок раздела «Теория 4P в интернет-маркетинге»](#теория-4p-в-интернет-маркетинге) | Элемент | Содержание в интернет-маркетинге | | --------------------------- | ---------------------------------------------------------------------------------------------------------- | | **Product (Товар)** | То, что продаётся через интернет. Может быть физическим товаром, цифровым продуктом, услугой или подпиской | | **Price (Цена)** | Часто ниже, чем в офлайне (нет расходов на аренду), но добавляются затраты на доставку и эквайринг | | **Promotion (Продвижение)** | Комплекс мер: SEO, контекстная и баннерная реклама, email, партнёрский и вирусный маркетинг | | **Place (Место)** | Точка продаж: сайт, лендинг, маркетплейс, группа в соцсети, мобильное приложение | ## Бизнес-модели [Заголовок раздела «Бизнес-модели»](#бизнес-модели) * **B2B** — бизнес для бизнеса * **B2C** — бизнес для потребителя * **C2C** — потребитель-потребитель (Avito, eBay, Youla) * **C2B** — частное лицо продаёт бизнесу (фриланс-биржи) ## Преимущества перед традиционной рекламой [Заголовок раздела «Преимущества перед традиционной рекламой»](#преимущества-перед-традиционной-рекламой) | Параметр | Интернет-маркетинг | Традиционная реклама | | -------------------- | ------------------------------ | ----------------------- | | Стоимость входа | Относительно низкая | Высокая | | Оценка эффективности | В реальном времени | Ограниченные показатели | | Гибкость управления | Высокая (можно менять на лету) | Практически отсутствует | | Персонализация | Максимальная | Минимальная | | Охват | Глобальный | Локальный | ## Модели коммуникации [Заголовок раздела «Модели коммуникации»](#модели-коммуникации) * **Исходящая (outbound)** — бренд инициирует контакт: реклама, холодные сообщения, рассылка * **Входящая (inbound)** — пользователь сам приходит через SEO, контент-маркетинг, рекомендации * **Смешанная** — объединение обоих подходов в единой воронке ## Стратегия интернет-маркетинга [Заголовок раздела «Стратегия интернет-маркетинга»](#стратегия-интернет-маркетинга) Стратегия — план действий по увеличению продаж. Ключевые шаги: 1. **Определение целевой аудитории** — составить портрет потребителя, понять боли и мотивацию 2. **Изучение конкурентов** — определить позицию относительно прямых и непрямых конкурентов 3. **Определение целей и KPI** — выбрать инструменты и каналы под конкретные метрики 4. **Реализация и анализ** — запуск, отслеживание эффективности, корректировка Стандартной пошаговой стратегии для любого бизнеса не существует — каждый план индивидуален. ## Ключевые метрики [Заголовок раздела «Ключевые метрики»](#ключевые-метрики) * **ROI** — коэффициент окупаемости инвестиций * **Conversion Rate** — конверсия сайта (процент посетителей, совершивших целевое действие) * **CPC** — стоимость клика * **CPA** — стоимость целевого действия * **CAC** — стоимость привлечения клиента * **LTV** — пожизненная ценность клиента * **CTR** — кликабельность объявлений ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Интернет-маркетинг — Википедия](https://ru.wikipedia.org/wiki/%D0%98%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%BC%D0%B0%D1%80%D0%BA%D0%B5%D1%82%D0%B8%D0%BD%D0%B3) * [Интернет-маркетинг: начало — Tilda Education](https://tilda.education/courses/marketing/internet-marketing-beginning/) * [Что такое интернет-маркетинг — Cleverence](https://www.cleverence.ru/articles/biznes/internet-marketing-chto-eto-takoe-i-iz-chego-on-sostoit-vidy-tseli-zadachi-osobennosti-funktsii-i-na/) ---------- # Контент-маркетинг > Стратегия, форматы, каналы и метрики контент-маркетинга. Пошаговый запуск и тренды 2025–2026. ## Что такое контент-маркетинг [Заголовок раздела «Что такое контент-маркетинг»](#что-такое-контент-маркетинг) Контент-маркетинг — стратегическое направление интернет-маркетинга, основанное на создании и распространении ценного, релевантного и последовательного контента для привлечения и удержания аудитории. Конечная цель — стимулировать клиентов на целевые действия, приносящие прибыль. Контент-маркетинг — **не прямая реклама**. Он косвенно убеждает аудиторию через полезную информацию, экспертизу и доверие. ## Что НЕ является контент-маркетингом [Заголовок раздела «Что НЕ является контент-маркетингом»](#что-не-является-контент-маркетингом) * Разовая активность (одна статья, один ролик) * Генерация контента без дистрибуции * Активность только на одном канале * Нерегулярность (написали 10 статей и замолчали на 3 месяца) * Отсутствие аналитики и KPI ## Задачи контент-маркетинга [Заголовок раздела «Задачи контент-маркетинга»](#задачи-контент-маркетинга) * Повышение узнаваемости бренда * Привлечение новой аудитории и рост трафика * Укрепление репутации и экспертности * Знакомство с продуктами и услугами * Отстройка от конкурентов * Улучшение поведенческих факторов сайта (для SEO) * Увеличение продаж По данным HubSpot, компании, уделяющие приоритетное внимание контент-маркетингу, получают в **13 раз больше ROI**. По данным CMI (2025), 74% маркетологов генерируют спрос или лиды через контент-маркетинг. ## Кому нужен и не нужен [Заголовок раздела «Кому нужен и не нужен»](#кому-нужен-и-не-нужен) **Нужен:** * Сложная ниша (CRM, медоборудование, финансы, юруслуги) * Новый продукт — нужно рассказать и объяснить * Дорогой продукт с длинным циклом покупки * Масштабирование: снижение стоимости лида, наращивание аудитории **Не нужен:** * Локальный бизнес без планов масштабирования * Товары повседневного спроса (FMCG) * Услуги при форс-мажорах (эвакуатор, срочный ремонт) * Неотлаженные бизнес-процессы или плохой продукт ## Типы и форматы контента [Заголовок раздела «Типы и форматы контента»](#типы-и-форматы-контента) | Тип | Форматы | | -------------------------- | ----------------------------------------------------------- | | **Текстовый** | Статьи, лонгриды, гайды, кейсы, новости, подборки, интервью | | **Графический** | Инфографика, схемы, таблицы, иллюстрации, скриншоты | | **Видео** | YouTube, VK Video, Rutube, Shorts, Reels, TikTok | | **Аудио** | Подкасты (Яндекс.Музыка, Apple Podcasts) | | **Интерактивный** | Квизы, опросы, тесты, калькуляторы | | **Пользовательский (UGC)** | Отзывы, истории клиентов, фото с продуктом | ## Каналы дистрибуции [Заголовок раздела «Каналы дистрибуции»](#каналы-дистрибуции) * **Собственный сайт / блог** — SEO-ядро, долгосрочный актив * **Социальные сети** — VK, Telegram, YouTube, TenChat * **Email-рассылки** — прогревание аудитории, директ-маркетинг * **Сторонние площадки** — VC.ru, Habr, профильные СМИ * **Видеоплатформы** — YouTube, VK Video, Rutube * **Подкасты** — Яндекс.Музыка, Apple Podcasts ## Запуск контент-маркетинга: пошаговый план [Заголовок раздела «Запуск контент-маркетинга: пошаговый план»](#запуск-контент-маркетинга-пошаговый-план) 1. **Определить цели** — KPI: трафик, лиды, продажи, узнаваемость 2. **Изучить аудиторию** — боли, вопросы, каналы потребления контента 3. **Проанализировать конкурентов** — какие форматы и темы работают у них 4. **Выбрать форматы и каналы** — исходя из аудитории и ресурсов 5. **Создать контент-план** — редакционный календарь с темами и датами 6. **Производить контент** — тексты, видео, графика 7. **Дистрибуция** — SEO, соцсети, рассылки, гостевые публикации 8. **Анализировать и оптимизировать** — метрики, корректировка стратегии ## Тренды 2026 [Заголовок раздела «Тренды 2026»](#тренды-2026) * **Видеоконтент** — Shorts, Reels, TikTok, VK Video * **Персонализация с AI** — адаптация контента под конкретного пользователя * **Интерактив** — квизы, опросы, тесты, калькуляторы * **UGC и комьюнити-маркетинг** — пользовательский контент и сообщества * **Омниканальность** — бесшовный опыт на всех площадках * **Контент под российские платформы** — TenChat, VK Video, Rutube, Яндекс.Дзен * **Data-driven подход** — решения на основе метрик, а не интуиции * **AI в создании контента** — ChatGPT, Gemini, Claude для черновиков и идей (с обязательной экспертной доработкой) ## Метрики эффективности [Заголовок раздела «Метрики эффективности»](#метрики-эффективности) ### Узнаваемость и видимость [Заголовок раздела «Узнаваемость и видимость»](#узнаваемость-и-видимость) * Количество посетителей на странице * Время на странице, глубина просмотра * Количество подписок / собранных email ### Здоровье бренда [Заголовок раздела «Здоровье бренда»](#здоровье-бренда) * **NPS** — индекс потребительской лояльности * **Share of Voice** — доля голоса бренда * **Sentiment analysis** — тональность упоминаний ### Привлечение клиентов [Заголовок раздела «Привлечение клиентов»](#привлечение-клиентов) * Источники трафика (SEO, соцсети, рефералы, прямой) * Демография посетителей ### Продажи [Заголовок раздела «Продажи»](#продажи) * Конверсия на каждом этапе воронки * Повторное вовлечение (% постоянных посетителей) * CAC, LTV, ROMI ### Вовлечённость в соцсетях [Заголовок раздела «Вовлечённость в соцсетях»](#вовлечённость-в-соцсетях) * ER (Engagement Rate), комментарии, репосты * Рост подписчиков ## Основные ошибки [Заголовок раздела «Основные ошибки»](#основные-ошибки) * Отсутствие стратегии и KPI * Фокус на количестве, а не на качестве * Игнорирование дистрибуции (контент без продвижения) * Нерегулярность публикаций * Копирование конкурентов без адаптации * Ожидание мгновенных результатов ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Контент-маркетинг — Википедия](https://ru.wikipedia.org/wiki/%D0%9A%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D1%82-%D0%BC%D0%B0%D1%80%D0%BA%D0%B5%D1%82%D0%B8%D0%BD%D0%B3) * [Что такое контент-маркетинг — Kokoc](https://kokoc.com/blog/kontent-marketing/) * [Контент-маркетинг: кому подходит и с чего начать — Unisender](https://www.unisender.com/ru/blog/chto-takoe-kontent-marketing-i-kak-s-nim-rabotat/) ---------- # CPA-маркетинг > Модель оплаты за действие (Cost Per Action): виды офферов, CPA-сети, метрики и как выбрать CPA-платформу. ## Что такое CPA [Заголовок раздела «Что такое CPA»](#что-такое-cpa) CPA (Cost Per Action) — модель оплаты в интернет-рекламе, при которой рекламодатель платит только за **целевые действия**, совершённые пользователем: покупку, регистрацию, установку приложения, заполнение формы. В отличие от CPC (оплата за клик) и CPM (оплата за показы), CPA фокусируется исключительно на результате. Это модель с наименьшими рисками для рекламодателя. CPA используют в двух смыслах: 1. **Как метрику** — стоимость одного целевого действия: `CPA = затраты / количество действий` 2. **Как модель оплаты** — партнёр получает деньги только за конкретный результат ## Виды CPA-офферов [Заголовок раздела «Виды CPA-офферов»](#виды-cpa-офферов) | Модель | Расшифровка | Суть | | ------------- | ------------------------------ | ---------------------------------------------------------------------------------------------------------- | | **CPL** | Cost Per Lead | Оплата за лид — контактные данные потенциального клиента (заполнение формы, звонок) | | **CPS / CPO** | Cost Per Sale / Cost Per Order | Оплата за продажу — процент от стоимости или фиксированная сумма. Товар должен быть оплачен и не возвращён | | **CPI** | Cost Per Install | Оплата за установку мобильного приложения или программы | | **CPV** | Cost Per Visit | Оплата за посещение целевой страницы или просмотр видео (оговорённое время) | ## Пример расчёта CPA [Заголовок раздела «Пример расчёта CPA»](#пример-расчёта-cpa) Салон потратил 15 000 ₽ на рекламу. Пользователи заполнили 15 форм, совершили 15 звонков, отправили 20 сообщений. Итого 50 лидов. ```plaintext CPA = 15 000 / 50 = 300 ₽ за лид ``` **Важно:** не все лиды станут клиентами. Около 20% заявок — «мусорные» (неправильные данные, нет реакции). Из оставшихся купит только часть. ## Как работает CPA-маркетинг [Заголовок раздела «Как работает CPA-маркетинг»](#как-работает-cpa-маркетинг) ### Участники [Заголовок раздела «Участники»](#участники) 1. **Рекламодатель** — бизнес, продвигающий продукт 2. **Партнёр (веб-мастер, аффилиат)** — продвигает продукт через свои каналы 3. **CPA-сеть** — платформа-посредник, соединяющая рекламодателей с партнёрами ### Процесс [Заголовок раздела «Процесс»](#процесс) 1. Рекламодатель размещает **оффер** (техническое задание) в CPA-сети 2. Партнёр выбирает оффер и привлекает трафик через свои каналы 3. Пользователь совершает целевое действие 4. CPA-сеть фиксирует конверсию, рекламодатель платит партнёру ## Кому подходит CPA-модель [Заголовок раздела «Кому подходит CPA-модель»](#кому-подходит-cpa-модель) **Подходит:** * Интернет-магазины (e-commerce) * Онлайн-игры и букмекерские компании * Турагентства и сервисы бронирования * Онлайн-курсы и SaaS * Массовые продукты с широкой географией **Не подходит:** * Узкоспециализированный продукт * B2B с длинным циклом сделки * Единичный или уникальный товар ## Виды ставок в CPA [Заголовок раздела «Виды ставок в CPA»](#виды-ставок-в-cpa) * **Фиксированная** — одинаковая оплата за каждое действие (например, 350 ₽ за любой тариф) * **Процент от продажи** — для магазинов с разными ценами (5–15% от суммы заказа) * **Гибридная** — комбинация фикса + процента * **Прогрессивная** — ставка растёт при увеличении объёмов трафика ## Ключевые метрики [Заголовок раздела «Ключевые метрики»](#ключевые-метрики) * **Conversion Rate** — процент пользователей, совершивших целевое действие * **CAC** — полная стоимость привлечения платящего клиента * **ROAS** — доход на каждый потраченный рубль (или доллар) * **Lead quality** — вероятность конверсии лида в клиента ## CPA-сети и партнёрки [Заголовок раздела «CPA-сети и партнёрки»](#cpa-сети-и-партнёрки) CPA-сеть — сервис, который: * Соединяет рекламодателей с партнёрами * Обеспечивает трекинг и подсчёт целевых действий * Проводит аналитику и отсеивает недобросовестных участников * Предоставляет рекламные материалы ### На что смотреть при выборе CPA-сети [Заголовок раздела «На что смотреть при выборе CPA-сети»](#на-что-смотреть-при-выборе-cpa-сети) **Для веб-мастеров:** репутация сети, количество офферов, размер ставок, своевременность выплат. **Для рекламодателей:** аудит партнёров, защита от фрода, качество лидов. ## Преимущества и риски [Заголовок раздела «Преимущества и риски»](#преимущества-и-риски) **Преимущества для рекламодателей:** * Оплата только за результат * Гибкость в выборе офферов под цели * Широкий охват через множество партнёров **Риски:** * Требования к качеству трафика (нецелевой = низкая конверсия) * Высокая конкуренция среди партнёров * Сложность отслеживания конверсий в мультиканальных кампаниях ## Тренды CPA-маркетинга [Заголовок раздела «Тренды CPA-маркетинга»](#тренды-cpa-маркетинга) * Рост CPI-офферов (мобильные приложения) * Микроинфлюенсеры как CPA-партнёры * AI для оптимизации кампаний и прогноза конверсий * Персонализация офферов под сегменты аудитории ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Что такое CPA — Habr](https://habr.com/ru/articles/850740/) * [CPA-маркетинг — Unisender](https://www.unisender.com/ru/glossary/cpa-marketing-model-i-formula/) * [CPA Marketing Guide — Business of Apps](https://www.businessofapps.com/affiliate/cpa/) ---------- # PPC и CPC: реклама с оплатой за клик > Модели оплаты за клик в интернет-рекламе: разница между PPC и CPC, аукционы, оптимизация кампаний, формулы расчёта. ## Базовые понятия [Заголовок раздела «Базовые понятия»](#базовые-понятия) ### CPC (Cost Per Click) [Заголовок раздела «CPC (Cost Per Click)»](#cpc-cost-per-click) CPC — **стоимость одного клика** по рекламному объявлению. Это метрика, которая показывает, сколько рекламодатель платит за каждый переход пользователя. **Формула расчёта:** ```plaintext CPC = затраты на рекламу / количество кликов ``` Пример: потратили 400 ₽, получили 20 кликов → CPC = 20 ₽. Хороший это показатель или нет — зависит от ниши. В высококонкурентных тематиках (недвижимость, финансы) CPC выше, но и ценность клика выше. ### PPC (Pay Per Click) [Заголовок раздела «PPC (Pay Per Click)»](#ppc-pay-per-click) PPC — **модель ценообразования**, при которой рекламодатель платит только за клики, а не за показы. Это стратегия оплаты, а не метрика. ### Разница между PPC и CPC [Заголовок раздела «Разница между PPC и CPC»](#разница-между-ppc-и-cpc) | Аспект | PPC | CPC | | ------ | ---------------------- | ------------------------------- | | Суть | Модель ценообразования | Цена за клик (метрика) | | Тип | Стратегия оплаты | Показатель эффективности | | Цена | Определяется системой | Итоговая стоимость одного клика | ## Где используется PPC [Заголовок раздела «Где используется PPC»](#где-используется-ppc) PPC применяется в интернет-маркетинге. Баннеры и объявления размещаются: * В поисковой выдаче (контекстная реклама) * В партнёрских и тизерных сетях * На сайтах (медийная реклама) * В социальных сетях (таргетированная реклама) ## Принцип работы [Заголовок раздела «Принцип работы»](#принцип-работы) 1. Рекламодатель выбирает площадку и подаёт объявление 2. При клике пользователя система фиксирует переход и списывает оплату 3. Способы оплаты: * **Фиксированная ставка** — рекламодатель договаривается о сумме CPC с владельцем площадки * **Аукцион** — используется в системах контекстной и таргетированной рекламы. Рекламодатель выставляет максимальную ставку; система проводит внутренний аукцион и определяет фактическую цену клика ## Основные площадки [Заголовок раздела «Основные площадки»](#основные-площадки) * **Яндекс.Директ** — контекстная реклама в поиске Яндекса и РСЯ * **Google Ads** — поисковая реклама и КМС (контекстно-медийная сеть) * **VK Реклама** — таргетированная реклама ВКонтакте * **Telegram Ads** — реклама в Telegram-каналах * **MyTarget** — реклама в проектах Mail.ru ## Как оптимизировать CPC [Заголовок раздела «Как оптимизировать CPC»](#как-оптимизировать-cpc) ### Что можно регулировать [Заголовок раздела «Что можно регулировать»](#что-можно-регулировать) * Верхний и нижний порог ставки * Область размещения на сайтах-партнёрах * Креатив (заголовок, текст, изображение) * Посадочная страница и её качество * Настройка целевой аудитории и гео ### Факторы, влияющие на стоимость клика [Заголовок раздела «Факторы, влияющие на стоимость клика»](#факторы-влияющие-на-стоимость-клика) 1. **Частотность запросов** — чем выше частотность, тем больше конкуренция и выше цена 2. **CTR (кликабельность)** — чем лучше CTR, тем чаще система показывает объявление и тем дешевле клик 3. **Специфика отрасли** — в высококонкурентных нишах CPC выше 4. **Сезонность** — перед праздниками аукцион «перегрет», цена растёт ## Эффективность PPC-кампаний [Заголовок раздела «Эффективность PPC-кампаний»](#эффективность-ppc-кампаний) Главная метрика — **ROI (Return on Investment)**. Цели PPC-кампании: * Максимально низкая цена клика * Целевой трафик * Высокий процент конверсий * Высокий ROI ## PPC-специалист [Заголовок раздела «PPC-специалист»](#ppc-специалист) PPC-специалист управляет рекламными кампаниями. Ключевые задачи: * Поиск новых инструментов и улучшение знаний существующих * Взаимодействие с отделом продаж для определения приоритетных товаров * Адаптация кампаний под особенности площадок * Мониторинг и улучшение эффективности ## Другие рекламные модели [Заголовок раздела «Другие рекламные модели»](#другие-рекламные-модели) Помимо PPC существуют и другие модели оплаты: | Модель | Оплата за | | ------- | ---------------------------------- | | **CPM** | 1000 показов | | **CPC** | Клик | | **CPA** | Действие (лид, продажа, установка) | | **CPL** | Лид (контактные данные) | | **CPS** | Продажу (% от суммы) | Подробнее о CPA: [CPA-маркетинг](../../cpa). ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [CPC в рекламе — Unisender](https://www.unisender.com/ru/glossary/cpc-chto-eto-takoe-v-reklame/) * [PPC и CPC: разница — Rookee](https://rookee.ru/glossary/ppc/) * [CPC в контекстной рекламе — Rookee](https://rookee.ru/glossary/cpc/) ---------- # SEO (поисковая оптимизация) > Полное руководство по SEO: типы оптимизации, алгоритмы Google и Яндекса, тренды 2026 года. ## Что такое SEO [Заголовок раздела «Что такое SEO»](#что-такое-seo) SEO (Search Engine Optimization, поисковая оптимизация) — набор практик и методов для повышения видимости сайта в результатах поиска и улучшения его рейтинга. Цель — привлечение органического (бесплатного) трафика через повышение авторитета сайта и релевантности контента для поисковых алгоритмов. ## Пять основных типов SEO [Заголовок раздела «Пять основных типов SEO»](#пять-основных-типов-seo) ### 1. On-Page SEO (внутренняя оптимизация) [Заголовок раздела «1. On-Page SEO (внутренняя оптимизация)»](#1-on-page-seo-внутренняя-оптимизация) Оптимизация элементов на страницах сайта, которыми вы управляете напрямую: * **Ключевые слова** — исследование и встраивание в title, заголовки H1-H3, мета-описания * **Качественный контент** — полезный, экспертный, отвечающий на запросы * **Структура страницы** — правильная иерархия заголовков (H1 → H2 → H3) * **Оптимизация изображений** — сжатие, современные форматы (WebP, AVIF), alt-текст * **Внутренние ссылки** — перелинковка между страницами сайта * **URL-структура** — читаемые, короткие URL с ключевыми словами * **CTA** — призывы к действию ### 2. Off-Page SEO (внешняя оптимизация) [Заголовок раздела «2. Off-Page SEO (внешняя оптимизация)»](#2-off-page-seo-внешняя-оптимизация) Действия за пределами сайта для повышения авторитета: * **Линкбилдинг** — получение качественных обратных ссылок с авторитетных сайтов * **Упоминания бренда** — в интернете, соцсетях, на форумах * **Гостевой блогинг** — публикации на сторонних площадках * **Социальные сети** — продвижение и вовлечение аудитории * **Influencer-маркетинг** — работа с лидерами мнений * **Цифровой PR** — управление репутацией ### 3. Local SEO (локальное SEO) [Заголовок раздела «3. Local SEO (локальное SEO)»](#3-local-seo-локальное-seo) Оптимизация для локального поиска (например, «ремонт телефонов Москва»): * **Google Business Profile** — создание и оптимизация профиля компании * **Яндекс.Бизнес** — аналог для Яндекса * **NAP** — консистентность названия, адреса и телефона на всех площадках * **Локальные ключевые слова** — геопривязка запросов * **Отзывы** — работа с отзывами клиентов ### 4. International SEO (международное SEO) [Заголовок раздела «4. International SEO (международное SEO)»](#4-international-seo-международное-seo) Оптимизация для разных стран и языков: * **URL-структура** — ccTLD (домены стран), субдомены, подпапки с geo-привязкой * **Hreflang-теги** — указание языка и региона для страниц * **Локализация контента** — адаптация под культуру и запросы региона ### 5. Technical SEO (техническая оптимизация) [Заголовок раздела «5. Technical SEO (техническая оптимизация)»](#5-technical-seo-техническая-оптимизация) Фундамент сайта для корректного сканирования и индексации: * **Скорость загрузки** — оптимизация TTFB, рендеринга * **Core Web Vitals** — LCP, INP, CLS * **Мобильная адаптивность** — mobile-first индексация Google * **Архитектура сайта** — логичная структура и навигация * **HTTPS** — SSL-сертификат обязателен * **XML Sitemap и robots.txt** — управление индексацией * **Структурированные данные (Schema Markup)** — JSON-LD разметка * **Исправление ошибок** — битые ссылки, дубли, soft 404 ## SEO в 2026 году: ключевые тренды [Заголовок раздела «SEO в 2026 году: ключевые тренды»](#seo-в-2026-году-ключевые-тренды) ### Интент вместо точных вхождений [Заголовок раздела «Интент вместо точных вхождений»](#интент-вместо-точных-вхождений) Google и Яндекс ранжируют по **намерению пользователя (интенту)**, а не по точному совпадению слов. Шаблонный текст не работает — нужны реальные кейсы, цифры, экспертиза. ### Core Web Vitals: INP вместо FID [Заголовок раздела «Core Web Vitals: INP вместо FID»](#core-web-vitals-inp-вместо-fid) С марта 2024 года оценивается **INP (Interaction to Next Paint)** — отклик интерфейса на всей сессии, а не только первого взаимодействия: * До 200 мс — хорошо * 200–500 мс — требуется улучшение * Выше 500 мс — проблемная зона Причины ухудшения: тяжёлый JavaScript, отсутствие code splitting, сложные UI-библиотеки. ### E-E-A-T [Заголовок раздела «E-E-A-T»](#e-e-a-t) Модель оценки качества: **Experience, Expertise, Authoritativeness, Trustworthiness**. Контент выигрывает, если указан автор, есть реальный опыт, конкретные данные, бизнес прозрачен. Критично для YMYL-тем (здоровье, финансы). ### Нейроответы в выдаче [Заголовок раздела «Нейроответы в выдаче»](#нейроответы-в-выдаче) Поиск всё чаще формирует краткие ответы прямо в выдаче без перехода на сайт. Чтобы попасть в такие блоки: * Давать суть в начале (BLUF — Bottom Line Up Front) * Конкретные выводы, без воды * Чёткая структура и факты ### JavaScript и индексация [Заголовок раздела «JavaScript и индексация»](#javascript-и-индексация) Поисковики обрабатывают JS, но с задержкой. Критический контент должен быть доступен в HTML без JS. SSR или SSG снижают риски. ### Crawl Budget для крупных сайтов [Заголовок раздела «Crawl Budget для крупных сайтов»](#crawl-budget-для-крупных-сайтов) Актуально для e-commerce и сайтов с фильтрами. Решения: каноникализация фильтров, закрытие служебных параметров, контроль через Search Console. ### Soft 404 и IndexNow [Заголовок раздела «Soft 404 и IndexNow»](#soft-404-и-indexnow) * **Soft 404** — если товар удалён навсегда, отдавать 404 или 410; если временно отсутствует — страница должна оставаться полезной * **IndexNow** — протокол ускоряет переобход для Яндекса и Bing, не влияет на ранжирование ## Алгоритмы Google и Яндекса [Заголовок раздела «Алгоритмы Google и Яндекса»](#алгоритмы-google-и-яндекса) ### Google [Заголовок раздела «Google»](#google) | Алгоритм | Назначение | | -------------------------- | ------------------------------------------------ | | **PageRank** | Оценка значимости сайта по входящим ссылкам | | **BERT / MUM** | Понимание естественного языка и длинных запросов | | **Helpful Content System** | Фильтр низкокачественного контента | | **E-A-T** | Оценка экспертизы, авторитетности и доверия | ### Яндекс [Заголовок раздела «Яндекс»](#яндекс) | Алгоритм | Назначение | | -------------- | --------------------------------------------------- | | **YATI** | Нейросетевой индекс, понимание смысла запроса | | **Матрикснет** | Машинное обучение для ранжирования | | **Королёв** | Нейросетевой алгоритм для смысловой оценки контента | ### Ключевые отличия [Заголовок раздела «Ключевые отличия»](#ключевые-отличия) | Параметр | Google | Яндекс | | -------------------- | -------------------------------- | ------------------------------------ | | Язык | Лучше понимает естественный язык | Лучше учитывает региональные запросы | | JS | Обрабатывает с задержкой | Проблемы со сканированием JS | | Коммерческие факторы | Меньше влияния | Важны: контакты, цены, отзывы | | IndexNow | Тестирует | Внедрён глубже | ## SEO при разработке сайта [Заголовок раздела «SEO при разработке сайта»](#seo-при-разработке-сайта) SEO и маркетинг должны быть **частью архитектуры сайта**, а не настройкой после релиза. Следующие элементы критичны на этапе разработки: ### Что закладываем в архитектуру [Заголовок раздела «Что закладываем в архитектуру»](#что-закладываем-в-архитектуру) 1. **Семантическую структуру** — правильная иерархия страниц и заголовков (H1 → H2 → H3) 2. **Внутреннюю перелинковку** — логичная структура внутренних ссылок 3. **Блоки конверсии** — CTA, формы, лид-магниты, social proof 4. **Базовую аналитику** — цели, события, UTM-параметры, воронки 5. **Технические основы** — скорость загрузки, правильная индексация, готовность к schema-разметке ### Для каких проектов это критично [Заголовок раздела «Для каких проектов это критично»](#для-каких-проектов-это-критично) * **Лендинги и промо-сайты** — максимум трафика и конверсии * **Корпоративные сайты** — лидогенерация, доверие * **Контентные проекты и блоги** — долгосрочный органический трафик ## Типичные ошибки SEO [Заголовок раздела «Типичные ошибки SEO»](#типичные-ошибки-seo) * Массовая генерация ИИ-контента без экспертной доработки * Индексация технического мусора (фильтры, дубли) * Игнорирование Core Web Vitals * Сломанный hreflang * Отсутствие регулярного аудита индексации ## SEO для WordPress [Заголовок раздела «SEO для WordPress»](#seo-для-wordpress) Для WordPress-сайтов SEO реализуется через плагины. Подробнее: [Сравнение SEO-плагинов](../../../wordpress/plugins/seo-plugins). ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Types of SEO — Seer Interactive](https://www.seerinteractive.com/insights/types-of-seo) * [SEO в 2026 году — VC.ru](https://vc.ru/seo/2748039-seo-v-2026-godu-klyuchevye-izmeneniya-i-oshibki-specialistov) * [Алгоритмы Яндекс и Google — Vebrost](https://vebrost.ru/blog/algoritmy-yandeks-i-google/) ---------- # Автоматизация маркетинга в WordPress > Инструменты и стратегии автоматизации маркетинга в WordPress: Uncanny Automator, FluentCRM, WooCommerce-автоматизация, email-кампании и воронки. ## Что такое маркетинговая автоматизация в WordPress [Заголовок раздела «Что такое маркетинговая автоматизация в WordPress»](#что-такое-маркетинговая-автоматизация-в-wordpress) Маркетинговая автоматизация в WordPress — использование плагинов и интеграций, которые автоматически запускают, управляют и оптимизируют маркетинговые активности: email-кампании, отслеживание лидов, сегментацию и отчётность — без ручного вмешательства. **Три ключевых компонента любой автоматизации:** * **Триггеры** — события, запускающие сценарий (покупка, отправка формы, посещение страницы) * **Условная логика** — что делать в зависимости от контекста (if пользователь новый — welcome-серия) * **Действия** — что происходит (отправка email, обновление профиля, добавление тега) ## Плагины автоматизации [Заголовок раздела «Плагины автоматизации»](#плагины-автоматизации) | Плагин | Для чего | Ключевая сила | Сложность | | --------------------- | ---------------------------------- | ----------------------------------- | --------- | | **Uncanny Automator** | Глубокая WooCommerce-автоматизация | 200+ интеграций, no-code | Средняя | | **FluentCRM** | Self-hosted CRM + автоматизация | Данные не уходят на внешние серверы | Средняя | | **WPCode** | Управление сниппетами PHP/JS/CSS | Вставка пикселей, трекинг-кодов | Низкая | | **Mailchimp for WP** | Email-маркетинг для начинающих | Простота, готовые интеграции | Низкая | | **HubSpot for WP** | All-in-one платформа | CRM + маркетинг + продажи | Средняя | ### Uncanny Automator: модель «Триггеры → Действия» [Заголовок раздела «Uncanny Automator: модель «Триггеры → Действия»»](#uncanny-automator-модель-триггеры--действия) Автоматизация собирается из рецептов: ```plaintext ТРИГГЕР: пользователь покупает товар ДЕЙСТВИЕ: добавить в список «VIP-клиенты» во FluentCRM ДЕЙСТВИЕ: отправить email с благодарностью ДЕЙСТВИЕ: создать задачу менеджеру в Slack ``` ## Автоматизация WooCommerce [Заголовок раздела «Автоматизация WooCommerce»](#автоматизация-woocommerce) ### Front-end (клиентские сценарии) [Заголовок раздела «Front-end (клиентские сценарии)»](#front-end-клиентские-сценарии) * **Осведомлённость:** отслеживание кампаний, тегирование по лендингам, авто-постинг в соцсети * **Рассмотрение:** follow-up после просмотра товара, email «сравнение вариантов», роутинг предпродажных вопросов в Slack * **Конверсия:** мультиканальные цепочки брошенных корзин, срочные купоны, оповещения об ошибках оплаты * **Лояльность:** пост-продажный follow-up, программы лояльности, напоминания о повторном заказе * **Адвокация:** запросы отзывов, реферальные программы, «поделись фото» ### Back-end (операционные сценарии) [Заголовок раздела «Back-end (операционные сценарии)»](#back-end-операционные-сценарии) * **Отчётность:** авто-генерация ежедневных/еженедельных отчётов, AI-аналитика * **Склад:** оповещения о низком остатке, уведомления поставщикам, авто-скрытие отсутствующих товаров * **Обработка заказов:** роутинг на склад, внутренние уведомления, обновление трекинг-номеров * **Поддержка:** авто-тегирование запросов на возврат, назначение ответственного * **Бухгалтерия:** авто-синхронизация заказов, возвратов, налогов с учётной системой * **Подписки:** обработка неудачных платежей, расписание повторных попыток ## Email-маркетинг автоматизация [Заголовок раздела «Email-маркетинг автоматизация»](#email-маркетинг-автоматизация) * **Welcome-серия:** новые подписчики получают лучшее из контента * **Drip-кампании:** таргетированный контент по интересам и поведению * **Брошенная корзина:** 75% посетителей бросают корзину; авто-напоминание с купоном возвращает 10-15% * **Реактивация:** специальные предложения спящим клиентам (средний CTR × 179% у кампаний с днём рождения) ## Распространённые проблемы [Заголовок раздела «Распространённые проблемы»](#распространённые-проблемы) | Проблема | Решение | | ------------------------ | ---------------------------------------------------------------- | | **Конфликты плагинов** | Тестировать на staging, минимизировать количество плагинов | | **Сверхавтоматизация** | Оставлять «человеческие» точки контакта, не автоматизировать всё | | **Синхронизация данных** | Централизовать в CRM, избегать дублирования | | **Производительность** | Кеширование, CDN, не более 2-3 automation-плагинов | | **Compliance** | GDPR/152-ФЗ: согласие на обработку, возможность отписаться | ## Измерение эффективности [Заголовок раздела «Измерение эффективности»](#измерение-эффективности) * **Email:** open rate, CTR, конверсия * **Сайт:** время на сайте, страниц за сессию, отказы * **Доход:** атрибуция к конкретным автоматизациям * **Customer Lifetime Value (LTV)** — растёт ли от автоматизации ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [AgentPress: Ultimate Guide to WordPress Marketing Automation](https://agentpress.dev/the-ultimate-guide-to-wordpress-marketing-automation-tools-crms-and-no-code-integrations/) * [Uncanny Automator: Complete Guide to WooCommerce Automation](https://automatorplugin.com/complete-guide-to-woocommerce-automation/) * [WhiteLabelCoders: Can You Automate Marketing on WordPress?](https://whitelabelcoders.com/blog/can-you-automate-marketing-on-wordpress/) * [DDpa: Marketing as Code — автономный AI-маркетинг](https://ddpa.ru/kb/ai/marketing/marketing-as-code/) ---------- # Цены на разработку и управление сайтами > Практический раздел по ценообразованию: сколько стоит разработка сайта и сколько закладывать на управление после запуска. ## Что в этом разделе [Заголовок раздела «Что в этом разделе»](#что-в-этом-разделе) Раздел помогает быстро оценить бюджет сайта на двух этапах: * создание (проект, дизайн, разработка, запуск); * управление (мониторинг, обновления, техподдержка, реакция на инциденты). Материал собран на базе открытых бенчмарков и адаптирован под практику агентской работы: как считать бюджет, как объяснять клиенту вилки цен и как избегать недооценки операционного контура. ## Подразделы [Заголовок раздела «Подразделы»](#подразделы) * [Типовые проекты и ориентиры по цене](./standard-projects/) — 5 типовых форматов: промо, корпоративный, интернет-магазин, блог и база знаний. * [Кастомные проекты и ориентиры по цене](./custom-projects/) — сложные и отраслевые проекты с расширенной логикой и интеграциями. * [Стоимость разработки сайта](./website-development-pricing) — диапазоны цен по типам проектов, модели оплаты и что влияет на бюджет. * [Стоимость управления сайтом](./website-maintenance-pricing) — ежемесячные расходы в рублях, SLA и форматы обслуживания. ## Как использовать [Заголовок раздела «Как использовать»](#как-использовать) 1. Сначала определите тип проекта в [Типовых сайтах и проектах](../wordpress/faq/how-to/website-types-and-projects). 2. Возьмите базовую вилку из страницы про разработку. 3. Добавьте план управления минимум на 6-12 месяцев после запуска. 4. Зафиксируйте допущения в смете: состав работ, границы ответственности, лимиты часов. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Hostinger: Website maintenance cost](https://www.hostinger.com/tutorials/website-maintenance-cost) * [Squarespace: How much does it cost to build a website](https://www.squarespace.com/blog/how-much-does-a-website-cost) * [Wix: How much does a website cost in 2026](https://www.wix.com/blog/how-much-does-a-website-cost) * [Elementor: Website maintenance cost in 2026](https://elementor.com/blog/website-maintenance-cost/) ---------- # Custom-проекты: ориентиры по цене > Сводка по сложным и отраслевым проектам: интеграции, процессы, личные кабинеты и расширенные сценарии. ## Что в этом разделе [Заголовок раздела «Что в этом разделе»](#что-в-этом-разделе) Здесь собраны проекты, где бюджет определяется не количеством страниц, а глубиной бизнес-логики, интеграциями, ролями и внутренними процессами. Этот раздел используйте, когда базовой структуры простого сайта недостаточно и нужно считать проект как кастомную систему. ## Типы custom-проектов [Заголовок раздела «Типы custom-проектов»](#типы-custom-проектов) ### B2C каталог-витрина [Заголовок раздела «B2C каталог-витрина»](#b2c-каталог-витрина) * Коротко о задаче: каталог и лиды без онлайн-оплаты, с SEO-структурой и фильтрами. * Где детали: [B2C каталог-витрина](./b2c-catalog-showcase) ### B2B портал / оптовый каталог [Заголовок раздела «B2B портал / оптовый каталог»](#b2b-портал--оптовый-каталог) * Коротко о задаче: персональные цены, роли, документы, интеграции с 1С/ERP. * Где детали: [B2B портал / оптовый каталог](./b2b-portal-wholesale) ### Внутренний корпоративный портал [Заголовок раздела «Внутренний корпоративный портал»](#внутренний-корпоративный-портал) * Коротко о задаче: базы знаний, процессы команд, роли, доступы. * Где детали: [Внутренний корпоративный портал](./intranet-portal) ### LMS / платформа обучения [Заголовок раздела «LMS / платформа обучения»](#lms--платформа-обучения) * Коротко о задаче: курсы, прогресс, тесты, кабинеты учеников и преподавателей. * Где детали: [LMS / образовательная платформа](./lms-platform) ### Маркетплейс / агрегатор [Заголовок раздела «Маркетплейс / агрегатор»](#маркетплейс--агрегатор) * Коротко о задаче: мультивендорная модель, комиссии, модерация и расчёты. * Где детали: [Маркетплейс / агрегатор](./marketplace-aggregator) ### Сервисный сайт с онлайн-бронированием [Заголовок раздела «Сервисный сайт с онлайн-бронированием»](#сервисный-сайт-с-онлайн-бронированием) * Коротко о задаче: расписания, слоты, подтверждения, напоминания и статусы. * Где детали: [Сервисный сайт с онлайн-бронированием](./service-site-online-booking) ### Сайт недвижимости / каталог объектов [Заголовок раздела «Сайт недвижимости / каталог объектов»](#сайт-недвижимости--каталог-объектов) * Коротко о задаче: листинги, фильтры, карточки объектов, лиды и интеграции CRM. * Где детали: [Сайт недвижимости / каталог объектов](./real-estate-site) ### SaaS / веб-приложение / MVP [Заголовок раздела «SaaS / веб-приложение / MVP»](#saas--веб-приложение--mvp) * Коротко о задаче: личный кабинет, процессы, отчёты и расширенная ролевая модель. * Где детали: [SaaS / веб-приложение / MVP](./saas-web-app-mvp) ## Как использовать [Заголовок раздела «Как использовать»](#как-использовать) 1. Зафиксируйте основной сценарий и ограничения первого релиза. 2. Выделите обязательные интеграции и требования к данным. 3. Разделите смету на запуск и этапы развития после релиза. 4. Закладывайте резерв на миграции, QA и эксплуатацию. ## Связанные разделы [Заголовок раздела «Связанные разделы»](#связанные-разделы) * [Цены на разработку и управление сайтами](../) * [Типовые проекты: сводка по ценам](../standard-projects/) * [Стоимость разработки сайта](../website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # B2B портал / оптовый каталог: ориентиры по цене > Бюджетные ориентиры для B2B порталов: роли, персональные цены, документооборот и интеграции с учетными системами. TL;DR: это уже не просто сайт, а рабочий B2B-инструмент с личными кабинетами, ролями, прайсами, заявками и интеграцией с учетной системой. Основная часть бюджета уходит на бизнес-логику и синхронизацию данных, а не на витрину. ## Почему проект сложнее типового сайта [Заголовок раздела «Почему проект сложнее типового сайта»](#почему-проект-сложнее-типового-сайта) * Основная ценность в процессах и интеграциях, а не во витрине. * Зависит от ролей, условий по контрагентам и документооборота. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Оптовый каталог с персональными ценами. * Портал дилеров и партнеров. * B2B кабинет с заявками, счетами и статусами отгрузок. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Личный кабинет контрагента и ролевая модель. * Каталог/прайсы, заявки или заказы. * Документы, статусы, интеграция с учетной системой. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Сложная матрица цен, лимитов и условий. * Интеграции с 1С/ERP/ЭДО и двусторонний обмен. * Согласования, audit log и внутренние workflow. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) 1 000 000 - 5 000 000 ₽ ($10,000 - $50,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Типы клиентов Подсказка: кто покупает - дилеры, оптовики, розничные юрлица, партнёры; чем отличаются группы клиентов? Ответ: TBD ### 2. Регистрация и доступ Подсказка: регистрация открытая или через одобрение менеджером; нужны ли реквизиты, документы, роли и права доступа? Ответ: TBD ### 3. Ценообразование Подсказка: какие прайсы, персональные скидки, скидки от суммы/объёма, договорные цены и ограничения по SKU нужны? Ответ: TBD ### 4. Процесс заказа Подсказка: что происходит после корзины - заявка, резерв, заказ на счёт, PDF, согласование менеджером, статус в 1С? Ответ: TBD ### 5. Личный кабинет контрагента Подсказка: нужны ли дебиторка, история заказов, повтор заказа, документы, счета, УПД, акты и статусы отгрузки? Ответ: TBD ### 6. Интеграции с учётными системами Подсказка: какая система используется - 1С УТ/УНФ/ERP, МойСклад, SAP; что и как часто синхронизировать? Ответ: TBD ### 7. Документооборот Подсказка: нужен ли ЭДО, Диадок, СБИС, загрузка закрывающих документов или обмен файлами внутри портала? Ответ: TBD ### 8. Мобильность и роли менеджеров Подсказка: будут ли менеджеры работать в полях, с планшета, оформлять заказы за клиента или видеть свои группы клиентов? Ответ: TBD ### 9. Бюджет, этапы и шаблоны Подсказка: какой бюджет и дедлайн у первой версии; какие шаблоны и интерфейсы обязательны сразу (каталог, карточка SKU, корзина/заявка, кабинет контрагента, документы, дашборд) и что пойдёт во второй этап? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../) * [SaaS / веб-приложение / MVP: ориентиры по цене](../saas-web-app-mvp) * [Внутренний корпоративный портал: ориентиры по цене](../intranet-portal) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # B2C каталог-витрина: ориентиры по цене > Бюджетные ориентиры для B2C каталога-витрины без онлайн-оплаты: фильтры, карточки, SEO-посадки и лидогенерация. TL;DR: каталог-витрина нужен, когда продажи происходят не прямо на сайте, а через заявки, звонки или менеджеров. Бюджет здесь определяется качеством каталога, фильтров, SEO-структуры и тем, насколько глубоко подключены лидогенерация и аналитика. ## Почему формат востребован [Заголовок раздела «Почему формат востребован»](#почему-формат-востребован) * Подходит для ниш, где решение о покупке принимается вне сайта. * Позволяет быстро запускать SEO-структуру и стабильно собирать лиды. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Каталог товаров без checkout. * Каталог объектов недвижимости или авто. * Каталог услуг с лид-формами и CTA в мессенджеры. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Каталог, фильтры, поиск, карточка позиции. * Формы заявок и трекинг лидов. * SEO-структура категорий и посадочных страниц. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Импорт и синхронизация из CRM/ERP/XML/CSV. * Сложная фильтрация, избранное, сравнение, карта. * Высокий объем карточек и медиа-контента. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) 450 000 - 1 800 000 ₽ ($4,500 - $18,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Сущность каталога Подсказка: что выставляем - товары, квартиры, авто, яхты, оборудование, услуги; какие характеристики критичны для выбора? Ответ: TBD ### 2. Канал продажи Подсказка: куда должен уйти клиент для покупки - Ozon, Wildberries, Яндекс Маркет, Telegram, WhatsApp, VK, онлайн-чат или чат-бот? Ответ: TBD ### 3. Источник данных Подсказка: каталог ведётся вручную, импортируется из CRM/ERP, XML/CSV-фида, маркетплейса или другой базы? Как часто обновляется? Ответ: TBD ### 4. Фильтры и поиск Подсказка: какие фильтры, сортировки, поиск, похожие объекты, избранное или сравнение нужны пользователю? Ответ: TBD ### 5. Карточка объекта Подсказка: какие фото, видео, характеристики, статусы, отзывы, документы и CTA должны быть на карточке? Ответ: TBD ### 6. Лидогенерация и коммуникации Подсказка: как фиксировать обращение: CRM, мессенджеры, чат-бот, форма, звонок, колл-трекинг, UTM и события аналитики? Ответ: TBD ### 7. Режим объектов Подсказка: нужны ли статусы активный/продан/скоро, архив, скрытие неактуальных позиций, ручная модерация? Ответ: TBD ### 8. SEO-нагрузка Подсказка: нужно ли ранжироваться по карточкам, категориям, регионам, фильтрам и посадочным страницам? Ответ: TBD ### 9. Бюджет, этапы и шаблоны Подсказка: какой бюджет и срок запуска первой версии; сколько уникальных шаблонов нужно сразу (главная, листинг, карточка, подборка/регион, SEO-лендинг) и что можно отложить на следующий релиз? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../) * [Интернет-магазин: ориентиры по цене](../../standard-projects/online-store) * [Сайт недвижимости: ориентиры по цене](../real-estate-site) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Внутренний корпоративный портал: ориентиры по цене > Оценка бюджета intranet-проектов: роли, документы, заявки, workflow, отчеты и интеграции. TL;DR: intranet-портал — это внутренняя рабочая среда для сотрудников, где важнее процессы, права доступа и интеграции, чем публичный дизайн. Стоимость зависит от ролей, workflow, документов и того, сколько корпоративных систем нужно связать между собой. ## Почему проект менее массовый, но перспективный [Заголовок раздела «Почему проект менее массовый, но перспективный»](#почему-проект-менее-массовый-но-перспективный) * Чаще заходит в зрелых компаниях с внутренней цифровизацией. * Проекты длинные и хорошо масштабируются в сопровождении. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Intranet-портал и база знаний. * Система внутренних заявок (IT, HR, закупки). * Портал партнеров и операционный дашборд. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Пользователи, роли, документы, справочники. * Заявки, статусы и базовые workflow. * Админка и интеграции с внутренними системами. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * SSO, расширенные права и согласования. * Audit log, отчетность и уведомления. * Большое число бизнес-процессов и legacy-интеграций. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) 1 000 000 - 5 000 000 ₽ ($10,000 - $50,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Цели портала Подсказка: какую задачу решаем в первую очередь - база знаний, сервис-деск, согласования, внутренние коммуникации или единое окно для сотрудников? Ответ: TBD ### 2. Пользователи и роли Подсказка: какие роли есть в системе (сотрудник, руководитель, HR, IT, бухгалтерия, администратор) и какие права у каждой роли? Ответ: TBD ### 3. Процессы и заявки Подсказка: какие процессы запускаем в MVP: заявки IT/HR/закупки, отпуска, командировки, согласования документов, маршруты утверждения? Ответ: TBD ### 4. Документы и база знаний Подсказка: какие типы документов храним, кто их редактирует, какие разделы базы знаний обязательны на старте? Ответ: TBD ### 5. Согласования и SLA Подсказка: нужны ли уровни согласования, сроки исполнения, эскалации и контроль просроченных задач? Ответ: TBD ### 6. Интеграции и доступ Подсказка: требуется ли SSO (AD/LDAP/Google), интеграция с 1С/ERP/HelpDesk/почтой и какие системы являются источником данных? Ответ: TBD ### 7. Уведомления и коммуникации Подсказка: какие каналы уведомлений нужны: email, Telegram, корпоративный мессенджер, push; какие события критичны? Ответ: TBD ### 8. Безопасность и аудит Подсказка: нужны ли аудит действий, журнал изменений, ограничения по доступу к данным отделов, требования ИБ? Ответ: TBD ### 9. Бюджет, этапы и шаблоны Подсказка: какой бюджет и дедлайн у MVP; какие экраны/шаблоны обязательны сразу (главная, список заявок, карточка заявки, база знаний, кабинет сотрудника, админка) и что идёт во второй этап? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../) * [Стоимость разработки сайта](../../website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Образовательная платформа / LMS: ориентиры по цене > Бюджетные ориентиры для LMS и онлайн-школ: курсы, роли, прогресс, задания, вебинары и доступы. TL;DR: LMS-платформа — это продуктовая разработка с курсами, ролями, прогрессом, заданиями и доступами, поэтому бюджет здесь быстро растет вместе с функциями обучения и отчетности. На стоимость сильнее всего влияют личные кабинеты, автоматизация и интеграции с оплатой, вебинарами и CRM. ## Почему проект востребован [Заголовок раздела «Почему проект востребован»](#почему-проект-востребован) * Стабильный спрос от онлайн-школ, экспертов и корпоративного обучения. * Хороший потенциал роста через подписки и дополнительные продукты. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Онлайн-школа или платформа эксперта. * Мини-LMS для одного курса (MVP). * Корпоративное обучение с отчетностью. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Курсы, модули, уроки, тесты, домашние задания. * Личный кабинет и прогресс ученика. * Роли (ученик, преподаватель, администратор). ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Автоворонки, сложные тарифы и подписки. * Проверка ДЗ, вебинары, сертификаты. * Интеграции с платежами, CRM и внешними платформами. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) 700 000 - 3 000 000 ₽ ($7,000 - $30,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Формат обучения Подсказка: что запускаем - онлайн-школу, корпоративное обучение, курс эксперта, академию для клиентов или внутреннюю LMS? Ответ: TBD ### 2. Аудитория и роли Подсказка: какие роли нужны (ученик, куратор, преподаватель, методист, администратор) и сколько пользователей ожидается на старте? Ответ: TBD ### 3. Структура контента Подсказка: как устроены программы: курсы, модули, уроки, тесты, задания, материалы; нужен ли drip-доступ по датам? Ответ: TBD ### 4. Проверка и прогресс Подсказка: как проверяются задания, кто выставляет оценки, нужен ли прогресс-бар, рейтинг, сертификаты и дедлайны? Ответ: TBD ### 5. Тарифы и доступы Подсказка: какие модели доступа нужны: разовая покупка, подписка, пакет курсов, корпоративные лицензии, пробный период? Ответ: TBD ### 6. Коммуникации и вебинары Подсказка: нужны ли чаты, комментарии, форумы, интеграции с Zoom/Meet, email-цепочки и напоминания? Ответ: TBD ### 7. Интеграции Подсказка: какие сервисы обязательны: платежи, CRM, аналитика, антифрод, рассылки, внешние LMS/SCORM? Ответ: TBD ### 8. Метрики и отчётность Подсказка: какие KPI фиксируем: completion rate, retention, LTV, выручка по курсам, активность учеников и преподавателей? Ответ: TBD ### 9. Бюджет, этапы и шаблоны Подсказка: какой бюджет и сроки MVP; какие страницы/экраны обязательны сразу (главная, каталог курсов, страница курса, урок, кабинет ученика, кабинет преподавателя, админка) и что переносим на второй этап? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../) * [Стоимость разработки сайта](../../website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Маркетплейс / агрегатор: ориентиры по цене > Бюджетные ориентиры для маркетплейсов и агрегаторов: кабинеты, модерация, комиссии, верификация и выплаты. TL;DR: маркетплейс или агрегатор — один из самых дорогих типов веб-проектов, потому что нужно связать продавцов, покупателей, модерацию, комиссии и выплаты. Бюджет здесь почти всегда определяется сложностью правил, кабинетов и операционной логики. ## Почему проект с высоким потенциалом и риском [Заголовок раздела «Почему проект с высоким потенциалом и риском»](#почему-проект-с-высоким-потенциалом-и-риском) * Потенциально высокий чек и масштаб выручки. * Сложный запуск, много кастомной логики и операционных процессов. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Маркетплейс товаров или услуг. * Агрегатор компаний, каталог специалистов. * Доска объявлений, booking marketplace. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Каталог предложений, поиск и фильтры. * Кабинеты продавцов/исполнителей. * Модерация, заявки/заказы, отзывы и рейтинги. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Финансовая логика: комиссии, выплаты, сверки. * Верификация, dispute flow, anti-fraud. * Сложные workflow и масштабирование нагрузки. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) 2 000 000 - 10 000 000 ₽ ($20,000 - $100,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Модель маркетплейса Подсказка: что строим - маркетплейс товаров, услуг, агрегатор исполнителей, доску объявлений или booking-платформу? Ответ: TBD ### 2. Роли и участники Подсказка: какие роли есть в системе (покупатель, продавец/исполнитель, модератор, администратор, менеджер споров)? Ответ: TBD ### 3. Каталог и поиск Подсказка: какие фильтры, сортировки, гео-поиск, подборки и карточки предложений нужны на старте? Ответ: TBD ### 4. Сценарий сделки Подсказка: как проходит сделка: заявка, бронь, оплата, подтверждение, доставка/оказание услуги, закрытие и отзыв? Ответ: TBD ### 5. Монетизация Подсказка: как зарабатывает платформа - комиссия, подписка, платное размещение, лидогенерация, реклама? Ответ: TBD ### 6. Модерация и верификация Подсказка: какие правила публикации, верификация аккаунтов/товаров, антифрод-проверки и dispute-процессы обязательны? Ответ: TBD ### 7. Платежи и выплаты Подсказка: нужны ли split-платежи, удержания, возвраты, выплаты партнёрам, акты сверки и отчёты по комиссиям? Ответ: TBD ### 8. Интеграции и аналитика Подсказка: какие интеграции критичны: CRM, платежные шлюзы, логистика, KYC, уведомления, BI-отчётность? Ответ: TBD ### 9. Бюджет, этапы и шаблоны Подсказка: какой бюджет и сроки MVP; какие экраны/шаблоны обязательны сразу (главная, листинг, карточка, кабинет продавца, кабинет покупателя, модерация, платежи) и что пойдёт во второй этап? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../) * [Стоимость разработки сайта](../../website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Сайт недвижимости: ориентиры по цене > Оценка бюджета сайтов недвижимости: каталоги, фильтры, планировки, карта и интеграции с CRM. TL;DR: сайт недвижимости обычно строится вокруг каталога объектов, фильтров, карты и заявки на просмотр, поэтому его цена растет из-за объема данных и удобства поиска. Дополнительные интеграции с CRM, выгрузками и рекламной аналитикой быстро выводят проект из типового диапазона. ## Почему это повторяемая ниша [Заголовок раздела «Почему это повторяемая ниша»](#почему-это-повторяемая-ниша) * Структура проектов типовая и хорошо масштабируемая. * Нужен отраслевой функционал и регулярное обновление данных. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Сайт агентства недвижимости. * Сайт застройщика или отдельного ЖК. * Коммерческая недвижимость и аренда. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Каталог объектов, фильтры, карта. * Карточка объекта, галерея, заявка на просмотр. * Базовая интеграция с CRM. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Импорт данных из внешних систем. * Шахматка, планировки и сложные фильтры. * Бронирование и расчеты ипотеки/стоимости. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) 500 000 - 2 200 000 ₽ ($5,000 - $22,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Тип объектов и сегмент Подсказка: какие объекты продвигаем - новостройки, вторичка, коммерция, аренда, загородная недвижимость? Ответ: TBD ### 2. География и структура каталога Подсказка: по каким городам/районам работаем, как должна строиться иерархия каталога (регион, ЖК, корпус, лот)? Ответ: TBD ### 3. Источники данных Подсказка: откуда берутся объекты - CRM застройщика/агентства, XML/CSV, ручное ведение; как часто обновлять? Ответ: TBD ### 4. Фильтры, карта и поиск Подсказка: какие фильтры обязательны (цена, площадь, комнаты, срок сдачи), нужна ли карта, избранное, сравнение? Ответ: TBD ### 5. Карточка объекта Подсказка: какие данные показывать: фото, планировки, документы, инфраструктура, статусы, CTA и формы заявки? Ответ: TBD ### 6. Лидогенерация и коммуникации Подсказка: куда отправлять лиды (CRM, Telegram, колл-трекинг), какие сценарии обратной связи и SLA по обработке? Ответ: TBD ### 7. Статусы и актуальность Подсказка: какие статусы нужны (доступен, бронь, продан), как скрывать неактуальные объекты и вести архив? Ответ: TBD ### 8. SEO и посадочные Подсказка: нужны ли SEO-страницы по районам, ЖК, типам объектов, фильтрам; какие требования к индексации и перелинковке? Ответ: TBD ### 9. Бюджет, этапы и шаблоны Подсказка: какой бюджет и сроки MVP; какие шаблоны обязательны сразу (главная, листинг, карточка объекта, страница ЖК, карта, SEO-посадочная) и что переносим на второй этап? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../) * [Стоимость разработки сайта](../../website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # SaaS / веб-приложение / MVP: ориентиры по цене > Оценка бюджета для SaaS и веб-приложений: MVP, личные кабинеты, роли, подписки и интеграции. TL;DR: SaaS или веб-приложение — это уже продуктовая разработка, где стоимость задают роли, сценарии, подписки, дашборды и сложность бизнес-логики. Даже MVP обычно стоит заметно дороже обычного сайта, потому что здесь важны не только страницы, но и поведение системы. ## Почему проект со средне-высокой сложностью [Заголовок раздела «Почему проект со средне-высокой сложностью»](#почему-проект-со-средне-высокой-сложностью) * Выше средний чек и больше кастомной логики. * Длиннее цикл пресейла из-за продуктовой неопределенности. ## Вариации [Заголовок раздела «Вариации»](#вариации) * SaaS MVP с одной ключевой функцией. * Клиентский портал, helpdesk, CRM-lite. * Аналитический дашборд или AI-powered workflow. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Регистрация, авторизация, роли и права. * Дашборды и админ-панель. * Тарифы, подписки, уведомления. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Мультитенантность, команды, audit log. * Биллинг, сложная модель доступа и прав. * Большое число API-интеграций и требований к безопасности. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) 1 200 000 - 6 000 000 ₽ ($12,000 - $60,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Задача и текущий процесс Подсказка: какую проблему автоматизируем, как процесс работает сейчас, где потери времени, ошибки или ручные операции? Ответ: TBD ### 2. Пользователи и роли Подсказка: кто входит в систему - клиенты, сотрудники, партнёры, администраторы; какие права и ограничения у каждой роли? Ответ: TBD ### 3. Ключевые сущности Подсказка: с какими данными работаем - заявки, клиенты, договоры, объекты, заказы, платежи, документы, задачи? Ответ: TBD ### 4. Главный сценарий Подсказка: опишите путь от входа пользователя до результата: статусы, действия, проверки, уведомления и финальный результат. Ответ: TBD ### 5. Бизнес-логика Подсказка: какие правила, расчёты, согласования, ограничения, исключения и автоматические действия должны работать? Ответ: TBD ### 6. Администрирование и отчёты Подсказка: нужна ли админка, дашборды, фильтры, экспорт, аудит действий, ручное редактирование и отчётность? Ответ: TBD ### 7. Интеграции Подсказка: с чем нужно связаться - 1С, телефония, почта, Telegram-бот, платёжные системы, службы доставки, внешние API? Ответ: TBD ### 8. Дизайн и UX Подсказка: достаточно стандартного UI-кита/Filament или нужен уникальный интерфейс, прототипы и отдельный UX/UI-дизайн? Ответ: TBD ### 9. Бюджет, этапы и шаблоны Подсказка: какой бюджет и сроки по этапам; какие ключевые шаблоны/экраны нужны для MVP (дашборд, список, карточка, форма, отчёты, настройки, роли) и какие сценарии можно вынести в последующие релизы? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../) * [Стоимость разработки сайта](../../website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Сайт услуг + онлайн-запись: ориентиры по цене > Оценка бюджета сервисных сайтов с онлайн-записью: расписание, слоты, уведомления и предоплата. TL;DR: сайт услуг с онлайн-записью нужен, когда важно не просто рассказать об услуге, а автоматизировать бронирование, слоты и напоминания. Бюджет чаще всего растет из-за расписания, уведомлений, предоплаты и интеграций с CRM или мессенджерами. ## Почему проект массовый [Заголовок раздела «Почему проект массовый»](#почему-проект-массовый) * Понятная ценность для локального бизнеса за счет автоматизации записи. * Быстрое влияние на операционные показатели и загрузку специалистов. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Клиники и медцентры. * Салоны, барбершопы, фитнес-студии. * Юридические и консалтинговые практики. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Услуги, специалисты, расписание, слоты. * Форма записи, напоминания, уведомления. * Базовые интеграции с CRM и мессенджерами. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Сложные правила расписаний и доступности. * Предоплата, отмены, переносы и история клиентов. * Мультифилиальность и интеграции с внешними календарями. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) 400 000 - 1 600 000 ₽ ($4,000 - $16,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Услуги и специалисты Подсказка: какие услуги продаём, сколько специалистов/кабинетов/локаций, нужны ли разные длительности и типы слотов? Ответ: TBD ### 2. Сценарий записи Подсказка: как клиент записывается: выбор услуги, специалиста, филиала, даты/времени; нужна ли гостевая запись без регистрации? Ответ: TBD ### 3. Расписание и доступность Подсказка: какие правила расписания обязательны: рабочие часы, выходные, буферы, окна, лимиты, повторные визиты? Ответ: TBD ### 4. Оплата и предоплата Подсказка: нужна ли онлайн-оплата, частичная предоплата, штрафы за no-show, возвраты и переносы? Ответ: TBD ### 5. Уведомления и напоминания Подсказка: какие каналы уведомлений нужны (SMS, email, мессенджеры), когда отправлять напоминания и сервисные сообщения? Ответ: TBD ### 6. Кабинеты клиента и администратора Подсказка: нужен ли личный кабинет клиента (история, перенос/отмена), кабинет администратора (календарь, загрузка, отчёты)? Ответ: TBD ### 7. Интеграции Подсказка: какие интеграции критичны: CRM, телефония, Google/Outlook Calendar, касса, платежные системы, учетные сервисы? Ответ: TBD ### 8. Аналитика и KPI Подсказка: какие показатели важно отслеживать: конверсия в запись, no-show rate, повторные визиты, загрузка специалистов, выручка? Ответ: TBD ### 9. Бюджет, этапы и шаблоны Подсказка: какой бюджет и дедлайн MVP; какие шаблоны/экраны обязательны сразу (главная, услуги, профиль специалиста, форма записи, кабинет клиента, календарь администратора) и что переносим на второй этап? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../) * [Стоимость разработки сайта](../../website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Типовые проекты: сводка по ценам > Краткая таблица по 5 типовым проектам: стек, бюджет и шаблоны MVP; детали вынесены в профильные страницы. ## Как пользоваться сводкой [Заголовок раздела «Как пользоваться сводкой»](#как-пользоваться-сводкой) Сначала определите, к какому базовому типу относится запрос. Затем проверьте, какие сценарии, интеграции и ограничения реально входят в scope, и только после этого фиксируйте вилку бюджета. Короткая логика страницы: * тип проекта определяет стек и набор рисков; * бриф и состав MVP-шаблонов показывают, где прячутся часы и интеграции; * цена растёт не от количества страниц, а от логики, данных и внешних систем. Важно: эта страница намеренно оставлена как сводка. Все детали по каждому типу проекта и полные брифы находятся в профильных материалах. ## Типовые проекты и цены [Заголовок раздела «Типовые проекты и цены»](#типовые-проекты-и-цены) Расчёт в долларах дан по условному курсу: `1 USD = 100 ₽`. ### Лендинг / промо-сайт [Заголовок раздела «Лендинг / промо-сайт»](#лендинг--промо-сайт) * **Задача:** один оффер, один CTA, трафиковые кампании * **Базовый стек:** AstroJS, WordPress + Blocks * **На типовом шаблоне WordPress:** 120 000 - 400 000 ₽ ($1,200 - $4,000) * **Кастомные решения:** 300 000 - 1 200 000 ₽ ($3,000 - $12,000) * **MVP-шаблоны, влияющие на цену:** 1-2 шаблона (лендинг, thank-you/вариант под A/B) * **Подробнее:** [Промо сайт (лендинг)](./promo-website-landing) ### Корпоративный / имиджевый сайт [Заголовок раздела «Корпоративный / имиджевый сайт»](#корпоративный--имиджевый-сайт) * **Задача:** доверие, презентация услуг, лиды * **Базовый стек:** AstroJS, WordPress, NextJS + Headless CMS * **На типовом шаблоне WordPress:** 300 000 - 900 000 ₽ ($3,000 - $9,000) * **Кастомные решения:** 1 000 000 - 4 000 000 ₽ ($10,000 - $40,000) * **MVP-шаблоны, влияющие на цену:** 4-8 шаблонов (главная, услуга, кейс, блог, статья, контакты) * **Подробнее:** [Корпоративный сайт](./corporate-website) ### B2C интернет-магазин [Заголовок раздела «B2C интернет-магазин»](#b2c-интернет-магазин) * **Задача:** полный цикл онлайн-продаж * **Базовый стек:** WooCommerce, Laravel + FilamentPHP, NextJS * **На типовом шаблоне WordPress:** 600 000 - 2 000 000 ₽ ($6,000 - $20,000) * **Кастомные решения:** 2 500 000 - 15 000 000 ₽ ($25,000 - $150,000) * **MVP-шаблоны, влияющие на цену:** 6-12 шаблонов (главная, категория, карточка товара, корзина, checkout, ЛК) * **Подробнее:** [Интернет-магазин](./online-store) ### Блог / контентный проект / медиа [Заголовок раздела «Блог / контентный проект / медиа»](#блог--контентный-проект--медиа) * **Задача:** контент как основной продукт * **Базовый стек:** WordPress, AstroJS + Markdown/CMS, NextJS * **На типовом шаблоне WordPress:** 250 000 - 900 000 ₽ ($2,500 - $9,000) * **Кастомные решения:** 1 200 000 - 6 000 000 ₽ ($12,000 - $60,000) * **MVP-шаблоны, влияющие на цену:** 4-9 шаблонов (главная, рубрика, статья, автор, поиск, FAQ/глоссарий) * **Подробнее:** [Блог / медиа / новостной портал](./blog-media-portal) ### База знаний / документация [Заголовок раздела «База знаний / документация»](#база-знаний--документация) * **Задача:** self-service контент для клиентов, команды и поддержки * **Базовый стек:** WordPress, Astro Starlight * **На типовом шаблоне WordPress:** 50 000 - 100 000 ₽ ($500 - $1,000) * **Кастомные решения:** 100 000 - 500 000 ₽ ($1,000 - $5,000) * **MVP-шаблоны, влияющие на цену:** 5-10 шаблонов (главная, раздел, статья, поиск, FAQ, глоссарий, changelog) * **Подробнее:** [База знаний](./knowledge-base) Сложные и отраслевые сценарии вынесены в отдельный раздел: [Custom-проекты: ориентиры по цене](../custom-projects/). ## Что проговаривать в смете [Заголовок раздела «Что проговаривать в смете»](#что-проговаривать-в-смете) * Финальная цена зависит от объёма контента и числа уникальных шаблонов. * Интеграции, миграции данных и нестандартная логика считаются отдельно. * Discovery, QA, релиз и пост-релизная поддержка должны быть выделены отдельными строками. ## Связанные разделы [Заголовок раздела «Связанные разделы»](#связанные-разделы) * [Цены на разработку и управление сайтами](../) * [Стоимость разработки сайта](../website-development-pricing) * [Стоимость управления сайтом](../website-maintenance-pricing) * [Custom-проекты: ориентиры по цене](../custom-projects/) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Исходный материал: [starter-templates-rfc.md](../../../../../raw/2026/0725/starter-templates-rfc) * См. также: [Цены на разработку и управление сайтами](../) ---------- # Блог / медиа / новостной портал: ориентиры по цене > Бюджетные ориентиры для контентных проектов: блоги, медиа, новости, редакционные роли и подписки. TL;DR: это контентный проект, где бюджет в первую очередь задают редакционная структура, шаблоны материалов, поиск, SEO и роли для команды. Такой сайт обычно делают как платформу для регулярной публикации и роста трафика через Контент-маркетинг. ## Почему проект в среднем сегменте [Заголовок раздела «Почему проект в среднем сегменте»](#почему-проект-в-среднем-сегменте) * Часто запускается как канал SEO и контент-маркетинга. * Стартовый бюджет обычно ниже, чем у e-commerce и SaaS. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Корпоративный блог, экспертный блог. * Медиа-портал с редакционной структурой. * Knowledge base / документация. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Рубрики и теги, лента публикаций, карточка статьи. * Поиск, страницы авторов, SEO-разметка. * Подписка и базовые редакционные роли. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Сложная редакционная модель и workflow публикаций. * Платный доступ, монетизация, рекламные форматы. * Персональные рекомендации и интеграции с рассылками. ## Оптимальный стек [Заголовок раздела «Оптимальный стек»](#оптимальный-стек) * **WordPress** — базовый выбор для редакций: удобная админка, роли пользователей и зрелая экосистема SEO-плагинов. * **AstroJS + headless CMS** — для медиа с высокими требованиями к Core Web Vitals, когда важны скорость и масштабируемость. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) * На типовом шаблоне WordPress: 250 000 - 900 000 ₽ ($2,500 - $9,000). * Кастомные решения: 1 200 000 - 6 000 000 ₽ ($12,000 - $60,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Концепция проекта Подсказка: это блог, новостной портал, база знаний, документация, журнал, медиа или экспертный контентный хаб? Ответ: TBD ### 2. Авторы и редакционный процесс Подсказка: сколько авторов, нужны ли роли редактора, автора, корректора, модератора и процесс согласования публикаций? Ответ: TBD ### 3. Рубрикация и навигация Подсказка: какие категории, теги, подборки, серии материалов, главные разделы, меню и поиск нужны? Ответ: TBD ### 4. Форматы контента Подсказка: будут только статьи или нужны новости, события, рецепты, обзоры, видео, подкасты, глоссарий, FAQ? Ответ: TBD ### 5. Монетизация Подсказка: нужны ли реклама, партнёрские ссылки, платная подписка, лидогенерация, закрытые материалы или донаты? Ответ: TBD ### 6. Миграция Подсказка: есть ли старый сайт, сколько материалов переносить, какие URL сохранить, нужны ли редиректы и чистка контента? Ответ: TBD ### 7. SEO и технические требования Подсказка: нужны ли карта сайта, микроразметка, ЧПУ, хлебные крошки, перелинковка, страницы авторов и оптимизация скорости? Ответ: TBD ### 8. Бюджет, этапы и шаблоны Подсказка: какой бюджет и срок запуска; какие шаблоны обязательны на старте (главная, рубрика, статья, автор, поиск, FAQ/глоссарий) и какие разделы можно добавить позже? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../) * [Стоимость разработки сайта](../../website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Корпоративный сайт: ориентиры по цене > Оценка бюджета корпоративных сайтов: сценарии использования, вариации, расширения и факторы роста стоимости. TL;DR: корпоративный сайт нужен, когда бизнесу важно объяснить себя, собрать доверие и перевести интерес в заявки, документы или контакт с командой. Стоимость здесь чаще всего растет из-за структуры разделов, качества контента, интеграций и требований к администрированию. ## Сценарии использования [Заголовок раздела «Сценарии использования»](#сценарии-использования) * Представить бизнес, направления деятельности и экспертизу. * Поддержать B2B-продажи через кейсы, документы и формы заявок. * Повысить доверие для партнёров, клиентов, кандидатов и госзаказчиков. * Централизовать новости, документы, реквизиты и публичную информацию. * Создать основу для SEO, контент-маркетинга и регулярных доработок. * Дать клиенту возможность самостоятельно выбрать услугу, специалиста и время. * Снизить нагрузку на администраторов, менеджеров и колл-центр. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Классический корпоративный сайт — компания, продукты (услуги, товары, направления), кейсы, контакты. * B2B-сайт производственной компании — направления, оборудование, сертификаты, дилеры. * Сайт холдинга / группы компаний — структура, дочерние компании, направления бизнеса. * Сайт госорганизации / НКО — документы, отчётность, новости, нормативные разделы. * Сайт строительной / инженерной компании — объекты, лицензии, СРО, проектная документация. * Многоязычный corporate website — ru/en, международные рынки, локализация. * Корпоративный сайт с HR-разделом — вакансии, культура, онбординг, форма отклика. * Корпоративный сайт + портал поставщиков — тендеры, закупки, документы, заявки. * Клиника / медицинский центр — врачи, направления, расписание, запись. * Салон красоты / барбершоп — мастера, услуги, слоты, напоминания. * Автосервис — услуги, запись на диагностику, подбор времени. * Юридическая / консалтинговая компания — консультации, бронирование, предоплата. * Психолог / коуч / эксперт — личный бренд + расписание консультаций. * Фитнес / студия / секции — тренеры, групповые занятия, абонементы. * Аренда помещений / коворкинг — календарь доступности, бронирование, оплата. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Главная, о компании, услуги/направления/каталог продукции, кейсы/проекты/портфолио. * Команда, документы/лицензии, новости/блог, контакты и реквизиты. * Формы заявок, обратная связь, карта, FAQ, поиск по сайту. * CMS для контент-менеджера и базовые интеграции. ## Опции и расширения [Заголовок раздела «Опции и расширения»](#опции-и-расширения) * Онлайн-запись, календарь свободных слотов, специалисты/сотрудники. * Уведомления, предоплата, история записей. * Интеграция с календарями, CRM, SMS/email/мессенджерами. * Мультиязычность. * HR-раздел. * Личный кабинет. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Большой объём контента и количество шаблонов. * Мультиязычность, тендерные разделы, кабинет партнёра и личный кабинет. * Онлайн-запись, календарь, предоплата, уведомления и синхронизация с внешними системами. * Нестандартные интеграции, юридические требования и согласования по контенту. ## Оптимальный стек [Заголовок раздела «Оптимальный стек»](#оптимальный-стек) * **AstroJS** — максимальная скорость, минимальный хостинг, идеально для сайтов услуг, девелоперов, производств. * **WordPress** — если клиенту критично часто и самостоятельно вести блог/новости. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) * На типовом шаблоне WordPress: 300 000 - 900 000 ₽ ($3,000 - $9,000). * Кастомные решения: 1 000 000 - 4 000 000 ₽ ($10,000 - $40,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Компания и предложение Подсказка: кратко опишите компанию, продукт/услугу, позиционирование и главное обещание для клиента. Уточните, это сайт для презентации, лидогенерации, рекрутинга, тендеров или онлайн-записи. Ответ: TBD ### 2. Главная цель сайта Подсказка: что важнее - заявки, доверие, презентация услуг, HR, тендеры, информирование, поддержка продаж или самообслуживание клиентов? Ответ: TBD ### 3. Целевая аудитория Подсказка: кто будет пользоваться сайтом, с каких устройств, с каким уровнем технической подготовки и на каком этапе выбора? Отдельно перечислите клиентов, партнёров, кандидатов, поставщиков и госзаказчиков, если они есть. Ответ: TBD ### 4. Структура сайта Подсказка: перечислите обязательные разделы: услуги, портфолио, о компании, кейсы, блог, контакты, FAQ, документы, вакансии, реквизиты, личный кабинет или запись на приём. Ответ: TBD ### 5. Контент и фирменный стиль Подсказка: кто готовит тексты, фото, видео, кейсы; есть ли брендбук, логотип, tone of voice и готовые материалы? Нужна ли адаптация под несколько языков и отдельных региональных страниц? Ответ: TBD ### 6. Обновление контента Подсказка: нужно ли самостоятельно добавлять новости, акции, статьи, вакансии, кейсы, документы или достаточно редких правок через разработчика? Кто будет вести сайт после запуска? Ответ: TBD ### 7. Языки и регионы Подсказка: нужен ли один язык или несколько, есть ли региональные версии, разные офисы или направления, требуется ли отдельная навигация под рынки ru/en? Ответ: TBD ### 8. Функции и интеграции Подсказка: нужны ли формы, CRM, онлайн-чат, карта, калькулятор, квиз, callback, аналитика, пиксели и цели? Отдельно отметьте запись на услуги, календарь, уведомления и оплату. Ответ: TBD ### 9. Бюджет и сроки Подсказка: укажите желаемый срок запуска, приоритеты первой версии, ориентир по бюджету и количество уникальных шаблонов страниц (например: главная, услуга, кейс, блог, статья, контакты). Если есть, назовите отдельные этапы: MVP, контентный запуск, интеграции, кабинет, мультиязычность. Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../) * [Стоимость разработки сайта](../../website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # База знаний: ориентиры по цене > Оценка бюджета для knowledge base и документационных порталов: структура, поиск, роли, версии контента и интеграции. TL;DR: база знаний - это отдельный тип контентной платформы, где главная ценность в структуре знаний, качестве поиска и процессе обновления материалов. Бюджет чаще растет из-за информационной архитектуры, миграции контента, версионирования и требований к управлению документацией командой. ## Когда нужен отдельный проект knowledge base [Заголовок раздела «Когда нужен отдельный проект knowledge base»](#когда-нужен-отдельный-проект-knowledge-base) * Нужно снизить нагрузку на поддержку за счет self-service контента. * Требуется единый источник знаний для клиентов, партнёров или внутренней команды. * Важны быстрый поиск, четкая навигация и регулярные обновления материалов. * Нужны версии документации для разных продуктов, API или релизов. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Публичная база знаний для клиентов (help center). * Документация продукта для onboarding и снижения time-to-value. * Техническая документация для API и интеграций. * Внутренний портал знаний (SOP, регламенты, playbooks). * Гибридный формат: публичные гайды + закрытые разделы для партнёров. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Проектирование структуры разделов, категорий и шаблонов статей. * Поиск, теги, хлебные крошки, перелинковка и SEO-структура. * Роли редакции, workflow публикаций и контроль качества контента. * Базовая аналитика: популярные запросы, пустые результаты, CTR по статье. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Миграция большого архива материалов и очистка старого контента. * Версионирование документации по релизам/продуктам. * Мультиязычность и локализация терминологии. * Интеграции с support-системами, CRM, LMS, AI-ассистентами. ## Оптимальный стек [Заголовок раздела «Оптимальный стек»](#оптимальный-стек) * **WordPress** - подходит для редакционных команд, которым критична простая публикация и управление ролями. * **Astro Starlight** - оптимален для документации с высокой скоростью, четкой навигацией и контролируемой структурой репозитория. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) * На типовом шаблоне WordPress: 50 000 - 100 000 ₽ ($500 - $1,000). * Кастомные решения: 100 000 - 500 000 ₽ ($1,000 - $5,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Аудитория базы знаний Подсказка: для кого база знаний - клиенты, партнеры, внутренняя команда, разработчики API или смешанная аудитория? Ответ: TBD ### 2. Цели и KPI Подсказка: какие бизнес-метрики должны улучшиться - снижение тикетов в поддержку, скорость onboarding, рост self-service, SEO-трафик? Ответ: TBD ### 3. Объём и состояние контента Подсказка: сколько материалов есть сейчас, в каком виде они хранятся, нужно ли переносить legacy-контент и делать редиректы? Ответ: TBD ### 4. Структура и навигация Подсказка: какие разделы и уровни вложенности нужны, как будет устроен поиск, теги, глоссарий, FAQ и связанные статьи? Ответ: TBD ### 5. Роли и workflow Подсказка: кто создает, редактирует, согласовывает и публикует статьи; нужен ли контур review и правила обновления материалов? Ответ: TBD ### 6. Версии и языки Подсказка: нужна ли документация по версиям продукта и на нескольких языках, как часто выходят обновления? Ответ: TBD ### 7. Интеграции и автоматизация Подсказка: нужны ли интеграции с helpdesk, CRM, analytics, AI-поиском, чат-виджетами и внутренними системами? Ответ: TBD ### 8. Ограничения проекта Подсказка: какие сроки запуска, бюджет, обязательные шаблоны и этапы релиза (MVP, контентная миграция, расширения) планируются? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../) * [Стоимость разработки сайта](../../website-development-pricing) * [Как вести базу знаний WordPress](../../../wordpress/faq/how-to/knowledge-base-workflow) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Интернет-магазин: как создать? Сколько стоит? > Бюджетные ориентиры для e-commerce: каталог, checkout, оплаты, доставки и интеграции с учетными системами. TL;DR: интернет-магазин почти всегда дороже лендинга или сайта-витрины, потому что в цену входят каталог, корзина, оплата, доставка, учет и поддержка операционных процессов. Чем больше логики в заказах, фильтрах, ролях и интеграциях, тем ближе проект к кастомной разработке. ## Почему проект в приоритете [Заголовок раздела «Почему проект в приоритете»](#почему-проект-в-приоритете) * Прямая связь с выручкой и понятные KPI. * Высокий потенциал долгосрочной поддержки и развития. ## Вариации [Заголовок раздела «Вариации»](#вариации) * **Классический B2C-магазин** — розничные продажи, каталог, корзина, оплата. * **B2B-магазин** — цены по контрагентам, оптовые заказы, счета, отсрочки. * **Магазин с шоурумом** — онлайн-каталог + запись/резерв товара. * **Каталог без онлайн-оплаты** — заявки, прайс-листы, коммерческие предложения. * **Монотоварный магазин** — один продукт или линейка продуктов. * **Магазин цифровых товаров** — файлы, лицензии, подписки, доступы. * **Магазин с подпиской** — регулярные поставки, абонентская модель. * **Лёгкий маркетплейс** — несколько поставщиков, разные продавцы, комиссия. ## Опции и расширения [Заголовок раздела «Опции и расширения»](#опции-и-расширения) * Каталог товаров. * Фильтры и поиск. * Карточка товара. * Корзина. * Оформление заказа. * Личный кабинет. * Оплата и доставка. * Админка товаров и заказов. * Интеграции с 1С, МойСклад и CRM. * Промокоды, избранное, отзывы, рекомендации и подписки. * Автоматизация повторных заказов, статусов, уведомлений и доставки. * Комплекты, cross-sell и upsell-механики для роста среднего чека. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Каталог, фильтры, поиск и карточка товара. * Корзина, checkout, оплаты и доставка. * Личный кабинет и админка заказов/товаров. * Базовые промо-механики: промокоды, избранное, рекомендации. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Интеграции с 1С, CRM, складом и логистикой. * Сложные цены, промо-механики, персонализация. * Высокие требования к скорости и отказоустойчивости. ## Оптимальный стек [Заголовок раздела «Оптимальный стек»](#оптимальный-стек) * **WordPress + WooCommerce** — оптимально для большинства SMB-магазинов: быстрый запуск через стартер-шаблоны, развитая экосистема платежей и доставки, большое число готовых модулей, а также открытость и гибкость для развития без ограничений вендора или платформы. * **1С-Битрикс: Интернет магазин** — когда нужна «коробка» под РФ/СНГ с готовыми модулями e-commerce и тесной экосистемой: интеграция с 1С (обмен товарами/остатками/заказами), типовые интеграции с доставкой/оплатой, маркетинг (промо, купоны), роли/права. Хорош для проектов, где важны привычность для бизнеса и наличие большого рынка подрядчиков. Минусы: более тяжёлый стек, лицензирование, сложнее развивать как headless. * **Кастомный бэкенд через Laravel + FilamentPHP** — когда магазин перерос WooCommerce: нестандартные процессы, глубокая кастомизация ЛК - Filament даёт мощную админку. сложная логика и нагрузка хорошо решается через Laravel решения. * **Headless eCommerce** — высоконагруженный B2C с упором на мобильный UX. AstroJS / NuxtJS / NextJS — очень быстрый JAM-stack фронтенд. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) * На типовом шаблоне WordPress: 600 000 - 2 000 000 ₽ ($6,000 - $20,000). * Кастомные решения: 2 500 000 - 15 000 000 ₽ ($25,000 - $150,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Ассортимент Подсказка: сколько товаров, категорий, вариаций, характеристик; есть ли размерные сетки, цвета, комплекты или наборы? Ответ: TBD ### 2. Сценарий покупки Подсказка: нужна ли гостевая покупка, обязательная регистрация, быстрый заказ, one-click checkout, избранное или сравнение? Ответ: TBD ### 3. Оплата Подсказка: какие способы оплаты нужны: эквайринг, СБП, рассрочка, частичная предоплата, сертификаты, оплата при получении? Ответ: TBD ### 4. Доставка Подсказка: какие службы доставки нужны, есть ли ПВЗ, курьеры, самовывоз, расчёт стоимости и сроков в checkout? Ответ: TBD ### 5. Маркетинг и удержание Подсказка: нужны ли промокоды, скидки, бонусы, брошенные корзины, email/SMS/мессенджер-уведомления, рекомендации? Ответ: TBD ### 6. Учёт и остатки Подсказка: есть ли 1С, МойСклад, ERP или другая система; как часто синхронизировать цены, остатки и заказы? Ответ: TBD ### 7. Личный кабинет Подсказка: нужна ли история заказов, повтор заказа, возвраты, адреса доставки, документы, статусы и уведомления? Ответ: TBD ### 8. Аналитика и стабильность Подсказка: какие метрики, цели, рекламные системы и требования к нагрузке, отказоустойчивости и безопасности платежей? Ответ: TBD ### 9. Бюджет, этапы и шаблоны Подсказка: какой бюджет и сроки на MVP/первый релиз; какие шаблоны обязательны в первой версии (главная, категория, карточка товара, корзина, checkout, личный кабинет) и что можно перенести во второй этап? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../) * [Стоимость разработки сайта](../../website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Промо сайт (лендинг): как сделать? сколько стоит? > Сценарии, вариации и бюджет для лендингов и промо-сайтов: от быстрого запуска до мультилендинга с интеграциями. TL;DR: лендинг — это самый быстрый формат промо-сайта, когда нужно запустить оффер, собрать заявки или проверить спрос без лишней инфраструктуры. Обычно он строится вокруг одного действия: заявка, покупка, регистрация или переход в мессенджер. Бюджет зависит от глубины дизайна, контента, квиза, интеграций и числа вариантов страницы: от шаблонного запуска до кастомного решения с аналитикой и автоматизацией. ## Вариации [Заголовок раздела «Вариации»](#вариации) * **Лендинг услуги** — юридические услуги, ремонт, консалтинг, B2B-сервис. * **Лендинг продукта** — SaaS, physical product, инфопродукт, подписка. * **Сайт события** — конференция, вебинар, фестиваль, запуск. * **Квиз-лендинг** — заявка через опросник, калькулятор, подбор тарифа. * **Мультилендинг** — набор посадочных страниц под разные сегменты/регионы/рекламные кампании. * **Pre-launch page** — сбор waitlist, тестирование спроса, презентация MVP. * **Продающая страница курса/интенсива** — программа, спикеры, тарифы, оплата. ## Когда использовать [Заголовок раздела «Когда использовать»](#когда-использовать) * Быстро проверить спрос на продукт, услугу или гипотезу. * Запустить рекламную кампанию с понятной посадочной страницей. * Собрать заявки, предзаказы, регистрации или waitlist. * Упаковать отдельное предложение без переработки основного сайта. * Сделать временную страницу под событие, акцию или запуск. ## Опции и расширения [Заголовок раздела «Опции и расширения»](#опции-и-расширения) * **Макет:** One-page или компактный multi-page сайт * **Блоки:** Hero, преимущества, оффер, кейсы/доказательства, FAQ, форма заявки * **Интерактив:** Квиз, калькулятор, конфигуратор или подбор тарифа * **Интеграции:** CRM, почта, Telegram, аналитика * **Эксперименты:** A/B-тестирование, UTM-разметка, пиксели рекламных систем * **Техническое:** Адаптив, базовое SEO, высокая скорость загрузки ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Hero-секция, оффер, преимущества, кейсы, FAQ. * Форма заявки и базовая CRM-интеграция. * Адаптив, базовое SEO, аналитика и UTM. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Многоэкранный квиз и сложная логика маршрутизации. * Несколько интеграций и автоматизаций (CRM, мессенджеры, email). * A/B-тесты, копирайтинг и продвинутый дизайн. ## Оптимальный стек [Заголовок раздела «Оптимальный стек»](#оптимальный-стек) * **AstroJS** — лучший выбор для быстрых лендингов с высокой конверсией и минимальной стоимостью хостинга. * **WordPress** — подходит, если маркетинг-команде важно часто менять блоки и публиковать контент без разработчика. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) * На типовом шаблоне WordPress: 120 000 - 400 000 ₽ ($1,200 - $4,000). * Кастомные решения: 300 000 - 1 200 000 ₽ ($3,000 - $12,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Целевое действие Подсказка: что должен сделать пользователь - купить, оставить заявку, подписаться, зарегистрироваться, перейти в мессенджер? Ответ: TBD ### 2. Продукт и УТП Подсказка: какой продукт/услуга продвигается, чем отличается от альтернатив, какие боли и возражения закрывает? Ответ: TBD ### 3. Воронка и структура Подсказка: какие блоки нужны: оффер, выгоды, отзывы, кейсы, тарифы, FAQ, форма, гарантия, дедлайн, бонусы? Ответ: TBD ### 4. Источник трафика Подсказка: откуда придут пользователи - Директ, таргет, SEO, email, блог, партнёры; какие ожидания у аудитории? Ответ: TBD ### 5. Канал связи и обработка лидов Подсказка: куда отправлять лиды - CRM, Telegram, почта, мессенджеры, чат-бот; кто и как быстро отвечает? Ответ: TBD ### 6. Аналитика и эксперименты Подсказка: какие цели, пиксели, события, UTM, A/B-тесты и показатели конверсии нужно настроить? Ответ: TBD ### 7. Референсы и ограничения Подсказка: какие лендинги нравятся, какой стиль нужен, какие сроки, бюджет, количество уникальных шаблонов/вариантов страницы под A/B и обязательные юридические блоки есть? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../) * [Стоимость разработки сайта](../../website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Стоимость разработки сайта > Мировые практики ценообразования разработки сайтов: диапазоны по типам проекта, драйверы цены и удобные модели сметы. ## Короткий ответ [Заголовок раздела «Короткий ответ»](#короткий-ответ) Единой цены не существует: международные источники дают широкий диапазон от сотен до десятков тысяч долларов в зависимости от сложности, кастомизации и команды. Для практической работы лучше использовать не одну цифру, а вилку из 3 уровней: * базовый уровень (MVP/старт); * рабочий уровень (production-ready); * расширенный уровень (масштабирование, интеграции, рост). ## Базовые вилки по загрузке [Заголовок раздела «Базовые вилки по загрузке»](#базовые-вилки-по-загрузке) Диапазоны ниже нужны как ориентир для пресейла, а не как финальный коммерческий оффер. Расчет в рублях сделан по условному курсу 100 ₽ за $1. | Уровень загрузки | Ориентир бюджета | | ---------------------------------------- | ---------------------------------------: | | База (low code) | от 100 000 ₽ ($1,000) | | Мини-команда (2 разработчика) | 500 000 - 1 000 000 ₽ ($5,000 - $10,000) | | Стандартная команда (5-10 разработчиков) | 2 500 000-5 000 000 ₽ ($25,000-$50,000) | ## Что сильнее всего влияет на цену [Заголовок раздела «Что сильнее всего влияет на цену»](#что-сильнее-всего-влияет-на-цену) 1. Глубина кастомной логики: чем больше нестандартных сценариев, тем выше бюджет. 2. Интеграции: CRM, ERP, платежи, логистика, маркетплейсы, SSO. 3. Контент и дизайн-система: уникальный UI, анимации, контент-продакшн. 4. Нефункциональные требования: скорость, безопасность, отказоустойчивость, аудит. 5. Команда и процесс: seniority, discovery, QA, DevOps, PM. ## Рабочая модель сметы (лучшая практика) [Заголовок раздела «Рабочая модель сметы (лучшая практика)»](#рабочая-модель-сметы-лучшая-практика) ### 1) Estimate в трех корзинах [Заголовок раздела «1) Estimate в трех корзинах»](#1-estimate-в-трех-корзинах) * `Must`: обязательный минимум для запуска. * `Should`: важные улучшения после запуска. * `Could`: опции для следующего этапа. ### 2) Отдельные статьи бюджета [Заголовок раздела «2) Отдельные статьи бюджета»](#2-отдельные-статьи-бюджета) * Discovery и аналитика. * Дизайн/UX. * Разработка. * Тестирование. * Релиз и документация. ### 3) Прозрачные допущения [Заголовок раздела «3) Прозрачные допущения»](#3-прозрачные-допущения) * сколько страниц/шаблонов входит; * какие интеграции входят; * лимит итераций по дизайну; * что считается change request. ## Модели оплаты [Заголовок раздела «Модели оплаты»](#модели-оплаты) * Fixed price: подходит для четкого scope и низкой изменчивости. * Time and materials: лучше для продуктовой эволюции и неопределенности. * Гибрид: фикс для ядра + T\&M для итеративных улучшений. ## Типичные ошибки в pricing [Заголовок раздела «Типичные ошибки в pricing»](#типичные-ошибки-в-pricing) * Считать только разработку и забывать про поддержку после запуска. * Не закладывать QA/релизные риски и резерв. * Обещать fixed при неуточненном scope. * Не фиксировать критерии готовности и приемки. ## Связанные разделы [Заголовок раздела «Связанные разделы»](#связанные-разделы) * [Цены на разработку и поддержку сайтов](../) * [Стоимость поддержки сайта](../website-maintenance-pricing) * [Типовые сайты и проекты](../../wordpress/faq/how-to/website-types-and-projects) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Squarespace: How much does it cost to build a website](https://www.squarespace.com/blog/how-much-does-a-website-cost) * [Wix: How much does a website cost in 2026](https://www.wix.com/blog/how-much-does-a-website-cost) * [Hostinger: Website maintenance cost](https://www.hostinger.com/tutorials/website-maintenance-cost) ---------- # Стоимость управления сайтом > Что входит в управление сайтом после запуска и сколько это стоит в рублях: от 10 000 ₽ в месяц. ## Почему управление сайтом нельзя считать опциональным [Заголовок раздела «Почему управление сайтом нельзя считать опциональным»](#почему-управление-сайтом-нельзя-считать-опциональным) После запуска сайт не становится “готовым навсегда”. Чтобы он стабильно работал и не терял трафик/заявки, нужен отдельный операционный контур: мониторинг, обновления, поддержка и регламент на инциденты. Для большинства проектов в РФ практичный порог входа в услугу управления сайтом начинается от 10 000 ₽ в месяц. ## Что включает управление сайтом [Заголовок раздела «Что включает управление сайтом»](#что-включает-управление-сайтом) 1. Мониторинг доступности, производительности и критичных ошибок. 2. Регулярные обновления CMS, тем, плагинов и серверных компонентов. 3. Техническая поддержка по текущим вопросам и мелким доработкам. 4. Оперативная реакция на инциденты и аварии (диагностика, локализация, восстановление). ## Примерный разброс цен по типам проектов [Заголовок раздела «Примерный разброс цен по типам проектов»](#примерный-разброс-цен-по-типам-проектов) | Тип проекта | В месяц | В год (скидка \~17%) | | ------------------------------------- | ----------------: | --------------------: | | Cайт-визитка / Промо сайт / Лендинг | 10 000-20 000 ₽ | 100 000-200 000 ₽ | | Корпоративный сайт / интернет-магазин | 50 000-100 000 ₽ | 500 000-1 000 000 ₽ | | Порталы / веб-сервисы / мульти-сайты | 100 000-500 000 ₽ | 1 000 000-5 000 000 ₽ | ## Форматы обслуживания [Заголовок раздела «Форматы обслуживания»](#форматы-обслуживания) * Реактивный: работа по обращениям, без жестких SLA. * Абонентский: фиксированный месячный пакет часов и регламент работ. * SLA-формат: приоритетная очередь, гарантии реакции и целевой MTTR. ## Пример пакетов управления [Заголовок раздела «Пример пакетов управления»](#пример-пакетов-управления) ### Start [Заголовок раздела «Start»](#start) * Мониторинг, регулярные обновления, базовая техподдержка. * Реакция в рабочее время. * Подходит для небольших сайтов. ### Growth [Заголовок раздела «Growth»](#growth) * Все из Start + расширенный мониторинг и приоритетная поддержка. * Быстрая реакция на инциденты. * Регулярные технические работы по стабильности. ### Business Critical [Заголовок раздела «Business Critical»](#business-critical) * 24/7 мониторинг и аварийный регламент. * Максимально оперативная реакция на инциденты и аварии. * Приоритетное восстановление и расширенная отчетность. ## Что фиксировать в договоре управления [Заголовок раздела «Что фиксировать в договоре управления»](#что-фиксировать-в-договоре-управления) 1. Состав работ (что входит/не входит). 2. SLA по реакции и устранению. 3. Лимиты часов и правила переноса. 4. Стоимость сверхлимита. 5. Процедуру инцидентов и каналы эскалации. ## Связанные разделы [Заголовок раздела «Связанные разделы»](#связанные-разделы) * [Цены на разработку и управление сайтами](../) * [Стоимость разработки сайта](../website-development-pricing) * [Оптимизация WordPress](../../websites/performance/optimization) * [Базовая безопасность WordPress для нового сайта](../../websites/security/wordpress-security-basics) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Hostinger: Website maintenance cost](https://www.hostinger.com/tutorials/website-maintenance-cost) * [Elementor: Website maintenance cost in 2026](https://elementor.com/blog/website-maintenance-cost/) * [Wix: How much does a website cost in 2026](https://www.wix.com/blog/how-much-does-a-website-cost) ---------- # Разработка веб сервисов > Раздел про разработку сервисных продуктов: типовые проекты, архитектура и выбор backend-first стека. ## Что в этом разделе [Заголовок раздела «Что в этом разделе»](#что-в-этом-разделе) Раздел посвящен продуктам, где основная ценность находится в логике, процессах и данных, а не в контентной витрине. * [Типы сервисных проектов](./project-types/) - Каталог сервисных форматов с отдельной страницей под каждый тип проекта. * [Оптимальный стек для сервисов](./service-stack) - Laravel, Filament и TALL Stack: когда и зачем использовать. * [Сервисная архитектура](./service-architecture) - Сводка по SOA и микросервисам: различия, критерии выбора и практический baseline. * [SaaS-сервисы для WordPress](./saas/) - Каталог внешних сервисов: CDN, S3, SEO, аналитика, email, автоматизация, Dev/VCS и CRO. * [Прайсинг кастомных проектов](../pricing/custom-projects/) - Оценка бюджета и масштаба для сервисной разработки. ## Принцип размещения контента [Заголовок раздела «Принцип размещения контента»](#принцип-размещения-контента) 1. Если проект про витрину, контент и e-commerce, он идет в раздел «Вебсайты». 2. Если проект про процессы, роли, состояния и бизнес-логику, он идет в раздел «Сервисы». 3. Технологии могут пересекаться, но акцент страницы определяется типом клиентской ценности. ## Связанные разделы [Заголовок раздела «Связанные разделы»](#связанные-разделы) * [Вебсайты](../websites/) - Для контентных и типовых маркетинговых решений. * [SaaS-сервисы для WordPress](./saas/) - Каталог инфраструктурных и маркетинговых сервисов. * [TALL Stack](../web-frameworks/tall-stack/) - Подход для backend-first веб-продуктов. * [Сервисная архитектура](./service-architecture) - Единая сводка по выбору SOA и микросервисов. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [TALL Stack](../web-frameworks/tall-stack/) * [Прайсинг кастомных проектов](../pricing/custom-projects/) * RFC от 2026-07-25: “Реорганизация Базы Знаний WPC — введение двух главных разделов” ---------- # Типы сервисных проектов > Каталог сервисных проектов: дашборды, личные кабинеты, back-office и сложные веб-приложения. ## Зачем нужен этот подраздел [Заголовок раздела «Зачем нужен этот подраздел»](#зачем-нужен-этот-подраздел) Подраздел помогает выбрать формат сервисного продукта по доминирующему сценарию: аналитика, самообслуживание клиентов, внутренняя операционная автоматизация или сложная прикладная логика. ## Каталог типов [Заголовок раздела «Каталог типов»](#каталог-типов) * [Дашборды и аналитика](./dashboards) - KPI, воронки, SLA, операционные метрики и real-time мониторинг. * [Личные кабинеты](./personal-accounts) - Самообслуживание клиентов, подписки, статусы, документы, платежи. * [Внутренние системы и back-office](./internal-services) - Заявки, согласования, регламенты, роли и маршрутизация задач. * [Сложные веб-приложения](./web-applications) - Multi-role сценарии, сложные состояния, workflow и интеграции. ## Границы с разделом «Вебсайты» [Заголовок раздела «Границы с разделом «Вебсайты»»](#границы-с-разделом-вебсайты) * Если главный сценарий проекта - контент, витрина и маркетинг, это раздел «Вебсайты». * Если главный сценарий - процессы, роли, состояния и прикладная логика, это раздел «Сервисы». ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сервисы](../) * [Оптимальный стек для сервисов](../service-stack) * [Сервисная архитектура](../service-architecture) * [Прайсинг кастомных проектов](../../pricing/custom-projects/) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Сервисы](../) * [Вебсайты](../../websites/) * [Раздел о дашбордах (внешний материал)](https://ddpa.ru/kb/it/dashboards) ---------- # Дашборды и аналитика > Когда выбирать формат дашборда: KPI, SLA, воронки и операционные метрики в реальном времени. ## Когда этот тип подходит [Заголовок раздела «Когда этот тип подходит»](#когда-этот-тип-подходит) Выбирайте дашборд, если ключевая ценность продукта - наблюдаемость бизнеса и быстрое принятие решений на основе метрик. Типичные сценарии: * Мониторинг KPI по продукту, продажам или операционке. * Контроль SLA и инцидентов в реальном времени. * Аналитика воронки и узких мест процесса. ## Что важно заложить в архитектуру [Заголовок раздела «Что важно заложить в архитектуру»](#что-важно-заложить-в-архитектуру) * Чёткая модель событий и витрина данных для чтения. * Роли доступа к метрикам и ограничения по сегментам данных. * Набор стандартных и кастомных фильтров. * Контроль свежести данных и качества ETL/ELT. ## Типичные риски [Заголовок раздела «Типичные риски»](#типичные-риски) * Смешивание BI-слоя и транзакционной логики в одном контуре. * Отсутствие единого словаря метрик (разные определения одной KPI). * Перегрузка интерфейса избыточными графиками без приоритизации. ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Каталог типов сервисных проектов](../) * [Сервисная архитектура](../../service-architecture) * [Оптимальный стек для сервисов](../../service-stack) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Типы сервисных проектов](../) * [Раздел о дашбордах (внешний материал)](https://ddpa.ru/kb/it/dashboards) ---------- # Внутренние системы и back-office > Когда выбирать формат back-office: автоматизация внутренних процессов, ролей, заявок и согласований. ## Когда этот тип подходит [Заголовок раздела «Когда этот тип подходит»](#когда-этот-тип-подходит) Этот тип проекта подходит, когда приоритет - операционная эффективность команды: меньше ручных действий, быстрее цикл исполнения, меньше ошибок в процессах. Типичные сценарии: * Заявки и очереди задач между отделами. * Маршруты согласования документов и договоров. * Управление внутренними регламентами и SLA исполнения. ## Что важно заложить в архитектуру [Заголовок раздела «Что важно заложить в архитектуру»](#что-важно-заложить-в-архитектуру) * Явная процессная модель: статусы, переходы, роли и исключения. * Настраиваемые workflow без переписывания ядра. * Журналирование действий и прозрачная ответственность по этапам. * Политики отказоустойчивости для критичных бизнес-процессов. ## Типичные риски [Заголовок раздела «Типичные риски»](#типичные-риски) * Автоматизация хаотичного процесса без его нормализации. * Жёстко зашитые маршруты, которые сложно менять при росте компании. * Недооценка требований к аудиту и безопасности внутренних данных. ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Каталог типов сервисных проектов](../) * [Сервисная архитектура](../../service-architecture) * [Оптимальный стек для сервисов](../../service-stack) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Типы сервисных проектов](../) * [Сервисы](../../) ---------- # Личные кабинеты > Когда выбирать формат личного кабинета: самообслуживание, документы, платежи, подписки и статусы. ## Когда этот тип подходит [Заголовок раздела «Когда этот тип подходит»](#когда-этот-тип-подходит) Личный кабинет нужен, когда пользователь регулярно взаимодействует с данными своего аккаунта и должен решать задачи без участия поддержки. Типичные сценарии: * Просмотр статусов заявок, заказов и обращений. * Управление подписками, тарифами и платежами. * Доступ к документам, актам, отчётам и уведомлениям. ## Что важно заложить в архитектуру [Заголовок раздела «Что важно заложить в архитектуру»](#что-важно-заложить-в-архитектуру) * Надёжная аутентификация и управление сессиями. * Ролевая модель: клиент, менеджер, бухгалтерия, поддержка. * История действий и прозрачный audit trail. * Подготовка к интеграциям с CRM, billing и документооборотом. ## Типичные риски [Заголовок раздела «Типичные риски»](#типичные-риски) * Неполная модель прав и утечки данных между аккаунтами. * Сложный путь до частых действий (например, оплаты или скачивания документов). * Отсутствие fallback-процессов при сбоях внешних интеграций. ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Каталог типов сервисных проектов](../) * [Сервисная архитектура](../../service-architecture) * [Оптимальный стек для сервисов](../../service-stack) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Типы сервисных проектов](../) * [Сервисы](../../) ---------- # Сложные веб-приложения > Когда выбирать формат сложного web app: много ролей, сложные состояния, workflow и интеграции. ## Когда этот тип подходит [Заголовок раздела «Когда этот тип подходит»](#когда-этот-тип-подходит) Сложное веб-приложение нужно, когда продукт объединяет несколько ролевых контуров и нестандартную прикладную логику в едином интерфейсе. Типичные сценарии: * Multi-role продукт с разными интерфейсами и правами. * Сложные жизненные циклы сущностей и зависимые состояния. * Интеграции с несколькими внешними API и внутренними системами. ## Что важно заложить в архитектуру [Заголовок раздела «Что важно заложить в архитектуру»](#что-важно-заложить-в-архитектуру) * Чёткие bounded context и границы ответственности сервисов. * Контрактная модель интеграций и versioning API. * Наблюдаемость по бизнес-событиям, а не только по системным метрикам. * Механизмы идемпотентности и компенсаций для распределённых операций. ## Типичные риски [Заголовок раздела «Типичные риски»](#типичные-риски) * Раннее усложнение архитектуры без подтверждённой продуктовой необходимости. * Размытие доменных границ и «суперсервис», который тормозит команду. * Непредсказуемое поведение при частичных отказах интеграций. ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Каталог типов сервисных проектов](../) * [Сервисная архитектура](../../service-architecture) * [Оптимальный стек для сервисов](../../service-stack) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Типы сервисных проектов](../) * [Микросервисы и SOA: выбор архитектуры](../../service-architecture) ---------- # SaaS-сервисы для WordPress > Каталог из 41 внешнего SaaS-сервиса для WordPress: CDN, SEO, аналитика, email-маркетинг, автоматизация, dev-инструменты, CRO и лидогенерация. ## Категории сервисов [Заголовок раздела «Категории сервисов»](#категории-сервисов) ### ⚡ CDN и производительность [Заголовок раздела «⚡ CDN и производительность»](#-cdn-и-производительность) * [CDN и производительность — сервисы](./cdn-performance) — Cloudflare, Bunny.net, NitroPack, Yandex Cloud CDN, Selectel, VK Cloud: сравнение, цены, WP-интеграция. ### 🗄 Объектные хранилища (S3) [Заголовок раздела «🗄 Объектные хранилища (S3)»](#-объектные-хранилища-s3) * [S3-провайдеры для WordPress](./s3-providers) — Объектные хранилища: зачем, архитектура, ключевые концепции, Yandex Object Storage, Selectel, VK Cloud, AWS S3, Cloudflare R2, MinIO — цены, классы, 152-ФЗ. ### 🔍 SEO и ключевые слова [Заголовок раздела «🔍 SEO и ключевые слова»](#-seo-и-ключевые-слова) * [SEO и ключевые слова — сервисы](./seo-tools) — Ahrefs, Semrush, SE Ranking, Rush Analytics, Keys.so, Serpstat: выбор платформы под задачи. ### 📊 Аналитика и поведение [Заголовок раздела «📊 Аналитика и поведение»](#-аналитика-и-поведение) * [Аналитика и поведение — сервисы](./analytics) — Яндекс.Метрика, GA4, Microsoft Clarity, Hotjar, Roistat, Calltouch: счётчики, heatmaps, сквозная аналитика. ### ✉️ Email-маркетинг [Заголовок раздела «✉️ Email-маркетинг»](#️-email-маркетинг) * [Email-маркетинг — сервисы](./email-marketing) — UniSender, SendPulse, Carrot Quest, Mailchimp, Brevo, HubSpot: сбор подписчиков, рассылки, автоматизация. ### 🧠 Автоматизация и интеграции [Заголовок раздела «🧠 Автоматизация и интеграции»](#-автоматизация-и-интеграции) * [Автоматизация и интеграции — сервисы](./automation) — Albato, ApiMonster, Make, Zapier, n8n: no-code связки WordPress с CRM, мессенджерами и SaaS. ### 🛠 Dev-инструменты [Заголовок раздела «🛠 Dev-инструменты»](#-dev-инструменты) * [Dev-инструменты и управление кодом — сервисы](./dev-vcs-tools) — GitHub, GitLab, Bitbucket, Gitea, VK Cloud: Git-хостинг и CI/CD для WordPress-разработки. ### 📣 Маркетинг, CRO и лидогенерация [Заголовок раздела «📣 Маркетинг, CRO и лидогенерация»](#-маркетинг-cro-и-лидогенерация) * [Маркетинг, CRO и лидогенерация — сервисы](./marketing-cro) — Envybox, CallbackHunter, Jivo, OptinMonster, VWO, Convert: попапы, чаты, A/B-тесты, захват лидов. ## Связанные разделы [Заголовок раздела «Связанные разделы»](#связанные-разделы) * [Плагины WordPress](../../wordpress/plugins/plugins-basics) — как выбирать и устанавливать плагины * [Кэширование WordPress](../../wordpress/cache/server-level-cache) — настройка кэш-плагинов и CDN * [Оптимизация WordPress](../../websites/performance/optimization) — комплексная оптимизация производительности * [WooCommerce: запуск и расширение](../../woocommerce/launch-extend) — маркетинговые расширения для магазина ---------- # Аналитика и поведение пользователей — сервисы > Сравнение сервисов аналитики для WordPress: Яндекс.Метрика, Roistat, Calltouch, Google Analytics 4, Hotjar, Microsoft Clarity. ## Обзор [Заголовок раздела «Обзор»](#обзор) Аналитика для WordPress работает на трёх уровнях: 1. **Счётчики и сбор данных** — сколько посетителей, откуда, какие страницы 2. **Поведенческий анализ** — heatmaps, записи сессий, воронки 3. **Сквозная аналитика** — связка «реклама → сайт → лид → продажа → ROI» Стандартная рекомендация: один счётчик (GA4 или Яндекс.Метрика) + один поведенческий инструмент (Clarity или Hotjar) + сквозная аналитика для e-commerce. ## Сравнительная таблица [Заголовок раздела «Сравнительная таблица»](#сравнительная-таблица) | Сервис | Тип | Бесплатно | WP-плагин | Фокус | | ------------------ | ------------------- | :----------: | :--------------: | ----------------- | | Яндекс.Метрика | Счётчик + поведение | ✅ | ✅ Официальный | РФ/СНГ | | Google Analytics 4 | Счётчик | ✅ | ✅ Много плагинов | Глобальный | | Microsoft Clarity | Поведение | ✅ Безлимитно | ✅ Официальный | Heatmaps + записи | | Hotjar | Поведение | 300 записей | ✅ Официальный | Heatmaps + опросы | | Roistat | Сквозная | ❌ | Через API | ROI + коллтрекинг | | Calltouch | Коллтрекинг | ❌ | ✅ Официальный | Звонки + CRM | ## Счётчики и базовая аналитика [Заголовок раздела «Счётчики и базовая аналитика»](#счётчики-и-базовая-аналитика) ### Яндекс.Метрика [Заголовок раздела «Яндекс.Метрика»](#яндексметрика) Полноценная бесплатная замена Google Analytics для РФ/СНГ. Официальный плагин для WordPress: авто-установка счётчика, e-commerce отслеживание без кода, дашборд-виджет в админке. * **Особенности:** Вебвизор (session replay), click-карты, отчёты по часам/дням/месяцам * **Новое в 2025:** офлайн-конверсии, конверсии из мессенджеров (WhatsApp, Telegram, Viber) * **Для кого:** блоги, магазины, корпоративные сайты с аудиторией РФ ### Google Analytics 4 (GA4) [Заголовок раздела «Google Analytics 4 (GA4)»](#google-analytics-4-ga4) Глобальный стандарт веб-аналитики. Event-based tracking вместо pageviews. Интегрируется через множество WordPress-плагинов: | Плагин | Особенности | | ---------------------- | ------------------------------------- | | **MonsterInsights** | Полный eCommerce, дашборды в WP, GDPR | | **GA4WP** | Лёгкий дашборд, IP-анонимизация | | **HT Easy GA4** | WooCommerce + Google Ads events | | **Site Kit by Google** | GA4 + Search Console + AdSense | | **AnalyticsWP** | GDPR-фокус, per-page stats | Все плагины обеспечивают: авто-вставку gtag.js, авто-трекинг ссылок и скачиваний, scroll depth, WooCommerce enhanced eCommerce. ## Поведенческий анализ [Заголовок раздела «Поведенческий анализ»](#поведенческий-анализ) ### Microsoft Clarity [Заголовок раздела «Microsoft Clarity»](#microsoft-clarity) **Полностью бесплатный** инструмент от Microsoft без ограничений по трафику. Session recordings с AI-суммаризацией (Clarity Copilot), heatmaps, scroll-depth, rage-click и dead-click detection. * **Плюсы:** бесплатно без ограничений, AI-суммаризация (250 записей → 1 отчёт), лёгкий скрипт, авто-маскировка чувствительных данных * **Минусы:** нет surveys и feedback widgets (в отличие от Hotjar) * **Идеальная связка:** GA4 = «что происходит», Clarity = «почему» * **Важно:** с октября 2025 требует cookie consent для EEA/UK/Switzerland ### Hotjar [Заголовок раздела «Hotjar»](#hotjar) Heatmaps + session recordings + on-page surveys + feedback widgets — всё в одном. AI-тегирование записей (rage clicks, form abandonment). * **Плюсы:** наглядные визуальные отчёты, AI-ассистент для поиска UX-проблем * **Минусы:** бесплатный тариф маловат (300 записей), платные быстро дорожают, может замедлять сайт * **Для кого:** сайты с бюджетом на аналитику, нужны опросы и feedback ## Сквозная аналитика и коллтрекинг [Заголовок раздела «Сквозная аналитика и коллтрекинг»](#сквозная-аналитика-и-коллтрекинг) ### Roistat [Заголовок раздела «Roistat»](#roistat) Связывает полную цепочку: посетитель сайта → заявка → звонок → сделка → прибыль. Интеграции с WooCommerce, Contact Form 7, Gravity Forms. * **Функции:** AI-прогноз продаж, модели атрибуции, авто-отключение убыточных рекламных кампаний * **Плюсы:** единый дашборд (сайт + CRM + 1С + реклама), ROI по каждому каналу * **Минусы:** высокий порог входа по цене, сложная настройка, российский фокус * **Для кого:** интернет-магазины с рекламными бюджетами ### Calltouch [Заголовок раздела «Calltouch»](#calltouch) Коллтрекинг с динамической подменой номеров под канал трафика. Связывает звонки с визитами и формами. Официальный WordPress-плагин. * **Интеграции:** AmoCRM, Битрикс24, Roistat * **Плюсы:** готовый плагин, сильная аналитика по звонкам * **Минусы:** платная модель, сложные кастомные интеграции требуют API ## Как выбрать [Заголовок раздела «Как выбрать»](#как-выбрать) 1. **РФ/СНГ аудитория** → Яндекс.Метрика + Clarity 2. **Глобальная аудитория** → GA4 + Clarity 3. **Нужны опросы и feedback** → Hotjar вместо Clarity 4. **E-commerce с рекламой** → добавьте Roistat или Calltouch 5. **Минимальный бюджет** → Clarity (бесплатно) + GA4 (бесплатно) Подробнее об интеграциях — [Автоматизация и интеграции — сервисы](../automation). ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Яндекс.Метрика](https://metrika.yandex.ru) * [Google Analytics](https://analytics.google.com) * [Microsoft Clarity](https://clarity.microsoft.com) * [Hotjar](https://hotjar.com) * [Roistat](https://roistat.com) * [Calltouch](https://calltouch.ru) ---------- # Автоматизация и интеграции — сервисы > Сравнение no-code платформ автоматизации для WordPress: Albato, ApiMonster, Make, Zapier, n8n. ## Обзор [Заголовок раздела «Обзор»](#обзор) No-code платформы автоматизации связывают WordPress с внешними сервисами: CRM, мессенджерами, Google Sheets, платёжными системами. Принцип работы: **триггер в WordPress → действие в другом сервисе** (или наоборот). Типовые сценарии: * Новый пользователь → CRM / Google Sheets * Новая запись → рассылка в Telegram / WhatsApp * Заказ WooCommerce → CRM + уведомление менеджеру * Форма → Slack + email * Google Sheets / AI → авто-пост в WordPress ## Сравнительная таблица [Заголовок раздела «Сравнительная таблица»](#сравнительная-таблица) | Сервис | Тип | Бесплатный тариф | WP-плагин | Сложность | Фокус | | ---------- | -------------- | :--------------: | :--------------: | :-------: | ------------------- | | Albato | 🇷🇺 Облако | Нет | Нет (API) | Низкая | РФ-сервисы | | ApiMonster | 🇷🇺 Облако | Триал 30 дн | Нет (webhook) | Низкая | РФ: WP+CRM | | Make | 🌍 Облако | 1K ops/мес | ✅ Make Connector | Средняя | Визуальные сценарии | | Zapier | 🌍 Облако | 100 задач/мес | ✅ Zapier for WP | Низкая | Макс. интеграций | | n8n | 🌍 Self-hosted | ✅ Open-source | ✅ WP node | Высокая | Приватность | ## Российские сервисы [Заголовок раздела «Российские сервисы»](#российские-сервисы) ### Albato [Заголовок раздела «Albato»](#albato) 1 000+ сервисов, визуальный конструктор «триггер-действие». Три способа подключения WordPress: Application Password, Basic Auth, JWT-токен. * **Типовые сценарии:** новый пользователь → Google Sheets, заказ WooCommerce → CRM + уведомления, синхронизация с Tidycal, Nifty, Odoo * **Плюсы:** простой визуальный конструктор, широкая база интеграций, работа в реальном времени, поддержка на русском * **Минусы:** нет официального нативного плагина для WordPress ### ApiMonster [Заголовок раздела «ApiMonster»](#apimonster) Российский no-code коннектор с фокусом на связку WordPress + CRM + 1С. Готовые бандлы: WordPress + Bitrix24, Poster, MPMonster, Контур.Школа. * **Особенности:** универсальные веб-хук-коннекторы, ApiMonster AI (генерация контента, обработка лидов) * **Плюсы:** 5–10 минут на подключение, не нужен программист для типовых связок * **Минусы:** сложные бизнес-логики требуют доработки ## Международные сервисы [Заголовок раздела «Международные сервисы»](#международные-сервисы) ### Make (ex-Integromat) [Заголовок раздела «Make (ex-Integromat)»](#make-ex-integromat) Визуальный scenario builder с ветвлением, фильтрами и трансформациями данных. 1 000+ сервисов. Официальный плагин **Make Connector** для WordPress. * **WordPress-модули:** посты, категории, пользователи, медиа, комментарии * **Плюсы:** сложные многошаговые workflow, мощный API, дешевле Zapier при масштабировании * **Минусы:** выше порог входа чем Zapier, плагин иногда на review * **Цены:** Free (1 000 ops/мес) → платные тарифы ### Zapier [Заголовок раздела «Zapier»](#zapier) Самая популярная no-code платформа: 5 000+ приложений. Плагин **Zapier for WordPress** для отправки триггеров. * **Плюсы:** очень простой интерфейс, огромная библиотека приложений, готовые шаблоны (Zaps) * **Минусы:** дорожает с ростом задач (per task), только линейная логика * **Цены:** Free (100 задач/мес) → Starter $20/мес → Professional $49/мес → Team $69/мес ### n8n [Заголовок раздела «n8n»](#n8n) **Open-source self-hosted** платформа. Node-based визуальный редактор, официальный WordPress-node (CRUD: посты, страницы, пользователи). * **Подключение:** WordPress node (username + app password) или Webhooks через WP Webhooks / Bit Integrations * **Плюсы:** полный контроль и приватность, гибкая логика (условия, циклы, code nodes), выгодно при масштабировании * **Минусы:** высокий порог входа, maintenance overhead (обновления, бэкапы) * **Для кого:** технические команды, агентства, compliance-sensitive проекты ## Как выбрать [Заголовок раздела «Как выбрать»](#как-выбрать) 1. **Максимум готовых интеграций** → Zapier 2. **Сложные многошаговые сценарии** → Make 3. **Приватность и self-hosted** → n8n 4. **РФ: WordPress + CRM/1С** → ApiMonster 5. **РФ: универсальные связки** → Albato Все сервисы используют REST API WordPress или webhooks. Для расширенной кастомизации см. [WP-CLI и автоматизация](../../../wordpress/faq/how-to/multiple-sites-management). ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Albato](https://albato.ru) * [ApiMonster](https://apimonster.ru) * [Make](https://make.com) * [Zapier](https://zapier.com) * [n8n](https://n8n.io) ---------- # CDN и производительность — сервисы > Сравнение CDN-сервисов и инструментов ускорения WordPress: Cloudflare, Bunny.net, NitroPack, Yandex Cloud CDN, Selectel, VK Cloud. ## Обзор [Заголовок раздела «Обзор»](#обзор) CDN (Content Delivery Network) — сеть серверов, распределённых географически, которая кэширует статические файлы (CSS, JS, изображения) и отдаёт их посетителю с ближайшего узла. Это снижает latency и нагрузку на origin-сервер. Для WordPress CDN особенно важен: типичный сайт содержит десятки изображений, скриптов и стилей на каждой странице. Правильно настроенный CDN может снизить LCP на 30–70%. ## Сравнительная таблица [Заголовок раздела «Сравнительная таблица»](#сравнительная-таблица) | Сервис | Бесплатный тариф | HTML-кэш | WP-плагин | Фокус | | ---------------- | :--------------: | :----------: | :---------------: | ----------- | | Cloudflare | ✅ | APO (платно) | ✅ Официальный | Глобальный | | Bunny.net | Триал 14 дн | Нет | ✅ Официальный | Бюджетный | | NitroPack | 5K views/мес | ✅ Все тарифы | ✅ All-in-one | Plug-n-play | | Yandex Cloud CDN | Нет | Нет | CNAME | РФ/СНГ | | Selectel CDN | Нет | Нет | ✅ Storage Upload | РФ/СНГ + S3 | | VK Cloud CDN | Нет | Нет | Через кэш-плагины | РФ/СНГ | ## Международные сервисы [Заголовок раздела «Международные сервисы»](#международные-сервисы) ### Cloudflare [Заголовок раздела «Cloudflare»](#cloudflare) Глобальный CDN с 250+ edge-локациями. Бесплатный тариф включает SSL, базовый DDoS и кэширование статики. Ключевая фича — **APO (Automatic Platform Optimization)** на платных тарифах: кэширует HTML на edge, снижая TTFB на 70%+. * **Плагин:** официальный Cloudflare для WordPress — авто-интеграция DNS, сброс кэша при обновлении контента * **Рекомендация:** использовать вместе с WP Rocket или LiteSpeed Cache * **Цены:** Free → Pro $20/мес → Business $200/мес * **Для кого:** сайты с глобальным трафиком, визуальным контентом, всплесками трафика ### Bunny.net [Заголовок раздела «Bunny.net»](#bunnynet) Pay-as-you-go CDN: \~$0.01/GB. 100+ PoP. Отличное соотношение цена/качество для малых и средних сайтов. * **Плагин:** Bunny WordPress CDN + интеграция с WP Rocket * **Плюсы:** очень дёшево (\~$50 за 5 TB), простой старт (DNS + плагин = минуты) * **Минусы:** нет full-page кэширования на уровне CDN, нужен отдельный кэш-плагин * **Для кого:** блоги, портфолио, small business ### NitroPack [Заголовок раздела «NitroPack»](#nitropack) All-in-one облачный сервис: кэширование + оптимизация изображений + минификация + lazy-loading + CDN — всё в одном. * **Результат:** PageSpeed часто 90+ сразу после активации * **Заменяет:** кэш-плагин + оптимизатор изображений + CDN * **Минусы:** vendor lock-in, нет оптимизации БД, feature-locking на дешёвых тарифах * **Цены:** Free (5K views) → Business $21/мес → Growth $51/мес → Scale $176/мес * **Для кого:** те, кому нужен результат «из коробки» без сложной настройки ## Российские сервисы [Заголовок раздела «Российские сервисы»](#российские-сервисы) ### Yandex Cloud CDN [Заголовок раздела «Yandex Cloud CDN»](#yandex-cloud-cdn) 37 PoP в России + СНГ. Отличные TTFB для РФ/СНГ аудитории. Гибкая настройка TTL и GZIP-сжатия. Интеграция через CNAME + настройки кэширующего плагина. * **Плюсы:** низкие задержки для РФ/СНГ, интеграция с экосистемой Yandex Cloud * **Минусы:** меньше PoP для глобальной аудитории, нет APO-подобного HTML-кэша * **Для кого:** сайты с аудиторией РФ, Казахстан, Узбекистан ### Selectel CDN [Заголовок раздела «Selectel CDN»](#selectel-cdn) Облачные серверы + S3-хранилище + CDN. Плагин **Selectel Storage Upload** синхронизирует медиафайлы в облако — можно хранить файлы только там, без дублирования на сервере. CDN работает через Akamai. * **Схема:** облачный сервер → WordPress → синхронизация в S3 → раздача через CDN * **Плюсы:** снижение нагрузки на сервер, отказоустойчивость * **Минусы:** сложнее старт, нужна настройка сервера и DNS ### VK Cloud CDN [Заголовок раздела «VK Cloud CDN»](#vk-cloud-cdn) Готовый WordPress в «магазине приложений», собственная CDN-сеть VK, S3-хранилище, HTTP/3, DDoS-защита. * **Интеграция:** через W3 Total Cache / WP Super Cache (Generic Mirror) * **Плюсы:** российская инфраструктура, HTTP/3, гибкое масштабирование * **Минусы:** требует Linux-администрирования, не для новичков * **Для кого:** средние проекты и магазины с аудиторией РФ/СНГ ## Как выбрать [Заголовок раздела «Как выбрать»](#как-выбрать) 1. **Глобальная аудитория** → Cloudflare (бесплатный старт, APO для роста) 2. **Бюджетный CDN для статики** → Bunny.net + WP Rocket 3. **Set-and-forget** → NitroPack 4. **РФ/СНГ аудитория** → Yandex Cloud CDN или Selectel 5. **Нужен контроль над инфраструктурой** → VK Cloud > **⚠️ Cloudflare:** С июня 2025 года у пользователей из РФ наблюдаются проблемы с доступом к сайтам через Cloudflare — соединения обрываются после первых 16 КБ. Подробнее о проблемах и альтернативах — в [Сервисы защиты сайтов и CDN: сравнение топ-10](../../../websites/security/web-protection-services). Независимо от выбора CDN, стандартная рекомендация: кэширующий плагин (WP Rocket, LiteSpeed Cache, W3 Total Cache) + CDN для статики. Подробнее о кэшировании — [Кэширование WordPress](../../../wordpress/cache/server-level-cache). Если вам нужен не просто CDN, а комплексная защита (DDoS, WAF, антибот) — смотрите отдельное сравнение: [Сервисы защиты сайтов и CDN: сравнение топ-10](../../../websites/security/web-protection-services). Если сайт размещён в РФ, а часть аудитории и боты превью ссылок находятся за рубежом — заворачивать в зарубежный CDN весь трафик рискованно. Разбор компромисса и схемы с географическим разделением: [Сплит трафика РФ / мир через GeoDNS и CDN](../../../infrastructure/cdn/geodns-split-ru-world). ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Cloudflare](https://cloudflare.com) * [Bunny.net](https://bunny.net) * [NitroPack](https://nitropack.io) * [Yandex Cloud CDN](https://cloud.yandex.ru) * [Selectel](https://selectel.ru) * [VK Cloud](https://cloud.vk.com) ---------- # Dev-инструменты и управление кодом — сервисы > Сравнение платформ для хостинга кода и CI/CD: российские (SourceCraft, GitVerse, GitFlic), open-source (Gitea, Forgejo, GitRiver, GitLab CE) и мировые (GitHub, GitLab, Bitbucket). ## Обзор [Заголовок раздела «Обзор»](#обзор) Для WordPress-разработки Git-сервисы решают три задачи: 1. **Хранение кода** — темы, плагины, конфигурация 2. **Совместная работа** — code review, issue tracking, версионирование 3. **CI/CD** — авто-тестирование и деплой на staging/production Два подхода к структуре репозитория WordPress-проекта: * **Theme/plugin-only:** только `wp-content/themes/your-theme` или `wp-content/plugins/your-plugin` * **Full-site:** Bedrock/WordPress-stack — ядро + плагины в Git, uploads и wp-config.php в `.gitignore` ## Сводная таблица [Заголовок раздела «Сводная таблица»](#сводная-таблица) ### Российские платформы [Заголовок раздела «Российские платформы»](#российские-платформы) | Сервис | Разработчик | Хостинг | Self-hosted | ИИ | CI/CD | Бесплатно | Реестр пакетов | | -------------------------------------- | ---------------------- | ------------- | :---------: | :------------------: | :----------: | :--------------------------: | :------------------------: | | [SourceCraft](https://sourcecraft.dev) | Яндекс | Облако (YC) | ❌ | ✅ Agent + Assistant | ✅ | Freemium (базовое бесплатно) | ❌ | | [GitVerse](https://gitverse.ru) | Сбер (Cloud.ru) | Облако | ❌ | ✅ GigaCode + GigaIDE | ✅ | До 2 ГБ | ✅ Docker, NPM, Maven | | [GitFlic](https://gitflic.ru) | РеСолют (Группа Астра) | Облако + Self | ✅ | ❌ | ✅ | До 5 чел, 4 ГБ/репо | ✅ Docker, NPM, Maven, PyPI | | Mos.Hub | Правительство Москвы | Облако | ❌ | ❌ | Ограниченный | ✅ Для госпроектов | ❌ | ### Open-source (self-hosted) [Заголовок раздела «Open-source (self-hosted)»](#open-source-self-hosted) | Сервис | Язык | RAM | CI/CD | Package Registry | Ключевое | | -------------------------------- | ------- | ----------- | :----------: | :--------------: | --------------------------- | | [GitLab CE](https://gitlab.com) | Ruby/Go | 4–8 ГБ+ | ✅ Полный | ✅ | DevOps all-in-one | | [Gitea](https://about.gitea.com) | Go | 170 МБ–1 ГБ | ✅ Actions | Ограниченный | Лёгкость, простота | | [Forgejo](https://forgejo.org) | Go | 170 МБ–1 ГБ | ✅ Actions | Ограниченный | Community governance | | [GitRiver](https://gitriver.com) | Rust | \~100 МБ | ✅ YAML+DAG | ✅ Полный | Мин. ресурсы, один бинарник | | [OneDev](https://onedev.dev) | Java | Перем. | ✅ Встроенный | Ограниченный | AI-ревью, Kanban | ### Популярные зарубежные (SaaS) [Заголовок раздела «Популярные зарубежные (SaaS)»](#популярные-зарубежные-saas) | Сервис | Бесплатные CI мин/мес | Self-hosted | Container Registry | ИИ | Цена Team ($/мес/чел) | | ---------------------------------- | :-------------------: | :-------------: | :----------------: | :-----------: | :-------------------: | | [GitHub](https://github.com) | 2 000 | Enterprise ($) | GHCR (free) | Copilot ($10) | $4 | | [GitLab](https://gitlab.com) | 400 | ✅ CE (free) | ✅ (free) | Duo | $29 | | [Bitbucket](https://bitbucket.org) | 50 | Data Center ($) | ❌ | Atlassian AI | $3 | ## Российские платформы [Заголовок раздела «Российские платформы»](#российские-платформы-1) ### SourceCraft (Яндекс) [Заголовок раздела «SourceCraft (Яндекс)»](#sourcecraft-яндекс) AI-first платформа для командной разработки, запущенная в 2025 году. Доступ через Yandex Cloud. **Ключевые возможности:** * **Code Assistant** — ИИ-помощник для 30+ языков с «персональной памятью» (+11% принятие предложений по A/B) * **Agent mode** — ИИ-агент создаёт репозитории, пишет код, генерирует тесты, готовит PR, деплоит в Yandex Cloud одной командой * **Quick actions** — AI code review, генерация тестов, документации, рефакторинг, сообщения коммитов * **Code review** — обязательное ревью с правилами approve before merge * **Интеграция с Yandex Cloud** (сентябрь 2025) — доступ к облачным сервисам без ручной настройки ключей **Цены:** freemium, базовые функции бесплатно. Продвинутые ИИ-возможности — бесплатно с июля 2025. **Для кого:** команды, использующие Yandex Cloud, которым нужен ИИ-ускоритель разработки. **Минусы:** привязка к Yandex Cloud, нет self-hosted, платформа молодая. ### GitVerse (Сбер) [Заголовок раздела «GitVerse (Сбер)»](#gitverse-сбер) Облачная AI-first платформа от СберТех на инфраструктуре Cloud.ru. Данные хранятся на территории РФ. **Ключевые возможности:** * **GigaCode** — ИИ-ассистент для 15+ языков, анализирует контекст кода, предлагает готовые конструкции * **GigaIDE** — гибридная IDE (десктоп на базе JetBrains + облако), 70+ инструментов разработки * **CI/CD** — автоматизация сборки и поставки с готовыми скриптами * **Трекер задач** — доски Scrum и Kanban * **Вики и документация** * **Реестр артефактов** — Maven, NPM, Docker * **Зеркала хранилищ** — серверы в РФ для Docker Hub, NPM, Maven (ускоренный доступ без VPN) * **Импорт из GitHub** в один клик, авторизация через Sber ID **Обновления апреля 2026:** AI-генерация коммитов, GitVerse MCP для внешних AI-клиентов, граф коммитов. **Для кого:** команды, которым нужна российская инфраструктура + ИИ-инструменты + экосистема Сбера/Cloud.ru. **Минусы:** нет self-hosted, закрытые цены (заявка через менеджера), привязка к Cloud.ru. ### GitFlic (РеСолют / Группа Астра) [Заголовок раздела «GitFlic (РеСолют / Группа Астра)»](#gitflic-ресолют--группа-астра) Единственная российская платформа с полноценным self-hosted. Внесена в реестр российского ПО. **Ключевые возможности:** * **CI/CD** — YAML-пайплайны, совместимые с GitLab. Раннеры (shell, Docker), артефакты, кэш * **Реестр пакетов** — Docker, Maven, NPM, PyPI, Generic. Три уровня: локальный, прокси (кэш Docker Hub), виртуальный (цепочка репо). GPG-подписи, карантин (CodeScoring) * **Трекер задач**, миграция с GitLab/GitHub * **Self-hosted** — Enterprise/Atlas версии для развёртывания на своей инфраструктуре **Цены:** публичные проекты — бесплатно. Команды до 5 чел — бесплатно (4 ГБ/репо). Корпоративный — от 750 руб./пользователь/мес. **Для кого:** компании, которым нужен self-hosted Git с CI/CD и пакетными реестрами на российской инфраструктуре. **Минусы:** ИИ-функции отсутствуют, self-hosted требует администрирования. ### Mos.Hub [Заголовок раздела «Mos.Hub»](#moshub) Платформа Правительства Москвы для хранения открытых проектов. Данные на территории РФ. **Для кого:** госструктуры и разработчики, работающие по госконтрактам с Москвой. ## Open-source (self-hosted) [Заголовок раздела «Open-source (self-hosted)»](#open-source-self-hosted-1) ### GitLab CE [Заголовок раздела «GitLab CE»](#gitlab-ce) Полный DevOps-стек: CI/CD, security scanning, container registry, issue tracking, wiki. Бесплатный self-hosted (Community Edition). **Для WordPress:** встроенный CI/CD (`.gitlab-ci.yml`), security scanning (Trivy, WP-scan), auto-deploy через rsync/SSH. **Минусы:** 4–8 ГБ+ RAM, требует администрирования. **Для кого:** команды, которым нужен полный DevOps-стек с self-hosted. ### Gitea [Заголовок раздела «Gitea»](#gitea) Лёгкий Git-сервер на Go. GitHub-подобный UI, Gitea Actions (совместимы с GitHub Actions). Запускается на 1 ГБ VPS. **WordPress-интеграция:** * Theme/plugin repo → `git pull` на сервере * Webhook: push → авто-pull на staging/production * Gitea → n8n → WordPress REST API для автоматизаций **Для кого:** малые команды и solo-разработчики, которым нужен простой приватный Git. ### Forgejo [Заголовок раздела «Forgejo»](#forgejo) Fork Gitea под управлением некоммерческой организации Forgejo e.V. Те же характеристики (170 МБ–1 ГБ RAM), но с сильным community governance и фокусом на privacy. **Для кого:** open-source проекты и те, кто предпочитает community-управляемые инструменты. ### GitRiver [Заголовок раздела «GitRiver»](#gitriver) Новая платформа на Rust (релиз 1.0 — март 2026). Один бинарник \~35 МБ + PostgreSQL, \~100 МБ RAM. **Ключевые возможности:** * **CI/CD** — YAML с DAG-зависимостями, matrix builds, артефакты, кэш, web terminal * **Package registries** — npm, PyPI, Cargo, Maven, NuGet (бесплатно) * **OCI container registry** — multi-arch, scanning, retention * **GitOps (RiverCD)** — деплой в Kubernetes: canary, blue-green * **Issues + Kanban**, PR с reviews, CODEOWNERS, merge queue * **8 каналов уведомлений** — Email, Telegram, Slack и др. * **Старт <3 сек** через `docker compose up -d` **Для кого:** homelab и малые команды, которым нужен полный DevOps-стек при минимальных ресурсах. **Минусы:** молодой проект (1.0 в 2026), меньше зрелости экосистемы. ### OneDev [Заголовок раздела «OneDev»](#onedev) All-in-one DevOps на Java. AI-assisted code reviews, встроенные пайплайны, Kanban-доски. **Для кого:** команды, которым нужен встроенный code review с ИИ в self-hosted. ## Популярные зарубежные (SaaS) [Заголовок раздела «Популярные зарубежные (SaaS)»](#популярные-зарубежные-saas-1) ### GitHub [Заголовок раздела «GitHub»](#github) Стандарт индустрии, 100M+ разработчиков. GitHub Actions — крупнейший marketplace CI/CD. **WordPress-специфика:** * `.github/workflows/deploy.yml` — типовой workflow: test → build → deploy * Интеграции: Pressable, InstaWP, WP Engine (push-to-deploy) * GitHub Updater / WP Pusher — авто-обновление плагинов/тем из GitHub * `.gitignore`: `wp-config.php`, `uploads/`, sensitive files **Best practices:** branching `main`/`staging`/`feature/*`, Git tags + GitHub Releases для версионирования тем/плагинов, секреты через GitHub Secrets. **Цены:** публичные репозитории — бесплатно. GitHub Team — $4/чел/мес (3 000 CI минут). Copilot — $10/мес. **Минусы:** принадлежит Microsoft, self-hosted — только Enterprise ($), ограничения на LFS и CI минуты в free tier. ### GitLab [Заголовок раздела «GitLab»](#gitlab) DevSecOps all-in-one. Сильнейший встроенный CI/CD среди SaaS-платформ. **WordPress-специфика:** ```yaml stages: [test, build, deploy] test: image: php:8.1 script: - composer install - vendor/bin/phpunit deploy:prod: image: alpine:latest script: - apk add openssh-client rsync - rsync -avP ./wp-content/themes/my-theme/ user@host:/path only: [main] ``` **Цены:** 400 бесплатных CI минут/мес. GitLab Premium — $29/чел/мес (10 000 минут). Self-hosted CE — бесплатно. **Для кого:** enterprise, compliance, сложные пайплайны. Бесплатный self-hosted — ключевой плюс. ### Bitbucket [Заголовок раздела «Bitbucket»](#bitbucket) Git-хостинг от Atlassian. Нативная интеграция с Jira, Confluence, Trello. **Цены:** до 5 чел — бесплатно (50 CI минут). Standard — $3/чел/мес. **Минусы:** меньше community, Pipelines менее гибкие, нет нативного Container Registry. **Для кого:** команды, глубоко интегрированные в Atlassian-экосистему. ## Как выбрать [Заголовок раздела «Как выбрать»](#как-выбрать) ### По приоритету [Заголовок раздела «По приоритету»](#по-приоритету) | Приоритет | Платформа | | ------------------------------------- | ------------------------ | | Российская инфраструктура + ИИ | SourceCraft или GitVerse | | Российский self-hosted | GitFlic | | Максимальные интеграции + open-source | GitHub | | Self-hosted DevSecOps | GitLab CE | | Atlassian-экосистема (Jira) | Bitbucket | | Лёгкий self-hosted для малых команд | Gitea или Forgejo | | Мин. ресурсы + полный DevOps | GitRiver | ### WordPress-специфичные рекомендации [Заголовок раздела «WordPress-специфичные рекомендации»](#wordpress-специфичные-рекомендации) * **Solo / малая команда, РФ** → GitFlic (self-hosted) или SourceCraft (облако) * **Команда с Jira** → Bitbucket * **Open-source тема/плагин** → GitHub (максимум visibility) * **Enterprise, compliance** → GitLab CE (self-hosted) или GitFlic * **Минимальный сервер (1 ГБ RAM)** → Gitea, Forgejo или GitRiver Подробнее о настройке CI/CD для WordPress — [WP-CLI и автоматизация](../../../wordpress/faq/how-to/multiple-sites-management). О self-hosted автоматизации — [Автоматизация и интеграции — сервисы](../automation). ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [SourceCraft](https://sourcecraft.dev) — платформа Яндекса * [GitVerse](https://gitverse.ru) — платформа Сбера * [GitFlic](https://gitflic.ru) — платформа Группы Астра * [GitRiver](https://gitriver.com) — self-hosted на Rust * [GitHub](https://github.com) * [GitLab](https://gitlab.com) * [Bitbucket](https://bitbucket.org) * [Gitea](https://about.gitea.com) * [Forgejo](https://forgejo.org) * [GitRiver](https://gitriver.com) * [OneDev](https://onedev.dev) * [Mos.Hub](https://hub.mos.ru) ---------- # Email-маркетинг — сервисы > Сравнение сервисов email-рассылок для WordPress: UniSender, SendPulse, Carrot Quest, Mailchimp, Brevo, HubSpot. ## Обзор [Заголовок раздела «Обзор»](#обзор) Email-маркетинг для WordPress решает три задачи: 1. **Сбор подписчиков** — формы на сайте, pop-up, чекбоксы в комментариях и WooCommerce 2. **Рассылки** — welcome-цепочки, промо-кампании, триггерные письма 3. **Автоматизация** — поведенческие цепочки, abandoned cart, post-purchase follow-up Все сервисы ниже интегрируются с WordPress через плагины или API. ## Сравнительная таблица [Заголовок раздела «Сравнительная таблица»](#сравнительная-таблица) | Сервис | Бесплатный тариф | Модель оплаты | Каналы | WP-плагин | | ------------ | :--------------: | -------------- | ------------------- | :-------------: | | UniSender | Ограничен | По базе | Email | ✅ Официальный | | SendPulse | 15K писем/мес | По базе | Email+SMS+Push+Боты | ✅ Официальный | | Carrot Quest | Нет | По посетителям | Чат+Email+CRM | ✅ + WooCommerce | | Mailchimp | 500 контактов | По контактам | Email | ✅ MC4WP | | Brevo | 9K писем/мес | Pay-per-email | Email+SMS+Чат | ✅ Официальный | | HubSpot | Бесплатный CRM | По хабам | Email+CRM+Sales | ✅ Официальный | ## Российские сервисы [Заголовок раздела «Российские сервисы»](#российские-сервисы) ### UniSender [Заголовок раздела «UniSender»](#unisender) Простой российский сервис email-рассылок. Плагин **UniSender Integration** добавляет формы подписки в сайдбар, посты, страницы и футер. * **Интеграция:** плагин → API-ключ → список рассылки. Шорткоды и виджеты для форм. * **Плюсы:** простая интеграция «из коробки», поддержка доп. полей, хорошая доставляемость по РФ * **Минусы:** плагин только для сбора подписчиков, рассылки — в интерфейсе UniSender * **Цены:** бесплатный (ограничен), платные от \~500 ₽/мес ### SendPulse [Заголовок раздела «SendPulse»](#sendpulse) Мультиканальный маркетинг: email + SMS + web push + чат-боты в мессенджерах. **Бесплатно до 15 000 писем/мес**. * **Плагин:** SendPulse Email Marketing Newsletter — API-ключи, импорт базы из WordPress, стилизация форм * **Плюсы:** мультиканальность, бесплатный тариф, готовые шаблоны, drag-and-drop редактор * **Минусы:** перегруженный интерфейс, ранее были XSS-уязвимости в плагине * **Для кого:** блоги, малый бизнес, магазины на WordPress ### Carrot Quest [Заголовок раздела «Carrot Quest»](#carrot-quest) Гибрид: чат-бот + email-рассылки + микро-CRM. Глубокая поведенческая персонализация: триггеры по поведению → автоматические сообщения. * **Плагин:** WordPress + интеграция с WooCommerce (до 7.1.0) * **Функции:** чат-окно, чат-боты, поведенческие поп-апы, триггерные email-воронки, A/B тесты по доходу * **Минусы:** тарифы зависят от количества посетителей, жалобы на авто-списание доплат * **Для кого:** WooCommerce-магазины, онлайн-школы, сервисные компании ## Международные сервисы [Заголовок раздела «Международные сервисы»](#международные-сервисы) ### Mailchimp [Заголовок раздела «Mailchimp»](#mailchimp) Самый популярный email-маркетинг в мире. Интеграция через официальный плагин или **MC4WP (Mailchimp for WordPress)** — pop-ups, inline-формы, чекбоксы на комментариях и WooCommerce. * **Плюсы:** простая настройка, много шаблонов, хорошая доставляемость, огромная экосистема * **Минусы:** дорожает с ростом базы (pricing по контактам), автоматизация слабее чем ActiveCampaign/Klaviyo * **Цены:** Free (500 контактов) → Essentials $13/мес → Standard $20/мес → Premium $350/мес * **Для кого:** блоги и small business ### Brevo (бывший Sendinblue) [Заголовок раздела «Brevo (бывший Sendinblue)»](#brevo-бывший-sendinblue) **Pay-per-email** — платите за количество писем, а не за количество контактов. Бесплатный тариф: 9 000 писем/мес, неограниченные контакты. * **Плагин:** официальный — формы, SMTP для транзакционных писем, WooCommerce * **Функции:** Aura AI (subject lines, copy), abandoned cart, post-purchase follow-ups, WhatsApp * **Плюсы:** выгодная модель оплаты, очень щедрый бесплатный тариф, SMTP для WordPress * **Минусы:** автоматизация слабее чем ActiveCampaign/Klaviyo, UI иногда глючит * **Для кого:** растущие проекты, которым важна цена ### HubSpot [Заголовок раздела «HubSpot»](#hubspot) CRM + маркетинг + sales в одном. Официальный плагин **HubSpot All-in-One Marketing**: формы, popups, live chat, чат-боты → все данные в единой CRM. * **Плюсы:** единая база (CRM + маркетинг + sales), inbound-маркетинг «из коробки», бесплатный CRM * **Минусы:** маркетинг-автоматизация дорого, vendor lock-in * **Для кого:** компании, уже использующие HubSpot как CRM ## Как выбрать [Заголовок раздела «Как выбрать»](#как-выбрать) 1. **Блог / малый бизнес** → Mailchimp (просто) или Brevo (дёшево) 2. **РФ аудитория + простота** → UniSender 3. **Мультиканальность (email+SMS+push)** → SendPulse 4. **WooCommerce + чат-боты + CRM** → Carrot Quest 5. **Уже используете HubSpot** → HubSpot 6. **Много контактов, мало писем** → Brevo (pay-per-email) Для транзакционных писем WordPress (сброс пароля, уведомления) все сервисы выше поддерживают SMTP. Подробнее о плагинах — [Плагины WordPress: основы выбора и установки](../../../wordpress/plugins/plugins-basics). ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [UniSender](https://unisender.com) * [SendPulse](https://sendpulse.com) * [Carrot Quest](https://carrotquest.io) * [Mailchimp](https://mailchimp.com) * [Brevo](https://brevo.com) * [HubSpot](https://hubspot.com) ---------- # Маркетинг, CRO и лидогенерация — сервисы > Сравнение сервисов лидогенерации и CRO для WordPress: Envybox, CallbackHunter, Jivo, OptinMonster, VWO, Convert Experiences. ## Обзор [Заголовок раздела «Обзор»](#обзор) Сервисы этой категории решают задачи конверсии трафика в лиды и продажи: 1. **Лидогенерация** — попапы, чаты, обратный звонок, формы захвата 2. **CRO (Conversion Rate Optimization)** — A/B-тестирование, персонализация, heatmaps 3. **Коммуникация с посетителем** — онлайн-чат, омниканальные диалоги ## Сравнительная таблица [Заголовок раздела «Сравнительная таблица»](#сравнительная-таблица) | Сервис | Тип | Бесплатный тариф | WP-плагин | Фокус | | -------------- | -------------------- | :--------------: | :-------------: | ----------------------- | | Envybox | 🇷🇺 Лидогенерация | Нет | JS / ApiMonster | Виджеты + коллтрекинг | | CallbackHunter | 🇷🇺 Обратный звонок | Нет | JS / сторонние | Звонок за 20–30 сек | | Jivo | 🇷🇺 Чат | ✅ Базовый | ✅ Официальный | Омниканальный чат | | OptinMonster | 🌍 CRO | От $9/мес | ✅ Официальный | Попапы + exit-intent | | VWO | 🌍 CRO | Нет | ✅ JS | Enterprise A/B-тесты | | Convert | 🌍 CRO | Нет | ✅ Плагин | Гибкое A/B-тестирование | ## Российские сервисы [Заголовок раздела «Российские сервисы»](#российские-сервисы) ### Envybox [Заголовок раздела «Envybox»](#envybox) Мульти-сервис лидогенерации: чат, обратный звонок, «генератор клиентов», мультикнопка. Поведенческие триггеры (всплывающие окна на выходе, автоприглашения в чат, таймеры). * **Коллтрекинг:** источник звонка → кампания → ключевое слово, запись разговоров * **CRM-модуль:** ФИО, телефон, город, источник, поисковый запрос * **Интеграция:** через ApiMonster или прямой JS-код. Связка с WooCommerce, Contact Form 7, Roistat * **Минусы:** заточен под русскоязычный рынок * **Для кого:** интернет-магазины, услуги, B2B/B2C в РФ ### CallbackHunter [Заголовок раздела «CallbackHunter»](#callbackhunter) Виджет «перезвоните мне»: посетитель оставляет телефон → за 20–30 секунд соединяет с менеджером. Ring-group с автодозвоном по цепочке. * **Триггеры:** on exit, по времени, страницам, кликам. Настройка часов работы. * **Интеграция:** JS-код в `footer.php` или Custom HTML виджет. Сторонние плагины-обёртки на GitHub. * **Минусы:** нет полноценного официального плагина в репозитории WordPress.org * **Для кого:** сайты, где важен быстрый захват звонков ### Jivo (JivoSite) [Заголовок раздела «Jivo (JivoSite)»](#jivo-jivosite) Омниканальный чат — официальный плагин **JivoChat Live Chat** для WordPress (2–3 минуты на установку). * **Каналы:** чат на сайте + WhatsApp + Telegram + VK + телефон + email — все диалоги в одном интерфейсе * **Чат-боты:** авто-сбор лидов (email, телефон, город), триггеры и pop-up формы * **Плюсы:** омниканальность, базовая аналитика по лидам, бесплатный тариф * **Минусы:** для глубокой автоматизации (WooCommerce + CRM + email) нужны доп. инструменты * **Для кого:** все типы сайтов на WordPress — от лендингов до магазинов ## Международные сервисы [Заголовок раздела «Международные сервисы»](#международные-сервисы) ### OptinMonster [Заголовок раздела «OptinMonster»](#optinmonster) Лидер в лидогенерации: popups, slide-ins, floating bars, countdown timers, full-screen campaigns. **Exit-intent технология** улавливает уходящих посетителей. * **700+ шаблонов**, drag-and-drop builder * **Таргетинг:** страницы, категории, поведение, гео, referral, scroll depth, cookies * **Интеграции:** Mailchimp, Brevo, ActiveCampaign, HubSpot, Salesforce и десятки других * **A/B тестирование** и campaign playbooks * **Минусы:** дорого для маленьких сайтов, learning curve * **Цены:** Basic $9/мес → Plus $19/мес → Pro $29/мес → Growth $49/мес * **Для кого:** устоявшиеся WordPress-сайты с хорошим трафиком ### VWO (Visual Website Optimizer) [Заголовок раздела «VWO (Visual Website Optimizer)»](#vwo-visual-website-optimizer) Enterprise CRO платформа: A/B, multivariate и split-URL тесты с визуальным редактором (менять текст, кнопки, layout без кода). * **VWO Insights:** heatmaps, session recordings, form analytics, surveys * **AI-фичи:** генерация идей для тестов, сегмент-предложения, ROI-приоритизация * **Интеграция:** лёгкий WordPress-плагин или JavaScript snippet * **Минусы:** overkill для простых проектов, enterprise-цены * **Для кого:** mid-market / enterprise команды с серьёзной CRO-программой ### Convert Experiences [Заголовок раздела «Convert Experiences»](#convert-experiences) Гибкое A/B-тестирование и персонализация. 40+ фильтров таргетинга, Frequentist и Bayesian статистика. * **Плагин Convert Experiments:** авто-вставка сниппета, передача метаданных (page type, category, tags) * **Плюсы:** гибкое тестирование, сильный таргетинг, оба stats-движка * **Минусы:** плагин минимален (управление в облаке), цена высоковата для простых тестов * **Для кого:** SMB и продуктовые команды, которым нужен Optimizely-подобный функционал без enterprise-цен ## Как выбрать [Заголовок раздела «Как выбрать»](#как-выбрать) 1. **Омниканальный чат (бесплатный старт)** → Jivo 2. **Захват уходящих посетителей** → OptinMonster 3. **Быстрый обратный звонок** → CallbackHunter 4. **Мульти-виджеты + коллтрекинг** → Envybox 5. **A/B-тестирование для SMB** → Convert Experiences 6. **Enterprise CRO** → VWO Для email-кампаний по собранным лидам — [Email-маркетинг — сервисы](../email-marketing). Для сквозной аналитики — [Аналитика и поведение — сервисы](../analytics). ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Envybox](https://envybox.io) * [CallbackHunter](https://callbackhunter.com) * [Jivo](https://jivo.ru) * [OptinMonster](https://optinmonster.com) * [VWO](https://vwo.com) * [Convert Experiences](https://convert.com) ---------- # S3-провайдеры для WordPress > Обзор S3-совместимых объектных хранилищ для WordPress: зачем нужно, архитектура, ключевые концепции, российские (Yandex, Selectel, VK Cloud) и международные (AWS S3, Cloudflare R2, DigitalOcean Spaces, MinIO) — цены, классы, сравнение. ## Зачем WordPress нужно объектное хранилище [Заголовок раздела «Зачем WordPress нужно объектное хранилище»](#зачем-wordpress-нужно-объектное-хранилище) Стандартная архитектура WordPress хранит все медиафайлы (изображения, видео, документы) в `wp-content/uploads/` на том же сервере, где работает PHP. Это создаёт три проблемы: 1. **Диск раздувается** — чем больше медиа, тем дороже бэкапы и миграции 2. **Нельзя масштабировать горизонтально** — несколько веб-нод не могут работать с одной `uploads/` без общего хранилища 3. **Сервер тратит ресурсы на отдачу статики** — вместо генерации динамического контента Вынос статики в S3-совместимое объектное хранилище решает все три проблемы и открывает путь к **stateless-архитектуре** — необходимому условию для автоскейлинга и Kubernetes. ## Что даёт S3-хранилище [Заголовок раздела «Что даёт S3-хранилище»](#что-даёт-s3-хранилище) | Проблема | Решение через S3 | | ---------------- | ----------------------------------------------------- | | Раздувание диска | Медиа хранятся в облаке, сервер — только код и БД | | Масштабирование | Несколько веб-нод читают медиа из одного бакета | | Скорость отдачи | S3 + CDN отдают статику быстрее, чем сервер | | Бэкапы | Медиа не нужно бэкапить вместе с сервером | | Надёжность | S3 обеспечивает 99.999999999% durability (11 девяток) | ## Архитектура: как это работает [Заголовок раздела «Архитектура: как это работает»](#архитектура-как-это-работает) ```plaintext Пользователь → CDN (CloudFront/Cloudflare) → S3-бакет ↑ WordPress-сервер → плагин offload → загружает медиа в бакет → переписывает URL на CDN/S3 ``` Плагин offload перехватывает загрузку файлов в Media Library и отправляет их напрямую в S3-бакет. URL-ы в контенте заменяются на URL бакета или CDN. Опционально локальные копии удаляются — сервер остаётся лёгким. ## Ключевые концепции [Заголовок раздела «Ключевые концепции»](#ключевые-концепции) * **Бакет (Bucket)** — контейнер для хранения объектов в S3. Аналог папки `uploads/` * **IAM-пользователь/роль** — учётная запись с правами доступа к бакету (Access Key + Secret Key) * **Egress-трафик** — исходящий трафик из бакета к пользователям. **Это платный ресурс** * **Signed URL** — временная ссылка с подписью для доступа к приватным файлам * **CDN Origin** — S3-бакет как источник для CDN (CloudFront, Cloudflare, Selectel CDN) ## Когда S3 не нужен [Заголовок раздела «Когда S3 не нужен»](#когда-s3-не-нужен) * Маленький сайт-визитка (до 100 МБ медиа) * Shared-хостинг без возможности установки плагинов offload * Сайт без перспективы роста трафика Но даже для среднего блога с 1–2 ГБ изображений вынос в S3 заметно ускоряет TTFB и снижает нагрузку на хостинг. *** ## Обзор провайдеров [Заголовок раздела «Обзор провайдеров»](#обзор-провайдеров) S3-совместимое объектное хранилище — основа для выноса медиафайлов WordPress из `wp-content/uploads`. Все провайдеры в этом обзоре поддерживают S3 API, что позволяет использовать любой [плагин offload](../../../wordpress/plugins/s3-plugins) без смены архитектуры. **На что смотреть при выборе:** * **Стоимость хранения** (₽/ГБ/мес) * **Стоимость egress** (исходящий трафик) * **Классы хранения** (стандарт, холодный, архивный) * **Бесплатные лимиты** (для старта) * **География ЦОД** (близость к аудитории) * **152-ФЗ** (для российских проектов с персональными данными) *** ## Российские провайдеры [Заголовок раздела «Российские провайдеры»](#российские-провайдеры) ### Yandex Object Storage [Заголовок раздела «Yandex Object Storage»](#yandex-object-storage) **Лучший выбор для старта.** Бесплатные лимиты: 1 ГБ хранения + 100 ГБ исходящего трафика в месяц. | Параметр | Значение | | ---------------------------- | ---------------------------------- | | **Классы хранения** | STANDARD, COLD, ICE | | **Стандартное хранение** | \~2.21 ₽/ГБ/мес | | **Холодное хранение (COLD)** | \~1.02 ₽/ГБ/мес | | **Архивное (ICE)** | \~0.60 ₽/ГБ/мес | | **Исходящий трафик** | 1.68 ₽/ГБ (после 100 ГБ бесплатно) | | **Бесплатно** | 1 ГБ + 100 ГБ трафика/мес | | **S3-эндпоинт** | `https://storage.yandexcloud.net` | | **152-ФЗ** | ✅ Да | | **CDN** | Yandex Cloud CDN | **Плюсы:** лучшие бесплатные лимиты, знакомый интерфейс для тех, кто уже в экосистеме Яндекса, полный S3 API. **Минусы:** привязка к одному вендору, CDN слабее Cloudflare по глобальному покрытию. ### Selectel Object Storage [Заголовок раздела «Selectel Object Storage»](#selectel-object-storage) **Лучший для холодного хранения.** Интегрирован с Selectel CDN (55+ точек в РФ и СНГ). | Параметр | Значение | | ------------------------ | ------------------------------------ | | **Классы хранения** | STANDARD, COLD, GLACIER | | **Стандартное хранение** | от 2.33 ₽/ГБ/мес | | **Холодное хранение** | от 0.81 ₽/ГБ/мес | | **Исходящий трафик** | Низкий (внутри Selectel — бесплатно) | | **S3-эндпоинт** | `https://s3.selcdn.ru` | | **152-ФЗ** | ✅ Да | | **CDN** | Selectel CDN (встроенный) | **Плюсы:** дешёвое холодное хранение (до 30% экономии на архивах), интеграция с Selectel CDN, российские ЦОД. **Минусы:** меньше бесплатных лимитов, чем у Yandex. ### VK Cloud Storage [Заголовок раздела «VK Cloud Storage»](#vk-cloud-storage) Объектное хранилище от VK с классами Hotbox, Icebox и Backup. | Параметр | Значение | | ------------------------ | -------------------------------------------- | | **Классы хранения** | Hotbox (стандарт), Icebox (холодный), Backup | | **Стандартное хранение** | Pay-as-you-go (уточнять в калькуляторе) | | **Холодное хранение** | Ниже стандартного | | **Исходящий трафик** | Платно за ГБ из бакета | | **152-ФЗ** | ✅ Да | | **CDN** | VK Cloud CDN | **Плюсы:** интеграция с экосистемой VK, российские ЦОД. **Минусы:** менее прозрачные тарифы (нужен калькулятор), меньше документации для WordPress. ### Cloud.ru Object Storage [Заголовок раздела «Cloud.ru Object Storage»](#cloudru-object-storage) Объектное хранилище от Cloud.ru (ранее SberCloud). | Параметр | Значение | | ------------------- | -------------- | | **Классы хранения** | STANDARD, COLD | | **152-ФЗ** | ✅ Да | | **S3 API** | ✅ Полный | **Плюсы:** enterprise-уровень, сертификация для госструктур. **Минусы:** выше порог входа, меньше community-опыта с WordPress. *** ## Международные провайдеры [Заголовок раздела «Международные провайдеры»](#международные-провайдеры) ### Amazon S3 [Заголовок раздела «Amazon S3»](#amazon-s3) Стандарт индустрии. 500+ интеграций, 11 девяток durability. | Параметр | Значение | | ------------------------ | -------------------------------------- | | **Классы хранения** | S3 Standard, IA, Glacier, Deep Archive | | **Стандартное хранение** | \~$0.023/ГБ/мес | | **Исходящий трафик** | $0.09/ГБ (первые 10 ТБ) | | **Бесплатно** | 5 ГБ (12 мес, Free Tier) | | **Регионы** | 30+ по миру | | **CDN** | CloudFront | **Плюсы:** экосистема, надёжность, документация. **Минусы:** дорогой egress, сложный биллинг, нет российских ЦОД. ### Cloudflare R2 [Заголовок раздела «Cloudflare R2»](#cloudflare-r2) **Главное преимущество — ноль за egress.** Полная S3-совместимость. | Параметр | Значение | | -------------------- | --------------------------------------- | | **Классы хранения** | Один класс | | **Хранение** | $0.015/ГБ/мес | | **Исходящий трафик** | **Бесплатно** | | **Бесплатно** | 10 ГБ/мес | | **CDN** | Cloudflare CDN (встроенный, глобальный) | **Плюсы:** ноль за egress (огромная экономия), встроенный CDN, глобальное покрытие. **Минусы:** только один класс хранения, нет российских ЦОД. ### DigitalOcean Spaces [Заголовок раздела «DigitalOcean Spaces»](#digitalocean-spaces) Простой и предсказуемый. Идеален для тех, кто уже на DigitalOcean. | Параметр | Значение | | -------------------- | ------------------------------ | | **Хранение** | $5/мес за 250 ГБ (фикс) | | **Исходящий трафик** | 1 ТБ бесплатно, далее $0.01/ГБ | | **CDN** | Встроенный (бесплатно) | **Плюсы:** предсказуемая цена, простой UI, встроенный CDN. **Минусы:** минимум $5/мес (даже для 100 МБ), нет классов хранения. *** ## Self-hosted решения [Заголовок раздела «Self-hosted решения»](#self-hosted-решения) ### MinIO [Заголовок раздела «MinIO»](#minio) High-performance S3-совместимое хранилище, которое разворачивается на своих серверах. **Плюсы:** полный контроль, нет платы за трафик, S3 API, Kubernetes-native. **Минусы:** нужно администрировать, обеспечивать отказоустойчивость. **Сценарий:** свои серверы или bare-metal, требования к privacy, очень большой объём данных (петабайты). ### Ceph (RGW) [Заголовок раздела «Ceph (RGW)»](#ceph-rgw) Распределённое хранилище с S3-совместимым API (RADOS Gateway). **Плюсы:** промышленная отказоустойчивость, петабайты, Erasure Coding. **Минусы:** сложная настройка, требования к инфраструктуре (минимум 3 узла). *** ## Сводная таблица [Заголовок раздела «Сводная таблица»](#сводная-таблица) | Провайдер | Хранение (1 ГБ/мес) | Egress | Бесплатно | 152-ФЗ | S3 API | | ------------------------- | :-----------------: | :------------: | :-----------: | :----: | :----: | | **Yandex Object Storage** | \~2.21 ₽ | 1.68 ₽/ГБ | 1 ГБ + 100 ГБ | ✅ | ✅ | | **Selectel** | от 2.33 ₽ | Низкий | — | ✅ | ✅ | | **VK Cloud** | Pay-as-you-go | Платно | — | ✅ | ✅ | | **Cloud.ru** | Уточнять | Уточнять | — | ✅ | ✅ | | **Amazon S3** | \~$0.023 | $0.09/ГБ | 5 ГБ (12 мес) | ❌ | ✅ | | **Cloudflare R2** | $0.015 | **0** | 10 ГБ | ❌ | ✅ | | **DigitalOcean Spaces** | $5/250 ГБ | 1 ТБ бесплатно | — | ❌ | ✅ | | **MinIO** | Ваше железо | Ваш канал | Open-source | ✅\* | ✅ | | **Ceph** | Ваше железо | Ваш канал | Open-source | ✅\* | ✅ | *\* Self-hosted — физический контроль над данными* ## Рекомендации для WordPress [Заголовок раздела «Рекомендации для WordPress»](#рекомендации-для-wordpress) | Сценарий | Рекомендация | | -------------------------------- | --------------------------------------------- | | РФ-проект, малый объём | **Yandex Object Storage** (бесплатные лимиты) | | РФ-проект, архивы/бекапы | **Selectel** (дешёвое холодное хранение) | | Глобальный проект, много трафика | **Cloudflare R2** (0 за egress + CDN) | | Сайт на AWS | **Amazon S3 + CloudFront** | | DO Droplet | **DigitalOcean Spaces** | | Свои серверы, приватность | **MinIO** | | Enterprise on-prem | **Ceph** | ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Yandex Cloud Object Storage Pricing](https://yandex.cloud/ru/docs/storage/pricing) * [Selectel Object Storage](https://selectel.ru/services/cloud/storage/object/) * [VK Cloud Storage](https://cloud.vk.com/docs/storage/s3) * [Cloudflare R2](https://www.cloudflare.com/developer-platform/r2/) * [DigitalOcean Spaces](https://www.digitalocean.com/products/spaces) * [MinIO](https://min.io/) * [AWS Best Practices: WordPress on AWS](https://docs.aws.amazon.com/whitepapers/latest/best-practices-wordpress/static-content-offload.html) ---------- # SEO и ключевые слова — сервисы > Сравнение SEO-платформ для WordPress: Ahrefs, Semrush, SE Ranking, Rush Analytics, Keys.so, Serpstat — выбор инструмента под задачи. ## Обзор [Заголовок раздела «Обзор»](#обзор) SEO-инструменты для WordPress делятся на два уровня: 1. **On-page SEO-плагины внутри WordPress** — Yoast SEO, Rank Math, AIOSEO (работают прямо в редакторе) 2. **Внешние SEO-платформы** — исследование ключевых слов, анализ конкурентов, аудит, отслеживание позиций Эта страница — о втором уровне: внешних платформах, которые дополняют SEO-плагины WordPress. > Выбор SEO-плагина для WordPress — см. [SEO-плагины WordPress: сравнение и выбор](../../../wordpress/plugins/seo-plugins). ## Сравнительная таблица [Заголовок раздела «Сравнительная таблица»](#сравнительная-таблица) | Сервис | WP-плагин | База ключей | Цена от | Фокус | | -------------- | :---------------------: | :----------------: | :-----------: | ------------------ | | Ahrefs | Закрыт ❌ | Лучшая в индустрии | $129/мес | Бэклинки + ключи | | Semrush | ✅ SEO Writing Assistant | 20+ млрд | $139/мес | All-in-one SEO+PPC | | SE Ranking | Нет | Хорошая | $55/мес | Бюджетный SEO | | Rush Analytics | Нет | Яндекс + Google | \~3 000 ₽/мес | Рунет | | Keys.so | Нет | 100+ млн (Яндекс) | 990 ₽/мес | Рунет, Яндекс | | Serpstat | Нет | 7+ млрд | $69/мес | Бюджетный + Рунет | ## Международные платформы [Заголовок раздела «Международные платформы»](#международные-платформы) ### Ahrefs [Заголовок раздела «Ahrefs»](#ahrefs) Профессиональный стандарт для анализа бэклинков и ключевых слов. Лучшая в индустрии база данных. * **Важно:** официальный WordPress-плагин закрыт в конце 2025. Для on-page SEO использовать с Rank Math, Yoast или AIOSEO * **Инструменты:** Site Explorer, Keywords Explorer, Site Audit, Rank Tracker, Content Explorer + AI Content Helper * **Минусы:** высокая цена, высокий порог входа * **Цены:** Lite $129/мес → Standard $249/мес → Advanced $449/мес ### Semrush [Заголовок раздела «Semrush»](#semrush) All-in-one платформа: SEO + контент + PPC + соцсети. Плагин **SEO Writing Assistant** работает прямо в редакторе WordPress — AI-оценка SEO, читаемости, тона и оригинальности. * **Плюсы:** мощный in-editor assistant, широкая экосистема * **Минусы:** дорогой для solo-специалистов, не заменяет полноценный SEO-плагин * **Цены:** Pro $139/мес → Guru $249/мес → Business $416/мес ### SE Ranking [Заголовок раздела «SE Ranking»](#se-ranking) Доступная альтернатива Ahrefs/Semrush с растущими AI-возможностями. Отслеживание позиций в Google, Bing, Yahoo, YouTube, local pack. * **Плюсы:** значительно дешевле конкурентов, чистый UI, white-label отчёты * **Минусы:** меньше данных по бэклинкам, слабее в PPC * **Цены:** Essential $55/мес → Pro $109/мес → Business $239/мес ## Российские платформы [Заголовок раздела «Российские платформы»](#российские-платформы) ### Rush Analytics [Заголовок раздела «Rush Analytics»](#rush-analytics) Платформа автоматизации SEO от Rush Agency (публичный доступ с 2015). Основные блоки: мониторинг позиций (Яндекс + Google по регионам), сбор семантики из Wordstat и подсказок, технический аудит, анализ ссылочной массы. * **Плюсы:** много инструментов в одном кабинете, заточен под Рунет, поддержка 24/7 * **Минусы:** модули могут тормозить на больших объёмах * **Для кого:** SEO-специалисты и агентства с несколькими проектами ### Keys.so [Заголовок раздела «Keys.so»](#keysso) Крупнейшая база поисковых запросов Рунета: 100+ млн запросов из Яндекс.Вордстат и реальных запросов. Силён в анализе Яндекс.Директ и органики Яндекса. * **Функции:** сбор семантического ядра, анализ конкурентов, кластеризация, выгрузка в CSV/Excel * **Цены:** от 990 ₽/мес, есть пробный период * **Для кого:** маркетологи, работающие с Рунетом, SEO + контекстная реклама ### Serpstat [Заголовок раздела «Serpstat»](#serpstat) Доступная SEO-платформа с поддержкой 230 geo-таргетов, включая Google и Яндекс. 50+ инструментов, 7+ млрд ключевых слов в базе. * **Особенности:** Serpstat MCP для AI-автоматизации, AI Overviews tracking, lifetime-план * **Плюсы:** низкая цена входа, хорошее обнаружение keyword-возможностей * **Цены:** Individual $69/мес → Team $149/мес → Advanced $299/мес ## Как выбрать [Заголовок раздела «Как выбрать»](#как-выбрать) 1. **Максимум данных по бэклинкам** → Ahrefs 2. **SEO + контент + PPC в одном** → Semrush 3. **Ограниченный бюджет** → SE Ranking или Serpstat 4. **Рунет, Яндекс.Директ** → Keys.so или Rush Analytics 5. **Агентство с белыми отчётами** → SE Ranking или Serpstat Все внешние SEO-платформы требуют также SEO-плагин внутри WordPress. Подробнее о плагинах — [Плагины WordPress: основы выбора и установки](../../../wordpress/plugins/plugins-basics). ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Ahrefs](https://ahrefs.com) * [Semrush](https://semrush.com) * [SE Ranking](https://seranking.com) * [Rush Analytics](https://rush-analytics.com) * [Keys.so](https://keys.so) * [Serpstat](https://serpstat.com) ---------- # Сервисная архитектура: сводка по SOA и микросервисам > Краткая сводка по сервисной архитектуре: различия SOA и микросервисов, критерии выбора и минимальный архитектурный baseline. ## Сводка [Заголовок раздела «Сводка»](#сводка) 1. SOA подходит, когда в приоритете интеграция большого корпоративного ландшафта и централизованный контроль. 2. Микросервисы подходят, когда в приоритете скорость изменений продукта, автономия команд и независимые релизы. 3. Ключевое отличие не в “модности”, а в операционной модели: governance, ownership данных, деплой и наблюдаемость. 4. Для большинства команд сначала важнее навести порядок в доменной модели и CI/CD, чем дробить монолит. 5. Гибридный сценарий практичен: SOA на уровне межсистемных интеграций, микросервисы внутри продуктового контура. ## Зачем эта страница [Заголовок раздела «Зачем эта страница»](#зачем-эта-страница) Для сервисных продуктов выбор архитектуры напрямую влияет на скорость поставки, стоимость изменений и риски эксплуатации. Эта страница даёт практичный способ выбрать между SOA и микросервисами без догм. ## Кратко: в чем разница [Заголовок раздела «Кратко: в чем разница»](#кратко-в-чем-разница) | Критерий | SOA | Микросервисы | | -------------- | ------------------------------------------------ | ------------------------------------------ | | Основная цель | Интеграция корпоративных систем и reuse сервисов | Быстрые независимые релизы внутри продукта | | Размер сервиса | Крупнее, вокруг бизнес-возможностей | Меньше, вокруг ограниченного контекста | | Коммуникация | Часто через централизованную шину (ESB) | Чаще REST/gRPC + события через брокер | | Governance | Централизованный | Децентрализованный по командам | | Данные | Нередко общие модели/ресурсы | Каждый сервис владеет своими данными | ## Когда выбирать SOA [Заголовок раздела «Когда выбирать SOA»](#когда-выбирать-soa) 1. Нужно связать много разнородных enterprise-систем (ERP, CRM, биллинг, legacy). 2. Важнее единые корпоративные регламенты и централизованный контроль, чем скорость локальных релизов. 3. Команда уже инвестировала в ESB, каталог сервисов и платформенный governance. ## Когда выбирать микросервисы [Заголовок раздела «Когда выбирать микросервисы»](#когда-выбирать-микросервисы) 1. Продукт развивается быстро, релизы идут часто и по независимым потокам. 2. Есть зрелый DevOps: CI/CD, observability, контрактное тестирование, алертинг. 3. Нужна автономия команд и независимое масштабирование отдельных доменных зон. ## Где чаще ошибаются [Заголовок раздела «Где чаще ошибаются»](#где-чаще-ошибаются) 1. Называют систему микросервисной, но держат общую БД и общий релизный цикл. 2. Уходят в микросервисы без platform-инженерии, получая рост операционной сложности. 3. Строят избыточный ESB-слой для продукта, где достаточно API Gateway + event-driven интеграций. ## Минимальный архитектурный baseline [Заголовок раздела «Минимальный архитектурный baseline»](#минимальный-архитектурный-baseline) ### Для SOA [Заголовок раздела «Для SOA»](#для-soa) * Формальные сервисные контракты и версионирование. * Каталог сервисов и единые правила интеграции. * Централизованная политика безопасности и аудита. ### Для микросервисов [Заголовок раздела «Для микросервисов»](#для-микросервисов) * Четкие bounded contexts и отдельная ответственность за данные. * Наблюдаемость по умолчанию: логи, метрики, трассировка. * Автоматизированные релизы и rollback-стратегия на уровне каждого сервиса. ## Пример контракта между сервисами (PHP/Laravel) [Заголовок раздела «Пример контракта между сервисами (PHP/Laravel)»](#пример-контракта-между-сервисами-phplaravel) ```php validate([ 'event_id' => ['required', 'string'], 'event_type' => ['required', 'in:invoice.paid,invoice.failed'], 'occurred_at' => ['required', 'date'], 'customer_id' => ['required', 'string'], 'invoice_id' => ['required', 'string'], ]); // Здесь можно вызвать application-service и записать event в inbox/outbox. return response()->json(['accepted' => true, 'event_id' => $payload['event_id']]); } } ``` Этот пример полезен и для SOA, и для микросервисов: контракт валидируется на входе, а не «по договоренности в чате». ## Пример события для асинхронной интеграции (JavaScript) [Заголовок раздела «Пример события для асинхронной интеграции (JavaScript)»](#пример-события-для-асинхронной-интеграции-javascript) ```javascript const invoicePaidEvent = { eventId: "evt_2026_07_25_001", eventType: "invoice.paid", occurredAt: new Date().toISOString(), customerId: "cust_42", invoiceId: "inv_1001", amount: { value: 14900, currency: "RUB" }, }; // Публикация в брокер (Kafka/RabbitMQ/NATS) делается в инфраструктурном адаптере. publish("billing.events", invoicePaidEvent); ``` ## Практическая эвристика выбора [Заголовок раздела «Практическая эвристика выбора»](#практическая-эвристика-выбора) 1. Если ключевая задача - enterprise-интеграция большого ландшафта систем, стартуйте с SOA. 2. Если ключевая задача - скорость вывода продуктовых изменений и автономия команд, берите микросервисы. 3. Гибрид возможен: SOA на уровне корпоративных интеграций и микросервисы внутри продуктового контура. ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сервисы](../) * [Типы сервисных проектов](../project-types/) * [Оптимальный стек для сервисов](../service-stack) * [TALL Stack](../../web-frameworks/tall-stack/) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [raw/2026/0725/web-search\_query\_260725\_191257.md](../../../../../raw/2026/0725/web-search_query_260725_191257) * [raw/2026/0725/web-search\_soa-service-oriented-architecture-esb\_260725\_191318.md](../../../../../raw/2026/0725/web-search_soa-service-oriented-architecture-esb_260725_191318) * [raw/2026/0725/web-search\_vs-soa-governance\_260725\_191407.md](../../../../../raw/2026/0725/web-search_vs-soa-governance_260725_191407) ---------- # Оптимальный стек для сервисов > Как выбирать стек для сервисных проектов: Laravel, Filament и TALL Stack в зависимости от задач и ограничений. ## Базовые варианты стека [Заголовок раздела «Базовые варианты стека»](#базовые-варианты-стека) ### Laravel [Заголовок раздела «Laravel»](#laravel) Подходит, когда нужна надежная backend-основа, сложная доменная логика, очереди, события и интеграции. ### Filament [Заголовок раздела «Filament»](#filament) Подходит для быстрого построения административных интерфейсов и внутренних панелей управления на Laravel. ### TALL Stack [Заголовок раздела «TALL Stack»](#tall-stack) Подходит для backend-first сервисов, где важны скорость разработки, управляемость и долгосрочная поддержка. ## Как выбрать [Заголовок раздела «Как выбрать»](#как-выбрать) 1. Определите критичный сценарий: личный кабинет, back-office, аналитика или workflow-система. 2. Зафиксируйте нефункциональные требования: безопасность, аудит, разграничение ролей, SLA. 3. Оцените количество интеграций и объем транзакционной логики. 4. Подберите стек, который минимизирует архитектурный риск для следующего этапа роста. ## Когда нужен гибрид [Заголовок раздела «Когда нужен гибрид»](#когда-нужен-гибрид) Иногда сервисной части нужен отдельный backend (Laravel), а витринная часть остается в разделе «Вебсайты» на WordPress/JAM. ## Архитектурный уровень выбора [Заголовок раздела «Архитектурный уровень выбора»](#архитектурный-уровень-выбора) Выбор технологического стека и выбор архитектурного стиля - разные задачи. Перед фиксацией стека определите архитектурный контур: SOA, микросервисы или гибрид. * [Микросервисы и SOA](../service-architecture) - Практическое сравнение архитектурных подходов для сервисных проектов. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [TALL Stack](../../web-frameworks/tall-stack/) * [Laravel как платформа](../../web-frameworks/tall-stack/laravel) * [Filament для Laravel](../../web-frameworks/tall-stack/filament) ---------- # Фреймворки веб разработки > Справочник по стекам разработки: WP Stack, TALL Stack и JAM Stack для сайтов и веб-приложений. ## Что в этом разделе [Заголовок раздела «Что в этом разделе»](#что-в-этом-разделе) Здесь собраны платформы, с которыми мы чаще всего работаем при создании сайтов и веб-продуктов. Раздел помогает быстро понять, чем отличается CMS, backend-framework, frontend-framework и архитектурный подход, и выбрать стек под задачу. ## Быстрый обзор [Заголовок раздела «Быстрый обзор»](#быстрый-обзор) | Стек | Ядро | Когда выбирать | | ---------- | --------------------------------- | ------------------------------------------------------------------------------- | | WP Stack | WordPress + WooCommerce | Контентные сайты, корпоративные проекты и интернет-магазины на WordPress | | TALL Stack | Laravel + Filament | Backend-first продукты, кабинеты, CRM и админки с кастомной бизнес-логикой | | JAM Stack | Jamstack + Astro / Next.js / Nuxt | Быстрые контентные сайты, headless-сценарии и frontend с pre-rendering подходом | ## Как читать этот раздел [Заголовок раздела «Как читать этот раздел»](#как-читать-этот-раздел) 1. Сначала определите роль платформы в проекте. 2. Затем посмотрите, какие сценарии она закрывает лучше всего. 3. После этого сравните ограничения и типичные компромиссы. 4. Если нужен не типовой сайт, а продукт, см. [Кастомный сайт или веб-приложение](../pricing/custom-projects/). ## Связанные материалы [Заголовок раздела «Связанные материалы»](#связанные-материалы) * [Типовые сайты и проекты](../wordpress/faq/how-to/website-types-and-projects) * [WP Stack](../wordpress/wp-stack) * [TALL Stack](./tall-stack/) * [JAM Stack](./jam-stack/) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [WordPress documentation](https://wordpress.org/documentation/) * [Laravel installation documentation](https://laravel.com/docs/11.x/installation) * [Next.js documentation](https://nextjs.org/docs) * [Astro getting started](https://docs.astro.build/en/getting-started/) * [What is Jamstack?](https://jamstack.org/what-is-jamstack/) ---------- # JAM Stack > JAM Stack: pre-rendering, decoupling и API-first подход с фреймворками Astro, Next.js и Nuxt. ## Что такое Jamstack [Заголовок раздела «Что такое Jamstack»](#что-такое-jamstack) Jamstack — это архитектура, в которой фронтенд предварительно собирается, а данные и динамика подключаются через API. В основе — decoupling, pre-rendering и доставка через CDN. ## Когда Jamstack подходит лучше всего [Заголовок раздела «Когда Jamstack подходит лучше всего»](#когда-jamstack-подходит-лучше-всего) * лендинги и маркетинговые страницы; * контентные сайты и документация; * сайты, где важна скорость и низкая сложность доставки; * проекты, где backend и frontend можно разделить; * headless-сценарии с CMS и современным фронтендом. ## Сильные стороны [Заголовок раздела «Сильные стороны»](#сильные-стороны) * высокая скорость загрузки; * меньшая поверхность атаки; * удобная масштабируемость через CDN; * хорошо сочетается с CMS и backend API; * гибкая архитектура для современного веба. ## Ограничения [Заголовок раздела «Ограничения»](#ограничения) * сложнее preview и редактирование, чем в монолитной CMS; * больше зависимость от сборки, API и вебхуков; * для сложной интерактивности нужен отдельный frontend-фреймворк. ## С чем Jamstack чаще всего сочетают [Заголовок раздела «С чем Jamstack чаще всего сочетают»](#с-чем-jamstack-чаще-всего-сочетают) * WordPress как headless CMS; * Next.js как frontend и слой рендеринга; * Astro как контентный frontend; * внешние API для авторизации, платежей и данных. ## Связанные материалы [Заголовок раздела «Связанные материалы»](#связанные-материалы) * [Astro как платформа](./astro) * [Next.js как платформа](./nextjs) * [Nuxt как платформа](./nuxt) * [Headless WordPress с Next.js: создание сайта на Jamstack](../../wordpress/faq/headless-wordpress-nextjs) * [WordPress как платформа](../../wordpress/) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [What is Jamstack?](https://jamstack.org/what-is-jamstack/) ---------- # Astro как платформа > Astro как content-first фронтенд-фреймворк для сайтов с минимальным JavaScript и сильной производительностью. ## Что такое Astro [Заголовок раздела «Что такое Astro»](#что-такое-astro) Astro — фреймворк для сайтов, где важны скорость, контент и минимальный объём клиентского JavaScript. Его сильная сторона — islands architecture и удобная работа с контентом. ## Когда Astro подходит лучше всего [Заголовок раздела «Когда Astro подходит лучше всего»](#когда-astro-подходит-лучше-всего) * лендинги и промо-сайты; * корпоративные сайты и сайты услуг; * блоги, документация и контентные проекты; * сайты, где почти весь контент можно отдать статически; * проекты, где производительность важнее сложной клиентской интерактивности. ## Сильные стороны [Заголовок раздела «Сильные стороны»](#сильные-стороны) * минимум JS на клиенте; * content-first подход; * удобная работа с Markdown и content collections; * хорошо подходит для SEO и быстрой загрузки; * можно подключать React, Vue, Svelte и другие UI-фреймворки точечно. ## Когда Astro особенно уместен [Заголовок раздела «Когда Astro особенно уместен»](#когда-astro-особенно-уместен) * если нужен быстрый сайт с низкой операционной сложностью; * если контент и дизайн важнее сложной SPA-логики; * если хочется собрать маркетинговый сайт без лишнего фронтенд-шума. ## Связанные материалы [Заголовок раздела «Связанные материалы»](#связанные-материалы) * [Типовые сайты и проекты](../../../wordpress/faq/how-to/website-types-and-projects) * [WordPress как платформа](../../../wordpress/) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Astro getting started](https://docs.astro.build/en/getting-started/) * [Astro docs: Why Astro?](https://docs.astro.build/en/concepts/why-astro/) ---------- # Next.js как платформа > Next.js как React-фреймворк для full-stack приложений, headless-сайтов и проектов с SSG, SSR и ISR. ## Что такое Next.js [Заголовок раздела «Что такое Next.js»](#что-такое-nextjs) Next.js — React-фреймворк для full-stack веб-приложений. Он подходит там, где нужен современный frontend, интеграция с API и несколько режимов рендеринга. ## Когда Next.js подходит лучше всего [Заголовок раздела «Когда Next.js подходит лучше всего»](#когда-nextjs-подходит-лучше-всего) * headless CMS-сайты; * интерактивные маркетинговые и продуктовые интерфейсы; * проекты с SSG, SSR, ISR или гибридным рендерингом; * приложения, где React уже является стандартом команды; * интерфейсы, которые должны быстро масштабироваться. ## Сильные стороны [Заголовок раздела «Сильные стороны»](#сильные-стороны) * App Router и современная архитектура; * серверные и клиентские компоненты; * гибкие режимы рендеринга; * богатая экосистема и стандарт де-факто для React-web; * удобен для интеграции с CMS и backend API. ## Когда Next.js особенно уместен [Заголовок раздела «Когда Next.js особенно уместен»](#когда-nextjs-особенно-уместен) * если нужен headless-фронтенд к WordPress или другому CMS; * если хочется совместить SEO и интерактивность; * если проекту важны производительность и гибкая схема доставки контента. ## Связанные материалы [Заголовок раздела «Связанные материалы»](#связанные-материалы) * [Headless WordPress с Next.js: создание сайта на Jamstack](../../../wordpress/faq/headless-wordpress-nextjs) * [Типовые сайты и проекты](../../../wordpress/faq/how-to/website-types-and-projects) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Next.js documentation](https://nextjs.org/docs) * [Next.js docs: What is Next.js?](https://nextjs.org/docs) ---------- # Nuxt как платформа > Nuxt как Vue-фреймворк для SSR/SSG-гибридов, контентных сайтов и headless-проектов на JAM-подходе. ## Что такое Nuxt [Заголовок раздела «Что такое Nuxt»](#что-такое-nuxt) Nuxt — это фреймворк на базе Vue, который поддерживает SSR, SSG и гибридные схемы рендеринга для современных веб-проектов. ## Когда Nuxt подходит лучше всего [Заголовок раздела «Когда Nuxt подходит лучше всего»](#когда-nuxt-подходит-лучше-всего) * проекты, где команда уже работает на Vue; * контентные сайты и маркетинговые страницы с требованиями к SEO; * headless-проекты с CMS и API-first архитектурой; * интерфейсы, где нужен баланс между производительностью и интерактивностью. ## Сильные стороны [Заголовок раздела «Сильные стороны»](#сильные-стороны) * Vue-экосистема и зрелые паттерны маршрутизации; * гибкие режимы рендеринга; * удобная интеграция с headless CMS и API; * хороший выбор для JAM-подхода на Vue-стеке. ## Связанные материалы [Заголовок раздела «Связанные материалы»](#связанные-материалы) * [JAM Stack](../) * [Astro как платформа](../astro) * [Next.js как платформа](../nextjs) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Nuxt documentation](https://nuxt.com/docs) * [Jamstack: What is Jamstack?](https://jamstack.org/what-is-jamstack/) ---------- # TALL Stack > TALL Stack для backend-first продуктов: Laravel как ядро и Filament для админки и внутренних кабинетов. ## Что входит в TALL Stack [Заголовок раздела «Что входит в TALL Stack»](#что-входит-в-tall-stack) В контексте этой базы знаний TALL Stack рассматривается как связка Laravel и Filament для продуктовых и внутренних B2B-систем. ## Страницы стека [Заголовок раздела «Страницы стека»](#страницы-стека) * [Laravel как платформа](./laravel) * [Filament для Laravel](./filament) ## Когда выбирать [Заголовок раздела «Когда выбирать»](#когда-выбирать) * когда проекту нужна кастомная доменная логика и роли; * когда критичны админ-панель и быстрый back-office; * когда CMS-модель уже не покрывает процессы бизнеса. ## Связанные материалы [Заголовок раздела «Связанные материалы»](#связанные-материалы) * [Платформы разработки](../) * [WP Stack](../../wordpress/wp-stack) * [JAM Stack](../jam-stack/) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Laravel documentation](https://laravel.com/docs) * [Filament documentation](https://filamentphp.com/docs) ---------- # Filament для Laravel > Filament как admin panel toolkit для Laravel: ресурсы, формы, таблицы, dashboard и ускорение разработки back-office. ## Что такое Filament [Заголовок раздела «Что такое Filament»](#что-такое-filament) Filament — это toolkit для Laravel, который ускоряет создание админ-панелей, внутренних кабинетов и CRUD-интерфейсов. ## Когда Filament подходит лучше всего [Заголовок раздела «Когда Filament подходит лучше всего»](#когда-filament-подходит-лучше-всего) * внутренние кабинеты для команды продаж, поддержки и операций; * B2B-порталы с управлением сущностями через admin UI; * MVP и production-продукты, где нужен быстрый admin слой; * проекты на Laravel, где важно сократить время на back-office интерфейсы. ## Сильные стороны [Заголовок раздела «Сильные стороны»](#сильные-стороны) * быстрый старт CRUD без потери гибкости; * формы, таблицы, фильтры и действия из коробки; * единый стек с Laravel и Eloquent; * удобно масштабировать от MVP до сложных админок. ## Связанные материалы [Заголовок раздела «Связанные материалы»](#связанные-материалы) * [TALL Stack](../) * [Laravel как платформа](../laravel) * [Кастомный сайт или веб-приложение](../../../pricing/custom-projects/) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Filament documentation](https://filamentphp.com/docs) * [Laravel documentation](https://laravel.com/docs) ---------- # Laravel как платформа > Laravel как PHP-фреймворк для кастомных веб-приложений, B2B-кабинетов, CRM и сложной бизнес-логики. ## Что такое Laravel [Заголовок раздела «Что такое Laravel»](#что-такое-laravel) Laravel — PHP-фреймворк для веб-приложений. Он нужен там, где сайт уже не сводится к страницам и формам, а становится системой с ролями, сущностями, процессами и интеграциями. ## Когда Laravel подходит лучше всего [Заголовок раздела «Когда Laravel подходит лучше всего»](#когда-laravel-подходит-лучше-всего) * B2B-порталы и оптовые каталоги; * CRM, кабинеты клиентов и сотрудников; * внутренние порталы и workflow-системы; * сложные формы, расчёты и согласования; * проекты, где важна архитектура backend-first. ## Сильные стороны [Заголовок раздела «Сильные стороны»](#сильные-стороны) * выразительный и зрелый фреймворк; * удобный старт и сильный DX; * Eloquent, очереди, события, планировщик, тестирование; * хорошо подходит для масштабирования и сложной доменной логики; * легко собрать API и админку на одном стеке. ## Где Laravel особенно уместен [Заголовок раздела «Где Laravel особенно уместен»](#где-laravel-особенно-уместен) * если бизнес-процессы сложнее типового CMS-сайта; * если нужен точный контроль над данными и бизнес-правилами; * если проект должен расти как собственный продукт, а не набор плагинов. ## Связанные материалы [Заголовок раздела «Связанные материалы»](#связанные-материалы) * [Типовые сайты и проекты](../../../wordpress/faq/how-to/website-types-and-projects) * [Кастомный сайт или веб-приложение](../../../pricing/custom-projects/) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Laravel documentation: Installation](https://laravel.com/docs/11.x/installation) * [Laravel documentation: Meet Laravel](https://laravel.com/docs/11.x/installation#meet-laravel) * [Laravel documentation: Why Laravel?](https://laravel.com/docs/11.x/installation#why-laravel) ---------- # Вебсайты > Раздел о типах вебсайтов, целях, структуре и выборе стека под задачи бизнеса. ## Что в этом разделе [Заголовок раздела «Что в этом разделе»](#что-в-этом-разделе) В этом разделе собраны материалы про разработку вебсайтов: от типовых проектных форматов до инфраструктуры, безопасности и модели реализации. * [Типы проектов](./project-types/) - Каталог веб-проектов, разделенный на standard и custom. * [Стандартные проекты](./project-types/standard/) - Типовые сценарии с предсказуемым scope и быстрым запуском. * [Кастомные проекты](./project-types/custom/) - Нестандартные сценарии с процессной логикой и интеграциями. * [Дизайн цифровых продуктов](../design/) - Универсальный дизайн-контракт: UX-структура, система компонентов и передача в разработку. * [Контент вебсайта](./content/) - Индекс подраздела с контентной моделью, блоками и меню. * [Контент и структура вебсайтов](./content/content-structure) - Карта страниц, контентная модель и навигация. * [SEO (поисковая оптимизация)](../marketing/seo) — Встраивание SEO в архитектуру сайта, типы оптимизации и тренды 2026. * [Инфраструктура вебсайтов](../infrastructure/) - Домен, хостинг, CDN, S3 и staging. * [Домен и DNS](../infrastructure/domain/) - Базовые материалы по доменам, регистраторам и привязке сайта. * [Хостинг](../infrastructure/hosting/) - Типы хостинга, критерии выбора, провайдеры и инфраструктурные практики. * [Оптимизация WordPress](./performance/optimization) - Комплексная оптимизация: хостинг, плагины, изображения, CDN, сжатие и база данных. * [Кэширование сайтов](./performance/cache) - Виды кэширования и примеры на Bitrix, WordPress, Astro, Next.js. * [Кэширование в WooCommerce](../woocommerce/caching) - Настройка кэша для магазина: исключения, cookies, Varnish, плагины. * [PHP-оптимизация для WordPress](./performance/php-optimization) - Практическая настройка PHP для стабильной и быстрой работы сайта. * [Базовая безопасность WordPress для нового сайта](./security/wordpress-security-basics) - Минимальный baseline защиты для production-сайта. * [Сервисы защиты сайтов и CDN](./security/web-protection-services) - Сравнение сервисов защиты: CDN, WAF и anti-DDoS. ## Когда использовать этот раздел [Заголовок раздела «Когда использовать этот раздел»](#когда-использовать-этот-раздел) Используйте материалы раздела, если нужно: * определить тип сайта под цель бизнеса; * согласовать MVP и roadmap развития; * выбрать стек до начала проектирования и сметы. * спланировать инфраструктуру и сопровождение до запуска. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Платформы разработки](../web-frameworks/) * [Цены на разработку и поддержку сайтов](../pricing/) * [Типовые сайты и проекты](../wordpress/faq/how-to/website-types-and-projects) ---------- # Контент вебсайта > Подраздел о контентной модели вебсайта: структура, сущности, редактор и навигация. ## Что в этом подразделе [Заголовок раздела «Что в этом подразделе»](#что-в-этом-подразделе) * [Контент и структура вебсайтов](./content-structure) - MECE-модель: IA, контентная модель, навигация и URL/SEO. * [Базовые сущности: страницы, записи, таксономии](./pages-posts-and-taxonomies-basics) - Как разделить сущности без дублей и конфликтов. * [Редактор блоков WordPress](./wordpress-editor-blocks) - Практика работы с блоками в Gutenberg. * [Меню сайта](./menus) - Организация навигации и вложенных пунктов меню. ## Как использовать [Заголовок раздела «Как использовать»](#как-использовать) 1. Начните с [Контент и структура вебсайтов](./content-structure), чтобы зафиксировать границы уровней. 2. Опишите сущности на странице про [страницы, записи и таксономии](./pages-posts-and-taxonomies-basics). 3. После этого переходите к реализации в [блочном редакторе](./wordpress-editor-blocks) и [меню](./menus). ## Связанные разделы [Заголовок раздела «Связанные разделы»](#связанные-разделы) * [Вебсайты](../) * [Дизайн цифровых продуктов](../../design/) * [SEO (поисковая оптимизация)](../../marketing/seo) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Структура контента вебсайта](./content-structure) * [Страницы, записи, категории и теги: базовая модель контента](./pages-posts-and-taxonomies-basics) * [Меню в WordPress: создание, ссылки, выпадающие подменю](./menus) ---------- # Контент и структура вебсайтов > Как собирать структуру сайта и контентную модель без дублей: страницы, записи, таксономии и навигация. ## Основной принцип [Заголовок раздела «Основной принцип»](#основной-принцип) Сначала фиксируем уровни структуры без пересечений, затем выбираем шаблоны страниц и только после этого делаем визуальную детализацию. ## MECE-модель структуры [Заголовок раздела «MECE-модель структуры»](#mece-модель-структуры) 1. Информационная архитектура (IA): набор экранов и их бизнес-роль. 2. Контентная модель: типы сущностей и правила их классификации. 3. Навигационная система: как пользователь перемещается между сущностями. 4. URL и SEO-структура: как сущности публикуются и связываются в поиске. ## Границы уровней (чтобы не было пересечений) [Заголовок раздела «Границы уровней (чтобы не было пересечений)»](#границы-уровней-чтобы-не-было-пересечений) * IA отвечает на вопрос «какие страницы нужны» и не описывает рубрики/теги. * Контентная модель отвечает на вопрос «какие сущности храним» и не решает расположение пунктов меню. * Навигация отвечает на вопрос «как попасть из A в B» и не определяет тип сущности. * URL/SEO отвечает на вопрос «как страница индексируется и связывается» и не дублирует структуру меню. ## Минимальный состав по каждому уровню [Заголовок раздела «Минимальный состав по каждому уровню»](#минимальный-состав-по-каждому-уровню) 1. IA: главная, услуги/продукт, кейсы, FAQ, контакты. 2. Контентная модель: страницы, записи, рубрики, теги, при необходимости кастомные типы записей. 3. Навигация: главное меню, вспомогательное меню, хлебные крошки, футер-навигация. 4. URL/SEO: иерархия slug, канонические URL, внутренние ссылки между коммерческими и информационными страницами. ## Частые ошибки [Заголовок раздела «Частые ошибки»](#частые-ошибки) 1. IA и контентная модель описываются в одном списке, из-за чего теряются границы ответственности. 2. В меню выносятся таксономии как будто это полноценные страницы уровня IA. 3. URL-структура строится отдельно от контентной модели и начинает ей противоречить. 4. Коммерческие и информационные страницы не связаны внутренними переходами. ## Проверка на MECE перед разработкой [Заголовок раздела «Проверка на MECE перед разработкой»](#проверка-на-mece-перед-разработкой) 1. Для каждого решения определён один уровень ответственности (IA, модель, навигация или SEO). 2. Один и тот же объект не описан одновременно как «тип страницы» и «тип сущности». 3. Каждый тип сущности имеет понятный путь публикации (URL) и минимум один навигационный вход. 4. Нет «слепых зон»: все ключевые бизнес-сценарии покрыты хотя бы одной сущностью и одной точкой входа. ## Чек-лист перед разработкой [Заголовок раздела «Чек-лист перед разработкой»](#чек-лист-перед-разработкой) 1. Утвердите IA отдельно от контентной модели (две разные таблицы/артефакта). 2. Зафиксируйте правила таксономий и типы контента до проектирования меню. 3. Опишите навигационные маршруты для основных сценариев (поиск услуги, чтение кейса, контакт). 4. Утвердите URL-политику, каноникал и схему внутренних ссылок. 5. Определите владельцев контента и процесс обновления. 6. Зафиксируйте шаблоны страниц под каждый тип контента. ## Связанные материалы [Заголовок раздела «Связанные материалы»](#связанные-материалы) * [Дизайн цифровых продуктов](../../../design/) * [SEO (поисковая оптимизация)](../../../marketing/seo) * [Типы проектов](../project-types/) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Страницы, записи, категории и теги](../content/pages-posts-and-taxonomies-basics) * [Меню в WordPress](../content/menus) * [Типовые сайты и проекты](../../wordpress/faq/how-to/website-types-and-projects) ---------- # Меню в WordPress: создание, ссылки и выпадающие подменю > Как создать меню в WordPress, добавить ссылки на страницы и категории, сделать выпадающие подменю — полное руководство. ## Что такое меню в WordPress [Заголовок раздела «Что такое меню в WordPress»](#что-такое-меню-в-wordpress) Меню — список ссылок, обычно расположенный в шапке сайта. Посетители используют меню для навигации по разделам. WordPress поддерживает создание нескольких меню и назначение их в разные области (шапка, подвал, боковая панель, социальные ссылки). ## Где редактировать меню [Заголовок раздела «Где редактировать меню»](#где-редактировать-меню) * **Классические темы:** Внешний вид → Меню (`/wp-admin/nav-menus.php`). * **Блочные темы:** через Site Editor (редактирование навигационного блока) или Внешний вид → Меню (если тема поддерживает классические меню). ## Создание меню [Заголовок раздела «Создание меню»](#создание-меню) 1. **Внешний вид → Меню**. 2. Нажмите **Создать меню** (create a new menu). 3. Введите название меню (например, «Главное меню»). 4. Нажмите **Создать меню**. ### Несколько меню [Заголовок раздела «Несколько меню»](#несколько-меню) Вы можете создать несколько меню для разных целей: * Главное меню (шапка). * Меню подвала (футер). * Социальное меню (иконки соцсетей). * Мобильное меню. ## Добавление ссылок в меню [Заголовок раздела «Добавление ссылок в меню»](#добавление-ссылок-в-меню) ### Из существующего контента [Заголовок раздела «Из существующего контента»](#из-существующего-контента) 1. В левой панели выберите **Страницы**, **Записи**, **Рубрики** или **Метки**. 2. Отметьте нужные элементы. 3. Нажмите **Добавить в меню**. ### Произвольные ссылки [Заголовок раздела «Произвольные ссылки»](#произвольные-ссылки) 1. В левой панели откройте **Произвольные ссылки**. 2. Введите URL и текст ссылки. 3. Нажмите **Добавить в меню**. ### Главная страница [Заголовок раздела «Главная страница»](#главная-страница) Добавьте ссылку на главную: URL = `/`, текст = «Главная». ## Создание выпадающего меню (dropdown) [Заголовок раздела «Создание выпадающего меню (dropdown)»](#создание-выпадающего-меню-dropdown) Выпадающее меню показывает подпункты при наведении или клике на родительский пункт: 1. Добавьте в меню родительский пункт и несколько дочерних. 2. Перетащите дочерний пункт **чуть правее** родительского — он станет подпунктом с отступом. 3. Сохраните меню. **Пример структуры:** ```plaintext О нас Услуги └ Веб-разработка └ SEO-продвижение └ Поддержка сайтов Контакты ``` > ⚠️ **AI-ассистент для меню** — функция WordPress.com, недоступная на self-hosted. На WordPress.org меню создаются вручную или через WP-CLI. ## Назначение области отображения [Заголовок раздела «Назначение области отображения»](#назначение-области-отображения) После создания меню его нужно назначить: 1. Прокрутите вниз до секции **Области отображения (Display location)**. 2. Отметьте нужную область: * Primary Menu (основное, в шапке). * Footer Menu (подвал). * Social Menu (социальные ссылки) — если поддерживается темой. 3. Сохраните. ## Перетаскивание и сортировка [Заголовок раздела «Перетаскивание и сортировка»](#перетаскивание-и-сортировка) * **Drag & drop:** перетаскивайте пункты для изменения порядка. * **Отступ вправо:** делает пункт дочерним (для выпадающих меню). * **Отступ влево:** возвращает пункт на верхний уровень. ## Удаление пункта меню [Заголовок раздела «Удаление пункта меню»](#удаление-пункта-меню) 1. Нажмите на стрелку ▼ справа от пункта. 2. Нажмите **Удалить**. ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Customizer: полное руководство](../../../wordpress/themes/customizer) * [Site Editor: визуальное редактирование](../../../wordpress/themes/site-editor) * [Блочный редактор: добавление контента блоками](../wordpress-editor-blocks) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [WordPress.com: Menus](https://wordpress.com/support/menus/) * [WordPress.com: Create a menu](https://wordpress.com/support/menus/create-a-menu/) * [WordPress.com: Add links to a menu](https://wordpress.com/support/menus/add-links-to-a-menu/) * [WordPress.com: Create drop-down menus](https://wordpress.com/support/menus/create-drop-down-menus/) ---------- # Страницы, записи, категории и теги: базовая модель контента > Практическая схема, как разводить контент по Pages/Posts и использовать категории/теги без хаоса в структуре сайта. ## Базовая модель [Заголовок раздела «Базовая модель»](#базовая-модель) * Pages: статичные разделы сайта (о компании, контакты, политика). * Posts: публикации блога, новости, материалы с хронологией. * Categories: иерархия тем. * Tags: плоские метки для дополнительных срезов. ## Правила структуры [Заголовок раздела «Правила структуры»](#правила-структуры) 1. У страницы должен быть стабильный URL и понятный template. 2. Записи публикуются с категориями, теги используются умеренно. 3. Не создавать дублирующие категории с близкими названиями. ## PHP пример: регистрируем пользовательскую таксономию для кейсов [Заголовок раздела «PHP пример: регистрируем пользовательскую таксономию для кейсов»](#php-пример-регистрируем-пользовательскую-таксономию-для-кейсов) ```php add_action('init', function () { register_taxonomy('case_topic', ['post'], [ 'label' => 'Case Topics', 'hierarchical' => true, 'show_in_rest' => true, 'rewrite' => ['slug' => 'case-topic'], ]); }); ``` Что делает код: * Добавляет управляемую тематическую классификацию. * Открывает таксономию для Gutenberg и REST. ## JS пример: подсчет длины заголовка записи в редакторе [Заголовок раздела «JS пример: подсчет длины заголовка записи в редакторе»](#js-пример-подсчет-длины-заголовка-записи-в-редакторе) ```js function titleLengthHint(title) { const length = title.trim().length; return length >= 30 && length <= 70; } console.log(titleLengthHint("Как настроить WordPress для малого бизнеса")); ``` Что делает код: * Помогает оценить читаемость/SEO-пригодность заголовка. * Может быть встроен в editorial checklist. ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Блочный редактор WordPress: добавление контента блоками](../wordpress-editor-blocks) * [Меню в WordPress](../menus) * [Панель управления WordPress (`wp-admin`): базовая навигация](../../../wordpress/console/wordpress-dashboard-wp-admin-basics) * [Плагины WordPress: основы выбора и установки](../../../wordpress/plugins/plugins-basics) * [Темы, child theme и Customizer: основы](../../../wordpress/themes/themes-child-themes-customizer) ---------- # Блочный редактор WordPress: добавление контента блоками > Как работать с блочным редактором (Gutenberg): добавление блоков, контент, Site Title, Post Content, CSS-классы — практическое руководство. ## Что такое блочный редактор [Заголовок раздела «Что такое блочный редактор»](#что-такое-блочный-редактор) Блочный редактор (Gutenberg) — основной редактор контента в WordPress с версии 5.0. Каждый элемент страницы или записи — это **блок**: абзац, заголовок, изображение, видео, колонки, кнопка и т.д. Доступен через: **Записи → Добавить** или **Страницы → Добавить**. ## Как добавить блок [Заголовок раздела «Как добавить блок»](#как-добавить-блок) Три способа: 1. **Кнопка + (добавить блок)** — появляется в интерфейсе при наведении между блоками или в верхней панели. 2. **Слеш-команда `/`** — начните вводить `/заголовок` или `/изображение` в пустом абзаце. 3. **Быстрая вставка** — нажмите Enter на пустой строке для вызова меню блоков. ### Добавление блока в конкретную позицию [Заголовок раздела «Добавление блока в конкретную позицию»](#добавление-блока-в-конкретную-позицию) * Наведите мышь между существующими блоками — появится разделитель с кнопкой **+**. * Или используйте **List View** (иконка списка) для точного позиционирования. ## Основные блоки [Заголовок раздела «Основные блоки»](#основные-блоки) ### Текстовые блоки [Заголовок раздела «Текстовые блоки»](#текстовые-блоки) | Блок | Назначение | | ------------------- | ----------------------------------- | | Абзац (Paragraph) | Основной текст | | Заголовок (Heading) | Заголовки H1-H6 | | Список (List) | Маркированные и нумерованные списки | | Цитата (Quote) | Оформленные цитаты | | Код (Code) | Фрагменты кода с подсветкой | | Таблица (Table) | Данные в табличной форме | ### Медиа-блоки [Заголовок раздела «Медиа-блоки»](#медиа-блоки) | Блок | Назначение | | ------------------- | -------------------------- | | Изображение (Image) | Вставка картинок | | Галерея (Gallery) | Сетка изображений | | Видео (Video) | Встроенное видео | | Аудио (Audio) | Аудиоплеер | | Файл (File) | Ссылка на скачивание файла | ### Дизайн-блоки [Заголовок раздела «Дизайн-блоки»](#дизайн-блоки) | Блок | Назначение | | ----------------------- | ------------------------------------------------------------------------------------------------------------------------------ | | Колонки (Columns) | Многоколоночный макет | | Группа (Group) | Контейнер для группировки других блоков | | Разделитель (Separator) | Горизонтальная линия | | Спейсер (Spacer) | Вертикальный отступ | | Иконка (Icon) | SVG-иконка из коллекций (WordPress 7.0+). Кастомные иконки — через [Icons API](../../../wordpress/cheatsheet/icons-api) (7.1+) | ### Блоки темы (Theme Blocks) [Заголовок раздела «Блоки темы (Theme Blocks)»](#блоки-темы-theme-blocks) Некоторые блоки работают только в Site Editor и шаблонах: ### Служебные блоки [Заголовок раздела «Служебные блоки»](#служебные-блоки) Для вставки произвольного HTML-кода (виджеты, embed-коды, трекеры) используйте блок **Custom HTML** — добавляется слеш-командой `/html`, с WP 7.0 имеет панели HTML/CSS/JS, с WP 7.1 поддерживает редактируемые внутренние блоки. Подробнее: [Блок Custom HTML](../../../wordpress/cheatsheet/custom-html-block). #### Site Title Block [Заголовок раздела «Site Title Block»](#site-title-block) Отображает название сайта. Настройки: * **Тег HTML** — H1 (главная), P или Div (остальные страницы). * **Ссылка** — делает название кликабельной ссылкой на главную. * **Выравнивание** — по левому краю, по центру, по правому. * **Цвет и типографика** — настраиваются через панель «Стили». #### Post Content Block [Заголовок раздела «Post Content Block»](#post-content-block) Отображает содержимое записи/страницы в шаблоне. Используется в шаблонах Single (Запись) и Page (Страница) для указания, где выводить контент. **Как добавить в шаблон:** 1. Откройте **Site Editor → Шаблоны**. 2. Выберите шаблон (например, Single). 3. Добавьте блок **Post Content** в нужное место. ## Дополнительные CSS-классы блоков [Заголовок раздела «Дополнительные CSS-классы блоков»](#дополнительные-css-классы-блоков) Каждому блоку можно задать произвольный CSS-класс для стилизации: 1. Выделите блок → боковая панель → **Дополнительно**. 2. В поле **Дополнительные классы CSS** введите имя класса. 3. Пропишите стили в Customizer или child theme: ```css .highlight-box { background: #fff3cd; border: 1px solid #ffc107; border-radius: 8px; padding: 1.5rem; } ``` Несколько классов указываются через пробел: `highlight-box shadow rounded`. ## Сочетания клавиш [Заголовок раздела «Сочетания клавиш»](#сочетания-клавиш) | Сочетание | Действие | | --------------------------- | ------------------------------------ | | `/` | Быстрый поиск блока | | `⌘Z` / `Ctrl+Z` | Отменить | | `⌘Shift+Z` / `Ctrl+Shift+Z` | Повторить | | `⌘Shift+D` / `Ctrl+Shift+D` | Дублировать блок | | `⌘⌥T` / `Ctrl+Alt+T` | Вставить блок до/после | | `Esc` | Выйти из режима редактирования блока | ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Страницы, записи, категории и теги: базовая модель контента](../pages-posts-and-taxonomies-basics) * [Блок Custom HTML: вставка кода и редактируемые слоты](../../../wordpress/cheatsheet/custom-html-block) * [Icons API: SVG-иконки в WordPress](../../../wordpress/cheatsheet/icons-api) * [Site Editor: визуальное редактирование](../../../wordpress/themes/site-editor) * [Кастомный CSS в WordPress](../../../wordpress/themes/custom-css) * [Меню в WordPress](../menus) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [WordPress.com: WordPress Editor](https://wordpress.com/support/wordpress-editor/) * [WordPress.com: Add content using blocks](https://wordpress.com/support/wordpress-editor/add-content-blocks/) * [WordPress.com: Add additional CSS classes to blocks](https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/) * [WordPress.com: Post Content block](https://wordpress.com/support/wordpress-editor/blocks/post-content-block/) * [WordPress.com: Site Title block](https://wordpress.com/support/wordpress-editor/blocks/site-title-block/) ---------- # Кэширование сайтов: виды и подходы > Уровни кэширования веб-сайтов — браузерный, CDN, серверный/edge, объектный, opcode — и как это устроено на практике в Bitrix, WordPress, Astro и Next.js. Кэширование — самый быстрый способ ускорить сайт и снизить нагрузку на сервер, независимо от платформы. Смысл один и тот же на любом стеке: не делать одну и ту же дорогую работу дважды, если можно один раз сохранить результат и отдавать его повторно. Разные платформы решают эту задачу разными механизмами — от статической генерации при сборке (Astro) до многоуровневых плагинных схем (WordPress) и композитного кэша с тегами (Bitrix). Ниже — общие уровни кэширования и то, как они реализованы на четырёх популярных платформах. ## Уровни кэширования [Заголовок раздела «Уровни кэширования»](#уровни-кэширования) Кэш сайта — это не одна система, а несколько независимых уровней, которые работают вместе. ### Браузерный кэш [Заголовок раздела «Браузерный кэш»](#браузерный-кэш) Снижает количество запросов к серверу за счёт хранения статических файлов (изображения, CSS, JS) на компьютере посетителя. **Механизм работы:** * Сервер отправляет заголовки `Cache-Control` (особенно `max-age`) и `Expires` * Браузер проверяет [Entity Tags (ETag)](https://en.wikipedia.org/wiki/HTTP_ETag) вместо повторной загрузки * Сервер отвечает `304 Not Modified` вместо `200 OK` с телом файла ```plaintext Cache-Control: public, max-age=31536000, immutable ``` Результат — меньше трафика и быстрее загрузка при повторных визитах. Работает одинаково независимо от платформы; разница только в том, как каждый стек выставляет заголовки (см. примеры ниже). ### CDN [Заголовок раздела «CDN»](#cdn) Content Delivery Network кэширует статику (и иногда целые HTML-страницы) на edge-серверах, географически близких к посетителю. Уменьшает задержку и снимает нагрузку с origin-сервера. Практически обязателен для медиа- и изображение-тяжёлых сайтов; современные платформы (Vercel, Netlify, Cloudflare) встраивают CDN как часть деплоя. ### Серверный / edge-кэш (full-page cache) [Заголовок раздела «Серверный / edge-кэш (full-page cache)»](#серверный--edge-кэш-full-page-cache) Кэширование готового HTML-ответа целиком, до того как запрос доходит до кода приложения. Реализуется реверс-прокси (Varnish, Nginx FastCGI Cache), edge-функциями (Vercel Edge, Cloudflare Workers) или встроенными механизмами платформы (page cache плагины в WordPress, композитный кэш в Bitrix, статическая генерация в Astro/Next.js). Даёт наибольший прирост скорости, но требует аккуратной инвалидации для персонализированного и динамического контента (корзина, личный кабинет). ### Объектный кэш (данные / вычисления) [Заголовок раздела «Объектный кэш (данные / вычисления)»](#объектный-кэш-данные--вычисления) Перенос данных из медленного и дорогого хранилища (БД, внешний API) в быстрое и дешёвое (память). В отличие от кэша страниц, обычно **персистентный**: данные, закэшированные при одном запросе, доступны при следующем. **Ключевое свойство:** закэшированные данные всегда должны быть восстанавливаемыми. При повреждении кэша приложение продолжает работать — данные регенерируются автоматически, хотя и с временным падением производительности. **Движки объектного кэша:** | Движок | Тип | Особенности | | ---------------- | ---------- | ------------------------------------------ | | Redis | In-memory | Самый популярный, богатая структура данных | | Memcached | In-memory | Простой, проверенный временем | | APC/u | In-memory | Локальный для одного сервера | | Файловая система | Disk-based | Не требует доп. сервисов | Минимальное требование — доступ к закэшированным данным должен быть быстрее, чем их повторная генерация. ### Opcode-кэш [Заголовок раздела «Opcode-кэш»](#opcode-кэш) Специфичен для PHP-платформ (WordPress, Bitrix): сохраняет скомпилированный байт-код в памяти, избавляя от повторного парсинга и компиляции PHP-файлов на каждый запрос. [OPcache](https://www.php.net/manual/en/book.opcache.php) встроен в PHP 5.5+ и должен быть включён всегда. У JS-платформ (Astro, Next.js на Node.js) прямого аналога нет — V8 компилирует и JIT-оптимизирует код в рамках процесса рантайма. ## Примеры на платформах [Заголовок раздела «Примеры на платформах»](#примеры-на-платформах) ### 1С-Битрикс [Заголовок раздела «1С-Битрикс»](#1с-битрикс) Битрикс сочетает кэш компонентов, тегированную инвалидацию и композитный режим: * **Кэш компонентов** — каждый компонент можно кэшировать индивидуально (`CACHE_TYPE`: авто / управляемый / отключён), результат хранится через `\Bitrix\Main\Data\Cache`. * **Управляемый кэш (тегированный)** — через `\Bitrix\Main\Data\TaggedCache` кэш привязывается к тегам (например, к ID инфоблока); при изменении данных сбрасываются только связанные теги, а не весь кэш. * **Композитный сайт (Composite Cache)** — гибрид статического и динамического: страница отдаётся как статический HTML, а персонализированные зоны (корзина, авторизация, счётчики) подгружаются отдельными AJAX-запросами поверх, похоже на ESI. Позволяет держать полный full-page cache даже для сайтов с личным кабинетом. * **Бэкенд хранения** — файлы по умолчанию, либо Memcached/APCu/Redis через секцию `cache` в `.settings.php`. ### WordPress [Заголовок раздела «WordPress»](#wordpress) WordPress собирает кэш из плагинов и ядра — три встроенных механизма плюс инфраструктурный уровень: * **Страничный кэш** через плагины (Surge, WP Rocket, W3 Total Cache, Batcache) — сохраняет HTML целиком. * **Объектный кэш** через `WP_Object_Cache`, персистентный с Redis/Memcached-плагинами. * **Transients API** — кэш с TTL для внешних данных и тяжёлых запросов. * **Инфраструктура** — OPcache, Varnish/Nginx FastCGI перед PHP. Подробный разбор каждого механизма и примеров кода — в разделе [Кэширование в WordPress](../../../wordpress/cache/) и на странице [Кэширование WordPress: инфраструктурный уровень](../../../wordpress/cache/server-level-cache). ### Astro [Заголовок раздела «Astro»](#astro) Astro по умолчанию — статический генератор (SSG): страницы рендерятся в HTML на этапе сборки, а не на каждый запрос. * **Статический вывод (`output: 'static'`)** — готовые HTML-файлы и хешированные статические ассеты (`/_astro/*.abc123.js`) с `Cache-Control: public, max-age=31536000, immutable` — их можно кэшировать бессрочно, потому что при изменении содержимого меняется имя файла. * **On-demand rendering** — для отдельных маршрутов (`export const prerender = false`) или всего сайта (`output: 'server'`) страницы рендерятся по запросу через серверный адаптер (Vercel, Netlify, Cloudflare, Node.js); заголовки кэша выставляются вручную в коде страницы через `Astro.response.headers.set('Cache-Control', ...)`. * Дальше кэш такого ответа обеспечивает edge/CDN-слой хостинг-платформы — сам Astro не хранит кэш ответов. Встроенного персистентного кэша данных (аналога Next.js Data Cache) у Astro нет — Content Collections компилируются один раз при сборке. ### Next.js [Заголовок раздела «Next.js»](#nextjs) Next.js 16 перешёл на модель **Cache Components** (директива `"use cache"` + `cacheComponents: true` в конфиге) — она заменяет прежнюю связку Request Memoization / Data Cache / Full Route Cache / Router Cache для проектов, которые её включили: * **`"use cache"`** — кэширует результат асинхронной функции или целого компонента; управляется `cacheLife()` (время жизни) и `cacheTag()` (теги для точечной инвалидации). * **Partial Prerendering (PPR)** — страница собирается частично на этапе сборки (статический “shell”), а динамические куски (персонализация, cookies) стримятся при запросе внутри ``. * **Инвалидация** — по тегам (`updateTag`/`revalidateTag`) или по времени через `cacheLife`. Для проектов без `cacheComponents` действует прежняя модель: Request Memoization (дедуп `fetch()` в рамках рендера), Data Cache (персистентный кэш `fetch()`), Full Route Cache (предрендер статических маршрутов), Router Cache (клиентский кэш навигации), инвалидация через `revalidate`/`revalidatePath`/`revalidateTag`. При деплое на Vercel поверх добавляется edge/CDN-кэш. Про связку с WordPress как headless-бэкендом — [Headless WordPress с Next.js](../../../wordpress/faq/headless-wordpress-nextjs). ## Сравнение подходов [Заголовок раздела «Сравнение подходов»](#сравнение-подходов) | Платформа | Full-page cache | Объектный/данные кэш | Инвалидация | Типичный edge/CDN слой | | ---------- | ------------------------------------- | --------------------------------------------------------- | --------------------------------------------------------------------------------------------- | ----------------------------------- | | 1С-Битрикс | Композитный кэш (статика + AJAX-зоны) | Кэш компонентов, Memcached/Redis | По тегам (`TaggedCache`) | Внешний (CDN, Nginx) | | WordPress | Плагины (Surge, WP Rocket, Batcache) | `WP_Object_Cache` + Redis/Memcached | По событиям публикации/сохранения | Varnish, Nginx FastCGI, внешний CDN | | Astro | Статические файлы при сборке | Нет встроенного (компиляция при сборке) | Пересборка / заголовки на edge | Встроен в хостинг-платформу | | Next.js | Full Route Cache / PPR-shell | `"use cache"` (Cache Components) или Data Cache (`fetch`) | По тегам (`cacheTag`/`updateTag`, `revalidateTag`) или по времени (`cacheLife`, `revalidate`) | Встроен в Vercel/edge | ## Выбор стратегии [Заголовок раздела «Выбор стратегии»](#выбор-стратегии) Для большинства сайтов достаточно одного-двух уровней: браузерный кэш есть всегда «бесплатно», а full-page/статический кэш даёт наибольший прирост при наименьших усилиях. Объектный кэш и opcode-кэш подключаются, когда растёт нагрузка на БД и PHP; CDN и edge-кэш — когда важна география аудитории. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [WordPress Developer Handbook — Cache](https://developer.wordpress.org/advanced-administration/performance/cache/) — официальная документация * [Astro — On-demand rendering](https://docs.astro.build/en/guides/on-demand-rendering/) — режимы рендеринга и настройка заголовков кэша * [Next.js — Caching](https://nextjs.org/docs/app/getting-started/caching) — официальная документация по Cache Components (`use cache`, `cacheLife`, `cacheTag`) * [1С-Битрикс — Кеширование компонентов](https://dev.1c-bitrix.ru/learning/course/index.php?COURSE_ID=43\&CHAPTER_ID=02127\&LESSON_PATH=3913.3516.4790.2127) — курс разработчика Bitrix Framework * [Кэширование в WordPress: обзор](../../../wordpress/cache/) — детальный разбор механизмов ядра * [Кэширование WordPress: инфраструктурный уровень](../../../wordpress/cache/server-level-cache) — OPcache, Varnish, Nginx FastCGI ---------- # Оптимизация WordPress > Комплексная оптимизация производительности WordPress: хостинг, плагины, изображения, CDN, сжатие, база данных и масштабирование. Оптимизировать WordPress нужно на любом уровне — от блога на shared-хостинге до высоконагруженного проекта. Если нужен быстрый результат — начните с [кэширования](../../../wordpress/cache/server-level-cache). Далее — системный подход к оптимизации по всем направлениям. ## Базовый baseline перед go-live [Заголовок раздела «Базовый baseline перед go-live»](#базовый-baseline-перед-go-live) Перед запуском сайта зафиксируйте минимальный набор performance-практик: 1. Базовое кэширование на уровне приложения и сервера. 2. Оптимизация изображений и статики. 3. CDN и корректная стратегия cache invalidation. 4. Мониторинг ключевых метрик после релиза. ### Чек-лист производительности перед запуском [Заголовок раздела «Чек-лист производительности перед запуском»](#чек-лист-производительности-перед-запуском) * Прогнаны smoke-тесты и базовые пользовательские сценарии. * Включены мониторинг и алерты по скорости и доступности. * Проверено кэширование и инвалидация статики после деплоя. * Подтверждены целевые метрики в Lighthouse/PageSpeed/WebPageTest. ## Факторы производительности [Заголовок раздела «Факторы производительности»](#факторы-производительности) На скорость WordPress влияют: * **Хостинг** — тип и конфигурация сервера * **Конфигурация WordPress** — плагины, тема, настройки * **Версии ПО** — PHP, MySQL, веб-сервер * **Контент** — количество и размер изображений, скриптов, стилей * **Трафик** — объём и характер нагрузки * **География** — расстояние от сервера до посетителей * **Статика** — вынос медиа в [S3-хранилище](../../wordpress/plugins/s3-plugins) освобождает сервер и ускоряет отдачу ## Хостинг [Заголовок раздела «Хостинг»](#хостинг) ### Типы хостинга и возможности оптимизации [Заголовок раздела «Типы хостинга и возможности оптимизации»](#типы-хостинга-и-возможности-оптимизации) | Тип хостинга | Доступные рычаги | | ------------------- | -------------------------------------------------------- | | **Shared** | Плагины кэширования, оптимизация изображений, CDN | | **Managed** | Ограниченный выбор плагинов, встроенное кэширование | | **VPS / Dedicated** | Полный контроль: серверный кэш, PHP, MySQL, Nginx/Apache | На VPS/Dedicated к общим методам добавляются: серверный кэш, тонкая настройка ПО и Content Offloading. Для WooCommerce-магазинов требования к хостингу выше: PHP 8.0+, memory limit ≥ 256MB, SSD/NVMe обязательно. Подробнее — в разделе [WooCommerce: запуск и расширение](../../woocommerce/launch-extend). ### Аппаратные характеристики [Заголовок раздела «Аппаратные характеристики»](#аппаратные-характеристики) * Количество и частота процессоров * Объём оперативной памяти * Тип диска (NVMe > SSD > HDD) * Канал связи Хостинг-провайдеры предлагают более высокую производительность за более высокую цену. ### Географическая дистанция [Заголовок раздела «Географическая дистанция»](#географическая-дистанция) Расстояние между сервером и посетителем влияет на latency. **CDN** решает эту проблему, размещая копии статических файлов в разных регионах. ### Характер нагрузки [Заголовок раздела «Характер нагрузки»](#характер-нагрузки) * Легитимный трафик (всплески посещений) * Brute-force атаки на `/wp-login.php` * Хотлинкинг изображений с других сайтов * DoS/DDoS атаки Выявление и блокировка вредного трафика — часть стратегии оптимизации. ## Оптимизация WordPress [Заголовок раздела «Оптимизация WordPress»](#оптимизация-wordpress) ### Плагины [Заголовок раздела «Плагины»](#плагины) Каждый активный плагин добавляет PHP-код, который выполняется при каждом запросе: ```bash # Измерение влияния плагинов через WP-CLI wp plugin list --status=active ``` **Правила:** * Держите только необходимые плагины активными * Деактивируйте и удаляйте неиспользуемые * Отдавайте предпочтение легковесным альтернативам * Тестируйте влияние нового плагина на скорость (см. [инструменты тестирования](#%D0%B8%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B-%D1%82%D0%B5%D1%81%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F)) ### Темы [Заголовок раздела «Темы»](#темы) Тяжёлые темы с page builder’ами генерируют избыточный DOM и подключают лишние скрипты. Выбирайте тему, соответствующую реальным потребностям, а не «на всякий случай». ### Изображения [Заголовок раздела «Изображения»](#изображения) **Оптимизация на этапе загрузки:** * Сжимайте до загрузки (TinyPNG, Squoosh) * Используйте правильный формат: WebP для фотографий, SVG для иконок **Автоматизация:** ```php // Автоматическое качество JPEG при загрузке add_filter('jpeg_quality', function() { return 82; // WordPress default is 82 }); ``` Плагины вроде [EWWW Image Optimizer](https://wordpress.org/plugins/ewww-image-optimizer/) или [Smush](https://wordpress.org/plugins/wp-smushit/) автоматизируют сжатие. ### Content Offloading (CDN) [Заголовок раздела «Content Offloading (CDN)»](#content-offloading-cdn) Вынос статического контента на отдельный домен или CDN: * **CDN** — Cloudflare, BunnyCDN, KeyCDN * **Отдельный домен для статики** — `static.example.com` * **S3-совместимое объектное хранилище** для медиафайлов Подробный обзор и сравнение CDN-сервисов — [CDN и производительность — сервисы](../../services/saas/cdn-performance). Плагины вроде [WP Offload Media](https://wordpress.org/plugins/amazon-s3-and-cloudfront/) автоматизируют перенос медиа-библиотеки. ### Сжатие [Заголовок раздела «Сжатие»](#сжатие) ```apache # Apache: включение Gzip AddOutputFilterByType DEFLATE text/html text/plain text/xml AddOutputFilterByType DEFLATE text/css application/javascript AddOutputFilterByType DEFLATE application/json application/xml ``` ```nginx # Nginx: включение Gzip gzip on; gzip_types text/plain text/css application/json application/javascript text/xml application/xml; gzip_min_length 256; ``` ### База данных [Заголовок раздела «База данных»](#база-данных) #### InnoDB против MyISAM [Заголовок раздела «InnoDB против MyISAM»](#innodb-против-myisam) Все таблицы WordPress должны использовать **InnoDB**: ```sql -- Проверить движок таблиц SELECT TABLE_NAME, ENGINE FROM information_schema.TABLES WHERE TABLE_SCHEMA = 'wordpress'; -- Конвертировать таблицу ALTER TABLE wp_posts ENGINE = InnoDB; ``` #### Очистка базы [Заголовок раздела «Очистка базы»](#очистка-базы) ```sql -- Удаление ревизий постов DELETE FROM wp_posts WHERE post_type = 'revision'; -- Очистка спам-комментариев DELETE FROM wp_comments WHERE comment_approved = 'spam'; -- Удаление transient-записей DELETE FROM wp_options WHERE option_name LIKE '_transient_%'; ``` #### Autoloaded Options [Заголовок раздела «Autoloaded Options»](#autoloaded-options) Опции с `autoload = 'yes'` загружаются при каждом запросе. Большой объём таких опций замедляет WordPress: ```sql -- Проверить размер autoloaded-опций SELECT SUM(LENGTH(option_value)) as total_size FROM wp_options WHERE autoload = 'yes'; ``` Плагины часто добавляют свои опции в autoload без необходимости. Используйте `wp option update --autoload=no` через WP-CLI для некритичных опций. ### Autoloaded Options в WP-CLI [Заголовок раздела «Autoloaded Options в WP-CLI»](#autoloaded-options-в-wp-cli) ```bash # Посмотреть размер autoloaded-опций wp option list --autoload=yes --format=count # Найти самые большие опции wp db query "SELECT option_name, LENGTH(option_value) as size FROM wp_options WHERE autoload='yes' ORDER BY size DESC LIMIT 20" ``` ## Масштабирование [Заголовок раздела «Масштабирование»](#масштабирование) ### Несколько серверов [Заголовок раздела «Несколько серверов»](#несколько-серверов) При высоких нагрузках компоненты WordPress разносятся по серверам: * **База данных** — отдельный сервер (меняется `DB_HOST` в `wp-config.php`) * **Статика** — CDN или отдельный домен (Content Offloading) * **Балансировщик нагрузки** — распределение трафика между несколькими веб-серверами * **HyperDB** — замена `WPDB` для работы с реплицированными и партицированными базами данных ### Оптимизация ПО [Заголовок раздела «Оптимизация ПО»](#оптимизация-по) | Компонент | Методы | | ----------------- | ----------------------------------------------------------------------------- | | **Веб-сервер** | Apache MPM Event, Nginx worker\_processes, keepalive, кэш-заголовки | | **PHP** | OPcache, APC/u, свежая версия (см. [PHP-оптимизация](../php-optimization)) | | **MySQL/MariaDB** | InnoDB, query cache, тюнинг буферов, slow query log | | **DNS** | Вынос DNS на внешний сервис снижает нагрузку | | **Почта** | Не запускайте почтовый сервер на сервере WordPress — используйте внешний SMTP | ## Инструменты тестирования [Заголовок раздела «Инструменты тестирования»](#инструменты-тестирования) * [PageSpeed Insights](https://pagespeed.web.dev/) * [WebPageTest](https://www.webpagetest.org/) * [GTmetrix](https://gtmetrix.com/) * [Lighthouse](https://developer.chrome.com/docs/lighthouse/) (встроен в Chrome DevTools) * [Query Monitor](https://wordpress.org/plugins/query-monitor/) — плагин для отладки внутри WordPress ## Дополнительные материалы [Заголовок раздела «Дополнительные материалы»](#дополнительные-материалы) * [WordCamp Performance Presentations](https://wordpress.tv/category/wordcamptv/) — доклады с WordCamp * [Yahoo! Best Practices for Speeding Up Your Web Site](https://developer.yahoo.com/performance/rules.html) * [Кэширование WordPress](../../../wordpress/cache/server-level-cache) — глубже о видах кэширования * [PHP-оптимизация](../php-optimization) — настройка PHP для WordPress * [Базовая безопасность WordPress](../../security/wordpress-security-basics) — security baseline для go-live *** *Источник: [WordPress Developer Handbook — Optimization](https://developer.wordpress.org/advanced-administration/performance/optimization/)* ---------- # PHP-оптимизация для WordPress > Настройка PHP для производительности WordPress: версии, php.ini, лимиты памяти, таймауты, размеры загрузок и замена WP-Cron. WordPress написан на PHP, поэтому версия и конфигурация PHP напрямую влияют на производительность и безопасность сайта. ## Версия PHP [Заголовок раздела «Версия PHP»](#версия-php) **Актуальные рекомендации:** * **PHP 7.4** — минимальная официально поддерживаемая версия для WordPress * **PHP 8.0–8.1** — «совместимы с исключениями» * **PHP 8.2+** — полная поддержка в новых версиях WordPress Новые версии PHP приносят не только функции, но и **производительность, и безопасность**. Версии ниже 7.4 достигли End of Life и **подвергают сайт уязвимостям**. > ⚠️ При обновлении PHP тестируйте совместимость плагинов и темы на staging-окружении. Старые плагины могут не работать с PHP 8+. ### Проверка совместимости [Заголовок раздела «Проверка совместимости»](#проверка-совместимости) ```bash # WP-CLI команда для проверки совместимости плагинов и темы wp phpcompat ``` Таблица совместимости: [PHP Compatibility and WordPress Versions](https://make.wordpress.org/core/handbook/references/php-compatibility-and-wordpress-versions/). ## Конфигурация PHP — `php.ini` [Заголовок раздела «Конфигурация PHP — php.ini»](#конфигурация-php--phpini) PHP настраивается через `php.ini`. На некоторых хостингах доступна настройка через `.htaccess` или `.user.ini`. ### Таймауты [Заголовок раздела «Таймауты»](#таймауты) Три ключевых параметра, которые должны быть **согласованы** между собой и с таймаутом веб-сервера (Apache/Nginx): ```ini ; Максимальное время выполнения скрипта (не включает системные вызовы и MySQL-запросы) max_execution_time = 300 ; Максимальное время на приём данных от веб-сервера (например, загрузка файлов) max_input_time = 60 ``` **Важно:** если таймаут веб-сервера меньше `max_execution_time`, запрос будет убит сервером независимо от настройки PHP. Таймауты должны увеличиваться пропорционально нагрузке — но в разумных пределах, чтобы не вызывать каскадный эффект. ### Лимиты памяти [Заголовок раздела «Лимиты памяти»](#лимиты-памяти) ```ini ; Глобальный лимит PHP на один процесс memory_limit = 256M ``` WordPress имеет **два собственных лимита** в `wp-config.php`: ```php // Лимит для фронтенда (по умолчанию 40M, для Multisite — 64M) define('WP_MEMORY_LIMIT', '128M'); // Лимит для админки (по умолчанию 256M) define('WP_MAX_MEMORY_LIMIT', '256M'); ``` **Правило:** `WP_MEMORY_LIMIT <= WP_MAX_MEMORY_LIMIT`. Админка требует больше памяти (медиа-загрузки, тяжёлые страницы настроек). WordPress попытается поднять `memory_limit` до этих значений, но не опустит его, если в `php.ini` значение выше. ### Размеры загрузок [Заголовок раздела «Размеры загрузок»](#размеры-загрузок) ```ini ; Максимальный размер одного загружаемого файла upload_max_filesize = 64M ; Максимальный размер всего POST-запроса post_max_size = 64M ``` **Правило:** `post_max_size >= upload_max_filesize`. Иначе PHP не обработает запросы, превышающие `post_max_size`. ## Замена WP-Cron [Заголовок раздела «Замена WP-Cron»](#замена-wp-cron) `wp-cron.php` запускается при каждом визите и проверяет, не пора ли выполнить отложенные задачи. Проверки лёгкие, но создают **дополнительную нагрузку при каждом запросе**. ### Отключение встроенного крона [Заголовок раздела «Отключение встроенного крона»](#отключение-встроенного-крона) wp-config.php ```php define('DISABLE_WP_CRON', true); ``` ### Альтернатива: системный cron [Заголовок раздела «Альтернатива: системный cron»](#альтернатива-системный-cron) ```bash # Добавить в crontab (каждые 15 минут) */15 * * * * wget -q -O - https://example.com/wp-cron.php?doing_wp_cron > /dev/null 2>&1 ``` Или через WP-CLI: ```bash */15 * * * * wp cron event run --due-now --path=/var/www/html ``` ## Связь с другими разделами [Заголовок раздела «Связь с другими разделами»](#связь-с-другими-разделами) * [Кэширование WordPress](../../../wordpress/cache/server-level-cache) — плагины и серверный кэш * [Оптимизация WordPress](../optimization) — общий обзор факторов производительности *** *Источник: [WordPress Developer Handbook — PHP Optimization](https://developer.wordpress.org/advanced-administration/performance/php/)* ---------- # Типы проектов > Единый каталог типов веб-проектов: стандартные и кастомные сценарии с отдельной страницей под каждый формат. ## Что в этом разделе [Заголовок раздела «Что в этом разделе»](#что-в-этом-разделе) Раздел разбит по принципу MECE на два независимых контура: * [Стандартные проекты](./standard/) - типовые сценарии с предсказуемым scope и быстрым запуском. * [Кастомные проекты](./custom/) - проекты с нестандартной логикой, ролями и интеграциями. ## Быстрый вход по формату сайта [Заголовок раздела «Быстрый вход по формату сайта»](#быстрый-вход-по-формату-сайта) Теперь каждая карточка проекта содержит не только краткое описание, но и практические блоки для пресейла и запуска: * сценарии использования; * вариации и базовый состав работ; * факторы роста сложности; * шаблон анкетирования (бриф) для первичного интервью с заказчиком. Подробные блоки сгруппированы в разделах: * [Типовые проекты: сценарии, состав и брифы](./standard/) * [Кастомные проекты: сценарии, состав и брифы](./custom/) ### Стандартные форматы [Заголовок раздела «Стандартные форматы»](#стандартные-форматы) * [Промо-сайт / лендинг](./standard/promo-website-landing) * [Корпоративный сайт](./standard/corporate-website) * [Интернет-магазин](./standard/online-store) * [Блог / медиа-портал](./standard/blog-media-portal) * [База знаний / документация](./standard/knowledge-base) ### Кастомные форматы [Заголовок раздела «Кастомные форматы»](#кастомные-форматы) * [B2C каталог-витрина](./custom/b2c-catalog-showcase) * [Сервисный сайт с онлайн-записью](./custom/service-site-online-booking) * [B2B портал / оптовый каталог](./custom/b2b-portal-wholesale) * [Внутренний корпоративный портал](./custom/intranet-portal) * [LMS / образовательная платформа](./custom/lms-platform) * [Маркетплейс / агрегатор](./custom/marketplace-aggregator) * [SaaS / веб-приложение / MVP](./custom/saas-web-app-mvp) * [Сайт недвижимости / каталог объектов](./custom/real-estate-site) ## Как выбрать стек [Заголовок раздела «Как выбрать стек»](#как-выбрать-стек) * WordPress + WooCommerce: быстрый time-to-market в типовых контентных и e-commerce сценариях. * JAM (Astro, Next.js): высокий контроль фронтенд-производительности и SEO. * TALL (Laravel + Filament): кастомная backend-логика и процессные системы. ## Как выбирать [Заголовок раздела «Как выбирать»](#как-выбирать) 1. Сначала определите, есть ли у задачи типовой рыночный сценарий. 2. Если сценарий типовой и ограничения понятны, начинайте со стандартного проекта. 3. Если критичны роли, процессы, правила и интеграции, выбирайте кастомный формат. 4. Для смешанных кейсов берите гибрид: стандартное ядро + кастомные модули. ## Когда подходит стандартный проект [Заголовок раздела «Когда подходит стандартный проект»](#когда-подходит-стандартный-проект) * Нужно быстро выйти в продакшен. * Сценарии близки к рыночному стандарту. * Критичны предсказуемые сроки и бюджет. ## Когда нужен кастомный проект [Заголовок раздела «Когда нужен кастомный проект»](#когда-нужен-кастомный-проект) * Есть нестандартные процессы и интеграции. * Важны уникальная логика и дифференциация продукта. * Ожидается развитие в сторону сервисной архитектуры. ## Матрица выбора [Заголовок раздела «Матрица выбора»](#матрица-выбора) 1. Если приоритет скорость запуска - начинайте со стандартного формата. 2. Если приоритет уникальная логика - проектируйте кастом с MVP-фазой. 3. Если roadmap смешанный - делайте гибрид: стандартное ядро + кастомные модули. ## Финансовая логика выбора [Заголовок раздела «Финансовая логика выбора»](#финансовая-логика-выбора) * Стандартное решение обычно дешевле на старте. * Кастом чаще дороже на входе, но гибче при росте требований. * Ошибка выбора стоит дороже, чем этап предварительного проектирования. ## Связанные материалы [Заголовок раздела «Связанные материалы»](#связанные-материалы) * [Цены на разработку и поддержку сайтов](../../pricing/) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Стандартные проекты](./standard/) * [Кастомные проекты](./custom/) ---------- # Кастомные проекты: сценарии, состав и брифы > Сводка по сложным форматам: интеграции, процессная логика, роли, личные кабинеты и детальные шаблоны брифов. ## Что в этом разделе [Заголовок раздела «Что в этом разделе»](#что-в-этом-разделе) Здесь собраны проекты, где бюджет определяется не количеством страниц, а глубиной бизнес-логики, интеграциями, ролями и внутренними процессами. Этот раздел используйте, когда базовой структуры простого сайта недостаточно и нужно считать проект как кастомную систему. ## Типы custom-проектов [Заголовок раздела «Типы custom-проектов»](#типы-custom-проектов) ### B2C каталог-витрина [Заголовок раздела «B2C каталог-витрина»](#b2c-каталог-витрина) * Коротко о задаче: каталог и лиды без онлайн-оплаты, с SEO-структурой и фильтрами. * Где детали: [B2C каталог-витрина](./b2c-catalog-showcase) ### B2B портал / оптовый каталог [Заголовок раздела «B2B портал / оптовый каталог»](#b2b-портал--оптовый-каталог) * Коротко о задаче: персональные цены, роли, документы, интеграции с 1С/ERP. * Где детали: [B2B портал / оптовый каталог](./b2b-portal-wholesale) ### Внутренний корпоративный портал [Заголовок раздела «Внутренний корпоративный портал»](#внутренний-корпоративный-портал) * Коротко о задаче: базы знаний, процессы команд, роли, доступы. * Где детали: [Внутренний корпоративный портал](./intranet-portal) ### LMS / платформа обучения [Заголовок раздела «LMS / платформа обучения»](#lms--платформа-обучения) * Коротко о задаче: курсы, прогресс, тесты, кабинеты учеников и преподавателей. * Где детали: [LMS / образовательная платформа](./lms-platform) ### Маркетплейс / агрегатор [Заголовок раздела «Маркетплейс / агрегатор»](#маркетплейс--агрегатор) * Коротко о задаче: мультивендорная модель, комиссии, модерация и расчёты. * Где детали: [Маркетплейс / агрегатор](./marketplace-aggregator) ### Сервисный сайт с онлайн-бронированием [Заголовок раздела «Сервисный сайт с онлайн-бронированием»](#сервисный-сайт-с-онлайн-бронированием) * Коротко о задаче: расписания, слоты, подтверждения, напоминания и статусы. * Где детали: [Сервисный сайт с онлайн-бронированием](./service-site-online-booking) ### Сайт недвижимости / каталог объектов [Заголовок раздела «Сайт недвижимости / каталог объектов»](#сайт-недвижимости--каталог-объектов) * Коротко о задаче: листинги, фильтры, карточки объектов, лиды и интеграции CRM. * Где детали: [Сайт недвижимости / каталог объектов](./real-estate-site) ### SaaS / веб-приложение / MVP [Заголовок раздела «SaaS / веб-приложение / MVP»](#saas--веб-приложение--mvp) * Коротко о задаче: личный кабинет, процессы, отчёты и расширенная ролевая модель. * Где детали: [SaaS / веб-приложение / MVP](./saas-web-app-mvp) ## Как использовать [Заголовок раздела «Как использовать»](#как-использовать) 1. Зафиксируйте основной сценарий и ограничения первого релиза. 2. Выделите обязательные интеграции и требования к данным. 3. Разделите смету на запуск и этапы развития после релиза. 4. Закладывайте резерв на миграции, QA и эксплуатацию. ## Связанные разделы [Заголовок раздела «Связанные разделы»](#связанные-разделы) * [Цены на разработку и управление сайтами](../../../pricing/) * [Типовые проекты](../standard/) * [Стоимость разработки сайта](../../../pricing/website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # B2B портал / оптовый каталог: ориентиры по цене > Бюджетные ориентиры для B2B порталов: роли, персональные цены, документооборот и интеграции с учетными системами. TL;DR: это уже не просто сайт, а рабочий B2B-инструмент с личными кабинетами, ролями, прайсами, заявками и интеграцией с учетной системой. Основная часть бюджета уходит на бизнес-логику и синхронизацию данных, а не на витрину. ## Почему проект сложнее типового сайта [Заголовок раздела «Почему проект сложнее типового сайта»](#почему-проект-сложнее-типового-сайта) * Основная ценность в процессах и интеграциях, а не во витрине. * Зависит от ролей, условий по контрагентам и документооборота. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Оптовый каталог с персональными ценами. * Портал дилеров и партнеров. * B2B кабинет с заявками, счетами и статусами отгрузок. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Личный кабинет контрагента и ролевая модель. * Каталог/прайсы, заявки или заказы. * Документы, статусы, интеграция с учетной системой. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Сложная матрица цен, лимитов и условий. * Интеграции с 1С/ERP/ЭДО и двусторонний обмен. * Согласования, audit log и внутренние workflow. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) 1 000 000 - 5 000 000 ₽ ($10,000 - $50,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Типы клиентов Подсказка: кто покупает - дилеры, оптовики, розничные юрлица, партнёры; чем отличаются группы клиентов? Ответ: TBD ### 2. Регистрация и доступ Подсказка: регистрация открытая или через одобрение менеджером; нужны ли реквизиты, документы, роли и права доступа? Ответ: TBD ### 3. Ценообразование Подсказка: какие прайсы, персональные скидки, скидки от суммы/объёма, договорные цены и ограничения по SKU нужны? Ответ: TBD ### 4. Процесс заказа Подсказка: что происходит после корзины - заявка, резерв, заказ на счёт, PDF, согласование менеджером, статус в 1С? Ответ: TBD ### 5. Личный кабинет контрагента Подсказка: нужны ли дебиторка, история заказов, повтор заказа, документы, счета, УПД, акты и статусы отгрузки? Ответ: TBD ### 6. Интеграции с учётными системами Подсказка: какая система используется - 1С УТ/УНФ/ERP, МойСклад, SAP; что и как часто синхронизировать? Ответ: TBD ### 7. Документооборот Подсказка: нужен ли ЭДО, Диадок, СБИС, загрузка закрывающих документов или обмен файлами внутри портала? Ответ: TBD ### 8. Мобильность и роли менеджеров Подсказка: будут ли менеджеры работать в полях, с планшета, оформлять заказы за клиента или видеть свои группы клиентов? Ответ: TBD ### 9. Бюджет, этапы и шаблоны Подсказка: какой бюджет и дедлайн у первой версии; какие шаблоны и интерфейсы обязательны сразу (каталог, карточка SKU, корзина/заявка, кабинет контрагента, документы, дашборд) и что пойдёт во второй этап? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../../) * [SaaS / веб-приложение / MVP: ориентиры по цене](../saas-web-app-mvp) * [Внутренний корпоративный портал: ориентиры по цене](../intranet-portal) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # B2C каталог-витрина: ориентиры по цене > Бюджетные ориентиры для B2C каталога-витрины без онлайн-оплаты: фильтры, карточки, SEO-посадки и лидогенерация. TL;DR: каталог-витрина нужен, когда продажи происходят не прямо на сайте, а через заявки, звонки или менеджеров. Бюджет здесь определяется качеством каталога, фильтров, SEO-структуры и тем, насколько глубоко подключены лидогенерация и аналитика. ## Почему формат востребован [Заголовок раздела «Почему формат востребован»](#почему-формат-востребован) * Подходит для ниш, где решение о покупке принимается вне сайта. * Позволяет быстро запускать SEO-структуру и стабильно собирать лиды. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Каталог товаров без checkout. * Каталог объектов недвижимости или авто. * Каталог услуг с лид-формами и CTA в мессенджеры. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Каталог, фильтры, поиск, карточка позиции. * Формы заявок и трекинг лидов. * SEO-структура категорий и посадочных страниц. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Импорт и синхронизация из CRM/ERP/XML/CSV. * Сложная фильтрация, избранное, сравнение, карта. * Высокий объем карточек и медиа-контента. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) 450 000 - 1 800 000 ₽ ($4,500 - $18,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Сущность каталога Подсказка: что выставляем - товары, квартиры, авто, яхты, оборудование, услуги; какие характеристики критичны для выбора? Ответ: TBD ### 2. Канал продажи Подсказка: куда должен уйти клиент для покупки - Ozon, Wildberries, Яндекс Маркет, Telegram, WhatsApp, VK, онлайн-чат или чат-бот? Ответ: TBD ### 3. Источник данных Подсказка: каталог ведётся вручную, импортируется из CRM/ERP, XML/CSV-фида, маркетплейса или другой базы? Как часто обновляется? Ответ: TBD ### 4. Фильтры и поиск Подсказка: какие фильтры, сортировки, поиск, похожие объекты, избранное или сравнение нужны пользователю? Ответ: TBD ### 5. Карточка объекта Подсказка: какие фото, видео, характеристики, статусы, отзывы, документы и CTA должны быть на карточке? Ответ: TBD ### 6. Лидогенерация и коммуникации Подсказка: как фиксировать обращение: CRM, мессенджеры, чат-бот, форма, звонок, колл-трекинг, UTM и события аналитики? Ответ: TBD ### 7. Режим объектов Подсказка: нужны ли статусы активный/продан/скоро, архив, скрытие неактуальных позиций, ручная модерация? Ответ: TBD ### 8. SEO-нагрузка Подсказка: нужно ли ранжироваться по карточкам, категориям, регионам, фильтрам и посадочным страницам? Ответ: TBD ### 9. Бюджет, этапы и шаблоны Подсказка: какой бюджет и срок запуска первой версии; сколько уникальных шаблонов нужно сразу (главная, листинг, карточка, подборка/регион, SEO-лендинг) и что можно отложить на следующий релиз? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../../) * [Интернет-магазин: ориентиры по цене](../../standard/online-store) * [Сайт недвижимости: ориентиры по цене](../real-estate-site) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Внутренний корпоративный портал: ориентиры по цене > Оценка бюджета intranet-проектов: роли, документы, заявки, workflow, отчеты и интеграции. TL;DR: intranet-портал — это внутренняя рабочая среда для сотрудников, где важнее процессы, права доступа и интеграции, чем публичный дизайн. Стоимость зависит от ролей, workflow, документов и того, сколько корпоративных систем нужно связать между собой. ## Почему проект менее массовый, но перспективный [Заголовок раздела «Почему проект менее массовый, но перспективный»](#почему-проект-менее-массовый-но-перспективный) * Чаще заходит в зрелых компаниях с внутренней цифровизацией. * Проекты длинные и хорошо масштабируются в сопровождении. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Intranet-портал и база знаний. * Система внутренних заявок (IT, HR, закупки). * Портал партнеров и операционный дашборд. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Пользователи, роли, документы, справочники. * Заявки, статусы и базовые workflow. * Админка и интеграции с внутренними системами. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * SSO, расширенные права и согласования. * Audit log, отчетность и уведомления. * Большое число бизнес-процессов и legacy-интеграций. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) 1 000 000 - 5 000 000 ₽ ($10,000 - $50,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Цели портала Подсказка: какую задачу решаем в первую очередь - база знаний, сервис-деск, согласования, внутренние коммуникации или единое окно для сотрудников? Ответ: TBD ### 2. Пользователи и роли Подсказка: какие роли есть в системе (сотрудник, руководитель, HR, IT, бухгалтерия, администратор) и какие права у каждой роли? Ответ: TBD ### 3. Процессы и заявки Подсказка: какие процессы запускаем в MVP: заявки IT/HR/закупки, отпуска, командировки, согласования документов, маршруты утверждения? Ответ: TBD ### 4. Документы и база знаний Подсказка: какие типы документов храним, кто их редактирует, какие разделы базы знаний обязательны на старте? Ответ: TBD ### 5. Согласования и SLA Подсказка: нужны ли уровни согласования, сроки исполнения, эскалации и контроль просроченных задач? Ответ: TBD ### 6. Интеграции и доступ Подсказка: требуется ли SSO (AD/LDAP/Google), интеграция с 1С/ERP/HelpDesk/почтой и какие системы являются источником данных? Ответ: TBD ### 7. Уведомления и коммуникации Подсказка: какие каналы уведомлений нужны: email, Telegram, корпоративный мессенджер, push; какие события критичны? Ответ: TBD ### 8. Безопасность и аудит Подсказка: нужны ли аудит действий, журнал изменений, ограничения по доступу к данным отделов, требования ИБ? Ответ: TBD ### 9. Бюджет, этапы и шаблоны Подсказка: какой бюджет и дедлайн у MVP; какие экраны/шаблоны обязательны сразу (главная, список заявок, карточка заявки, база знаний, кабинет сотрудника, админка) и что идёт во второй этап? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../../) * [Стоимость разработки сайта](../../../../pricing/website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Образовательная платформа / LMS: ориентиры по цене > Бюджетные ориентиры для LMS и онлайн-школ: курсы, роли, прогресс, задания, вебинары и доступы. TL;DR: LMS-платформа — это продуктовая разработка с курсами, ролями, прогрессом, заданиями и доступами, поэтому бюджет здесь быстро растет вместе с функциями обучения и отчетности. На стоимость сильнее всего влияют личные кабинеты, автоматизация и интеграции с оплатой, вебинарами и CRM. ## Почему проект востребован [Заголовок раздела «Почему проект востребован»](#почему-проект-востребован) * Стабильный спрос от онлайн-школ, экспертов и корпоративного обучения. * Хороший потенциал роста через подписки и дополнительные продукты. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Онлайн-школа или платформа эксперта. * Мини-LMS для одного курса (MVP). * Корпоративное обучение с отчетностью. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Курсы, модули, уроки, тесты, домашние задания. * Личный кабинет и прогресс ученика. * Роли (ученик, преподаватель, администратор). ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Автоворонки, сложные тарифы и подписки. * Проверка ДЗ, вебинары, сертификаты. * Интеграции с платежами, CRM и внешними платформами. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) 700 000 - 3 000 000 ₽ ($7,000 - $30,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Формат обучения Подсказка: что запускаем - онлайн-школу, корпоративное обучение, курс эксперта, академию для клиентов или внутреннюю LMS? Ответ: TBD ### 2. Аудитория и роли Подсказка: какие роли нужны (ученик, куратор, преподаватель, методист, администратор) и сколько пользователей ожидается на старте? Ответ: TBD ### 3. Структура контента Подсказка: как устроены программы: курсы, модули, уроки, тесты, задания, материалы; нужен ли drip-доступ по датам? Ответ: TBD ### 4. Проверка и прогресс Подсказка: как проверяются задания, кто выставляет оценки, нужен ли прогресс-бар, рейтинг, сертификаты и дедлайны? Ответ: TBD ### 5. Тарифы и доступы Подсказка: какие модели доступа нужны: разовая покупка, подписка, пакет курсов, корпоративные лицензии, пробный период? Ответ: TBD ### 6. Коммуникации и вебинары Подсказка: нужны ли чаты, комментарии, форумы, интеграции с Zoom/Meet, email-цепочки и напоминания? Ответ: TBD ### 7. Интеграции Подсказка: какие сервисы обязательны: платежи, CRM, аналитика, антифрод, рассылки, внешние LMS/SCORM? Ответ: TBD ### 8. Метрики и отчётность Подсказка: какие KPI фиксируем: completion rate, retention, LTV, выручка по курсам, активность учеников и преподавателей? Ответ: TBD ### 9. Бюджет, этапы и шаблоны Подсказка: какой бюджет и сроки MVP; какие страницы/экраны обязательны сразу (главная, каталог курсов, страница курса, урок, кабинет ученика, кабинет преподавателя, админка) и что переносим на второй этап? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../../) * [Стоимость разработки сайта](../../../../pricing/website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Маркетплейс / агрегатор: ориентиры по цене > Бюджетные ориентиры для маркетплейсов и агрегаторов: кабинеты, модерация, комиссии, верификация и выплаты. TL;DR: маркетплейс или агрегатор — один из самых дорогих типов веб-проектов, потому что нужно связать продавцов, покупателей, модерацию, комиссии и выплаты. Бюджет здесь почти всегда определяется сложностью правил, кабинетов и операционной логики. ## Почему проект с высоким потенциалом и риском [Заголовок раздела «Почему проект с высоким потенциалом и риском»](#почему-проект-с-высоким-потенциалом-и-риском) * Потенциально высокий чек и масштаб выручки. * Сложный запуск, много кастомной логики и операционных процессов. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Маркетплейс товаров или услуг. * Агрегатор компаний, каталог специалистов. * Доска объявлений, booking marketplace. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Каталог предложений, поиск и фильтры. * Кабинеты продавцов/исполнителей. * Модерация, заявки/заказы, отзывы и рейтинги. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Финансовая логика: комиссии, выплаты, сверки. * Верификация, dispute flow, anti-fraud. * Сложные workflow и масштабирование нагрузки. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) 2 000 000 - 10 000 000 ₽ ($20,000 - $100,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Модель маркетплейса Подсказка: что строим - маркетплейс товаров, услуг, агрегатор исполнителей, доску объявлений или booking-платформу? Ответ: TBD ### 2. Роли и участники Подсказка: какие роли есть в системе (покупатель, продавец/исполнитель, модератор, администратор, менеджер споров)? Ответ: TBD ### 3. Каталог и поиск Подсказка: какие фильтры, сортировки, гео-поиск, подборки и карточки предложений нужны на старте? Ответ: TBD ### 4. Сценарий сделки Подсказка: как проходит сделка: заявка, бронь, оплата, подтверждение, доставка/оказание услуги, закрытие и отзыв? Ответ: TBD ### 5. Монетизация Подсказка: как зарабатывает платформа - комиссия, подписка, платное размещение, лидогенерация, реклама? Ответ: TBD ### 6. Модерация и верификация Подсказка: какие правила публикации, верификация аккаунтов/товаров, антифрод-проверки и dispute-процессы обязательны? Ответ: TBD ### 7. Платежи и выплаты Подсказка: нужны ли split-платежи, удержания, возвраты, выплаты партнёрам, акты сверки и отчёты по комиссиям? Ответ: TBD ### 8. Интеграции и аналитика Подсказка: какие интеграции критичны: CRM, платежные шлюзы, логистика, KYC, уведомления, BI-отчётность? Ответ: TBD ### 9. Бюджет, этапы и шаблоны Подсказка: какой бюджет и сроки MVP; какие экраны/шаблоны обязательны сразу (главная, листинг, карточка, кабинет продавца, кабинет покупателя, модерация, платежи) и что пойдёт во второй этап? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../../) * [Стоимость разработки сайта](../../../../pricing/website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Сайт недвижимости: ориентиры по цене > Оценка бюджета сайтов недвижимости: каталоги, фильтры, планировки, карта и интеграции с CRM. TL;DR: сайт недвижимости обычно строится вокруг каталога объектов, фильтров, карты и заявки на просмотр, поэтому его цена растет из-за объема данных и удобства поиска. Дополнительные интеграции с CRM, выгрузками и рекламной аналитикой быстро выводят проект из типового диапазона. ## Почему это повторяемая ниша [Заголовок раздела «Почему это повторяемая ниша»](#почему-это-повторяемая-ниша) * Структура проектов типовая и хорошо масштабируемая. * Нужен отраслевой функционал и регулярное обновление данных. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Сайт агентства недвижимости. * Сайт застройщика или отдельного ЖК. * Коммерческая недвижимость и аренда. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Каталог объектов, фильтры, карта. * Карточка объекта, галерея, заявка на просмотр. * Базовая интеграция с CRM. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Импорт данных из внешних систем. * Шахматка, планировки и сложные фильтры. * Бронирование и расчеты ипотеки/стоимости. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) 500 000 - 2 200 000 ₽ ($5,000 - $22,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Тип объектов и сегмент Подсказка: какие объекты продвигаем - новостройки, вторичка, коммерция, аренда, загородная недвижимость? Ответ: TBD ### 2. География и структура каталога Подсказка: по каким городам/районам работаем, как должна строиться иерархия каталога (регион, ЖК, корпус, лот)? Ответ: TBD ### 3. Источники данных Подсказка: откуда берутся объекты - CRM застройщика/агентства, XML/CSV, ручное ведение; как часто обновлять? Ответ: TBD ### 4. Фильтры, карта и поиск Подсказка: какие фильтры обязательны (цена, площадь, комнаты, срок сдачи), нужна ли карта, избранное, сравнение? Ответ: TBD ### 5. Карточка объекта Подсказка: какие данные показывать: фото, планировки, документы, инфраструктура, статусы, CTA и формы заявки? Ответ: TBD ### 6. Лидогенерация и коммуникации Подсказка: куда отправлять лиды (CRM, Telegram, колл-трекинг), какие сценарии обратной связи и SLA по обработке? Ответ: TBD ### 7. Статусы и актуальность Подсказка: какие статусы нужны (доступен, бронь, продан), как скрывать неактуальные объекты и вести архив? Ответ: TBD ### 8. SEO и посадочные Подсказка: нужны ли SEO-страницы по районам, ЖК, типам объектов, фильтрам; какие требования к индексации и перелинковке? Ответ: TBD ### 9. Бюджет, этапы и шаблоны Подсказка: какой бюджет и сроки MVP; какие шаблоны обязательны сразу (главная, листинг, карточка объекта, страница ЖК, карта, SEO-посадочная) и что переносим на второй этап? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../../) * [Стоимость разработки сайта](../../../../pricing/website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # SaaS / веб-приложение / MVP: ориентиры по цене > Оценка бюджета для SaaS и веб-приложений: MVP, личные кабинеты, роли, подписки и интеграции. TL;DR: SaaS или веб-приложение — это уже продуктовая разработка, где стоимость задают роли, сценарии, подписки, дашборды и сложность бизнес-логики. Даже MVP обычно стоит заметно дороже обычного сайта, потому что здесь важны не только страницы, но и поведение системы. ## Почему проект со средне-высокой сложностью [Заголовок раздела «Почему проект со средне-высокой сложностью»](#почему-проект-со-средне-высокой-сложностью) * Выше средний чек и больше кастомной логики. * Длиннее цикл пресейла из-за продуктовой неопределенности. ## Вариации [Заголовок раздела «Вариации»](#вариации) * SaaS MVP с одной ключевой функцией. * Клиентский портал, helpdesk, CRM-lite. * Аналитический дашборд или AI-powered workflow. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Регистрация, авторизация, роли и права. * Дашборды и админ-панель. * Тарифы, подписки, уведомления. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Мультитенантность, команды, audit log. * Биллинг, сложная модель доступа и прав. * Большое число API-интеграций и требований к безопасности. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) 1 200 000 - 6 000 000 ₽ ($12,000 - $60,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Задача и текущий процесс Подсказка: какую проблему автоматизируем, как процесс работает сейчас, где потери времени, ошибки или ручные операции? Ответ: TBD ### 2. Пользователи и роли Подсказка: кто входит в систему - клиенты, сотрудники, партнёры, администраторы; какие права и ограничения у каждой роли? Ответ: TBD ### 3. Ключевые сущности Подсказка: с какими данными работаем - заявки, клиенты, договоры, объекты, заказы, платежи, документы, задачи? Ответ: TBD ### 4. Главный сценарий Подсказка: опишите путь от входа пользователя до результата: статусы, действия, проверки, уведомления и финальный результат. Ответ: TBD ### 5. Бизнес-логика Подсказка: какие правила, расчёты, согласования, ограничения, исключения и автоматические действия должны работать? Ответ: TBD ### 6. Администрирование и отчёты Подсказка: нужна ли админка, дашборды, фильтры, экспорт, аудит действий, ручное редактирование и отчётность? Ответ: TBD ### 7. Интеграции Подсказка: с чем нужно связаться - 1С, телефония, почта, Telegram-бот, платёжные системы, службы доставки, внешние API? Ответ: TBD ### 8. Дизайн и UX Подсказка: достаточно стандартного UI-кита/Filament или нужен уникальный интерфейс, прототипы и отдельный UX/UI-дизайн? Ответ: TBD ### 9. Бюджет, этапы и шаблоны Подсказка: какой бюджет и сроки по этапам; какие ключевые шаблоны/экраны нужны для MVP (дашборд, список, карточка, форма, отчёты, настройки, роли) и какие сценарии можно вынести в последующие релизы? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../../) * [Стоимость разработки сайта](../../../../pricing/website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Сайт услуг + онлайн-запись: ориентиры по цене > Оценка бюджета сервисных сайтов с онлайн-записью: расписание, слоты, уведомления и предоплата. TL;DR: сайт услуг с онлайн-записью нужен, когда важно не просто рассказать об услуге, а автоматизировать бронирование, слоты и напоминания. Бюджет чаще всего растет из-за расписания, уведомлений, предоплаты и интеграций с CRM или мессенджерами. ## Почему проект массовый [Заголовок раздела «Почему проект массовый»](#почему-проект-массовый) * Понятная ценность для локального бизнеса за счет автоматизации записи. * Быстрое влияние на операционные показатели и загрузку специалистов. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Клиники и медцентры. * Салоны, барбершопы, фитнес-студии. * Юридические и консалтинговые практики. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Услуги, специалисты, расписание, слоты. * Форма записи, напоминания, уведомления. * Базовые интеграции с CRM и мессенджерами. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Сложные правила расписаний и доступности. * Предоплата, отмены, переносы и история клиентов. * Мультифилиальность и интеграции с внешними календарями. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) 400 000 - 1 600 000 ₽ ($4,000 - $16,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Услуги и специалисты Подсказка: какие услуги продаём, сколько специалистов/кабинетов/локаций, нужны ли разные длительности и типы слотов? Ответ: TBD ### 2. Сценарий записи Подсказка: как клиент записывается: выбор услуги, специалиста, филиала, даты/времени; нужна ли гостевая запись без регистрации? Ответ: TBD ### 3. Расписание и доступность Подсказка: какие правила расписания обязательны: рабочие часы, выходные, буферы, окна, лимиты, повторные визиты? Ответ: TBD ### 4. Оплата и предоплата Подсказка: нужна ли онлайн-оплата, частичная предоплата, штрафы за no-show, возвраты и переносы? Ответ: TBD ### 5. Уведомления и напоминания Подсказка: какие каналы уведомлений нужны (SMS, email, мессенджеры), когда отправлять напоминания и сервисные сообщения? Ответ: TBD ### 6. Кабинеты клиента и администратора Подсказка: нужен ли личный кабинет клиента (история, перенос/отмена), кабинет администратора (календарь, загрузка, отчёты)? Ответ: TBD ### 7. Интеграции Подсказка: какие интеграции критичны: CRM, телефония, Google/Outlook Calendar, касса, платежные системы, учетные сервисы? Ответ: TBD ### 8. Аналитика и KPI Подсказка: какие показатели важно отслеживать: конверсия в запись, no-show rate, повторные визиты, загрузка специалистов, выручка? Ответ: TBD ### 9. Бюджет, этапы и шаблоны Подсказка: какой бюджет и дедлайн MVP; какие шаблоны/экраны обязательны сразу (главная, услуги, профиль специалиста, форма записи, кабинет клиента, календарь администратора) и что переносим на второй этап? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../../) * [Стоимость разработки сайта](../../../../pricing/website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Типовые проекты: сценарии, состав и брифы > Каталог 5 типовых форматов с практическими сценариями, составом работ и шаблонами брифов для запуска проекта. ## Как пользоваться сводкой [Заголовок раздела «Как пользоваться сводкой»](#как-пользоваться-сводкой) Сначала определите, к какому базовому типу относится запрос. Затем проверьте, какие сценарии, интеграции и ограничения реально входят в scope, и только после этого фиксируйте вилку бюджета. Короткая логика страницы: * тип проекта определяет стек и набор рисков; * бриф и состав MVP-шаблонов показывают, где прячутся часы и интеграции; * цена растёт не от количества страниц, а от логики, данных и внешних систем. Важно: эта страница намеренно оставлена как сводка. Все детали по каждому типу проекта и полные брифы находятся в профильных материалах. ## Типовые проекты и цены [Заголовок раздела «Типовые проекты и цены»](#типовые-проекты-и-цены) Расчёт в долларах дан по условному курсу: `1 USD = 100 ₽`. ### Лендинг / промо-сайт [Заголовок раздела «Лендинг / промо-сайт»](#лендинг--промо-сайт) * **Задача:** один оффер, один CTA, трафиковые кампании * **Базовый стек:** AstroJS, WordPress + Blocks * **На типовом шаблоне WordPress:** 120 000 - 400 000 ₽ ($1,200 - $4,000) * **Кастомные решения:** 300 000 - 1 200 000 ₽ ($3,000 - $12,000) * **MVP-шаблоны, влияющие на цену:** 1-2 шаблона (лендинг, thank-you/вариант под A/B) * **Подробнее:** [Промо сайт (лендинг)](./promo-website-landing) ### Корпоративный / имиджевый сайт [Заголовок раздела «Корпоративный / имиджевый сайт»](#корпоративный--имиджевый-сайт) * **Задача:** доверие, презентация услуг, лиды * **Базовый стек:** AstroJS, WordPress, NextJS + Headless CMS * **На типовом шаблоне WordPress:** 300 000 - 900 000 ₽ ($3,000 - $9,000) * **Кастомные решения:** 1 000 000 - 4 000 000 ₽ ($10,000 - $40,000) * **MVP-шаблоны, влияющие на цену:** 4-8 шаблонов (главная, услуга, кейс, блог, статья, контакты) * **Подробнее:** [Корпоративный сайт](./corporate-website) ### B2C интернет-магазин [Заголовок раздела «B2C интернет-магазин»](#b2c-интернет-магазин) * **Задача:** полный цикл онлайн-продаж * **Базовый стек:** WooCommerce, Laravel + FilamentPHP, NextJS * **На типовом шаблоне WordPress:** 600 000 - 2 000 000 ₽ ($6,000 - $20,000) * **Кастомные решения:** 2 500 000 - 15 000 000 ₽ ($25,000 - $150,000) * **MVP-шаблоны, влияющие на цену:** 6-12 шаблонов (главная, категория, карточка товара, корзина, checkout, ЛК) * **Подробнее:** [Интернет-магазин](./online-store) ### Блог / контентный проект / медиа [Заголовок раздела «Блог / контентный проект / медиа»](#блог--контентный-проект--медиа) * **Задача:** контент как основной продукт * **Базовый стек:** WordPress, AstroJS + Markdown/CMS, NextJS * **На типовом шаблоне WordPress:** 250 000 - 900 000 ₽ ($2,500 - $9,000) * **Кастомные решения:** 1 200 000 - 6 000 000 ₽ ($12,000 - $60,000) * **MVP-шаблоны, влияющие на цену:** 4-9 шаблонов (главная, рубрика, статья, автор, поиск, FAQ/глоссарий) * **Подробнее:** [Блог / медиа / новостной портал](./blog-media-portal) ### База знаний / документация [Заголовок раздела «База знаний / документация»](#база-знаний--документация) * **Задача:** self-service контент для клиентов, команды и поддержки * **Базовый стек:** WordPress, Astro Starlight * **На типовом шаблоне WordPress:** 50 000 - 100 000 ₽ ($500 - $1,000) * **Кастомные решения:** 100 000 - 500 000 ₽ ($1,000 - $5,000) * **MVP-шаблоны, влияющие на цену:** 5-10 шаблонов (главная, раздел, статья, поиск, FAQ, глоссарий, changelog) * **Подробнее:** [База знаний](./knowledge-base) Сложные и отраслевые сценарии вынесены в отдельный раздел: [Кастомные проекты](../custom/). ## Что проговаривать в смете [Заголовок раздела «Что проговаривать в смете»](#что-проговаривать-в-смете) * Финальная цена зависит от объёма контента и числа уникальных шаблонов. * Интеграции, миграции данных и нестандартная логика считаются отдельно. * Discovery, QA, релиз и пост-релизная поддержка должны быть выделены отдельными строками. ## Связанные разделы [Заголовок раздела «Связанные разделы»](#связанные-разделы) * [Цены на разработку и управление сайтами](../../../pricing/) * [Стоимость разработки сайта](../../../pricing/website-development-pricing) * [Стоимость управления сайтом](../../../pricing/website-maintenance-pricing) * [Кастомные проекты](../custom/) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Исходный материал: [starter-templates-rfc.md](../../../../../raw/2026/0725/starter-templates-rfc) * См. также: [Цены на разработку и управление сайтами](../../../pricing/) ---------- # Блог / медиа / новостной портал: ориентиры по цене > Бюджетные ориентиры для контентных проектов: блоги, медиа, новости, редакционные роли и подписки. TL;DR: это контентный проект, где бюджет в первую очередь задают редакционная структура, шаблоны материалов, поиск, SEO и роли для команды. Такой сайт обычно делают как платформу для регулярной публикации и роста трафика через Контент-маркетинг. ## Почему проект в среднем сегменте [Заголовок раздела «Почему проект в среднем сегменте»](#почему-проект-в-среднем-сегменте) * Часто запускается как канал SEO и контент-маркетинга. * Стартовый бюджет обычно ниже, чем у e-commerce и SaaS. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Корпоративный блог, экспертный блог. * Медиа-портал с редакционной структурой. * Knowledge base / документация. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Рубрики и теги, лента публикаций, карточка статьи. * Поиск, страницы авторов, SEO-разметка. * Подписка и базовые редакционные роли. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Сложная редакционная модель и workflow публикаций. * Платный доступ, монетизация, рекламные форматы. * Персональные рекомендации и интеграции с рассылками. ## Оптимальный стек [Заголовок раздела «Оптимальный стек»](#оптимальный-стек) * **WordPress** — базовый выбор для редакций: удобная админка, роли пользователей и зрелая экосистема SEO-плагинов. * **AstroJS + headless CMS** — для медиа с высокими требованиями к Core Web Vitals, когда важны скорость и масштабируемость. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) * На типовом шаблоне WordPress: 250 000 - 900 000 ₽ ($2,500 - $9,000). * Кастомные решения: 1 200 000 - 6 000 000 ₽ ($12,000 - $60,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Концепция проекта Подсказка: это блог, новостной портал, база знаний, документация, журнал, медиа или экспертный контентный хаб? Ответ: TBD ### 2. Авторы и редакционный процесс Подсказка: сколько авторов, нужны ли роли редактора, автора, корректора, модератора и процесс согласования публикаций? Ответ: TBD ### 3. Рубрикация и навигация Подсказка: какие категории, теги, подборки, серии материалов, главные разделы, меню и поиск нужны? Ответ: TBD ### 4. Форматы контента Подсказка: будут только статьи или нужны новости, события, рецепты, обзоры, видео, подкасты, глоссарий, FAQ? Ответ: TBD ### 5. Монетизация Подсказка: нужны ли реклама, партнёрские ссылки, платная подписка, лидогенерация, закрытые материалы или донаты? Ответ: TBD ### 6. Миграция Подсказка: есть ли старый сайт, сколько материалов переносить, какие URL сохранить, нужны ли редиректы и чистка контента? Ответ: TBD ### 7. SEO и технические требования Подсказка: нужны ли карта сайта, микроразметка, ЧПУ, хлебные крошки, перелинковка, страницы авторов и оптимизация скорости? Ответ: TBD ### 8. Бюджет, этапы и шаблоны Подсказка: какой бюджет и срок запуска; какие шаблоны обязательны на старте (главная, рубрика, статья, автор, поиск, FAQ/глоссарий) и какие разделы можно добавить позже? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../../) * [Стоимость разработки сайта](../../../../pricing/website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Корпоративный сайт: ориентиры по цене > Оценка бюджета корпоративных сайтов: сценарии использования, вариации, расширения и факторы роста стоимости. TL;DR: корпоративный сайт нужен, когда бизнесу важно объяснить себя, собрать доверие и перевести интерес в заявки, документы или контакт с командой. Стоимость здесь чаще всего растет из-за структуры разделов, качества контента, интеграций и требований к администрированию. ## Сценарии использования [Заголовок раздела «Сценарии использования»](#сценарии-использования) * Представить бизнес, направления деятельности и экспертизу. * Поддержать B2B-продажи через кейсы, документы и формы заявок. * Повысить доверие для партнёров, клиентов, кандидатов и госзаказчиков. * Централизовать новости, документы, реквизиты и публичную информацию. * Создать основу для SEO, контент-маркетинга и регулярных доработок. * Дать клиенту возможность самостоятельно выбрать услугу, специалиста и время. * Снизить нагрузку на администраторов, менеджеров и колл-центр. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Классический корпоративный сайт — компания, продукты (услуги, товары, направления), кейсы, контакты. * B2B-сайт производственной компании — направления, оборудование, сертификаты, дилеры. * Сайт холдинга / группы компаний — структура, дочерние компании, направления бизнеса. * Сайт госорганизации / НКО — документы, отчётность, новости, нормативные разделы. * Сайт строительной / инженерной компании — объекты, лицензии, СРО, проектная документация. * Многоязычный corporate website — ru/en, международные рынки, локализация. * Корпоративный сайт с HR-разделом — вакансии, культура, онбординг, форма отклика. * Корпоративный сайт + портал поставщиков — тендеры, закупки, документы, заявки. * Клиника / медицинский центр — врачи, направления, расписание, запись. * Салон красоты / барбершоп — мастера, услуги, слоты, напоминания. * Автосервис — услуги, запись на диагностику, подбор времени. * Юридическая / консалтинговая компания — консультации, бронирование, предоплата. * Психолог / коуч / эксперт — личный бренд + расписание консультаций. * Фитнес / студия / секции — тренеры, групповые занятия, абонементы. * Аренда помещений / коворкинг — календарь доступности, бронирование, оплата. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Главная, о компании, услуги/направления/каталог продукции, кейсы/проекты/портфолио. * Команда, документы/лицензии, новости/блог, контакты и реквизиты. * Формы заявок, обратная связь, карта, FAQ, поиск по сайту. * CMS для контент-менеджера и базовые интеграции. ## Опции и расширения [Заголовок раздела «Опции и расширения»](#опции-и-расширения) * Онлайн-запись, календарь свободных слотов, специалисты/сотрудники. * Уведомления, предоплата, история записей. * Интеграция с календарями, CRM, SMS/email/мессенджерами. * Мультиязычность. * HR-раздел. * Личный кабинет. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Большой объём контента и количество шаблонов. * Мультиязычность, тендерные разделы, кабинет партнёра и личный кабинет. * Онлайн-запись, календарь, предоплата, уведомления и синхронизация с внешними системами. * Нестандартные интеграции, юридические требования и согласования по контенту. ## Оптимальный стек [Заголовок раздела «Оптимальный стек»](#оптимальный-стек) * **AstroJS** — максимальная скорость, минимальный хостинг, идеально для сайтов услуг, девелоперов, производств. * **WordPress** — если клиенту критично часто и самостоятельно вести блог/новости. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) * На типовом шаблоне WordPress: 300 000 - 900 000 ₽ ($3,000 - $9,000). * Кастомные решения: 1 000 000 - 4 000 000 ₽ ($10,000 - $40,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Компания и предложение Подсказка: кратко опишите компанию, продукт/услугу, позиционирование и главное обещание для клиента. Уточните, это сайт для презентации, лидогенерации, рекрутинга, тендеров или онлайн-записи. Ответ: TBD ### 2. Главная цель сайта Подсказка: что важнее - заявки, доверие, презентация услуг, HR, тендеры, информирование, поддержка продаж или самообслуживание клиентов? Ответ: TBD ### 3. Целевая аудитория Подсказка: кто будет пользоваться сайтом, с каких устройств, с каким уровнем технической подготовки и на каком этапе выбора? Отдельно перечислите клиентов, партнёров, кандидатов, поставщиков и госзаказчиков, если они есть. Ответ: TBD ### 4. Структура сайта Подсказка: перечислите обязательные разделы: услуги, портфолио, о компании, кейсы, блог, контакты, FAQ, документы, вакансии, реквизиты, личный кабинет или запись на приём. Ответ: TBD ### 5. Контент и фирменный стиль Подсказка: кто готовит тексты, фото, видео, кейсы; есть ли брендбук, логотип, tone of voice и готовые материалы? Нужна ли адаптация под несколько языков и отдельных региональных страниц? Ответ: TBD ### 6. Обновление контента Подсказка: нужно ли самостоятельно добавлять новости, акции, статьи, вакансии, кейсы, документы или достаточно редких правок через разработчика? Кто будет вести сайт после запуска? Ответ: TBD ### 7. Языки и регионы Подсказка: нужен ли один язык или несколько, есть ли региональные версии, разные офисы или направления, требуется ли отдельная навигация под рынки ru/en? Ответ: TBD ### 8. Функции и интеграции Подсказка: нужны ли формы, CRM, онлайн-чат, карта, калькулятор, квиз, callback, аналитика, пиксели и цели? Отдельно отметьте запись на услуги, календарь, уведомления и оплату. Ответ: TBD ### 9. Бюджет и сроки Подсказка: укажите желаемый срок запуска, приоритеты первой версии, ориентир по бюджету и количество уникальных шаблонов страниц (например: главная, услуга, кейс, блог, статья, контакты). Если есть, назовите отдельные этапы: MVP, контентный запуск, интеграции, кабинет, мультиязычность. Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../../) * [Стоимость разработки сайта](../../../../pricing/website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # База знаний: ориентиры по цене > Оценка бюджета для knowledge base и документационных порталов: структура, поиск, роли, версии контента и интеграции. TL;DR: база знаний - это отдельный тип контентной платформы, где главная ценность в структуре знаний, качестве поиска и процессе обновления материалов. Бюджет чаще растет из-за информационной архитектуры, миграции контента, версионирования и требований к управлению документацией командой. ## Когда нужен отдельный проект knowledge base [Заголовок раздела «Когда нужен отдельный проект knowledge base»](#когда-нужен-отдельный-проект-knowledge-base) * Нужно снизить нагрузку на поддержку за счет self-service контента. * Требуется единый источник знаний для клиентов, партнёров или внутренней команды. * Важны быстрый поиск, четкая навигация и регулярные обновления материалов. * Нужны версии документации для разных продуктов, API или релизов. ## Вариации [Заголовок раздела «Вариации»](#вариации) * Публичная база знаний для клиентов (help center). * Документация продукта для onboarding и снижения time-to-value. * Техническая документация для API и интеграций. * Внутренний портал знаний (SOP, регламенты, playbooks). * Гибридный формат: публичные гайды + закрытые разделы для партнёров. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Проектирование структуры разделов, категорий и шаблонов статей. * Поиск, теги, хлебные крошки, перелинковка и SEO-структура. * Роли редакции, workflow публикаций и контроль качества контента. * Базовая аналитика: популярные запросы, пустые результаты, CTR по статье. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Миграция большого архива материалов и очистка старого контента. * Версионирование документации по релизам/продуктам. * Мультиязычность и локализация терминологии. * Интеграции с support-системами, CRM, LMS, AI-ассистентами. ## Оптимальный стек [Заголовок раздела «Оптимальный стек»](#оптимальный-стек) * **WordPress** - подходит для редакционных команд, которым критична простая публикация и управление ролями. * **Astro Starlight** - оптимален для документации с высокой скоростью, четкой навигацией и контролируемой структурой репозитория. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) * На типовом шаблоне WordPress: 50 000 - 100 000 ₽ ($500 - $1,000). * Кастомные решения: 100 000 - 500 000 ₽ ($1,000 - $5,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Аудитория базы знаний Подсказка: для кого база знаний - клиенты, партнеры, внутренняя команда, разработчики API или смешанная аудитория? Ответ: TBD ### 2. Цели и KPI Подсказка: какие бизнес-метрики должны улучшиться - снижение тикетов в поддержку, скорость onboarding, рост self-service, SEO-трафик? Ответ: TBD ### 3. Объём и состояние контента Подсказка: сколько материалов есть сейчас, в каком виде они хранятся, нужно ли переносить legacy-контент и делать редиректы? Ответ: TBD ### 4. Структура и навигация Подсказка: какие разделы и уровни вложенности нужны, как будет устроен поиск, теги, глоссарий, FAQ и связанные статьи? Ответ: TBD ### 5. Роли и workflow Подсказка: кто создает, редактирует, согласовывает и публикует статьи; нужен ли контур review и правила обновления материалов? Ответ: TBD ### 6. Версии и языки Подсказка: нужна ли документация по версиям продукта и на нескольких языках, как часто выходят обновления? Ответ: TBD ### 7. Интеграции и автоматизация Подсказка: нужны ли интеграции с helpdesk, CRM, analytics, AI-поиском, чат-виджетами и внутренними системами? Ответ: TBD ### 8. Ограничения проекта Подсказка: какие сроки запуска, бюджет, обязательные шаблоны и этапы релиза (MVP, контентная миграция, расширения) планируются? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../../) * [Стоимость разработки сайта](../../../../pricing/website-development-pricing) * [Как вести базу знаний WordPress](../../../wordpress/faq/how-to/knowledge-base-workflow) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Интернет-магазин: как создать? Сколько стоит? > Бюджетные ориентиры для e-commerce: каталог, checkout, оплаты, доставки и интеграции с учетными системами. TL;DR: интернет-магазин почти всегда дороже лендинга или сайта-витрины, потому что в цену входят каталог, корзина, оплата, доставка, учет и поддержка операционных процессов. Чем больше логики в заказах, фильтрах, ролях и интеграциях, тем ближе проект к кастомной разработке. ## Почему проект в приоритете [Заголовок раздела «Почему проект в приоритете»](#почему-проект-в-приоритете) * Прямая связь с выручкой и понятные KPI. * Высокий потенциал долгосрочной поддержки и развития. ## Вариации [Заголовок раздела «Вариации»](#вариации) * **Классический B2C-магазин** — розничные продажи, каталог, корзина, оплата. * **B2B-магазин** — цены по контрагентам, оптовые заказы, счета, отсрочки. * **Магазин с шоурумом** — онлайн-каталог + запись/резерв товара. * **Каталог без онлайн-оплаты** — заявки, прайс-листы, коммерческие предложения. * **Монотоварный магазин** — один продукт или линейка продуктов. * **Магазин цифровых товаров** — файлы, лицензии, подписки, доступы. * **Магазин с подпиской** — регулярные поставки, абонентская модель. * **Лёгкий маркетплейс** — несколько поставщиков, разные продавцы, комиссия. ## Опции и расширения [Заголовок раздела «Опции и расширения»](#опции-и-расширения) * Каталог товаров. * Фильтры и поиск. * Карточка товара. * Корзина. * Оформление заказа. * Личный кабинет. * Оплата и доставка. * Админка товаров и заказов. * Интеграции с 1С, МойСклад и CRM. * Промокоды, избранное, отзывы, рекомендации и подписки. * Автоматизация повторных заказов, статусов, уведомлений и доставки. * Комплекты, cross-sell и upsell-механики для роста среднего чека. ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Каталог, фильтры, поиск и карточка товара. * Корзина, checkout, оплаты и доставка. * Личный кабинет и админка заказов/товаров. * Базовые промо-механики: промокоды, избранное, рекомендации. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Интеграции с 1С, CRM, складом и логистикой. * Сложные цены, промо-механики, персонализация. * Высокие требования к скорости и отказоустойчивости. ## Оптимальный стек [Заголовок раздела «Оптимальный стек»](#оптимальный-стек) * **WordPress + WooCommerce** — оптимально для большинства SMB-магазинов: быстрый запуск через стартер-шаблоны, развитая экосистема платежей и доставки, большое число готовых модулей, а также открытость и гибкость для развития без ограничений вендора или платформы. * **1С-Битрикс: Интернет магазин** — когда нужна «коробка» под РФ/СНГ с готовыми модулями e-commerce и тесной экосистемой: интеграция с 1С (обмен товарами/остатками/заказами), типовые интеграции с доставкой/оплатой, маркетинг (промо, купоны), роли/права. Хорош для проектов, где важны привычность для бизнеса и наличие большого рынка подрядчиков. Минусы: более тяжёлый стек, лицензирование, сложнее развивать как headless. * **Кастомный бэкенд через Laravel + FilamentPHP** — когда магазин перерос WooCommerce: нестандартные процессы, глубокая кастомизация ЛК - Filament даёт мощную админку. сложная логика и нагрузка хорошо решается через Laravel решения. * **Headless eCommerce** — высоконагруженный B2C с упором на мобильный UX. AstroJS / NuxtJS / NextJS — очень быстрый JAM-stack фронтенд. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) * На типовом шаблоне WordPress: 600 000 - 2 000 000 ₽ ($6,000 - $20,000). * Кастомные решения: 2 500 000 - 15 000 000 ₽ ($25,000 - $150,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Ассортимент Подсказка: сколько товаров, категорий, вариаций, характеристик; есть ли размерные сетки, цвета, комплекты или наборы? Ответ: TBD ### 2. Сценарий покупки Подсказка: нужна ли гостевая покупка, обязательная регистрация, быстрый заказ, one-click checkout, избранное или сравнение? Ответ: TBD ### 3. Оплата Подсказка: какие способы оплаты нужны: эквайринг, СБП, рассрочка, частичная предоплата, сертификаты, оплата при получении? Ответ: TBD ### 4. Доставка Подсказка: какие службы доставки нужны, есть ли ПВЗ, курьеры, самовывоз, расчёт стоимости и сроков в checkout? Ответ: TBD ### 5. Маркетинг и удержание Подсказка: нужны ли промокоды, скидки, бонусы, брошенные корзины, email/SMS/мессенджер-уведомления, рекомендации? Ответ: TBD ### 6. Учёт и остатки Подсказка: есть ли 1С, МойСклад, ERP или другая система; как часто синхронизировать цены, остатки и заказы? Ответ: TBD ### 7. Личный кабинет Подсказка: нужна ли история заказов, повтор заказа, возвраты, адреса доставки, документы, статусы и уведомления? Ответ: TBD ### 8. Аналитика и стабильность Подсказка: какие метрики, цели, рекламные системы и требования к нагрузке, отказоустойчивости и безопасности платежей? Ответ: TBD ### 9. Бюджет, этапы и шаблоны Подсказка: какой бюджет и сроки на MVP/первый релиз; какие шаблоны обязательны в первой версии (главная, категория, карточка товара, корзина, checkout, личный кабинет) и что можно перенести во второй этап? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../../) * [Стоимость разработки сайта](../../../../pricing/website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Промо сайт (лендинг): как сделать? сколько стоит? > Сценарии, вариации и бюджет для лендингов и промо-сайтов: от быстрого запуска до мультилендинга с интеграциями. TL;DR: лендинг — это самый быстрый формат промо-сайта, когда нужно запустить оффер, собрать заявки или проверить спрос без лишней инфраструктуры. Обычно он строится вокруг одного действия: заявка, покупка, регистрация или переход в мессенджер. Бюджет зависит от глубины дизайна, контента, квиза, интеграций и числа вариантов страницы: от шаблонного запуска до кастомного решения с аналитикой и автоматизацией. ## Вариации [Заголовок раздела «Вариации»](#вариации) * **Лендинг услуги** — юридические услуги, ремонт, консалтинг, B2B-сервис. * **Лендинг продукта** — SaaS, physical product, инфопродукт, подписка. * **Сайт события** — конференция, вебинар, фестиваль, запуск. * **Квиз-лендинг** — заявка через опросник, калькулятор, подбор тарифа. * **Мультилендинг** — набор посадочных страниц под разные сегменты/регионы/рекламные кампании. * **Pre-launch page** — сбор waitlist, тестирование спроса, презентация MVP. * **Продающая страница курса/интенсива** — программа, спикеры, тарифы, оплата. ## Когда использовать [Заголовок раздела «Когда использовать»](#когда-использовать) * Быстро проверить спрос на продукт, услугу или гипотезу. * Запустить рекламную кампанию с понятной посадочной страницей. * Собрать заявки, предзаказы, регистрации или waitlist. * Упаковать отдельное предложение без переработки основного сайта. * Сделать временную страницу под событие, акцию или запуск. ## Опции и расширения [Заголовок раздела «Опции и расширения»](#опции-и-расширения) * **Макет:** One-page или компактный multi-page сайт * **Блоки:** Hero, преимущества, оффер, кейсы/доказательства, FAQ, форма заявки * **Интерактив:** Квиз, калькулятор, конфигуратор или подбор тарифа * **Интеграции:** CRM, почта, Telegram, аналитика * **Эксперименты:** A/B-тестирование, UTM-разметка, пиксели рекламных систем * **Техническое:** Адаптив, базовое SEO, высокая скорость загрузки ## Базовый состав работ [Заголовок раздела «Базовый состав работ»](#базовый-состав-работ) * Hero-секция, оффер, преимущества, кейсы, FAQ. * Форма заявки и базовая CRM-интеграция. * Адаптив, базовое SEO, аналитика и UTM. ## Что чаще всего увеличивает бюджет [Заголовок раздела «Что чаще всего увеличивает бюджет»](#что-чаще-всего-увеличивает-бюджет) * Многоэкранный квиз и сложная логика маршрутизации. * Несколько интеграций и автоматизаций (CRM, мессенджеры, email). * A/B-тесты, копирайтинг и продвинутый дизайн. ## Оптимальный стек [Заголовок раздела «Оптимальный стек»](#оптимальный-стек) * **AstroJS** — лучший выбор для быстрых лендингов с высокой конверсией и минимальной стоимостью хостинга. * **WordPress** — подходит, если маркетинг-команде важно часто менять блоки и публиковать контент без разработчика. ## Сколько стоит? [Заголовок раздела «Сколько стоит?»](#сколько-стоит) * На типовом шаблоне WordPress: 120 000 - 400 000 ₽ ($1,200 - $4,000). * Кастомные решения: 300 000 - 1 200 000 ₽ ($3,000 - $12,000). ## Шаблон для анкетирования (бриф) [Заголовок раздела «Шаблон для анкетирования (бриф)»](#шаблон-для-анкетирования-бриф) ```markdown ### 1. Целевое действие Подсказка: что должен сделать пользователь - купить, оставить заявку, подписаться, зарегистрироваться, перейти в мессенджер? Ответ: TBD ### 2. Продукт и УТП Подсказка: какой продукт/услуга продвигается, чем отличается от альтернатив, какие боли и возражения закрывает? Ответ: TBD ### 3. Воронка и структура Подсказка: какие блоки нужны: оффер, выгоды, отзывы, кейсы, тарифы, FAQ, форма, гарантия, дедлайн, бонусы? Ответ: TBD ### 4. Источник трафика Подсказка: откуда придут пользователи - Директ, таргет, SEO, email, блог, партнёры; какие ожидания у аудитории? Ответ: TBD ### 5. Канал связи и обработка лидов Подсказка: куда отправлять лиды - CRM, Telegram, почта, мессенджеры, чат-бот; кто и как быстро отвечает? Ответ: TBD ### 6. Аналитика и эксперименты Подсказка: какие цели, пиксели, события, UTM, A/B-тесты и показатели конверсии нужно настроить? Ответ: TBD ### 7. Референсы и ограничения Подсказка: какие лендинги нравятся, какой стиль нужен, какие сроки, бюджет, количество уникальных шаблонов/вариантов страницы под A/B и обязательные юридические блоки есть? Ответ: TBD ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Сводка по типам проектов](../../) * [Стоимость разработки сайта](../../../../pricing/website-development-pricing) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * Внутренний рабочий материал агентства: «Типовые решения: порядок популярности и вариации». ---------- # Сервисы защиты сайтов и CDN: сравнение топ-10 > Сравнительный обзор десяти сервисов CDN и защиты от DDoS: Cloudflare, Yandex Smart Web Security, DDoS-Guard, StormWall, NGENIX, Selectel, Cloud4Y, Qrator Labs, PT Application Firewall и Nemesida WAF. Плюсы, минусы, тарифы. Рынок защиты сайтов и CDN в России за последние два года прошёл через серьёзную перестройку. После ухода Cloudflare из РФ (июнь 2025 — массовая фильтрация IP-адресов российскими провайдерами) и роста требований к локализации (152-ФЗ, КИИ, реестр отечественного ПО) на первый план вышли российские вендоры. Параллельно выросли и атаки: DDoS-мощности в Рунете регулярно превышают 1 Тбит/с, а L7-атаки на веб-приложения и API стали нормой, а не исключением. В этом обзоре — десять сервисов, которые покрывают весь спектр задач: от бесплатного CDN для небольшого сайта до enterprise-WAF для КИИ-объекта. Для каждого — тип решения, плюсы, минусы, тарифы и сценарий «когда выбирать». ## Сводная таблица [Заголовок раздела «Сводная таблица»](#сводная-таблица) | Сервис | Тип | L3–L7 | WAF | CDN | РФ-локализация | Реестр ПО РФ | Бесплатный тариф | Цена от | | ------------------------- | ------------------------- | --------------------- | -------------- | -------------- | -------------- | ------------ | ---------------- | ---------------------- | | Cloudflare | Глобальный CDN + WAAP | L3–L7 | ✅ | ✅ | ❌ | ❌ | ✅ (Free) | $0 / $20 Pro | | Yandex Smart Web Security | WAAP + DDoS + CDN | L3–L7 | ✅ (OWASP + ML) | ✅ (Yandex CDN) | ✅ | ✅ | ❌ | индив. | | DDoS-Guard | DDoS + CDN + WAF | L3–L7 | ✅ | ✅ | ✅ | ✅ | ✅ (ограниченный) | 8 000 ₽/мес | | StormWall | DDoS + CDN + WAF | L3–L7 | ✅ | ✅ | ✅ | ✅ | ❌ (тест 7 дней) | \~10 000 ₽/мес | | NGENIX | CDN + DDoS + WAF + DNS | L3–L7 | ✅ | ✅ | ✅ | ✅ (№ 20947) | ❌ | 6 900 ₽/мес | | Selectel | IaaS + DDoS (L3/L4) + WAF | L3/L4 + L7 (партнёры) | ✅ (Elementary) | ✅ | ✅ | ✅ | ✅ (L3/L4) | 0 ₽ (база) / 500 ₽ CDN | | Cloud4Y | IaaS + DDoS + WAF | L3–L7 | ✅ | ✅ | ✅ | ✅ | ❌ | индив. | | Qrator Labs | DDoS + WAF + CDN + DNS | L3–L7 | ✅ | ✅ | ✅ | ✅ | ❌ (тест 7 дней) | 7 000 ₽/мес | | PT Application Firewall | Enterprise WAF | L7 | ✅ (глубокий) | ❌ | ✅ | ✅ (ФСТЭК) | ❌ | индив. | | Nemesida WAF | WAF (on-premises) | L7 | ✅ (ML) | ❌ | ✅ | ✅ | ✅ (Free) | 99 000 ₽/год | ## Составляющие [Заголовок раздела «Составляющие»](#составляющие) Ниже — детальный разбор каждого сервиса: тип решения, сильные и слабые стороны, тарифная сетка и сценарий выбора. ### Cloudflare [Заголовок раздела «Cloudflare»](#cloudflare) **Тип:** Глобальная CDN + DDoS-защита (L3–L7) + WAF + Workers. **Плюсы:** * Базовый функционал (CDN, DNS, SSL, DDoS-защита) доступен на бесплатном тарифе * Глобальная распределённая сеть с высокой производительностью * Широкая экосистема: Workers, R2, D1, Stream, Zero Trust * Мощный WAF, антибот, Page Rules, аналитика **Минусы:** * **Критично для РФ:** с июня 2025 года провайдеры массово фильтруют IP-адреса Cloudflare. Пользователи из России видят только первые \~16 КБ данных — сайты не загружаются * Нет российского юридического лица, не в реестре ПО РФ * Оплата из РФ затруднена * План per-zone: каждый домен на Pro/Business — отдельная абонплата **Тарифы:** Free ($0), Pro ($20–25/мес), Business ($200–250/мес), Enterprise (индивидуально). **Когда выбирать:** Только для проектов с преимущественно зарубежной аудиторией. Для российского трафика — категорически не рекомендуется. ### Yandex Smart Web Security [Заголовок раздела «Yandex Smart Web Security»](#yandex-smart-web-security) **Тип:** WAAP (L7 Anti-DDoS + WAF + антибот + rate limiting) + Yandex DDoS Protection (L3/L4) + Yandex CDN. **Плюсы:** * Комплексный WAAP-подход: L7 Anti-DDoS, WAF (OWASP Top 10 + ML-WAF), антибот, Advanced Rate Limiter * ML и поведенческий анализ (Smart Protection) на основе опыта Яндекса * Интеграция со SmartCaptcha * Интеграция с Yandex Cloud CDN — полноценная альтернатива Cloudflare * Юридическая локализация для РФ, инфраструктура в России * Подходит как для ресурсов в Yandex Cloud, так и для внешних origin-серверов **Минусы:** * Относительно молодой сервис (анонс L7-части в 2024) * Фокус на Рунет — для глобальных проектов менее оптимален * Для full-stack защиты L3/L4 требуется дополнительно подключать Yandex DDoS Protection (Curator) * Требуется компетенция для тонкой настройки WAF **Тарифы:** Уточняются индивидуально. На этапе Public Preview предоставлялся ограниченному кругу по запросу. **Когда выбирать:** Если вы уже в Yandex Cloud и хотите «всё из одной консоли» — оптимальный выбор. Лучшая российская альтернатива Cloudflare. ### DDoS-Guard [Заголовок раздела «DDoS-Guard»](#ddos-guard) **Тип:** Российский сервис DDoS-защиты (L3–L7) + CDN + WAF + защищённый DNS. **Плюсы:** * Эффективная фильтрация L3–L7 (SYN/UDP/HTTP-флуд) * Фиксированная цена без доплат за отражённые атаки * Встроенный CDN * Есть бесплатный тариф (с ограничениями) и бесплатный тестовый период 2–3 дня * Геоблокировка, бесплатный SSL **Минусы:** * Цены выше среднего: Basic от 8000 ₽/мес * Бесплатный тариф сильно ограничен: общий IP, заглушка для всех пользователей, лимит 50 Мбит/с * Поддержка на бесплатном тарифе отсутствует **Тарифы:** Basic (8000 ₽/мес), Normal (20 000 ₽/мес), Medium (48 000 ₽/мес, 3 домена), Premium (80 000 ₽/мес, 5 доменов), Enterprise (200 000 ₽/мес). Есть бесплатный тариф. **Когда выбирать:** Для быстрой защиты проекта с минимальным бюджетом — есть бесплатный тариф и тестовый период. ### StormWall [Заголовок раздела «StormWall»](#stormwall) **Тип:** Российский сервис DDoS-защиты + CDN + WAF. **Плюсы:** * Мощная многоуровневая фильтрация Triple Filter (L3–L7) * BanHammer для HTTP-флуда * Сеть фильтрации >8 Тбит/с * Поддержка нестандартных протоколов и игровых серверов (GRE-туннель) * Есть отдельный продукт StormWall Gaming * Бесплатный тестовый период **Минусы:** * Цены заметно выросли к 2026 (старт \~10 000–11 000 ₽/мес для сайтов) * Стоимость дополнительных опций (WAF, защита API) может значительно увеличить итоговую цену * Часть функционала доступна только на старших тарифах **Тарифы:** От \~10 000–30 000 ₽/мес для сайтов. Network-тарифы для провайдеров индивидуально. **Когда выбирать:** Для проектов, которым нужна мощная защита от DDoS с возможностью тонкой настройки фильтрации. ### NGENIX [Заголовок раздела «NGENIX»](#ngenix) **Тип:** Российская платформа CDN + DDoS-защита (L3–L7) + WAF + антибот + DNS. **Плюсы:** * Комплексная платформа «всё-в-одном»: CDN, DDoS, WAF, DNS, SSL/TLS, мониторинг * Сеть из 50+ узлов в РФ и СНГ, пропускная способность >7 Тбит/с * Интеграция с Arbor PeakFlow на сети Ростелекома * Поддержка ГОСТ-криптографии (RSA, ECDSA, ГОСТ 34.10) * Включён в реестр российского ПО (№ 20947) * Метрики в формате Prometheus для DevOps **Минусы:** * Нет бесплатного тарифа, минимальный — 6900 ₽/мес * Географический фокус — РФ и СНГ (не подходит для глобальных проектов) * Функционал сфокусирован на веб-ресурсах **Тарифы:** Promo (6900 ₽/мес), Lite (13 900 ₽/мес), Start (от 23 900 ₽/мес), Pro (от 59 900 ₽/мес), Ultimate (индивидуально). **Когда выбирать:** Для высоконагруженных российских проектов с упором на скорость и производительность CDN. ### Selectel [Заголовок раздела «Selectel»](#selectel) **Тип:** Российский IaaS-провайдер с DDoS-защитой (L3/L4 — встроенная, L7 — через партнёров) + CDN + WAF. **Плюсы:** * Базовая L3/L4-защита включена во все продукты бесплатно * Возможность подключать партнёрские решения (DDoS-Guard, Curator, StormWall) через единую панель * Есть собственный управляемый WAF (Elementary — 36 600 ₽/мес, Advisory — 92 720 ₽/мес) * Отдельный CDN от 500 ₽/мес * Подробная статистика по атакам **Минусы:** * L7-защита — только через партнёров (дополнительная плата) * Собственный WAF дорогой для небольших проектов * Базовая защита фильтрует только входящий трафик **Тарифы:** Базовая защита — бесплатно с инфраструктурными услугами. Партнёрские решения — по тарифам DDoS-Guard/Curator. CDN — от 500 ₽/мес. WAF — от 36 600 ₽/мес. **Когда выбирать:** Если уже пользуетесь инфраструктурой Selectel и хотите подключить защиту в одном месте. ### Cloud4Y [Заголовок раздела «Cloud4Y»](#cloud4y) **Тип:** Российский IaaS-провайдер с DDoS-защитой + WAF + комплексной защитой ИТ-инфраструктуры. **Плюсы:** * Комплексный стек безопасности: DDoS, WAF, IAM, PCI DSS * Геораспределённая сеть фильтрации, прямые подключения к Tier-1 операторам * Интеграция со StormWall и сертифицированной платформой WAF * Соответствие ФСТЭК и PCI DSS * Дата-центры уровня TIER III * VMware-платформа, SLA 99,982% **Минусы:** * DDoS-защита — платная опция (подключается отдельно) * Ориентация на корпоративный сегмент — порог входа выше * Не все функции доступны малым проектам **Тарифы:** Индивидуально, под запрос. Фиксированные тарифы на облачные сервисы без привязки к объёму трафика. **Когда выбирать:** Для корпоративных клиентов с требованиями к соответствию регуляторам и комплексной защите. ### Qrator Labs [Заголовок раздела «Qrator Labs»](#qrator-labs) **Тип:** Специализированный российский сервис DDoS-защиты (L3–L7) + WAF + антибот + CDN + защищённый DNS. **Плюсы:** * Мощная фильтрующая сеть (3+ Тбит/с, Anycast) * Защита L3–L7 в одном решении * Встроенные WAF и Bot Management на средних и старших тарифах * Чёткие SLA (97–99.99%) * 7-дневный тестовый период * Собственная аналитика угроз Qrator Radar / Threat Intelligence * API для интеграции с мониторингом **Минусы:** * Enterprise-уровень цен — базовый от 50 000 ₽/мес * Сложное ценообразование для небольших проектов * Минимальная конфигурация может оказаться избыточной для маленьких сайтов **Тарифы:** Базовый (от 7000 ₽/мес), Расширенный (от 20 000 ₽/мес), Pro (от 60 000 ₽/мес), Enterprise (от 250 000 ₽/мес), Custom (индивидуально). **Когда выбирать:** Для проектов, где критичны SLA, качество фильтрации, минимизация ложных блокировок и экспертиза в области сетевой безопасности. ### PT Application Firewall (Positive Technologies) [Заголовок раздела «PT Application Firewall (Positive Technologies)»](#pt-application-firewall-positive-technologies) **Тип:** Enterprise WAF для глубокой защиты веб-приложений и API. **Плюсы:** * Выявление SQLi, XSS, CSRF, RCE и других атак OWASP Top 10 * Виртуальные патчи для закрытия уязвимостей без изменения кода * Интеграция с SIEM * Соответствие ФСТЭК/ГОСТ/152-ФЗ * Сертифицирован ФСТЭК России (до 2026) * Собственная корреляция событий и ML **Минусы:** * Высокая стоимость владения — enterprise-сегмент * Сложность внедрения и эксплуатации — требует опытного интегратора * Зависимость от экосистемы одного вендора (vendor lock-in) * Требователен к ресурсам инфраструктуры **Тарифы:** Индивидуально. Относится к верхнему ценовому сегменту российских WAF. **Когда выбирать:** Для крупных компаний с требованиями регуляторов (ФСТЭК, КИИ, 152-ФЗ) и необходимостью глубокой защиты веб-приложений. ### Nemesida WAF [Заголовок раздела «Nemesida WAF»](#nemesida-waf) **Тип:** WAF для защиты веб-приложений и API (on-premises). **Плюсы:** * Машинное обучение для обнаружения неизвестных паттернов атак * Режим обучения для адаптации под конкретное приложение * Адаптивные профили защиты * API Firewall * On-premises или облачная версия через партнёров * Есть бесплатная версия (Nemesida WAF Free) **Минусы:** * Бесплатная версия сильно ограничена (нет ML, нет сканера уязвимостей) * ML-режим требует ресурсов и увеличивает задержку * Сложность настройки и эксплуатации * Нет полноценного SaaS-варианта — только on-premises * Цена зависит от набора модулей **Тарифы:** Бесплатная версия (Nemesida WAF Free с ограничениями). Коммерческая — от 99 000 руб./год (данные 2021), с доплатой за ML, сканер уязвимостей, число экземпляров. **Когда выбирать:** Для сценариев, где нужна тонкая защита API и приложений с ML-обнаружением неизвестных атак, и есть команда для эксплуатации. ## Как выбрать для WordPress-проекта [Заголовок раздела «Как выбрать для WordPress-проекта»](#как-выбрать-для-wordpress-проекта) **Для сайта с аудиторией в РФ:** * Cloudflare — **не рекомендуется** (блокировки с июня 2025) * Yandex Smart Web Security + Yandex CDN — лучшая интеграция, если сайт в Yandex Cloud * DDoS-Guard — быстрый старт с бесплатным тарифом для небольших проектов * NGENIX — оптимален для высоконагруженных проектов с фокусом на скорость **Для сайта с зарубежной аудиторией:** * Cloudflare Free — по-прежнему хорошее бесплатное решение * Qrator Labs — если нужны SLA и экспертиза **Для интернет-магазина (WooCommerce):** * Selectel + DDoS-Guard — если хостинг уже у Selectel * StormWall — хорошее соотношение цена/качество для SMB **Для проектов с требованиями ИБ (152-ФЗ, КИИ):** * PT Application Firewall — максимальное соответствие регуляторам * Cloud4Y — комплексная защита в сертифицированной инфраструктуре ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Cloudflare: официальный сайт](https://www.cloudflare.com) * [Cloudflare: тарифы](https://www.cloudflare.com/plans) * [Yandex Smart Web Security](https://yandex.cloud/ru/services/smartwebsecurity) * [Yandex Cloud CDN](https://yandex.cloud/ru/services/cdn) * [DDoS-Guard](https://ddos-guard.ru) * [DDoS-Guard: тарифы](https://ddos-guard.ru/blog) * [StormWall](https://stormwall.pro) * [StormWall: тарифы](https://stormwall.pro/pricing) * [NGENIX](https://ngenix.net) * [NGENIX: тарифы](https://ngenix.net/pricing) * [Selectel: защита от DDoS](https://selectel.ru/services/protection) * [Cloud4Y](https://cloud4y.ru) * [Qrator Labs](https://qrator.net) * [Qrator Labs: тарифы](https://qrator.net/pricing) * [PT Application Firewall](https://ptsecurity.com/ru-ru/products/pt-application-firewall) * [Nemesida WAF](https://nemesida-waf.com) * [Nemesida WAF: тарифы](https://nemesida-waf.com/pricing) ---------- # Базовая безопасность WordPress для нового сайта > Минимальный security baseline: обновления, пароли, роли, backup и мониторинг для WordPress-проекта на старте. ## Security baseline [Заголовок раздела «Security baseline»](#security-baseline) 1. Включить регулярные обновления core/plugins/themes. 2. Настроить сильные пароли + 2FA для администраторов. 3. Ограничить число администраторов и пересмотреть роли. 4. Включить автоматические backup и проверить restore-процедуру. 5. Настроить журналирование и мониторинг аномальных входов. ## Baseline безопасности перед go-live [Заголовок раздела «Baseline безопасности перед go-live»](#baseline-безопасности-перед-go-live) Перед запуском сайта проверьте четыре обязательных блока: 1. Политика обновлений ядра, тем и плагинов. 2. Контроль доступов и ролей. 3. Бэкапы и план восстановления. 4. Защита от массовых атак и бот-трафика. ### Чек-лист безопасности перед запуском [Заголовок раздела «Чек-лист безопасности перед запуском»](#чек-лист-безопасности-перед-запуском) * Прогнаны smoke-тесты и базовые сценарии входа/восстановления доступа. * Настроены бэкапы и проверено тестовое восстановление. * Подготовлен регламент реагирования на инциденты. * Включено журналирование входов и административных действий. ## Частые ошибки [Заголовок раздела «Частые ошибки»](#частые-ошибки) * Использование `admin` как имени администратора. * Устаревшие плагины без поддержки. * Отсутствие тестового восстановления из backup. ## PHP пример: отключение редактирования файлов из админки [Заголовок раздела «PHP пример: отключение редактирования файлов из админки»](#php-пример-отключение-редактирования-файлов-из-админки) ```php // Добавить в wp-config.php define('DISALLOW_FILE_EDIT', true); ``` Что делает код: * Блокирует встроенный редактор тем/плагинов. * Снижает риск оперативного компромета при краже сессии администратора. ## JS пример: проверка надежности пароля на фронтенде [Заголовок раздела «JS пример: проверка надежности пароля на фронтенде»](#js-пример-проверка-надежности-пароля-на-фронтенде) ```js function isStrongPassword(password) { return ( password.length >= 12 && /[A-Z]/.test(password) && /[a-z]/.test(password) && /\d/.test(password) && /[^A-Za-z0-9]/.test(password) ); } console.log(isStrongPassword("Wp!SecurePass2026")); ``` Что делает код: * Дает минимальную проверку сложности до отправки формы. * Не заменяет серверную валидацию, а дополняет UX. ## Безопасность WooCommerce [Заголовок раздела «Безопасность WooCommerce»](#безопасность-woocommerce) Для интернет-магазина на WooCommerce к базовому baseline добавляются: * HTTPS обязателен (SSL-сертификат) — для безопасного приёма платежей * Регулярное обновление WooCommerce и платёжных шлюзов * Мониторинг подозрительных заказов * Настройка fraud-защиты платёжного шлюза Подробнее: [WooCommerce: приём платежей](../../woocommerce/payments). ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Плагины WordPress: основы выбора и установки](../../wordpress/plugins/plugins-basics) * [Темы, child theme и Customizer: основы](../../wordpress/themes/themes-child-themes-customizer) * [Хостинг для WordPress: как выбрать](../../wordpress/faq/how-to/wordpress-hosting) * [Работа с разработчиком WordPress](../../wordpress/faq/how-to/working-with-developer) ---------- # WooCommerce: полное руководство > Раздел по WooCommerce: от установки до запуска магазина — товары, оплата, доставка, налоги, заказы и расширения. Раздел охватывает полный цикл создания интернет-магазина на WooCommerce для self-hosted WordPress. ## Что такое WooCommerce [Заголовок раздела «Что такое WooCommerce»](#что-такое-woocommerce) WooCommerce — это opensource-плагин для WordPress, который превращает сайт в полноценный интернет-магазин. Устанавливается бесплатно из [репозитория WordPress.org](https://wordpress.org/plugins/woocommerce/). Работает одинаково на WordPress.com и self-hosted WordPress.org. ## Страницы раздела [Заголовок раздела «Страницы раздела»](#страницы-раздела) * [Установка и первые шаги](./getting-started) — 5 шагов запуска: установка плагина, базовая настройка, выбор темы. * [Товары WooCommerce](./products) — 6 встроенных типов товаров (simple, variable, grouped, external, virtual, downloadable) и расширения. * [Приём платежей](./payments) — WooPayments, платёжные шлюзы, Apple Pay, Google Pay, fraud-защита. * [Налоги](./taxes) — Настройка налоговых ставок, автоматические налоги, НДС для ЕС. * [Доставка](./shipping) — Зоны доставки, flat rate, бесплатная доставка, самовывоз, классы доставки. * [Страницы магазина](./store-pages) — Shop, Cart, Checkout, My Account: кастомизация через блоки. * [Управление заказами](./orders) — Статусы заказов, возвраты, email-уведомления. * [Запуск и расширение](./launch-extend) — Чеклист запуска, аналитика, маркетинговые расширения. * [Оптимизация производительности WooCommerce](./performance-optimization) — 8 шагов: кэширование, изображения, код, CDN, БД, темы, GZIP, мониторинг. * [Кэширование в WooCommerce](./caching) — Исключение динамических страниц из кэша, cookies, сессии, Varnish, настройка плагинов (WP Rocket, WP Super Cache, Surge). * [Лучшие темы для WooCommerce](./best-themes) — Сравнительный обзор: Blocksy, Astra, Shoptimizer, Kadence, Botiga, Storefront и другие с тестами скорости и ценами. ## Что НЕ в этом разделе [Заголовок раздела «Что НЕ в этом разделе»](#что-не-в-этом-разделе) * **WordPress.com-специфичные функции** — планы, тарифы, встроенная поддержка. Это база знаний по self-hosted. * **Платные темы с WordPress.com** — рассматриваются только темы, доступные в .org-репозитории или на woocommerce.com. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Build your store with WooCommerce (курс)](https://wordpress.com/support/courses/build-your-store-with-woocommerce/) * [Start with WooCommerce in 5 steps](https://woocommerce.com/document/start-with-woocommerce-in-5-steps/) * [WooCommerce documentation](https://woocommerce.com/documentation/) * [WooCommerce product types explained](https://woocommerce.com/posts/product-types-explained/) ---------- # Лучшие темы для WooCommerce: подборка 2026 > Сравнительный обзор лучших тем для интернет-магазина на WooCommerce: Blocksy, Astra, Shoptimizer, Kadence, Botiga, Storefront, GeneratePress и другие — с тестами скорости, сравнением функций и цен. ## Как выбрать тему для WooCommerce [Заголовок раздела «Как выбрать тему для WooCommerce»](#как-выбрать-тему-для-woocommerce) Тема — фундамент интернет-магазина. От неё зависит скорость загрузки, конверсия, SEO-позиции и удобство покупателей. По данным [исследования Portent](https://portent.com/blog/analytics/research-site-speed-hurting-everyones-revenue.htm), у интернет-магазинов конверсия падает с \~3% при загрузке за 1 секунду до \~0,7% при загрузке за 4 секунды. При 60%+ мобильного трафика в e-commerce выбор быстрой и адаптивной темы важен для конверсии. ### Критерии выбора [Заголовок раздела «Критерии выбора»](#критерии-выбора) | Критерий | Почему важно | На что смотреть | | -------------------- | ---------------------------------------------------- | --------------------------------------------------------- | | **Скорость** | Каждая секунда загрузки снижает конверсию — см. выше | Загрузка <2 с, PageSpeed 85+ | | **WooCommerce-фичи** | Меньше плагинов = быстрее сайт | Quick view, wishlist, AJAX-корзина, фильтры | | **Кастомизация** | Уникальный бренд | Header/footer builder, цвета, шрифты, макеты | | **Мобильная версия** | 60%+ трафика — с телефонов | Touch-friendly, быстрая загрузка, адаптивность | | **SEO** | Органический трафик | Schema-разметка, чистый HTML, heading structure | | **Обновления** | WooCommerce часто обновляется | Активная разработка, совместимость с актуальными версиями | *** ## 1. Blocksy [Заголовок раздела «1. Blocksy»](#1-blocksy) **[Blocksy](https://creativethemes.com/blocksy/)** — легковесная тема, построенная под Gutenberg на React и Webpack. 300 000+ активных установок, рейтинг 5★ на [WordPress.org](https://wordpress.org/themes/blocksy/). ### Особенности [Заголовок раздела «Особенности»](#особенности) * **Скорость**: 94–96 баллов в PageSpeed, загрузка <2 с. CSS/JS подгружаются выборочно — на страницу попадает только код, который на ней используется. * **Работа с блоками**: тема не привязана к Elementor или другим конструкторам, кастомизация — через нативный Customizer и блоки Gutenberg. * **Пожизненные лицензии**: $199 (1 сайт), $299 (10 сайтов), $499 (unlimited) — без ежегодных платежей. * **Код**: React, Webpack, Tree Shaking. ### WooCommerce-функции Blocksy [Заголовок раздела «WooCommerce-функции Blocksy»](#woocommerce-функции-blocksy) **Бесплатная версия:** * Quick view (быстрый просмотр товара) * 4 стиля галереи товара * Плавающая корзина (floating cart) * Off-canvas фильтры * Закреплённая кнопка «В корзину» (sticky add-to-cart) * AJAX-добавление в корзину **Pro-версия добавляет:** * Variation Swatches — цветовые/графические образцы вместо выпадающих списков * Wishlist — список желаний с шерингом в соцсетях * Advanced Reviews — фото, заголовки, голосование, сводки * Size Guide — таблицы размеров * Compare Products — сравнение товаров * Product Brands — бренды с логотипами и фильтрацией * Stock Scarcity — уведомления о низком остатке и прогресс-бары * Free Shipping Bar — прогресс-бар до бесплатной доставки * Countdown Timer — таймер обратного отсчёта для распродаж * Product Video — YouTube/Vimeo/self-hosted видео в галерее товара * Waitlist — лист ожидания для отсутствующих товаров * Off-canvas Mini Cart — AJAX-корзина с кросс-сейл предложениями ### Цены Blocksy [Заголовок раздела «Цены Blocksy»](#цены-blocksy) | План | Цена | Сайтов | | --------- | ---------------------------- | ------ | | Личный | $69/год или $199 пожизненно | 1 | | Бизнес | $99/год или $299 пожизненно | 10 | | Агентство | $149/год или $499 пожизненно | ∞ | При годовой оплате пожизненная лицензия окупается за 2–3 года: у тарифа «Личный» $199 / $69 в год ≈ 2,9 года, у «Бизнес» $299 / $99 в год ≈ 3 года. *** ## 2. Astra [Заголовок раздела «2. Astra»](#2-astra) **[Astra](https://wpastra.com/)** — самая популярная легковесная тема: 1M+ активных установок, 6 000+ пятизвёздочных отзывов на [WordPress.org](https://wordpress.org/themes/astra/). ### Сильные стороны [Заголовок раздела «Сильные стороны»](#сильные-стороны) * Вес <50 КБ, 95+ PageSpeed в связке с кэшированием * Совместимость с Elementor, Spectra, Gutenberg, Beaver Builder * 240+ стартовых шаблонов (30+ для WooCommerce) * WooCommerce Pro: distraction-free checkout, sticky add-to-cart, off-canvas корзина, quick view, фильтры товаров ### Цены Astra [Заголовок раздела «Цены Astra»](#цены-astra) * **Бесплатно:** базовая WooCommerce-поддержка * **Astra Pro:** $59/год (1 сайт), $139/год (unlimited) * **Essential Toolkit:** $119/год (3 сайта) — включает Spectra Pro + 300+ шаблонов ### Минусы [Заголовок раздела «Минусы»](#минусы) * Бесплатная версия сильно урезана * Многие функции требуют более дорогих тарифов * Новичкам легко потеряться в настройках *** ## 3. Kadence [Заголовок раздела «3. Kadence»](#3-kadence) **[Kadence](https://www.liquidweb.com/software/kadence/)** — тема на блоках Gutenberg, ближайшая по позиционированию к Blocksy. 500 000+ активных установок, рейтинг 4,9★ на [WordPress.org](https://wordpress.org/themes/kadence/). ### Сильные стороны [Заголовок раздела «Сильные стороны»](#сильные-стороны-1) * Продвинутые header/footer builders * Глобальные цветовые палитры * WooCommerce Shop Kit: conditional cart banners, advanced reviews, mini cart drawer * Отличная доступность (a11y) ### Цены Kadence [Заголовок раздела «Цены Kadence»](#цены-kadence) * **Бесплатно:** базовая тема * **Express:** $69/год (3 сайта) * **Full Bundle:** $199/год (25 сайтов) * **Lifetime:** $799 (Full Bundle, 10 сайтов) ### Минусы [Заголовок раздела «Минусы»](#минусы-1) * Лучшие фичи заперты в Full Bundle ($199+/год) * Пожизненная лицензия значительно дороже Blocksy ($799 vs $299) *** ## 4. Shoptimizer [Заголовок раздела «4. Shoptimizer»](#4-shoptimizer) **[Shoptimizer](https://www.commercegurus.com/product/shoptimizer/)** от CommerceGurus — тема, спроектированная специально под WooCommerce, с фокусом на конверсию и скорость загрузки. ### Результаты тестов [Заголовок раздела «Результаты тестов»](#результаты-тестов) * GTMetrix Performance: **94%**, Structure: 97% * Google PageSpeed Insights (моб.): **100 баллов** * LCP: 0.5 с, TBT: 0 мс, CLS: 0 ### Ключевые фичи [Заголовок раздела «Ключевые фичи»](#ключевые-фичи) * Distraction-free checkout — удаление отвлекающих элементов со страницы оформления заказа * Информация о доставке рядом с кнопкой «Купить» * Встроенные функции оптимизации скорости (обычно требуют отдельных плагинов) * Продвинутое SEO для категорий товаров ### Цена [Заголовок раздела «Цена»](#цена) * **$99** (единоразово, с годовыми обновлениями) ### Минусы [Заголовок раздела «Минусы»](#минусы-2) * Только для WooCommerce — не универсальная тема * Меньше стартовых шаблонов, чем у конкурентов *** ## 5. GeneratePress [Заголовок раздела «5. GeneratePress»](#5-generatepress) **[GeneratePress](https://generatepress.com/)** — самая быстрая тема в подборке по результатам тестов ниже. Подходит, если приоритет — минимальное время загрузки, а не встроенные WooCommerce-фичи. ### Результаты тестов [Заголовок раздела «Результаты тестов»](#результаты-тестов-1) * PageSpeed Insights (десктоп): **100 баллов** * Время загрузки: **470 мс** * Минимальный overhead ### Цены [Заголовок раздела «Цены»](#цены) * **Бесплатно:** базовая тема * **Premium:** $59/год или $249 пожизненно ### Минусы [Заголовок раздела «Минусы»](#минусы-3) * WooCommerce-функции минимальны (shop columns, product page layout, cart icon) * Для продвинутых e-commerce фич потребуются плагины *** ## 6. Botiga [Заголовок раздела «6. Botiga»](#6-botiga) **[Botiga](https://athemes.com/theme/botiga/)** от aThemes — минималистичная WooCommerce-тема с фокусом на простоту настройки. 10 000+ активных установок, рейтинг 4,9★ на [WordPress.org](https://wordpress.org/themes/botiga/). ### Особенности [Заголовок раздела «Особенности»](#особенности-1) * Вес \~50 КБ, модульная загрузка * Бесплатно: 3 макета галереи, distraction-free checkout, sticky add-to-cart, AJAX-корзина * Pro ($69/год): wishlist, quick view, upsells/cross-sells, mini cart * PageSpeed 84 (моб.), загрузка 2.6 с, размер страницы 780 КБ *** ## Темы с конструктором: когда функциональность важнее скорости [Заголовок раздела «Темы с конструктором: когда функциональность важнее скорости»](#темы-с-конструктором-когда-функциональность-важнее-скорости) Эти темы работают через тяжёлые визуальные конструкторы (Elementor, WPBakery или собственные), поэтому уступают в PageSpeed темам из основной подборки, но дают готовые демо-сайты и больше возможностей без кода: | Тема | Продажи на маркетплейсе | PageSpeed | Цена | Конструктор | Особенности | | ------------------------------------------------------------------------------------------ | ----------------------- | --------- | ---- | -------------------- | ------------------------------------------------------ | | **[Flatsome](https://uxthemes.com/)** | 259 000+ | 78-83 | $59 | UX Builder (свой) | Лидер продаж на ThemeForest, AJAX-корзина, wishlist | | **[WoodMart](https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/20264492)** | 100 000+ магазинов | 75-80 | $59 | Elementor/WPBakery | №1 по продажам на ThemeForest, встроенный multi-vendor | | **[XStore](https://themeforest.net/item/xstore-responsive-woocommerce-theme/15780546)** | 50 000+ | 70-75 | $59 | Elementor/WPBakery | 140+ демо, 850+ готовых секций | | **[Avada](https://avada.com/)** | 1 000 000+ | 72 | $69 | Avada Builder (свой) | Самая продаваемая тема на ThemeForest за всё время | *** ## Сравнительная таблица [Заголовок раздела «Сравнительная таблица»](#сравнительная-таблица) | Тема | Скорость | Бесплатная версия | Gutenberg | Цена Pro | Лучшая для | | ------------- | ------------------ | ----------------- | --------- | ------------------------------- | ----------------------------------- | | **Blocksy** | 94-96 | ★★★★★ | ★★★★★ | $69-$149/год или $199-$499 life | **Gutenberg, современные магазины** | | Astra | 85-95+ | ★★★☆☆ | ★★★★☆ | $59-$139/год | Универсальный выбор | | Kadence | 92-95 | ★★★★☆ | ★★★★★ | $69-$199/год | Блоковый редактор | | Shoptimizer | 100 (GTmetrix 94%) | — | ★★★☆☆ | $99 разово | Конверсия и скорость | | GeneratePress | 100 (десктоп) | ★★★☆☆ | ★★★★☆ | $59/год | Максимальная скорость | | Botiga | 84-94 | ★★★★☆ | ★★★★☆ | $69/год | Простота и лёгкость | | Storefront | 84 | ★★★★★ | ★★★☆☆ | Бесплатно | Разработка, стабильность | | Flatsome | 78-83 | — | ★★☆☆☆ | $59 разово | UX Builder, премиум | *** ## Как выбрать: дерево решений [Заголовок раздела «Как выбрать: дерево решений»](#как-выбрать-дерево-решений) 1. **Gutenberg — приоритет, нужна скорость и современный код** → **Blocksy** 2. **Нужен Elementor и огромная экосистема** → Astra 3. **Максимальная скорость, минимум функционала** → GeneratePress 4. **Конверсия — всё, бюджет позволяет** → Shoptimizer 5. **Хочется простоты без лишних настроек** → Botiga 6. **Разработчик, свой кастомный дизайн** → Storefront 7. **Нужен встроенный конструктор и максимум фич** → Flatsome / WoodMart *** ## Рекомендации по бюджету [Заголовок раздела «Рекомендации по бюджету»](#рекомендации-по-бюджету) * **$0:** Blocksy Free + WooCommerce — вариант без затрат на старте * **$69-99/год:** Blocksy Personal/Business или Astra Pro * **$199-299 пожизненно:** Blocksy Business/Agency — окупается за 2-3 года при сравнении с годовой подпиской * **$99 разово:** Shoptimizer — если приоритет конверсия, а не гибкость дизайна *** ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) Официальные страницы тем (актуальные цены и число установок проверяйте там — на маркетплейсах они меняются чаще, чем контент этой статьи): * [Blocksy на WordPress.org](https://wordpress.org/themes/blocksy/) и [сайт CreativeThemes](https://creativethemes.com/blocksy/woocommerce/) * [Astra на WordPress.org](https://wordpress.org/themes/astra/) и [сайт Astra](https://wpastra.com/) * [Kadence на WordPress.org](https://wordpress.org/themes/kadence/) и [сайт Kadence на Liquid Web](https://www.liquidweb.com/software/kadence/) * [Shoptimizer на сайте CommerceGurus](https://www.commercegurus.com/product/shoptimizer/) * [GeneratePress на WordPress.org](https://wordpress.org/themes/generatepress/) и [сайт GeneratePress](https://generatepress.com/) * [Botiga на WordPress.org](https://wordpress.org/themes/botiga/) и [сайт aThemes](https://athemes.com/theme/botiga/) * [Storefront на WordPress.org](https://wordpress.org/themes/storefront/) Обзоры и сравнительные тесты: * [Исследование Portent о влиянии скорости загрузки на конверсию](https://portent.com/blog/analytics/research-site-speed-hurting-everyones-revenue.htm) * [WP Kube — обзор Blocksy](https://www.wpkube.com/blocksy-theme-review/) * [WP Rocket — 10 самых быстрых тем для WooCommerce](https://wp-rocket.me/blog/fastest-woocommerce-themes/) * [Подборка лучших тем для WooCommerce на сайте wpcraft.ru](https://wpcraft.ru/blog/themes-woocommerce-wordpress) — материал автора этой базы знаний ---------- # Кэширование в WooCommerce > Настройка кэширующих плагинов и серверов для WooCommerce: исключение динамических страниц, cookies, сессии и конфигурация Varnish. Кэширование критически важно для производительности магазина, но WooCommerce генерирует динамический контент (корзина, заказы, профиль). Неправильная настройка кэша приводит к сломанной корзине, рассинхронизации цен и невозможности оформить заказ. Подробнее об общих принципах кэширования: [Кэширование WordPress](../../wordpress/cache/server-level-cache). ## Страницы, которые нельзя кэшировать [Заголовок раздела «Страницы, которые нельзя кэшировать»](#страницы-которые-нельзя-кэшировать) Три страницы WooCommerce всегда должны оставаться динамическими: * **Cart** (Корзина) — показывает товары текущего пользователя * **Checkout** (Оформление заказа) — содержит персональные данные и рассчитывает итоги * **My Account** (Личный кабинет) — заказы, адреса, профиль Большинство кэширующих плагинов уже исключают эти страницы автоматически, но стоит проверять. ## Сессии WooCommerce [Заголовок раздела «Сессии WooCommerce»](#сессии-woocommerce) Если кэширующая система поддерживает кэширование базы данных, исключите `_wc_session_` из кэширования. Иначе корзина и данные пользователя могут не обновляться. ## Cookies WooCommerce [Заголовок раздела «Cookies WooCommerce»](#cookies-woocommerce) При настройке кэширования убедитесь, что эти cookies не приводят к отмене кэширования статических страниц: | Cookie | Срок жизни | Назначение | | ----------------------------- | ---------- | ----------------------------------------------------- | | `woocommerce_cart_hash` | Сессия | Определяет изменения содержимого корзины | | `woocommerce_items_in_cart` | Сессия | Определяет изменения содержимого корзины | | `wp_woocommerce_session_` | 2 дня | Уникальный код клиента для поиска данных корзины в БД | | `woocommerce_recently_viewed` | Сессия | Виджет «Недавно просмотренные товары» | | `store_notice[notice id]` | Сессия | Закрытие уведомления магазина | ## Настройка популярных плагинов [Заголовок раздела «Настройка популярных плагинов»](#настройка-популярных-плагинов) ### W3 Total Cache [Заголовок раздела «W3 Total Cache»](#w3-total-cache) В секции **Minify** добавьте `mfunc` в поле **Ignored comment stems**. ### WP Rocket [Заголовок раздела «WP Rocket»](#wp-rocket) Полная совместимость с WooCommerce. Убедитесь, что Cart, Checkout, My Account **не кэшируются**. Рекомендуется **отключить минификацию JavaScript** — WooCommerce сильно зависит от JS, и агрегация может сломать функциональность. ### WP Super Cache [Заголовок раздела «WP Super Cache»](#wp-super-cache) Нативная совместимость. WooCommerce автоматически передаёт WP Super Cache список страниц для исключения (Cart, Checkout, My Account). ### Surge [Заголовок раздела «Surge»](#surge) Полная совместимость из коробки. WooCommerce отправляет заголовок `Cache-Control: no-cache` для динамических страниц, а Surge автоматически исключает такие ответы из кэша — настраивать ничего не нужно. После установки проверьте заголовок `X-Cache` на страницах корзины и чекаута — там должно быть `MISS`. Подробнее: [Surge: статический кэш без настроек](../../wordpress/cache/surge). ## Настройка Varnish [Заголовок раздела «Настройка Varnish»](#настройка-varnish) Минимальная конфигурация для `vcl_recv`: ```varnish if (req.url ~ "^/(cart|my-account|checkout|addons)") { return (pass); } if ( req.url ~ "\\?add-to-cart=" ) { return (pass); } ``` ### Полная конфигурация Varnish [Заголовок раздела «Полная конфигурация Varnish»](#полная-конфигурация-varnish) Расширенный вариант с обработкой cookies: ```varnish # vcl_recv — входящий запрос # Убираем cookies для статических страниц if (!(req.url ~ "(wp-login|wp-admin|cart|my-account/*|wc-api*|checkout|addons|logout|lost-password|product/*)")) { unset req.http.cookie; } # Пропускаем динамические страницы WooCommerce if (req.url ~ "^/(cart|my-account/*|checkout|wc-api/*|addons|logout|lost-password|product/*)") { return (pass); } # Пропускаем запросы добавления в корзину if (req.url ~ "\?add-to-cart=" ) { return (pass); } # Пропускаем WooCommerce API if (req.url ~ "\?wc-api=" ) { return (pass); } ``` ```varnish # vcl_fetch — исходящий ответ # Убираем cookies для GET-запросов к статическим страницам if ( (!(req.url ~ "(wp-(login|admin)|login|cart|my-account/*|wc-api*|checkout|addons|logout|lost-password|product/*)")) || (req.request == "GET") ) { unset beresp.http.set-cookie; } ``` ## Типичные проблемы [Заголовок раздела «Типичные проблемы»](#типичные-проблемы) ### Сброс пароля зацикливается [Заголовок раздела «Сброс пароля зацикливается»](#сброс-пароля-зацикливается) **Причина:** страница My Account закэширована на уровне сервера. **Решение:** обратитесь к хостинг-провайдеру и убедитесь, что My Account исключена из серверного кэширования. Некоторые хостинги кэшируют PHP-страницы на своём уровне. ### Корзина не обновляется [Заголовок раздела «Корзина не обновляется»](#корзина-не-обновляется) **Причина:** кэш страницы отдаётся вместо динамического контента. **Решение:** проверьте, что: 1. Страница Cart исключена из кэширования в плагине 2. Cookies WooCommerce не вызывают преждевременную инвалидацию кэша статических страниц 3. Если используется Varnish — проверьте правила в `vcl_recv` ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [How to configure caching plugins for WooCommerce](https://developer.woocommerce.com/docs/best-practices/performance/configuring-caching-plugins/) — официальная документация WooCommerce (источник) * [Кэширование WordPress](../../wordpress/cache/server-level-cache) — общие принципы кэширования * [Оптимизация производительности WooCommerce](../performance-optimization) — 8 шагов ускорения магазина * [Оптимизация WordPress](../../websites/performance/optimization) — полный обзор оптимизации * [Varnish configuration for WooCommerce](https://wordpress.org/support/topic/varnish-configuration-not-working-in-woocommerce/) — обсуждение на WordPress.org ---------- # FAQ по WooCommerce > Практические ответы и how-to инструкции по запуску и развитию магазина на WooCommerce. Раздел с практическими вопросами и пошаговыми инструкциями по WooCommerce. ## Содержимое [Заголовок раздела «Содержимое»](#содержимое) * [How-to для WooCommerce](./how-to/) ---------- # How-to инструкции WooCommerce > Пошаговые инструкции по запуску интернет-магазина на WooCommerce. Пошаговые инструкции по запуску и настройке магазина. ## Страницы раздела [Заголовок раздела «Страницы раздела»](#страницы-раздела) * [Как создать интернет-магазин на WordPress: полный маршрут](./how-to-create-woocommerce-store) ---------- # Как создать интернет-магазин на WordPress: полный маршрут > Пошаговый план создания интернет-магазина на self-hosted WordPress + WooCommerce: от хостинга и домена до оплаты, налогов и юридических страниц. ## Общая схема [Заголовок раздела «Общая схема»](#общая-схема) Создание интернет-магазина на self-hosted WordPress требует 8 шагов, охватывающих хостинг, домен, установку WooCommerce, товары, оплату, доставку, налоги, безопасность и юрлицо. База знаний покрывает тему в разделе **[WooCommerce: полное руководство](../../../)** (11 страниц) и смежных разделах. ## Шаг 1: Подготовить базу [Заголовок раздела «Шаг 1: Подготовить базу»](#шаг-1-подготовить-базу) Перед установкой WooCommerce нужен работающий WordPress-сайт. | Компонент | Что нужно | Где почитать | | ------------- | ---------------------------------------------------- | ----------------------------------------------------------------------------------------------- | | **Домен** | Зарегистрировать у reg.ru, beget.ru, Namecheap | [Как зарегистрировать домен для WordPress](../../../../infrastructure/domain/domain-registrars) | | **Хостинг** | PHP 8.0+, MySQL 5.7+, memory limit ≥ 256MB, SSD/NVMe | [Хостинг для WordPress: как выбрать](../../../../wordpress/faq/how-to/wordpress-hosting) | | **SSL** | Обязателен для приёма платежей | [SSL и HTTPS для домена](../../../../websites/security/wordpress-security-basics) | | **WordPress** | Установлен и настроен | [Как установить WordPress?](../../../../wordpress/faq/how-to/how-to-install-wordpress) | ## Шаг 2: Установить WooCommerce [Заголовок раздела «Шаг 2: Установить WooCommerce»](#шаг-2-установить-woocommerce) Источник: **[WooCommerce: установка и первые шаги](../../../getting-started)** 1. **Админка → Плагины → Добавить новый** → «WooCommerce» → Установить → Активировать 2. Альтернативно через WP-CLI: `wp plugin install woocommerce --activate` 3. Пройти **Setup Wizard** (или настроить вручную через WooCommerce → Настройки) **Базовые настройки:** * Store Address, страны продаж и доставки * Валюта (₽ для РФ) * Permalink → `Post name` (обязательно) ## Шаг 3: Выбрать тему [Заголовок раздела «Шаг 3: Выбрать тему»](#шаг-3-выбрать-тему) Источник: **[WooCommerce: установка и первые шаги](../../../getting-started)** * **Storefront** — официальная бесплатная тема WooCommerce * Block/FSE-темы с поддержкой WooCommerce-блоков * Сторонние темы — проверять метку «WooCommerce compatible» WooCommerce автоматически создаёт страницы: Shop, Cart, Checkout, My Account. ## Шаг 4: Добавить товары [Заголовок раздела «Шаг 4: Добавить товары»](#шаг-4-добавить-товары) Источник: **[Товары WooCommerce: типы и управление](../../../products)** **6 встроенных типов товаров:** | Тип | Назначение | | ------------------ | --------------------------------------------------------- | | Simple | Обычный физический товар | | Variable | С вариантами (размер, цвет) — каждый со своим SKU и ценой | | Grouped | Набор из существующих товаров | | External/Affiliate | Партнёрская ссылка на другой сайт | | Virtual | Услуги без доставки | | Downloadable | Цифровые файлы (PDF, MP3, софт) | **Платные расширения:** Subscriptions (подписки), Bookings (бронирования), Product Bundles (наборы), Memberships (членство). ## Шаг 5: Настроить оплату [Заголовок раздела «Шаг 5: Настроить оплату»](#шаг-5-настроить-оплату) Источник: **[WooCommerce: приём платежей](../../../payments)** * **WooPayments** — официальное решение: карты, Apple Pay, Google Pay, Klarna. Управление из админки, встроенная fraud-защита. * **Для РФ** (из [WooCommerce: основы настройки](../../../../wordpress/plugins/woocommerce-basics)): Robokassa, YooKassa (ЮМоней), CloudPayments, Tinkoff * Альтернативы: Stripe, PayPal, Authorize.Net, Square Перед запуском — протестировать в тестовом режиме! ## Шаг 6: Настроить налоги и доставку [Заголовок раздела «Шаг 6: Настроить налоги и доставку»](#шаг-6-настроить-налоги-и-доставку) Источники: [Налоги](../../../taxes), [Доставка](../../../shipping) * **Налоги:** включить в WooCommerce → Настройки → Налог. Настроить ставки (20%, 10%, 0%, без НДС) * **Доставка:** зоны по географии, методы — flat rate, бесплатно, самовывоз, Почта России ## Шаг 7: Безопасность и юридические документы [Заголовок раздела «Шаг 7: Безопасность и юридические документы»](#шаг-7-безопасность-и-юридические-документы) Источники: [Базовая безопасность](../../../../websites/security/wordpress-security-basics), [Юридические требования по типам сайтов](../../../../legal/by-website-type) **Для интернет-магазина обязательно:** * ✅ Политика конфиденциальности + Реквизиты компании * ✅ **Публичная оферта** с условиями доставки и возврата * ✅ Политика cookies * ✅ HTTPS (SSL) для приёма платежей * ⚠️ Онлайн-касса (54-ФЗ для РФ) — интеграция через платёжный шлюз ## Шаг 8: Запуск [Заголовок раздела «Шаг 8: Запуск»](#шаг-8-запуск) Источник: **[WooCommerce: запуск и расширение](../../../launch-extend)** * Переключить платежи из тестового режима в боевой * Настроить email-уведомления о заказах * Подключить аналитику (Google Analytics через Site Kit) * Маркетинг: купоны, email-рассылки (MailPoet, Unisender) ## Что покрыто вики, а что нет [Заголовок раздела «Что покрыто вики, а что нет»](#что-покрыто-вики-а-что-нет) | Покрыто ✅ | Не покрыто ❌ | | --------------------------- | ----------------------------------------- | | Установка и первые шаги | Российские платёжные шлюзы детально | | 6 типов товаров | Онлайн-кассы и 54-ФЗ | | WooPayments, Stripe, PayPal | Документооборот (счета-фактуры, УПД) | | Налоги, доставка, заказы | Интеграция с Честный Знак, Меркурий | | Безопасность и юр. страницы | Сравнение с конкурентами (Tilda, Shopify) | | Запуск и расширение | Мультиязычность магазина (WPML) | ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [WooCommerce: полное руководство](../../../) * [WooCommerce: установка и первые шаги](../../../getting-started) * [Товары WooCommerce: типы и управление](../../../products) * [WooCommerce: приём платежей](../../../payments) * [WooCommerce: основы настройки интернет-магазина](../../../../wordpress/plugins/woocommerce-basics) * [Базовая безопасность WordPress](../../../../websites/security/wordpress-security-basics) * [Юридические требования по типам сайтов](../../../../legal/by-website-type) ---------- # WooCommerce: установка и первые шаги > 5 шагов для запуска интернет-магазина на WooCommerce: установка плагина, настройки, выбор темы и WooCommerce-хостинг. ## Шаг 1: Установка WooCommerce [Заголовок раздела «Шаг 1: Установка WooCommerce»](#шаг-1-установка-woocommerce) Плагин WooCommerce устанавливается как любой другой плагин WordPress: 1. **Админка → Плагины → Добавить новый** 2. Поиск: «WooCommerce» 3. Установить → Активировать После активации запускается **мастер настройки** (Setup Wizard), который проведёт через базовую конфигурацию. Мастер можно пропустить и настроить всё вручную через **WooCommerce → Настройки**. ```bash # Альтернативно — WP-CLI: wp plugin install woocommerce --activate ``` ## Шаг 2: Базовая конфигурация [Заголовок раздела «Шаг 2: Базовая конфигурация»](#шаг-2-базовая-конфигурация) ### Общие настройки (WooCommerce → Настройки → General) [Заголовок раздела «Общие настройки (WooCommerce → Настройки → General)»](#общие-настройки-woocommerce--настройки--general) | Параметр | Что указать | | ------------------------- | -------------------------------------------------------- | | Store Address | Физический адрес магазина (нужен для налогов и доставки) | | Selling location(s) | Страны, в которые продаёте | | Shipping location(s) | Страны, куда доставляете | | Default customer location | Геолокация или базовая страна магазина | | Enable taxes | Включить/отключить налоги | | Enable coupons | Включить купоны | ### Валюта [Заголовок раздела «Валюта»](#валюта) Настраивается там же: код валюты, позиция символа, разделители тысяч и десятичных знаков. ## Шаг 3: Выбор темы [Заголовок раздела «Шаг 3: Выбор темы»](#шаг-3-выбор-темы) WooCommerce работает с большинством WordPress-тем. Для максимальной совместимости: * **Storefront** — официальная тема WooCommerce (бесплатно в .org-репозитории) * **Block-темы** — любые темы FSE с поддержкой WooCommerce-блоков * **Сторонние темы** — проверять, что разработчик заявляет «WooCommerce compatible» Тема должна корректно отображать страницы: Shop, Cart, Checkout, My Account. ## Шаг 4: Страницы магазина [Заголовок раздела «Шаг 4: Страницы магазина»](#шаг-4-страницы-магазина) WooCommerce автоматически создаёт страницы при установке: * **Shop** (`/shop/`) — каталог товаров * **Cart** (`/cart/`) — корзина * **Checkout** (`/checkout/`) — оформление заказа * **My Account** (`/my-account/`) — личный кабинет Если страницы не создались: **WooCommerce → Status → Tools → Create default pages**. ## Шаг 5: Permalink [Заголовок раздела «Шаг 5: Permalink»](#шаг-5-permalink) Важно: после активации WooCommerce проверьте, что **Настройки → Постоянные ссылки** используют любую структуру, кроме «Plain». Рекомендуется `Post name` (`/%postname%/`). ## WooCommerce и хостинг [Заголовок раздела «WooCommerce и хостинг»](#woocommerce-и-хостинг) WooCommerce требовательнее к ресурсам, чем обычный WordPress: * **PHP 7.4+** (рекомендуется 8.0+) * **MySQL 5.7+** или MariaDB 10.3+ * **Memory limit**: минимум 256 MB * Некоторые хостинг-провайдеры предлагают тарифы «WooCommerce optimized» ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Товары WooCommerce](../products) * [Приём платежей](../payments) * [Страницы магазина](../store-pages) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Start with WooCommerce in 5 steps](https://woocommerce.com/document/start-with-woocommerce-in-5-steps/) * [Configuring WooCommerce settings](https://woocommerce.com/document/configuring-woocommerce-settings/) * [Get started with Woo (WordPress.com course)](https://wordpress.com/support/courses/build-your-store-with-woocommerce/get-started-with-woo/) ---------- # WooCommerce: запуск и расширение > Запуск магазина WooCommerce: чеклист, аналитика, Google Analytics, маркетинговые расширения и поддержка. ## Чеклист перед запуском [Заголовок раздела «Чеклист перед запуском»](#чеклист-перед-запуском) * [ ] Все товары добавлены с корректными ценами, SKU и изображениями * [ ] Категории товаров настроены * [ ] Платёжный шлюз протестирован в тестовом режиме * [ ] Доставка настроена: зоны, методы, классы * [ ] Налоги настроены (или автоматизированы через WooCommerce Tax) * [ ] Страницы Shop, Cart, Checkout, My Account работают корректно * [ ] Email-уведомления протестированы * [ ] Сайт на HTTPS (SSL-сертификат для безопасного приёма платежей) * [ ] Permalink — не Plain (любая структура, кроме дефолтной) * [ ] Страницы Privacy Policy и Terms of Service созданы (WooCommerce добавляет чекбокс согласия на чеке) * [ ] Базовая SEO-оптимизация: title, meta description главных страниц * [ ] Аналитика подключена ## Аналитика и отчёты [Заголовок раздела «Аналитика и отчёты»](#аналитика-и-отчёты) **WooCommerce → Analytics** — встроенная аналитика: * **Revenue** — общая выручка * **Orders** — количество заказов * **Products** — отчёт по проданным товарам * **Categories** — продажи по категориям * **Coupons** — эффективность купонов * **Taxes** — отчёт по налогам * **Stock** — складские запасы ### Google Analytics [Заголовок раздела «Google Analytics»](#google-analytics) Плагин [Google Analytics for WooCommerce](https://woocommerce.com/products/woocommerce-google-analytics/) добавляет enhanced ecommerce-трекинг: просмотры товаров, добавление в корзину, транзакции. ## Расширения и маркетинг [Заголовок раздела «Расширения и маркетинг»](#расширения-и-маркетинг) ### Ключевые категории расширений [Заголовок раздела «Ключевые категории расширений»](#ключевые-категории-расширений) | Категория | Что даёт | | -------------------------------------------------------------------------------------------------------------- | ------------------------------------------- | | [Маркетинг](https://woocommerce.com/product-category/woocommerce-extensions/marketing-extensions/) | Email-рассылки, CRM, автоматизация, реклама | | [Мерчандайзинг](https://woocommerce.com/product-category/woocommerce-extensions/merchandising/) | Подписки, бронирования, наборы, цены | | [Конверсия](https://woocommerce.com/product-category/woocommerce-extensions/conversion/) | Апсейлы, брошенные корзины, отзывы | | [Доставка](https://woocommerce.com/product-category/woocommerce-extensions/shipping-delivery-and-fulfillment/) | Live-тарифы, печать меток, отслеживание | ### Топ-расширения для новых магазинов [Заголовок раздела «Топ-расширения для новых магазинов»](#топ-расширения-для-новых-магазинов) * **WooCommerce Subscriptions** — регулярные платежи * **WooCommerce Bookings** — бронирование услуг * **Product Add-Ons** — дополнительные опции к товарам * **WooCommerce Memberships** — ограничение контента * **Mailchimp for WooCommerce** — синхронизация с email-рассылками ## Производительность магазина [Заголовок раздела «Производительность магазина»](#производительность-магазина) WooCommerce-магазин создаёт нагрузку на сервер. Рекомендации: * Кэширующий плагин с исключением страниц Cart, Checkout, My Account * PHP 8.0+ и MySQL 5.7+ * CDN для изображений товаров * Ленивая загрузка галерей товаров * См. [Оптимизация WordPress](../../websites/performance/optimization) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Установка и первые шаги](../getting-started) * [Управление заказами](../orders) * [Приём платежей](../payments) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [The ultimate ecommerce website launch checklist](https://woocommerce.com/posts/ecommerce-website-launch-checklist/) * [WooCommerce Analytics](https://woocommerce.com/document/woocommerce-analytics/) * [Google Analytics for WooCommerce](https://woocommerce.com/products/woocommerce-google-analytics/) * [WooCommerce Marketplace](https://woocommerce.com/products/) * [Launch and extend your store (WordPress.com course)](https://wordpress.com/support/courses/build-your-store-with-woocommerce/launch-extend/) ---------- # WooCommerce: управление заказами > Заказы в WooCommerce: статусы, управление, возвраты, email-уведомления и тестирование заказов. ## Статусы заказов [Заголовок раздела «Статусы заказов»](#статусы-заказов) WooCommerce использует статусы для отслеживания жизненного цикла заказа: | Статус | Описание | | ------------------- | --------------------------------------------------- | | **Pending payment** | Ожидание оплаты — заказ создан, оплата не поступила | | **Failed** | Платёж не прошёл или отклонён | | **Processing** | Оплата получена, заказ в обработке | | **Completed** | Заказ выполнен | | **On Hold** | Требует подтверждения — например, проверка платежа | | **Cancelled** | Отменён администратором или клиентом | | **Refunded** | Возвращён — частично или полностью | | **Draft** | Черновик заказа (создан вручную через админку) | Переходы между статусами можно автоматизировать через настройки платёжных шлюзов. ## Управление заказами [Заголовок раздела «Управление заказами»](#управление-заказами) Интерфейс: **WooCommerce → Orders**. * **Просмотр заказа** — все детали: товары, адрес, способ оплаты и доставки * **Изменение статуса** — выпадающий список в правой колонке * **Заметки к заказу** — внутренние (private) и для клиента (customer) * **Создать заказ вручную** — кнопка «Add Order» для телефонных или ручных заказов ### Поиск и фильтрация [Заголовок раздела «Поиск и фильтрация»](#поиск-и-фильтрация) Заказы можно фильтровать по: * Статусу * Дате * Клиенту * Товару (поиск по названию) * Сумме ## Возвраты (Refunds) [Заголовок раздела «Возвраты (Refunds)»](#возвраты-refunds) Возврат делается из карточки заказа: 1. Открыть заказ 2. Нажать **Refund** 3. Указать количество возвращаемых товаров 4. Указать сумму возврата 5. **Refund manually** (отправка денег вне системы) или **Refund via WooPayments** (автоматический возврат через платёжный шлюз) ## Email-уведомления [Заголовок раздела «Email-уведомления»](#email-уведомления) WooCommerce отправляет email-уведомления о заказах. Настройка: **WooCommerce → Настройки → Emails**. ### Основные уведомления [Заголовок раздела «Основные уведомления»](#основные-уведомления) | Уведомление | Получатель | | ---------------- | ------------- | | New Order | Администратор | | Cancelled Order | Администратор | | Failed Order | Администратор | | Order On-Hold | Клиент | | Processing Order | Клиент | | Completed Order | Клиент | | Refunded Order | Клиент | | Customer Invoice | Клиент | | Customer Note | Клиент | | Password Reset | Клиент | | New Account | Клиент | Каждое уведомление можно: * Включить/отключить * Настроить тему (subject) и заголовок * Кастомизировать HTML-шаблон (переопределением в child theme) ## Тестирование заказов [Заголовок раздела «Тестирование заказов»](#тестирование-заказов) Перед запуском протестируйте процесс заказа: 1. Включите тестовый режим платёжного шлюза 2. Добавьте товар в корзину 3. Пройдите оформление 4. Проверьте цепочку email-уведомлений 5. Измените статус → Completed → Refunded ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Приём платежей](../payments) * [Запуск и расширение](../launch-extend) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Managing orders](https://woocommerce.com/document/managing-orders/) * [Order statuses](https://woocommerce.com/document/managing-orders/order-statuses/) * [Refunding orders in WooCommerce](https://woocommerce.com/document/woocommerce-refunds/) * [Email settings](https://woocommerce.com/document/configuring-woocommerce-settings/email/) * [Manage orders (WordPress.com course)](https://wordpress.com/support/courses/build-your-store-with-woocommerce/manage-orders/) ---------- # WooCommerce: приём платежей > Настройка оплаты в WooCommerce: WooPayments, платёжные шлюзы, Apple Pay, Google Pay, fraud-защита и тестирование. ## Встроенные способы оплаты [Заголовок раздела «Встроенные способы оплаты»](#встроенные-способы-оплаты) WooCommerce из коробки поддерживает: * **Direct bank transfer (BACS)** — прямой банковский перевод * **Check payments** — оплата чеком * **Cash on delivery (COD)** — наложенный платёж Эти методы не требуют дополнительных плагинов, настраиваются в **WooCommerce → Настройки → Payments**. ## WooPayments [Заголовок раздела «WooPayments»](#woopayments) [WooPayments](https://woocommerce.com/document/woopayments/) — официальное платёжное решение от WooCommerce. Бесплатный плагин, комиссия только за транзакции. **Что принимает:** * Кредитные/дебетовые карты (Visa, Mastercard, Amex и др.) * Apple Pay и Google Pay * Buy Now, Pay Later (Klarna, Afterpay) * Локальные методы: iDEAL, SEPA, Bancontact и др. **Преимущества:** * Управление платежами прямо из админки WordPress * Возвраты и частичные возвраты в интерфейсе WooCommerce * Встроенная fraud-защита (бесплатно) ### Установка WooPayments [Заголовок раздела «Установка WooPayments»](#установка-woopayments) 1. Установить плагин из репозитория WordPress.org или через WooCommerce → Extensions 2. Пройти верификацию (KYC) — потребуются данные о бизнесе 3. Активировать нужные методы оплаты ### Тестирование [Заголовок раздела «Тестирование»](#тестирование) Перед запуском включите **тестовый режим** (WooPayments → Settings → Test mode). Используйте [тестовые карты](https://woocommerce.com/document/woopayments/testing-and-troubleshooting/testing/) для проверки. ## Другие платёжные шлюзы [Заголовок раздела «Другие платёжные шлюзы»](#другие-платёжные-шлюзы) WooCommerce поддерживает [сотни платёжных шлюзов](https://woocommerce.com/product-category/woocommerce-extensions/payment-gateways/): | Шлюз | Особенности | | ------------- | --------------------------------------- | | Stripe | Бесплатный плагин, глобальное покрытие | | PayPal | Бесплатный плагин, высокая узнаваемость | | Authorize.Net | Для клиентов из США | | Square | Синхронизация с офлайн-продажами (POS) | | Mercado Pago | Латинская Америка | ## Fraud-защита [Заголовок раздела «Fraud-защита»](#fraud-защита) WooPayments включает бесплатную защиту от мошенничества. Дополнительно можно использовать: * **Fraud prevention** в настройках WooPayments — автоматическая блокировка подозрительных транзакций * **3D Secure** — дополнительная проверка для карт * Ручная проверка заказов с высоким риском ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Управление заказами](../orders) * [Запуск и расширение](../launch-extend) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [WooPayments documentation](https://woocommerce.com/document/woopayments/) * [WooPayments startup guide](https://woocommerce.com/document/woopayments/startup-guide/) * [WooPayments fraud protection](https://woocommerce.com/document/woopayments/fraud-and-disputes/fraud-protection/) * [Testing WooPayments](https://woocommerce.com/document/woopayments/testing-and-troubleshooting/testing/) * [Set up payments (WordPress.com course)](https://wordpress.com/support/courses/build-your-store-with-woocommerce/set-up-payments/) ---------- # Оптимизация производительности WooCommerce > 8 шагов оптимизации магазина: кэширование, изображения, минификация кода, CDN, база данных, темы и плагины, GZIP, мониторинг. Гайд по оптимизации производительности WooCommerce-магазина для разработчиков. Покрывает кэширование, изображения, код, CDN, базу данных и мониторинг. Связанные страницы: * [Кэширование в WooCommerce](../caching) — детальная настройка кэша * [Оптимизация WordPress](../../websites/performance/optimization) — общая оптимизация WP * [Кэширование WordPress](../../wordpress/cache/server-level-cache) — виды кэширования ## Шаг 1. Кэширование [Заголовок раздела «Шаг 1. Кэширование»](#шаг-1-кэширование) ### Серверное кэширование [Заголовок раздела «Серверное кэширование»](#серверное-кэширование) Включите через хостинг-провайдера или настройте напрямую: * **Varnish** — HTTP-акселератор * **NGINX FastCGI Cache** — кэш на уровне веб-сервера * **Redis** — объектный кэш ### Кэширующие плагины WordPress [Заголовок раздела «Кэширующие плагины WordPress»](#кэширующие-плагины-wordpress) * [WP Rocket](https://wp-rocket.me/) — включает поддержку WooCommerce «из коробки» * [W3 Total Cache](https://wordpress.org/plugins/w3-total-cache/) * [WP Super Cache](https://wordpress.org/plugins/wp-super-cache/) ### Кэширование специфичное для WooCommerce [Заголовок раздела «Кэширование специфичное для WooCommerce»](#кэширование-специфичное-для-woocommerce) Динамические страницы (корзина, чекаут, личный кабинет) **не должны кэшироваться**. WP Rocket включает встроенную поддержку WooCommerce. Подробная конфигурация: [Кэширование в WooCommerce](../caching). ## Шаг 2. Оптимизация изображений [Заголовок раздела «Шаг 2. Оптимизация изображений»](#шаг-2-оптимизация-изображений) 1. **Правильный формат:** JPEG для фото, PNG для графики с прозрачностью 2. **Сжатие:** TinyPNG, ShortPixel — сжимайте перед загрузкой 3. **Lazy loading:** откладывайте загрузку изображений до появления в viewport. Большинство плагинов кэширования включают lazy loading 4. **Responsive images:** убедитесь, что тема отдаёт подходящий размер для разных устройств ## Шаг 3. Минификация и оптимизация кода [Заголовок раздела «Шаг 3. Минификация и оптимизация кода»](#шаг-3-минификация-и-оптимизация-кода) 1. **Плагины:** Autoptimize, WP Rocket, W3 Total Cache 2. **Критический CSS:** комбинируйте и инлайньте критический CSS 3. **Отложенная загрузка JS:** используйте `defer` для некритического JavaScript ## Шаг 4. CDN (Content Delivery Network) [Заголовок раздела «Шаг 4. CDN (Content Delivery Network)»](#шаг-4-cdn-content-delivery-network) CDN раздаёт статические ресурсы (изображения, CSS, JS) с ближайших к пользователю серверов. **Провайдеры:** Cloudflare, Fastly, Amazon CloudFront. Подробное сравнение: [CDN и производительность](../../services/saas/cdn-performance). ## Шаг 5. Оптимизация базы данных [Заголовок раздела «Шаг 5. Оптимизация базы данных»](#шаг-5-оптимизация-базы-данных) 1. **Плагины:** WP-Optimize, WP-Sweep, Advanced Database Cleaner 2. **Регулярная очистка:** * Спам-комментарии * Ревизии записей * Просроченные transients (критично для WooCommerce — transients активно используются для кэширования данных) 3. **Оптимизация таблиц:** через плагин или `OPTIMIZE TABLE` в MySQL ## Шаг 6. Высокопроизводительные темы и плагины [Заголовок раздела «Шаг 6. Высокопроизводительные темы и плагины»](#шаг-6-высокопроизводительные-темы-и-плагины) 1. **Тема:** выбирайте lightweight-тему, оптимизированную для WooCommerce 2. **Аудит плагинов:** используйте [Query Monitor](https://wordpress.org/plugins/query-monitor/) или WP Hive для анализа влияния плагинов на производительность ## Шаг 7. GZIP-сжатие [Заголовок раздела «Шаг 7. GZIP-сжатие»](#шаг-7-gzip-сжатие) Снижает размер HTML, CSS, JS перед передачей браузеру. **Способы включения:** * Через плагин (WP Rocket, W3 Total Cache) * Через `.htaccess` (Apache) или `nginx.conf` (NGINX) ### Пример для `.htaccess` [Заголовок раздела «Пример для .htaccess»](#пример-для-htaccess) ```apache AddOutputFilterByType DEFLATE text/html text/css text/javascript AddOutputFilterByType DEFLATE application/javascript application/json ``` ## Шаг 8. Мониторинг и анализ [Заголовок раздела «Шаг 8. Мониторинг и анализ»](#шаг-8-мониторинг-и-анализ) ### Тестирование производительности [Заголовок раздела «Тестирование производительности»](#тестирование-производительности) * [Google PageSpeed Insights](https://pagespeed.web.dev/) * [GTmetrix](https://gtmetrix.com/) * [WebPageTest](https://www.webpagetest.org/) ### Непрерывный мониторинг [Заголовок раздела «Непрерывный мониторинг»](#непрерывный-мониторинг) * **New Relic** — детальная производительность сервера и приложения * **Uptime Robot** — доступность и время ответа ## Бенчмарки для расширений WooCommerce [Заголовок раздела «Бенчмарки для расширений WooCommerce»](#бенчмарки-для-расширений-woocommerce) При разработке собственных расширений для WooCommerce ориентируйтесь на **Chrome Core Web Vitals “Performance” score ≥ 90** на простом WooCommerce-сайте. Тестируйте с [Chrome Lighthouse](https://developer.chrome.com/docs/lighthouse/overview/). **Стратегии для разработчиков расширений:** * Условная загрузка скриптов и стилей (только на нужных страницах) * Эффективные запросы к БД (индексы, минимальная выборка) * Lazy loading контента расширения * Тестирование с включённым/выключенным расширением * Совместимость с кэширующими решениями ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Optimize store performance](https://developer.woocommerce.com/docs/best-practices/performance/performance-optimization/) — официальная документация WooCommerce (источник) * [Performance best practices for extensions](https://developer.woocommerce.com/docs/best-practices/performance/performance-best-practices/) — best practices для разработчиков (источник) * [Кэширование в WooCommerce](../caching) * [Оптимизация WordPress](../../websites/performance/optimization) * [CDN и производительность](../../services/saas/cdn-performance) ---------- # Товары WooCommerce: типы и управление > 6 встроенных типов товаров WooCommerce — simple, variable, grouped, external, virtual, downloadable — и расширения: subscriptions, bookings, bundles. ## Встроенные типы товаров [Заголовок раздела «Встроенные типы товаров»](#встроенные-типы-товаров) WooCommerce из коробки поддерживает 6 типов товаров. Каждый определяет поведение товара: доставку, инвентаризацию и способ покупки. ### Simple product (простой товар) [Заголовок раздела «Simple product (простой товар)»](#simple-product-простой-товар) Базовый физический товар без вариантов (размеров, цветов). Подходит для книг, электроники, единичных предметов. * Одна цена (обычная + скидочная) * Управление складом, SKU, вес и размеры * Linked Products: кросс-сейлы (cross-sells) и допродажи (upsells) * Атрибуты и отзывы ### Variable product (вариативный товар) [Заголовок раздела «Variable product (вариативный товар)»](#variable-product-вариативный-товар) Товар с вариантами: размер, цвет, материал и т.д. Каждый вариант — свой SKU, цена, вес и уровень запасов. **Создание:** 1. Выбрать «Variable product» в выпадающем меню Product Data 2. Вкладка Attributes → добавить атрибуты (например, Color: Red | Blue | Green) 3. Вкладка Variations → сгенерировать варианты ### Grouped product (сгруппированный товар) [Заголовок раздела «Grouped product (сгруппированный товар)»](#grouped-product-сгруппированный-товар) Коллекция существующих простых товаров. Покупатель может выбрать один или несколько товаров из группы. * Не имеет собственной цены * Настроить во вкладке Linked Products → Grouped products * Пример: комплект мебели (кресло + диван) ### External/Affiliate product (внешний/партнёрский товар) [Заголовок раздела «External/Affiliate product (внешний/партнёрский товар)»](#externalaffiliate-product-внешнийпартнёрский-товар) Товар, продающийся на другом сайте. Кнопка «Add to Cart» заменяется на «Buy Now» с переходом по внешней ссылке. * Подходит для affiliate-маркетинга * Можно комбинировать с другими типами товаров ### Virtual product (виртуальный товар) [Заголовок раздела «Virtual product (виртуальный товар)»](#virtual-product-виртуальный-товар) Товар без физической доставки. Скрываются поля доставки. Пример: услуги (консультации, страховка), планы обслуживания. ### Downloadable product (загружаемый товар) [Заголовок раздела «Downloadable product (загружаемый товар)»](#downloadable-product-загружаемый-товар) Цифровой товар с файлом для скачивания: электронные книги, шаблоны, MP3, софт. * Чекбокс «Downloadable» добавляет поле для URL файла * Настройка лимита скачиваний и срока действия ссылки **Виртуальный + Загружаемый** — товар, который не доставляется и содержит файл (например, программное обеспечение). ## Добавление товара: пошагово [Заголовок раздела «Добавление товара: пошагово»](#добавление-товара-пошагово) 1. **Products → Add New** 2. Заголовок и описание товара 3. Блок **Product data**: выбрать тип, цену, инвентарь, доставку 4. **Product short description** (краткое описание для каталога) 5. **Product image** + **Product gallery** 6. Категории и теги товара 7. Опубликовать ## Расширенные типы (через плагины) [Заголовок раздела «Расширенные типы (через плагины)»](#расширенные-типы-через-плагины) ### Subscriptions (подписки) [Заголовок раздела «Subscriptions (подписки)»](#subscriptions-подписки) Плагин [WooCommerce Subscriptions](https://woocommerce.com/products/woocommerce-subscriptions/). Регулярные платежи: ежемесячно, ежегодно. Настройка trial-периода и sign-up fee. ### Bookings (бронирования) [Заголовок раздела «Bookings (бронирования)»](#bookings-бронирования) Плагин [WooCommerce Bookings](https://woocommerce.com/products/woocommerce-bookings/). Бронирование на дату и время: отели, рестораны, аренда. ### Product Bundles (наборы) [Заголовок раздела «Product Bundles (наборы)»](#product-bundles-наборы) Плагин [Product Bundles](https://woocommerce.com/products/product-bundles/). Персонализированные наборы, скидки за комплект, динамическое ценообразование. ### Memberships (членство) [Заголовок раздела «Memberships (членство)»](#memberships-членство) Ограничение доступа к контенту по подписке. Видео, статьи, ресурсы — доступны только участникам. ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Управление заказами](../orders) * [Страницы магазина](../store-pages) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [How to Add a WooCommerce Product](https://woocommerce.com/document/managing-products/add-product/) * [WooCommerce product types explained](https://woocommerce.com/posts/product-types-explained/) * [Variable product documentation](https://woocommerce.com/document/variable-product/) * [Virtual and downloadable products](https://woocommerce.com/document/managing-products/virtual-downloadable/) * [Add products (WordPress.com course)](https://wordpress.com/support/courses/build-your-store-with-woocommerce/add-products/) ---------- # WooCommerce: настройка доставки > Доставка в WooCommerce: зоны, методы (flat rate, бесплатная, самовывоз), классы доставки и плагины для live-тарифов. ## Зоны доставки (Shipping Zones) [Заголовок раздела «Зоны доставки (Shipping Zones)»](#зоны-доставки-shipping-zones) Зона доставки — географический регион со своими методами и тарифами. Настраивается в **WooCommerce → Настройки → Shipping → Shipping Zones**. Каждая зона содержит: * **Zone Name** — название (например, «Россия», «Москва», «Европа») * **Zone Regions** — страны, регионы, индексы * **Shipping Methods** — методы доставки в этой зоне Зоны обрабатываются сверху вниз: первый совпавший регион применяется к заказу. Всегда держите самую широкую зону (например, «Весь мир») внизу списка. ## Методы доставки [Заголовок раздела «Методы доставки»](#методы-доставки) ### Flat Rate (фиксированная ставка) [Заголовок раздела «Flat Rate (фиксированная ставка)»](#flat-rate-фиксированная-ставка) Одна или несколько фиксированных цен. Можно настроить стоимость на основе: * Ставка за заказ * Ставка за товар * Ставка за класс доставки * Процент от суммы заказа ```php // Пример: кастомный расчёт flat rate add_filter('woocommerce_flat_rate_shipping_add_rate', function($add_rate, $method) { // Добавляем $5 за каждый товар $items_count = WC()->cart->get_cart_contents_count(); $method->cost = 10 + ($items_count * 5); // $10 база + $5/товар return true; }, 10, 2); ``` ### Free Shipping (бесплатная доставка) [Заголовок раздела «Free Shipping (бесплатная доставка)»](#free-shipping-бесплатная-доставка) Бесплатная доставка с условиями: * При сумме заказа от … * С купоном на бесплатную доставку * При обоих условиях одновременно * Всегда бесплатно ### Local Pickup (самовывоз) [Заголовок раздела «Local Pickup (самовывоз)»](#local-pickup-самовывоз) Клиент забирает заказ из магазина. Настраивается цена (обычно 0) и налогообложение. ## Классы доставки (Shipping Classes) [Заголовок раздела «Классы доставки (Shipping Classes)»](#классы-доставки-shipping-classes) Классы доставки группируют товары со сходными условиями перевозки. Например: * **Heavy** — тяжёлые товары с повышенным тарифом * **Bulky** — крупногабаритные с отдельной ставкой * **Standard** — всё остальное Класс назначается товару в поле **Product Data → Shipping → Shipping class**. Методы доставки могут учитывать класс: например, «Flat Rate + $10 за товар класса Heavy». ## Живые тарифы: плагины [Заголовок раздела «Живые тарифы: плагины»](#живые-тарифы-плагины) WooCommerce Shipping — официальный плагин для live-тарифов: * Тарифы USPS, DHL, Canada Post в реальном времени * Печать shipping labels прямо из админки * Бесплатно для основного функционала Другие плагины для доставки — [категория Shipping, Delivery and Fulfillment](https://woocommerce.com/product-category/woocommerce-extensions/shipping-delivery-and-fulfillment/). ## Стратегии доставки [Заголовок раздела «Стратегии доставки»](#стратегии-доставки) | Стратегия | Когда использовать | | ------------------- | ----------------------------------------------------------------------- | | Бесплатная доставка | Средний чек высокий, маржа позволяет включить стоимость доставки в цену | | Flat rate | Простая модель, когда тарифы примерно одинаковы | | Таблица ставок | Сложные условия: по весу, сумме, количеству | | Live rates | Когда нужны точные тарифы перевозчиков | ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Товары WooCommerce](../products) * [Управление заказами](../orders) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Setting up shipping zones](https://woocommerce.com/document/setting-up-shipping-zones/) * [Flat rate shipping](https://woocommerce.com/document/flat-rate-shipping/) * [Free shipping](https://woocommerce.com/document/free-shipping/) * [Local pickup](https://woocommerce.com/document/local-pickup/) * [Product shipping classes](https://woocommerce.com/document/product-shipping-classes/) * [Configure shipping (WordPress.com course)](https://wordpress.com/support/courses/build-your-store-with-woocommerce/configure-shipping/) ---------- # WooCommerce: страницы магазина > Страницы WooCommerce — Shop, Cart, Checkout, My Account: назначение, кастомизация через блоки и настройка отображения товаров. ## Стандартные страницы WooCommerce [Заголовок раздела «Стандартные страницы WooCommerce»](#стандартные-страницы-woocommerce) При установке WooCommerce автоматически создаёт 4 страницы: | Страница | Путь | Назначение | | ---------- | -------------- | ----------------- | | Shop | `/shop/` | Каталог товаров | | Cart | `/cart/` | Корзина | | Checkout | `/checkout/` | Оформление заказа | | My Account | `/my-account/` | Личный кабинет | Найти их можно в **WooCommerce → Настройки → Advanced → Page setup**. Если страница не создалась — **WooCommerce → Status → Tools → Create default pages**. ## Shop (каталог товаров) [Заголовок раздела «Shop (каталог товаров)»](#shop-каталог-товаров) Главная страница магазина. Можно кастомизировать через Site Editor или кастомайзер: * В Block-темах: **Appearance → Editor → Templates → Product Catalog** * В классических темах: **Appearance → Customize → WooCommerce → Product Catalog** **Product Collection block** — современный блок для вывода товаров с фильтрацией, сортировкой и пагинацией. Заменяет устаревшие шорткоды. ## Cart (корзина) [Заголовок раздела «Cart (корзина)»](#cart-корзина) Страница с блоком Cart. Кастомизация ограничена — менять можно через: * Классическую тему с шаблоном `cart/cart.php` (переопределение в child theme) * Block-темы: редактирование Cart template в Site Editor ## Checkout (оформление) [Заголовок раздела «Checkout (оформление)»](#checkout-оформление) Страница с блоком Checkout. Возможности кастомизации: * **Block-темы:** внутренние блоки Checkout можно редактировать: поля, текст, дизайн * **Классические темы:** переопределение `checkout/form-checkout.php` ### WooCommerce Blocks [Заголовок раздела «WooCommerce Blocks»](#woocommerce-blocks) Плагин WooCommerce Blocks добавляет набор блоков для страниц: * **Cart block** — блок корзины * **Checkout block** — блок оформления заказа * **Product Collection** — современный вывод товаров * **Filter blocks** — фильтры по цене, атрибутам, рейтингу * **Mini Cart** — мини-корзина ## My Account (личный кабинет) [Заголовок раздела «My Account (личный кабинет)»](#my-account-личный-кабинет) Содержит: * Историю заказов * Адреса доставки * Управление платежами * Детали аккаунта Кастомизация — через endpoint-фильтры или переопределение шаблонов: ```php // Добавить свой endpoint в My Account add_action('init', function() { add_rewrite_endpoint('custom-section', EP_PAGES); }); add_filter('woocommerce_account_menu_items', function($items) { $items['custom-section'] = 'Мой раздел'; return $items; }); add_action('woocommerce_account_custom-section_endpoint', function() { echo '

Содержимое кастомного раздела.

'; }); ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Товары WooCommerce](../products) * [Установка и первые шаги](../getting-started) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [WooCommerce pages (Shop, Cart, Checkout, My Account)](https://woocommerce.com/document/woocommerce-pages/) * [Customizing cart and checkout pages](https://woocommerce.com/document/woocommerce-store-editing/customizing-cart-and-checkout/) * [Product collection block](https://woocommerce.com/document/woocommerce-store-editing/customizing-shop-page-catalog/product-collection-block/) * [WooCommerce blocks](https://woocommerce.com/document/woocommerce-blocks/) * [Set up store pages (WordPress.com course)](https://wordpress.com/support/courses/build-your-store-with-woocommerce/set-up-store-pages/) ---------- # WooCommerce: настройка налогов > Налоги в WooCommerce: ставки, автоматические налоги, НДС для ЕС, настройка для разных юрисдикций. ## Базовая настройка [Заголовок раздела «Базовая настройка»](#базовая-настройка) Включение налогов: 1. **WooCommerce → Настройки → General → Enable taxes** 2. Перейти на вкладку **Tax** ### Основные опции [Заголовок раздела «Основные опции»](#основные-опции) | Параметр | Значение | | ----------------------- | ------------------------------------------------------- | | Prices entered with tax | Yes — если цены вводятся с учётом налога | | Calculate tax based on | Shipping address / Billing address / Store base address | | Shipping tax class | Ставка налога для доставки | | Rounding | Округлять налог на уровне позиции или всего заказа | | Display prices | С налогом или без в каталоге/корзине/чеке | ## Налоговые ставки [Заголовок раздела «Налоговые ставки»](#налоговые-ставки) Настраиваются в **WooCommerce → Настройки → Tax → Standard rates** (и дополнительные классы). Для каждой ставки задаётся: * **Country Code** — код страны (ISO 3166) * **State Code** — код штата/региона * **ZIP/Postcode** — диапазон индексов (например, `10001...10099`) * **City** — город * **Rate %** — процентная ставка * **Tax name** — название налога для чеков * **Priority** — приоритет при пересечении правил * **Compound** — составной налог (налог на налог) ### Импорт/экспорт ставок [Заголовок раздела «Импорт/экспорт ставок»](#импортэкспорт-ставок) CSV-файл со ставками можно импортировать через кнопку **Import CSV** на странице ставок. ## Автоматические налоги: WooCommerce Tax [Заголовок раздела «Автоматические налоги: WooCommerce Tax»](#автоматические-налоги-woocommerce-tax) Плагин [WooCommerce Tax](https://woocommerce.com/products/tax/) (бесплатно) автоматически рассчитывает налоги: * Определяет ставки на основе адреса покупателя * Поддерживает США (state + local), Канаду, ЕС, Великобританию, Австралию * Обновляет ставки автоматически ## НДС для стран ЕС [Заголовок раздела «НДС для стран ЕС»](#ндс-для-стран-ес) Для цифровых товаров, продаваемых в ЕС, действуют особые правила: * НДС взимается по ставке страны **покупателя** * Требуется валидация VAT-номера для B2B-продаж * Плагин [EU VAT Number](https://woocommerce.com/products/eu-vat-number/) помогает с валидацией Подробнее: [Setting up EU VAT rates for digital products](https://woocommerce.com/document/setting-up-eu-vat-rates-for-digital-products/). ## PHP-пример: кастомная налоговая ставка [Заголовок раздела «PHP-пример: кастомная налоговая ставка»](#php-пример-кастомная-налоговая-ставка) ```php add_filter('woocommerce_find_rates', function($matched_tax_rates, $country, $state, $postcode, $city, $tax_class) { // Дополнительная ставка 5% для конкретного региона if ($country === 'US' && $state === 'NY') { $matched_tax_rates['custom_ny'] = [ 'rate' => 5.0, 'label' => 'NY Special Tax', 'shipping' => 'yes', 'compound' => 'no', ]; } return $matched_tax_rates; }, 10, 6); ``` ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [Приём платежей](../payments) * [Управление заказами](../orders) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Setting up taxes in WooCommerce](https://woocommerce.com/document/setting-up-taxes-in-woocommerce/) * [How taxes work in WooCommerce](https://woocommerce.com/document/how-taxes-work-in-woocommerce/) * [WooCommerce Tax guide](https://woocommerce.com/document/woocommerce-shipping-and-tax/woocommerce-tax/) * [Collect sales tax (WordPress.com course)](https://wordpress.com/support/courses/build-your-store-with-woocommerce/collect-sales-tax/) ---------- # WordPress как платформа > Платформа WordPress: выбор формата сайта, запуск, AI Builder, headless-подход и установка на популярных хостингах. ## Что в этом разделе [Заголовок раздела «Что в этом разделе»](#что-в-этом-разделе) Здесь собраны все материалы, которые помогают использовать WordPress как платформу для запуска сайта. Если нужен быстрый старт, типовой сайт, headless-сценарий или пошаговая установка на хостингах, это входная точка. ## Старт и выбор формата [Заголовок раздела «Старт и выбор формата»](#старт-и-выбор-формата) * [Что выбрать: сайт, блог или сайт с блогом](./faq/choose-website-or-blog) * [Как создать сайт: AI, пятишаговый старт и дизайн-план](./faq/create-website-workflow) * [Headless WordPress с Next.js: создание сайта на Jamstack](./faq/headless-wordpress-nextjs) ## Установка на хостингах [Заголовок раздела «Установка на хостингах»](#установка-на-хостингах) * [WordPress на Beget](./faq/wordpress-on-beget) * [WordPress на Timeweb](./faq/wordpress-on-timeweb) * [WordPress на REG.RU](./faq/wordpress-on-regru) * [WordPress на Yandex Cloud](./faq/wordpress-on-yandex-cloud) ## Когда выбирать WordPress [Заголовок раздела «Когда выбирать WordPress»](#когда-выбирать-wordpress) * когда нужен контентный сайт с удобной админкой; * когда важны редактор, темы, плагины и быстрый запуск; * когда проект можно начать как типовой, а потом дорастить; * когда нужен headless-подход с Next.js или другой frontend-архитектурой. ## Связанные материалы [Заголовок раздела «Связанные материалы»](#связанные-материалы) * [WP Stack](../) * [Типовые сайты и проекты](../wordpress/faq/how-to/website-types-and-projects) * [Кастомный сайт или веб-приложение](../pricing/custom-projects/) ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [WordPress documentation](https://wordpress.org/documentation/) * [How to install WordPress](https://wordpress.org/documentation/article/install-wordpress/) ---------- # Enable Abilities for MCP: готовый набор инструментов для AI-агентов > Плагин Enable Abilities for MCP: 71 готовая Ability в 16 категориях для MCP Adapter — контент, SEO, WooCommerce, Elementor, llms.txt, кэш. Установка, безопасность, сценарии. ## Что делает плагин [Заголовок раздела «Что делает плагин»](#что-делает-плагин) **Enable Abilities for MCP** регистрирует готовый набор WordPress Abilities и открывает их AI-ассистентам через [MCP Adapter](../../../ai/wordpress-mcp-adapter). Вместо того чтобы писать свои abilities с нуля, вы получаете **71 инструмент в 16 категориях** с админкой для включения/выключения каждого. Позиционирование в стеке: * **Abilities API** (ядро WP 6.9+) — реестр возможностей сайта * **MCP Adapter** — транспорт: публикует Abilities как MCP tools для Claude, Cursor, VS Code и других клиентов * **Enable Abilities for MCP** — контентный слой: конкретный набор инструментов для управления сайтом Все abilities плагина идут с метаданными `show_in_rest` и `mcp.public` — они сразу видны в default MCP server без дополнительного кода (см. [публикацию Abilities через MCP](../../../ai/wordpress-mcp-adapter)). ## Требования [Заголовок раздела «Требования»](#требования) * WordPress 6.9 или новее (Abilities API в ядре) * Плагин [MCP Adapter](https://github.com/WordPress/mcp-adapter/releases), установленный и настроенный * PHP 8.0 или новее ## Установка и настройка [Заголовок раздела «Установка и настройка»](#установка-и-настройка) 1. **Плагины → Добавить новый** → найти «Enable Abilities for MCP» → установить и активировать. 2. Перейти в **Настройки → WP Abilities** — там тумблеры для каждой ability, сгруппированные по категориям. 3. Установить и настроить MCP Adapter, подключить AI-клиент по STDIO или HTTP (конфиги — в [практическом руководстве по MCP Adapter](../../../ai/wordpress-mcp-adapter)). ⚠️ **По умолчанию после активации включены почти все abilities.** Перед боевым подключением пройдитесь по списку и выключите лишнее — особенно write-инструменты, которые не нужны вашему сценарию. Деструктивные abilities для Elementor и LearnDash выключены по умолчанию (opt-in). На Multisite плагин можно активировать для всей сети — у каждого сайта своя конфигурация abilities. ## Категории abilities [Заголовок раздела «Категории abilities»](#категории-abilities) | Категория | Что даёт AI-агенту | | --------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Core** | Информация о сайте, пользователе, окружении (обёртки над core abilities) | | **Read** | Посты с фильтрами (статус, категория, тег, поиск), страницы, категории, теги, комментарии, медиа, пользователи | | **Write** | Создание/обновление/удаление постов и страниц, категории и теги, модерация и ответы на комментарии, загрузка изображений по URL в медиабиблиотеку (с назначением featured image) | | **SEO — Rank Math** | Чтение и обновление метаданных: title, description, focus keyword, canonical, robots, Open Graph | | **SEO — SEOPress** | Чтение/обновление метаданных + content analysis с уровнями влияния и рекомендациями (SEOPress 7.5+) | | **SEO — Yoast** | Чтение/обновление метаданных + получение и парсинг sitemap index | | **Custom Post Types** | Список CPT, чтение/создание/обновление/удаление элементов с таксономиями и meta-полями (ACF, JetEngine и др.) | | **WooCommerce** | Товары (цена, SKU, остатки, вариации), заказы (HPOS-compatible), клиенты | | **The Events Calendar** | События: список с фильтрами по датам/площадке/организатору, создание и обновление | | **Elementor** | Дерево структуры страницы, правка элемента по id (в т.ч. batch), привязка dynamic tags (opt-in) | | **LearnDash** | Курсы, прогресс пользователей, результаты квизов; запись/отписка пользователей (opt-in) | | **JetEngine Options Pages** | Список options pages со схемой полей, чтение и запись значений (включая repeater) | | **Code Snippets** | Управление сниппетами | | **Multilanguage** | Инструменты для мультиязычных сайтов | | **AI Agent Readiness** | Чтение и валидация `llms.txt`, запись с авто-маршрутизацией (SEOPress Pro / виртуальный файл) | | **Utility** | Поиск и замена текста в контенте, статистика сайта, обновление любого meta-поля по ключу (с блоклистом защищённых), очистка кэша | ## Ключевые сценарии [Заголовок раздела «Ключевые сценарии»](#ключевые-сценарии) ### SEO-аудит и правки через AI-агента [Заголовок раздела «SEO-аудит и правки через AI-агента»](#seo-аудит-и-правки-через-ai-агента) Связка read + write abilities закрывает полный цикл SEO-работы агента: 1. Агент читает пост с SEO-метаданными (`ewpa/get-post`) 2. Получает content analysis от SEOPress (`ewpa/get-seopress-content-analysis`) — каждая проверка с уровнем влияния и текстовой рекомендацией 3. Обновляет мету (`ewpa/update-seopress`, `ewpa/update-yoast`, `ewpa/update-rank-math`) 4. С параметром `refresh=true` запускает повторный анализ и проверяет результат Для Yoast дополнительно доступен sitemap index — агент может построить карту всех URL сайта с датами изменений. ### Stale-audit loop и очистка кэша [Заголовок раздела «Stale-audit loop и очистка кэша»](#stale-audit-loop-и-очистка-кэша) Тонкая проблема production: write-abilities, которые правят meta напрямую (`update-seopress`, `update-post-meta`, `elementor-update-element`), **не вызывают `save_post`** — кэш-плагины продолжают отдавать старый HTML, и SEO-аудит показывает устаревшие title/description после правок агента. Ability `ewpa/clear-cache` (с версии 2.0.24) решает это: чистит кэш одного поста (`post_id`, требует `edit_post`) или всего сайта (требует `manage_options`). Автоопределяет WP Rocket, LiteSpeed Cache, W3 Total Cache, WP Super Cache, WP Fastest Cache; при их отсутствии откатывается на объектный кэш WordPress. Про настройку кэширования см. [Кэширование WordPress](../../cache/server-level-cache). ### Управление llms.txt [Заголовок раздела «Управление llms.txt»](#управление-llmstxt) Категория AI Agent Readiness (2 abilities): * `ewpa/get-llms-txt` — читает `llms.txt`, определяет, кто его отдаёт (SEOPress Pro, физический файл, сам плагин, сторонний компонент или никто), и валидирует по спецификации llmstxt.org с конкретными замечаниями (нет H1, нет blockquote-резюме, нет markdown-ссылок, сырой HTML, превышение размера) * `ewpa/update-llms-txt` (opt-in, `manage_options`) — записывает содержимое с авто-маршрутизацией: в опцию SEOPress Pro, если активен (динамические плейсхолдеры продолжают работать), либо в виртуальный `/llms.txt`, который плагин отдаёт через `do_parse_request`. Отказывает, если файл уже обслуживается физически или сторонним плагином Теорию и назначение файла см. [LLMs.txt для AI-агентов](../../../ai/llms-txt-for-ai-agents). ### WooCommerce [Заголовок раздела «WooCommerce»](#woocommerce) Отдельные abilities работают через нативный WooCommerce API (HPOS-compatible, декларировано формально): * товары: список с ценой, SKU, остатками, категориями; деталь с галереей, атрибутами, вариациями; обновление цены, акционной цены, остатков, статуса * заказы: список с клиентом/суммой/статусом/датой, деталь с line items и адресами, смена статуса с опциональной заметкой * клиенты: email, имя, сумма покупок, число заказов Кроме того, секция Custom Post Types автоматически видит товары, заказы, купоны и любые другие CPT с полным доступом к meta-полям (`_price`, `_sku`, `_stock_status` и др.). Общий контекст — в разделе [WooCommerce для WordPress](../../../woocommerce/). ## Модель безопасности [Заголовок раздела «Модель безопасности»](#модель-безопасности) Плагин построен на стандартных механизмах прав WordPress: * каждая ability проверяет capabilities — например, создание поста требует `publish_posts`, правка поста проверяет права на конкретный пост * per-post permission checks: чтение поста требует `current_user_can('read_post', $id)`, а не только общего `read` (закрыт IDOR, найденный в версиях до 2.0.18: низкопривилегированный пользователь с Application Password мог читать чужие черновики и приватные посты по ID) * обновление meta-полей — с блоклистом защищённых внутренних ключей * входные данные санитизируются; плагин полностью проходит WPCS (phpcs) * ошибки прав доступа возвращают описательный `WP_Error` (нет параметра / нет поста / реальный отказ), а не голое «Permission denied» **Рекомендации для production:** * заведите отдельного пользователя для MCP-доступа с минимально необходимой ролью * начинайте с read-only набора, write-abilities включайте точечно * помните: Bearer-токен MCP Adapter аутентифицируется как конкретный WP-пользователь, и его роль определяет потолок прав Общий baseline — в [Базовой безопасности WordPress](../../../websites/security/wordpress-security-basics), модель прав MCP — в [практическом руководстве по MCP Adapter](../../../ai/wordpress-mcp-adapter). ## Расширение своими abilities [Заголовок раздела «Расширение своими abilities»](#расширение-своими-abilities) Плагин регистрирует abilities стандартным API — рядом можно добавить свои: ```php add_action( 'wp_abilities_api_init', function () { wp_register_ability( 'myplugin/get-report', [ 'label' => 'Get sales report', 'description' => 'Returns aggregated sales data for the last 30 days.', 'input_schema' => [ 'type' => 'object' ], 'execute_callback' => 'myplugin_build_report', 'permission_callback' => fn() => current_user_can( 'manage_woocommerce' ), 'meta' => [ 'mcp' => [ 'public' => true ] ], ] ); } ); ``` Кастомные abilities появятся рядом с инструментами плагина в default MCP server. Детали регистрации и публикации — в [WordPress MCP Adapter](../../../ai/wordpress-mcp-adapter). ## Когда плагин нужен, а когда нет [Заголовок раздела «Когда плагин нужен, а когда нет»](#когда-плагин-нужен-а-когда-нет) **Нужен, если:** * подключаете AI-агента к боевому сайту и не хотите писать десятки abilities руками * нужен SEO-контур: аудит меты + правки + повторная проверка * агент должен работать с WooCommerce, Elementor, LearnDash или The Events Calendar * хотите управлять набором инструментов через UI, а не кодом **Не нужен, если:** * достаточно 2–3 собственных abilities — проще зарегистрировать их в своём плагине (см. пример выше) * нужен строго фиксированный контур инструментов — тогда лучше кастомный MCP server с явным списком abilities (схема — в [руководстве по MCP Adapter](../../../ai/wordpress-mcp-adapter)) ## Связанные страницы [Заголовок раздела «Связанные страницы»](#связанные-страницы) * [WordPress MCP Adapter: практический запуск](../../../ai/wordpress-mcp-adapter) — установка адаптера, конфиги клиентов, кастомные серверы * [AI-архитектура WordPress](../../../ai/wp-ai-architecture) — место Abilities API и MCP в экосистеме * [LLMs.txt для AI-агентов](../../../ai/llms-txt-for-ai-agents) — теория и спецификация llms.txt * [Плагины WordPress: основы выбора и установки](../../plugins/plugins-basics) * [SEO-плагины WordPress: сравнение и выбор](../../plugins/seo-plugins) — Rank Math, SEOPress, Yoast, которыми управляет плагин ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Enable Abilities for MCP — каталог WordPress.org](https://wordpress.org/plugins/enable-abilities-for-mcp/) * [MCP Adapter — релизы на GitHub](https://github.com/WordPress/mcp-adapter/releases) * [Спецификация llms.txt](https://llmstxt.org/) ---------- # Кэширование в WordPress: обзор > Три вида кэширования в ядре WordPress: страничный кэш, объектный кэш и transients. Как они связаны, когда что использовать, карта подраздела. Кэширование — главный инструмент ускорения WordPress и снижения нагрузки на сервер. В ядре существует три основных вида кэширования, и каждый решает свою задачу. ## Что такое кэш [Заголовок раздела «Что такое кэш»](#что-такое-кэш) Кэш — промежуточный буфер, который хранит часто используемые данные в памяти или на диске и ускоряет их выдачу. Типичные кандидаты на кэширование: * запрос последнего сообщения из внешней сети (Twitter/X, Telegram); * вывод погоды со стороннего сервиса; * выборка последних записей из базы данных; * название сайта и другие опции из базы данных. Пример: если на главной выводится последний твит, не нужно дергать внешний API при каждом посещении. Достаточно одного запроса, результат сохраняется в кэш на заданное время, а следующие посетители получают его мгновенно. ## Три вида кэширования [Заголовок раздела «Три вида кэширования»](#три-вида-кэширования) | Вид | Что хранит | Где реализован | Постоянство | | ------------------------------- | ----------------------------- | ----------------------------------------- | ----------------------------------------- | | [Страничный кэш](./page-cache) | HTML страницы целиком | Плагины (WP Super Cache, Surge, Batcache) | Зависит от плагина | | [Объектный кэш](./object-cache) | Данные произвольного типа | Ядро (`WP_Object_Cache`) | Один запрос; постоянный с Redis/Memcached | | [Transients](./transients) | Данные с временем жизни (TTL) | Ядро (Transients API) | Постоянный: БД или внешний object cache | Все три вида пересекаются и зависят друг от друга: * При включённом страничном кэше до объектного кэша дело часто не доходит — страница отдаётся целиком из статики. * Batcache вообще использует объектный кэш для хранения страниц. * Transients при наличии внешнего объектного кэша (Redis, Memcached) хранят данные в нём, а не в базе. ## Когда что применять [Заголовок раздела «Когда что применять»](#когда-что-применять) **Для большинства сайтов** достаточно страничного кэша — это первое, что стоит сделать при проблемах со скоростью, особенно на дешёвом хостинге. Плагины легко установить и настроить. **Для разработчиков тем и плагинов** важно понимать объектный кэш и transients: ядро само кэширует опции, записи, мета-данные и термины, поэтому не нужно бояться функций `get_option()` и `get_post()` — они не создают лишних запросов к базе. **Для высоких нагрузок** добавляются внешние хранилища (Redis, Memcached) и серверный уровень (Varnish, Nginx FastCGI Cache) — см. [Кэширование WordPress: инфраструктурный уровень](./server-level-cache). ## Страницы подраздела [Заголовок раздела «Страницы подраздела»](#страницы-подраздела) * [Кэширование страниц](./page-cache) — плагины page cache: WP Super Cache, W3 Total Cache, Batcache, Surge, WP Rocket; сравнение и выбор. * [Кэширование объектов](./object-cache) — полный API `WP_Object_Cache`: функции, группы, persistent backends, нюансы опций. * [Transients API](./transients) — транзитное кэширование с TTL и матрица выбора: object cache vs transient vs option. * [Surge](./surge) — zero-config страничный кэш от Konstantin Kovshenin: WP-CLI, 1000–2500 RPS на слабом VPS. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Основы кэширования в WordPress](https://wpmag.ru/2013/keshirovaniye-wordpress/) — Константин Ковшенин, WP Magazine * [Кэширование объектов в WordPress](https://wpmag.ru/2014/keshirovanie-obektov-wordpress/) — Константин Ковшенин, WP Magazine * [Кеширование WordPress: WP Super Cache, WP Rocket, Surge](https://wpcraft.ru/blog/cache-wordpress) — WPCraft ---------- # Кэширование объектов в WordPress > Полный разбор WP_Object_Cache API: wp_cache_get/set/add/replace/delete, группы (глобальные и непостоянные), persistent object cache через Redis/Memcached, особенности опций и autoload. ## Что такое объектный кэш [Заголовок раздела «Что такое объектный кэш»](#что-такое-объектный-кэш) Кэширование объектов (object cache) — встроенный механизм ядра WordPress, который сохраняет данные произвольного типа и отдаёт их при повторных обращениях. Используется для хранения результатов сложных операций: запросов к базе, вычислений, внешних вызовов. Пример без кэша — каждый вызов функции бьёт в базу: ```php function foo() { global $wpdb; return $wpdb->get_results( "SELECT ..." ); } foo(); // SQL! foo(); // SQL! foo(); // SQL! ``` Та же функция с объектным кэшем: ```php function foo() { global $wpdb; $cache = wp_cache_get( 'foo' ); if ( $cache ) { return $cache; } $value = $wpdb->get_results( "SELECT ..." ); wp_cache_add( 'foo', $value ); return $value; } foo(); // SQL! foo(); // cache foo(); // cache ``` В ядре объектный кэш используется практически для всего: опции, записи, страницы, метки, категории, пользователи. Именно поэтому повторные вызовы `get_option()` или `get_post()` в одном запросе не создают лишних запросов к базе. ## Основные функции [Заголовок раздела «Основные функции»](#основные-функции) Кэш реализован классом `WP_Object_Cache`, но работать с ним удобнее через вспомогательные функции. ### wp\_cache\_get() [Заголовок раздела «wp\_cache\_get()»](#wp_cache_get) Читает значение по ключу. Если ключ не найден — возвращает `false`. ```php $value = wp_cache_get( 'key' ); $value = wp_cache_get( 'key', 'my-group' ); ``` Два редких дополнительных параметра: * `$force` — принудительный поиск во внешнем хранилище в обход локального кэша; * `$found` — переменная по ссылке, становится `true`/`false` в зависимости от того, найдено ли значение. Полезно, когда в кэше может лежать легитимный `false`: ```php $value = wp_cache_get( 'key', 'default', false, $found ); if ( ! $found ) { // Ключа точно нет в кэше — регенерируем } ``` ### wp\_cache\_add() [Заголовок раздела «wp\_cache\_add()»](#wp_cache_add) Добавляет значение по ключу. Если ключ уже существует — **ничего не делает** и возвращает `false`. ```php $added = wp_cache_add( 'key', 'value' ); $added = wp_cache_add( 'key', 'value', 'my-group' ); ``` Параметры: `$key`, `$data`, `$group` (по умолчанию `default`), `$expire` (время жизни — работает только в некоторых persistent-плагинах). ### wp\_cache\_set() [Заголовок раздела «wp\_cache\_set()»](#wp_cache_set) Те же параметры, но **перезаписывает** значение, если оно уже есть. Если значения нет — добавляет. ```php wp_cache_set( 'key', 'value', 'my-group' ); ``` ### wp\_cache\_replace() [Заголовок раздела «wp\_cache\_replace()»](#wp_cache_replace) Заменяет **только существующее** значение. Если ключа нет — ничего не добавляет. ```php wp_cache_replace( 'key', 'new-value', 'my-group' ); ``` Логика трёх функций: `add` — только если нет; `set` — в любом случае; `replace` — только если есть. ### wp\_cache\_delete() [Заголовок раздела «wp\_cache\_delete()»](#wp_cache_delete) Удаляет значение по ключу. Вернёт `true`, если значение найдено и удалено. ```php $deleted = wp_cache_delete( 'key', 'my-group' ); ``` ### wp\_cache\_incr() и wp\_cache\_decr() [Заголовок раздела «wp\_cache\_incr() и wp\_cache\_decr()»](#wp_cache_incr-и-wp_cache_decr) Инкремент и декремент числовых значений — для счётчиков: ```php wp_cache_incr( 'key' ); // +1 wp_cache_incr( 'key', 2 ); // +2 wp_cache_incr( 'key', 1, 'my-group' ); wp_cache_decr( 'key' ); // -1 ``` ### wp\_cache\_flush() [Заголовок раздела «wp\_cache\_flush()»](#wp_cache_flush) Сбрасывает **весь** объектный кэш. Использовать с особой осторожностью: на нагруженном сайте полный сброс вызывает всплеск запросов к базе. ## Постоянство кэша [Заголовок раздела «Постоянство кэша»](#постоянство-кэша) По умолчанию объектный кэш в WordPress **непостоянный**: значения живут только в рамках одного запроса, при следующем запросе кэш пуст. Это не бесполезно: за один запрос WordPress вызывает `get_option()` около 500 раз — кэш в памяти схлопывает их до одного обращения к базе. ### Внешний (постоянный) объектный кэш [Заголовок раздела «Внешний (постоянный) объектный кэш»](#внешний-постоянный-объектный-кэш) Постоянный кэш реализуется плагинами, которые подменяют хранилище на внешнее: * [Redis Object Cache](https://wordpress.org/plugins/redis-cache/) — самый популярный сегодня, с экраном диагностики в админке; * [Memcached Object Cache](https://wordpress.org/plugins/memcached/) — классика для highload; * [WordPress Redis Backend](https://github.com/ericmann/wordpress-redis-backend) — альтернативная реализация для Redis. Технически это drop-in `object-cache.php` в `wp-content/`. При выборе хранилища учитывайте, сколько памяти потребуется самым частым объектам — и конфигурируйте сервер с запасом. Проверка наличия внешнего кэша в коде плагина: ```php if ( wp_using_ext_object_cache() ) { wp_cache_set( 'key', 'value' ); } else { update_option( 'key', 'value' ); } ``` С внешним кэшем появляется понятие **локального кэша**: при повторном запросе ключа в рамках одного запроса страницы плагин не дёргает Memcached/Redis повторно, а отдаёт значение из памяти PHP. Параметр `$force` в `wp_cache_get()` позволяет обойти это поведение. ## Группы [Заголовок раздела «Группы»](#группы) Параметр `$group` позволяет использовать один и тот же ключ в разном контексте — фактически это префикс ключа. Группы имеют значение при работе в режиме Multisite и с внешними хранилищами. Группы ядра: `default`, `posts`, `options`, `comment`, `themes`, `plugins`, `users`. ### Глобальные группы [Заголовок раздела «Глобальные группы»](#глобальные-группы) В Multisite к каждому ключу добавляется префикс с ID сайта (аналог префиксов таблиц `wp_3_posts`, `wp_4_posts`). Глобальные группы — исключение: они общие для всей сети. Классический пример — `users`: пользователи хранятся в одной глобальной таблице независимо от сайта. Другие глобальные группы ядра: `themes`, `blog-details`, `site-options`, `site-transient`. Добавить свою глобальную группу: ```php wp_cache_add_global_groups( 'my-global-group' ); ``` ### Непостоянные группы [Заголовок раздела «Непостоянные группы»](#непостоянные-группы) Постоянные группы — те, что пишутся во внешнее хранилище при наличии плагина. По умолчанию постоянны все группы; исключить группу можно так: ```php wp_cache_add_non_persistent_groups( 'my-group' ); ``` Значения такой группы сохраняются только в локальном кэше PHP и не уходят в Redis/Memcached. Непостоянные группы ядра: `comment`, `counts`, `themes`, `plugins`. ## Отключение кэша [Заголовок раздела «Отключение кэша»](#отключение-кэша) При импорте большого объёма данных добавление каждого элемента в кэш — лишняя работа. Отключить добавление на время: ```php wp_suspend_cache_addition( true ); // отключить добавление в кэш // ... импорт тысяч записей ... wp_suspend_cache_addition( false ); // включить обратно ``` Похожая функция `wp_suspend_cache_invalidation()` отключает сброс кэша, но работает только для кэша записей при вызове `clean_post_cache()`. ## Объектный кэш и опции [Заголовок раздела «Объектный кэш и опции»](#объектный-кэш-и-опции) Опции имеют особое отношение с кэшем. При первом вызове `get_option()` ядро выполняет `wp_load_alloptions()` — одним запросом загружает **все** опции с флагом `autoload` в кэш. Первый `get_option()` вызывается ядром ещё до загрузки темы. Поэтому такой код не выполняет ни одного запроса к базе: ```php echo get_option( 'blogdescription' ); if ( get_option( 'comments_open' ) ) { printf( 'На сайте %s комментарии открыты', get_option( 'blogname' ) ); } echo 'Свяжитесь с нами: ' . get_option( 'admin_email' ); ``` Практический вывод: не бойтесь `get_option()`, `bloginfo()` и `get_post_meta()` (использует такой же подход). Советы «убрать обращения к get\_option() для ускорения» — миф, основанный на непонимании кэша. Следствие для архитектуры: опции с `autoload = yes` загружаются при каждом запросе. Не складируйте в autoload-опции большие массивы данных — это замедляет каждый запрос. ## Отладка [Заголовок раздела «Отладка»](#отладка) Статистику обращений к кэшу и потребление памяти по группам показывает плагин [Debug Bar](https://wordpress.org/plugins/debug-bar/). При наличии внешнего кэша Debug Bar покажет каждое обращение к внешнему серверу. Для глубокого изучения механизма смотрите исходник `wp-includes/cache.php` в ядре. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Кэширование объектов в WordPress](https://wpmag.ru/2014/keshirovanie-obektov-wordpress/) — Константин Ковшенин, WP Magazine * [Основы кэширования в WordPress](https://wpmag.ru/2013/keshirovaniye-wordpress/) — Константин Ковшенин, WP Magazine * [Transients API](../transients) — транзитное кэширование с TTL * [Кэширование WordPress: инфраструктурный уровень](../server-level-cache) — OPcache, Varnish, Nginx FastCGI ---------- # Кэширование страниц в WordPress > Страничный кэш (page cache): как работает, плагины WP Super Cache, W3 Total Cache, Batcache, Surge и WP Rocket — сравнение архитектур, мультисерверность, критерии выбора. ## Как работает страничный кэш [Заголовок раздела «Как работает страничный кэш»](#как-работает-страничный-кэш) Для выдачи одной страницы WordPress проделывает много работы: несколько запросов в базу за последними записями, настройками виджетов и темы, активными плагинами, названием сайта, фоном и десятками других данных. Кэширование страниц (page cache) сохраняет результат целиком. При повторном запросе по тому же адресу отдаётся готовая страница из кэша — быстрее и с минимальной нагрузкой на сервер. При изменении записи кэш сбрасывается и пересоздаётся с новыми данными. В ядре WordPress страничный кэш не реализован — но есть все необходимые хуки для реализации на уровне плагинов. Для 80% сайтов статического страничного кэша достаточно, чтобы всё работало быстро. ## Сравнение плагинов [Заголовок раздела «Сравнение плагинов»](#сравнение-плагинов) | Плагин | Хранилище | Архитектура | Мультисерверность | Интерфейс | Для кого | | -------------- | -------------------------------- | ------------------------------------------------------------------------------- | ----------------------- | ------------------------------ | ----------------- | | WP Super Cache | Файловая система | Статические HTML, может отдавать напрямую через Apache/nginx в обход PHP | Сложно (файлы локальны) | Админка | Новички и опытные | | W3 Total Cache | Диск или память | Не сохраняет структуру для отдачи без PHP, зато работает с внешними хранилищами | Да | Админка, очень много настроек | Опытные | | Batcache | Внешний object cache (Memcached) | Страницы в объектном кэше | Да | Только PHP-конфиг, без админки | Профессионалы | | Surge | Файловая система | Drop-in `advanced-cache.php`, zero-config | Сложно | Нет настроек, WP-CLI | Разработчики | | WP Rocket | Файловая система | Page cache + оптимизация фронтенда | Сложно | Админка, максимум автоматики | Все, платно | ### WP Super Cache [Заголовок раздела «WP Super Cache»](#wp-super-cache) [WP Super Cache](https://wordpress.org/plugins/wp-super-cache/) — самый популярный и один из старейших плагинов страничного кэша. Создаёт статические HTML-файлы, а при правильной конфигурации веб-сервер (Apache или nginx) отдаёт их напрямую, вообще минуя PHP. Дополнительно: настройка CDN, поддержка мобильной версии. Подходит и новичкам, и опытным пользователям. Ограничение: файловое хранилище крайне сложно синхронизировать между двумя и более веб-серверами. ### W3 Total Cache [Заголовок раздела «W3 Total Cache»](#w3-total-cache) [W3 Total Cache](https://wordpress.org/plugins/w3-total-cache/) — многоуровневый комбайн: страницы, запросы к базе, объекты, браузерный кэш, сжатие скриптов и стилей, CDN. Хранит кэш и на диске, и в памяти (Memcached, Redis). Ключевое отличие от WP Super Cache: не сохраняет структуру статических файлов, поэтому отдача без PHP невозможна — зато внешние хранилища позволяют легко работать в многосерверной архитектуре. Из-за огромного количества настроек рекомендуется опытным пользователям. ### Batcache [Заголовок раздела «Batcache»](#batcache) [Batcache](https://github.com/Automattic/batcache) — плагин от Automattic с единственной функцией: кэширование страниц, но безупречное. Использует внешнее кэширование объектов (Memcached) для хранения страниц, поэтому легко масштабируется на многосерверную архитектуру. Исторически Batcache был основой кэширования сети WordPress.com: более 40 млн сайтов, 2000+ серверов, миллиарды просмотров страниц в месяц. У плагина нет даже страницы настроек — вся конфигурация в PHP-файле. Сегодня развивается слабо, но остаётся рабочим вариантом для highload-проектов с Memcached. Только для профессиональных разработчиков. ### Surge [Заголовок раздела «Surge»](#surge) [Surge](https://wordpress.org/plugins/surge/) — современный zero-config плагин от Konstantin Kovshenin: статические HTML на диске, автоинвалидация, управление через WP-CLI. В тестах держит 1000–2500 RPS на одноядерном VPS с 1 ГБ RAM. Подробный разбор: [Surge: статический кэш без настроек](../surge). ### WP Rocket [Заголовок раздела «WP Rocket»](#wp-rocket) [WP Rocket](https://wp-rocket.me/) — премиум-плагин, считается одним из самых эффективных решений. Помимо страничного кэша: минификация, lazy load, preload, оптимизация БД, CDN. Подходит и новичкам за счёт автоматических настроек, и профессионалам за счёт гибкости. ## Как выбрать [Заголовок раздела «Как выбрать»](#как-выбрать) Зависит от размера сайта, возможностей хостинга и опыта: * **Начинаете с нуля** → WP Super Cache (бесплатно, просто) или WP Rocket (платно, максимум из коробки). * **Нужна тонкая настройка и внешние хранилища** → W3 Total Cache. * **VPS, инфраструктура как код, WP-CLI** → Surge. * **Мультисерверный highload с Memcached** → Batcache. * **Магазин WooCommerce** → см. [Кэширование в WooCommerce](../../../woocommerce/caching) — динамические страницы (корзина, чекаут, кабинет) исключаются из кэша. ## Гибридные подходы [Заголовок раздела «Гибридные подходы»](#гибридные-подходы) Статический кэш страниц может комбинироваться с динамическими методами: часть контента отдаётся статикой, часть рендерится на клиенте (CSR), часть на сервере (SSR). Гибридные схемы — сложная инженерная тема уровня highload-архитектуры: нужно чётко понимать, что кэшируется где и как инвалидируется. Для большинства проектов достаточно простого страничного кэша + исключений для динамических страниц. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Основы кэширования в WordPress](https://wpmag.ru/2013/keshirovaniye-wordpress/) — Константин Ковшенин, WP Magazine (сравнение WP Super Cache, W3 Total Cache, Batcache) * [Кеширование WordPress: WP Super Cache, WP Rocket, Surge](https://wpcraft.ru/blog/cache-wordpress) — WPCraft * [Кэширование WordPress: инфраструктурный уровень](../server-level-cache) — браузерный кэш, OPcache, Varnish, многоуровневая схема ---------- # Кэширование WordPress: инфраструктурный уровень > Кэширование на уровне инфраструктуры: браузерный кэш, OPcache, Varnish, Nginx FastCGI — многоуровневая схема и выбор стратегии для WordPress. Помимо трёх механизмов кэширования в ядре ([страничный кэш](../page-cache), [объектный кэш](../object-cache), [transients](../transients)), скорость WordPress зависит от инфраструктурного уровня: браузера, PHP-движка и сервера перед веб-сервером. Для немедленного эффекта установите плагин страничного кэша: [WP Rocket](https://wp-rocket.me/) (премиум), [WP Super Cache](https://wordpress.org/plugins/wp-super-cache/) (бесплатный) или [Surge](https://wordpress.org/plugins/surge/) (бесплатный, zero-config). Подробнее об общих принципах оптимизации — [Оптимизация WordPress](../../../websites/performance/optimization). Общая картина всех видов кэша сайта, включая сравнение с другими платформами (Bitrix, Astro, Next.js): [Кэширование сайтов](../../../websites/performance/cache). ## Браузерный кэш [Заголовок раздела «Браузерный кэш»](#браузерный-кэш) Браузерный кэш снижает количество запросов к серверу за счёт хранения статических файлов (изображения, CSS, JS) на компьютере посетителя. Сервер отправляет заголовки `Cache-Control` (особенно `max-age`) и `Expires`, а браузер сверяется через [ETag](https://en.wikipedia.org/wiki/HTTP_ETag) вместо повторной загрузки — сервер отвечает `304 Not Modified` вместо `200 OK` с телом файла. ### Пример заголовков в `.htaccess` [Заголовок раздела «Пример заголовков в .htaccess»](#пример-заголовков-в-htaccess) ```apache ExpiresActive On ExpiresByType image/jpg "access plus 1 year" ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType text/css "access plus 1 month" ExpiresByType application/javascript "access plus 1 month" ``` Большинство хостингов (Beget, Timeweb, REG.RU) и плагинов кэширования (WP Rocket, W3 Total Cache) добавляют эти заголовки автоматически — писать правила вручную нужно только на VPS без панели управления. ## Объектный кэш в WordPress [Заголовок раздела «Объектный кэш в WordPress»](#объектный-кэш-в-wordpress) WordPress имеет встроенный API объектного кэша через класс `WP_Object_Cache`. Для подключения внешнего движка (Redis, Memcached) используйте drop-in плагин `object-cache.php` в `wp-content/`. Самый простой путь — плагин [Redis Object Cache](https://wordpress.org/plugins/redis-cache/): он устанавливает drop-in автоматически и добавляет экран диагностики в админке. Работает на серверах с Redis (например, Beget, Timeweb и большинство VPS). Хорошо показывает себя на больших сайтах со сложной логикой и высокой нагрузкой. ```php // Базовое использование WP Object Cache API wp_cache_set('my_key', $data, 'my_group', 3600); $data = wp_cache_get('my_key', 'my_group'); wp_cache_delete('my_key', 'my_group'); ``` Полный разбор API, групп (глобальные, непостоянные) и нюансов опций: [Кэширование объектов](../object-cache). ## Серверный кэш [Заголовок раздела «Серверный кэш»](#серверный-кэш) Серверный кэш сложнее плагинного, но необходим для высоконагруженных сайтов. ### Opcode-кэш [Заголовок раздела «Opcode-кэш»](#opcode-кэш) Ускоряет выполнение PHP, сохраняя скомпилированный байт-код в памяти: * **[OPcache](https://www.php.net/manual/en/book.opcache.php)** — встроен в PHP 5.5+, рекомендуется к включению всегда * **[WinCache](https://www.iis.net/downloads/microsoft/wincache-extension)** — для IIS на Windows ### Reverse Proxy [Заголовок раздела «Reverse Proxy»](#reverse-proxy) Обратный прокси-сервер перед веб-сервером WordPress: * **[Varnish](https://www.varnish-cache.org/)** — мощный HTTP-акселератор, отлично сочетается с плагинами кэширования (W3TC, WP Super Cache) * **Nginx FastCGI Cache** — кэширование на уровне веб-сервера без дополнительного ПО ### Схема многоуровневого кэширования [Заголовок раздела «Схема многоуровневого кэширования»](#схема-многоуровневого-кэширования) ```plaintext Пользователь → CDN → Varnish (reverse proxy) → Nginx/Apache (opcode cache) → WordPress (object cache: Redis) → MySQL ``` ## Выбор стратегии [Заголовок раздела «Выбор стратегии»](#выбор-стратегии) | Уровень сайта | Рекомендация | | ------------------------ | --------------------------------------------- | | Блог на shared-хостинге | Плагин кэширования + браузерный кэш | | Средний сайт на VPS | Плагин + OPcache + объектный кэш (Redis) | | Высоконагруженный проект | Varnish/Nginx FastCGI + Redis + CDN + OPcache | ## Кэширование с WooCommerce [Заголовок раздела «Кэширование с WooCommerce»](#кэширование-с-woocommerce) WooCommerce требует особой настройки кэширования — корзина, чекаут и личный кабинет должны оставаться динамическими. Подробнее: [Кэширование в WooCommerce](../../../woocommerce/caching). ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [WordPress Developer Handbook — Cache](https://developer.wordpress.org/advanced-administration/performance/cache/) — официальная документация * [Основы кэширования в WordPress](https://wpmag.ru/2013/keshirovaniye-wordpress/) — Константин Ковшенин, WP Magazine * [Кэширование объектов в WordPress](https://wpmag.ru/2014/keshirovanie-obektov-wordpress/) — Константин Ковшенин, WP Magazine * [Кеширование WordPress: WP Super Cache, WP Rocket, Surge](https://wpcraft.ru/blog/cache-wordpress) — WPCraft * [Core Caching Concepts in WordPress](https://www.tollmanz.com/core-caching-concepts-in-wordpress/) * [Оптимизация WordPress](../../../websites/performance/optimization) — общий обзор факторов производительности * [PHP-оптимизация](../../../websites/performance/php-optimization) — настройка PHP для WordPress * [Кэширование в WordPress: обзор](../) — раздел базы знаний про механизмы кэширования в ядре ---------- # Surge: статический кэш страниц без настроек > Плагин Surge — zero-config page cache для WordPress: статические HTML-файлы, автоинвалидация, WP-CLI управление, 1000–2500 RPS на слабом VPS. Установка, диагностика, исключения. ## Что такое Surge [Заголовок раздела «Что такое Surge»](#что-такое-surge) [Surge](https://wordpress.org/plugins/surge/) — минималистичный плагин страничного кэширования от Konstantin Kovshenin (core contributor WordPress, ex-Automattic). Генерирует статические HTML-файлы и отдаёт их в обход PHP-цикла WordPress — это ускоряет TTFB и снимает нагрузку с сервера. **Ключевая особенность:** у плагина нет экрана настроек. Он работает из коробки на любом корректно сконфигурированном хостинге. Кэш хранится на диске и автоматически инвалидируется при обновлении контента. В нагрузочных тестах Surge держит **1000–2500 запросов в секунду** при 100 одновременных соединениях на одноядерном VPS с 1 ГБ RAM — это в 70+ раз быстрее стокового WordPress. **Требования:** WordPress 5.7+, PHP 7.3+, протестирован вплоть до WordPress 7.0. Лицензия GPLv3, исходники на [GitHub](https://github.com/kovshenin/surge). ## Установка [Заголовок раздела «Установка»](#установка) Через админку: **Плагины → Добавить новый → поиск «surge» → Установить → Активировать**. Через WP-CLI: ```bash wp plugin install surge --activate ``` При активации плагин записывает drop-in `advanced-cache.php` в `wp-content/` — WordPress подхватывает его на ранней стадии загрузки и отдаёт статический HTML ещё до инициализации ядра. При деактивации drop-in удаляется автоматически. ## Управление через WP-CLI [Заголовок раздела «Управление через WP-CLI»](#управление-через-wp-cli) Плагин ориентирован на разработчиков: основной интерфейс управления — WP-CLI, а не админка. ```bash # Полная очистка кэша wp surge flush # Статус кэша (версия, количество файлов, состояние) wp surge status ``` Альтернатива `wp surge flush` — выключить и включить плагин (toggle activation). ## Как проверить, что кэш работает [Заголовок раздела «Как проверить, что кэш работает»](#как-проверить-что-кэш-работает) Три способа диагностики: 1. **Site Health** — **Инструменты → Здоровье сайта**. Ошибки установки (например, проблемы с `advanced-cache.php` или правами на запись) отображаются там. 2. **Заголовок `X-Cache`** — в ответе сервера видно `HIT` или `MISS`: ```bash curl -I https://example.com/ | grep -i x-cache ``` 3. **Окно инкогнито** — откройте сайт без авторизации: именно так выглядит закэшированная версия для анонимных посетителей. ## Когда происходит cache miss [Заголовок раздела «Когда происходит cache miss»](#когда-происходит-cache-miss) Surge не кэширует запрос в следующих случаях: * вы авторизованы в WordPress; * в браузере установлена уникальная cookie; * в URL есть уникальный query-параметр (маркетинговые параметры — `utm_campaign`, `utm_source` и подобные — игнорируются и кэшу не мешают); * метод запроса не GET и не HEAD. Это стандартное поведение страничного кэша: персонализированный контент никогда не должен попадать в общий кэш. ## Исключение страниц из кэша [Заголовок раздела «Исключение страниц из кэша»](#исключение-страниц-из-кэша) Surge уважает стандартные HTTP-заголовки — отдельных настроек не нужно: * Заголовок **`Cache-Control: no-cache`** (или `max-age=0`) в ответе — страница не кэшируется. Большинство плагинов (WooCommerce, формы, личные кабинеты) отправляют этот заголовок сами. * Константа **`DONOTCACHEPAGE`** — уважается с версии 1.0.5, работает так же, как в WP Super Cache и Batcache: ```php // В functions.php или плагине — отключить кэш для конкретного запроса if ( is_page( 'checkout' ) ) { define( 'DONOTCACHEPAGE', true ); } ``` ## Конфигурация через константы [Заголовок раздела «Конфигурация через константы»](#конфигурация-через-константы) С версии 1.2.0 поддерживаются константы `SURGE_*` в `wp-config.php` для тонкой настройки без UI. Единственный частый случай — хостинги, где функция `fpassthru()` отключена «по соображениям безопасности». Тогда включается альтернативный метод отдачи файлов: ```php // wp-config.php — для хостингов с отключённым fpassthru() define( 'SURGE_FPASSTHRU_ALT', true ); ``` ## Multisite и события [Заголовок раздела «Multisite и события»](#multisite-и-события) * **Multisite** — совместимость улучшена в 1.1.0, плагин работает в сети сайтов. * **Events system** (1.1.0+) — внутренний механизм событий с поддержкой `s-maxage` и `stale-while-revalidate` для гранулярного контроля свежести кэша. В 1.2.0 в события добавлен статус кэша. ## Surge vs другие плагины кэширования [Заголовок раздела «Surge vs другие плагины кэширования»](#surge-vs-другие-плагины-кэширования) | Критерий | Surge | WP Super Cache | WP Rocket | | --------------------- | ----------------- | -------------- | -------------------------------- | | Цена | Бесплатный | Бесплатный | Премиум | | Настройки | Нет (zero-config) | Много | Много + автоматика | | Управление | WP-CLI | Админка | Админка | | Оптимизация фронтенда | Нет | Нет | Да (минификация, lazy load, CDN) | | Для кого | Разработчики | Все | Все | **Когда выбирать Surge:** * VPS или dedicated, где вы управляете сервером сами и не нужен «комбайн» оптимизации; * highload-проект, где важна максимальная отдача статики без оверхеда; * инфраструктура как код — настройка через константы и WP-CLI вписывается в CI/CD; * frontend-оптимизация уже решена другими средствами (тема, CDN, серверная минификация). **Когда НЕ выбирать Surge:** shared-хостинг с сильно урезанными PHP-функциями, или когда нужны минификация, lazy load и preload из коробки — это территория WP Rocket. Полное сравнение всех плагинов страничного кэша: [Кэширование страниц в WordPress](../page-cache). ## Совместимость с WooCommerce [Заголовок раздела «Совместимость с WooCommerce»](#совместимость-с-woocommerce) WooCommerce сам отправляет `Cache-Control: no-cache` для Cart, Checkout и My Account — Surge уважает эти заголовки и не кэширует динамические страницы автоматически. Дополнительная настройка не требуется, но поведение стоит проверить через `X-Cache` после установки. Подробнее: [Кэширование в WooCommerce](../../../woocommerce/caching). ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Surge на WordPress.org](https://wordpress.org/plugins/surge/) * [kovshenin/surge на GitHub](https://github.com/kovshenin/surge) — README, changelog, исходники * [Кеширование WordPress: WP Super Cache, WP Rocket, Surge](https://wpcraft.ru/blog/cache-wordpress) — обзорная статья WPCraft * [Кэширование страниц в WordPress](../page-cache) — сравнение всех плагинов страничного кэша ---------- # Transients API: транзитное кэширование > Transients API в WordPress: set/get/delete_transient, время жизни, хранение в БД vs внешний object cache, когда выбрать transient, object cache или option. ## Что такое транзитное кэширование [Заголовок раздела «Что такое транзитное кэширование»](#что-такое-транзитное-кэширование) Transients API — встроенный механизм WordPress для сохранения данных на **определённый промежуток времени** (TTL). Для посетителей сайта механизм полностью прозрачен — это инструмент разработчика. Типичные сценарии: * фрагменты с данными внешних сервисов: последний твит, прогноз погоды, курсы валют; * результаты тяжёлых запросов к базе, общие для всех пользователей; * агрегированные данные для главной страницы. Ядро само использует transients для RSS-лент и запросов на обновление тем, плагинов и ядра. ## Базовое использование [Заголовок раздела «Базовое использование»](#базовое-использование) Три функции: `set_transient()`, `get_transient()`, `delete_transient()`. ```php // Кэшируем результат внешнего API-запроса на 12 часов function my_get_exchange_rates() { $rates = get_transient( 'exchange_rates' ); if ( false === $rates ) { $response = wp_remote_get( 'https://api.example.com/rates' ); $rates = json_decode( wp_remote_retrieve_body( $response ), true ); set_transient( 'exchange_rates', $rates, 12 * HOUR_IN_SECONDS ); } return $rates; } ``` ```php // Принудительная инвалидация delete_transient( 'exchange_rates' ); ``` Константы времени ядра: `MINUTE_IN_SECONDS`, `HOUR_IN_SECONDS`, `DAY_IN_SECONDS`, `WEEK_IN_SECONDS`, `MONTH_IN_SECONDS`, `YEAR_IN_SECONDS`. ## Где хранятся transients [Заголовок раздела «Где хранятся transients»](#где-хранятся-transients) В отличие от объектного кэша, transients **постоянны по умолчанию** и хранятся в базе данных (таблица `wp_options`). Но при установленном плагине внешнего объектного кэша (Redis, Memcached) transients автоматически начинают храниться в нём — быстрее и без нагрузки на базу. Это же касается site-transients в Multisite (группа `site-transient` — глобальная). ## Object cache, transient или option? [Заголовок раздела «Object cache, transient или option?»](#object-cache-transient-или-option) Матрица выбора по времени жизни данных: | Задача | Инструмент | | ----------------------------------------------------- | ------------------------------ | | Сохранить значение только на текущий запрос | Объектный кэш (`wp_cache_set`) | | Сохранить на определённый срок (минуты — дни) | Transient (`set_transient`) | | Сохранить на неопределённый срок, гарантированно в БД | Опция (`update_option`) | Правило: если данные должны пережить запрос и устареть по расписанию — transient. Если это настройка, а не кэш — опция. Если данные нужны только внутри одного запроса — объектный кэш. При установленном persistent object cache все три механизма используют его. **Важно про опции:** transient с истёкшим TTL удаляется, а опция остаётся навсегда. Не храните временные данные в опциях — таблица `wp_options` разрастается, а autoload-опции грузятся при каждом запросе (см. [Кэширование объектов](../object-cache)). ## Ограничения [Заголовок раздела «Ограничения»](#ограничения) * **Не для персональных данных.** Transients общие для всех посетителей. Для данных, привязанных к пользователю, используйте объектный кэш с ключом или группой по user ID. * **TTL — не гарантия удаления.** Истёкший transient удалится при следующем обращении к нему, а не ровно в момент истечения. * **Внешние API могут падать.** При ошибке `wp_remote_get()` не кэшируйте пустой результат надолго — проверяйте ответ перед `set_transient()`. ## Материалы и источники [Заголовок раздела «Материалы и источники»](#материалы-и-источники) * [Основы кэширования в WordPress](https://wpmag.ru/2013/keshirovaniye-wordpress/) — Константин Ковшенин, WP Magazine * [Кеширование WordPress: WP Super Cache, WP Rocket, Surge](https://wpcraft.ru/blog/cache-wordpress) — WPCraft * [Transients API](https://developer.wordpress.org/apis/handbook/transients/) — официальная документация WordPress * [Кэширование объектов](../object-cache) — объектный кэш и persistent backends ---------- # Блок Custom HTML: вставка кода, панели HTML/CSS/JS и редактируемые слоты > Блок Custom HTML в WordPress: добавление через /html, панели HTML/CSS/JS (WP 7.0), capability unfiltered_html, редактируемые внутренние блоки и innerContent-вариации (WP 7.1). ## Что такое блок Custom HTML [Заголовок раздела «Что такое блок Custom HTML»](#что-такое-блок-custom-html) **Custom HTML** (`core/html`) — блок для вставки произвольного HTML-кода в контент: виджеты сторонних сервисов, embed-коды, трекеры, кастомная разметка, которую нельзя собрать стандартными блоками. ## Добавление блока [Заголовок раздела «Добавление блока»](#добавление-блока) Два способа: 1. **Block Inserter** — кнопка **+** → поиск «Custom HTML». 2. **Слеш-команда** — в пустом абзаце введите `/html` и нажмите Enter. ## Редактирование [Заголовок раздела «Редактирование»](#редактирование) После добавления блока нажмите кнопку **Edit HTML** — откроется модальное окно: * **Слева** — редактор кода, **справа** — живое превью результата. * Кнопка **Enable/disable fullscreen** в правом верхнем углу модала разворачивает окно на весь экран. * **Update** — сохранить код и закрыть модал. **Тулбар блока:** инструменты перемещения (drag-and-drop за шесть точек или стрелки вверх/вниз), кнопка **Edit Code**, меню **More options** (копировать, дублировать, переименовать). Боковой панели настроек у блока нет. ## Панели HTML, CSS и JavaScript (WordPress 7.0+) [Заголовок раздела «Панели HTML, CSS и JavaScript (WordPress 7.0+)»](#панели-html-css-и-javascript-wordpress-70) Начиная с WordPress 7.0, блок имеет **три отдельные панели редактирования**: HTML, CSS и JavaScript. Доступ к панелям CSS и JavaScript ограничен capability **`unfiltered_html`**: * **Есть `unfiltered_html`** (Administrator, Editor на одиночном сайте) — все три панели доступны, код сохраняется как есть. * **Нет `unfiltered_html`** (Contributor и ниже) — панели CSS/JS не показываются, а при сохранении записи контент блока прогоняется через [`wp_kses()`](https://developer.wordpress.org/reference/functions/wp_kses/): запрещённые теги вроде `