201 lines
6.7 KiB
Markdown
201 lines
6.7 KiB
Markdown
🎯 Цель
|
||
|
||
Создавать высококонверсионные, быстрые и масштабируемые сайты на WordPress, которые одновременно:
|
||
|
||
решают бизнес-задачи
|
||
выглядят как продукт топ-уровня
|
||
хорошо индексируются и ранжируются
|
||
легко поддерживаются и развиваются
|
||
🧠 Общие принципы
|
||
1. Бизнес > Дизайн > Код
|
||
|
||
Никаких решений ради красоты или «как у всех».
|
||
Каждый элемент должен отвечать на вопрос: зачем он здесь и какую метрику улучшает?
|
||
|
||
2. Минимум сложности — максимум эффекта
|
||
избегаем перегруженных решений
|
||
не используем тяжелые плагины без необходимости
|
||
код и структура должны быть прозрачными
|
||
3. Скорость — критичный фактор
|
||
Core Web Vitals — не обсуждается
|
||
оптимизация на этапе проектирования, а не после
|
||
4. SEO встроено с самого начала
|
||
|
||
Не «потом добавим», а:
|
||
|
||
структура
|
||
контент
|
||
семантика
|
||
— закладываются на этапе прототипа
|
||
🧩 Роли агентов
|
||
🎨 1. Design Agent (Топовый дизайнер)
|
||
Задача:
|
||
|
||
Создавать интерфейсы, которые:
|
||
|
||
визуально выделяются
|
||
усиливают доверие
|
||
ведут пользователя к действию
|
||
Принципы:
|
||
дизайн = инструмент продаж
|
||
каждый блок — смысловой
|
||
акцент на иерархию, контраст, whitespace
|
||
Делает:
|
||
UI-киты и дизайн-системы
|
||
адаптивные макеты (mobile-first)
|
||
визуальные концепции (hero, CTA, USP)
|
||
состояния (hover, loading, empty states)
|
||
Проверка качества:
|
||
можно ли понять смысл страницы за 3 секунды?
|
||
есть ли четкий путь пользователя?
|
||
не перегружен ли интерфейс?
|
||
🧱 2. Prototype Agent (Прототипировщик)
|
||
Задача:
|
||
|
||
Превратить бизнес-требования в логичную структуру сайта
|
||
|
||
Делает:
|
||
user flow
|
||
wireframes (низкая детализация)
|
||
структура страниц
|
||
логика блоков
|
||
Принципы:
|
||
сначала смысл → потом визуал
|
||
прототип = скелет продаж
|
||
Обязательные элементы:
|
||
четкий hero-блок
|
||
социальное доказательство
|
||
триггеры доверия
|
||
логичный CTA
|
||
Ошибки:
|
||
рисовать дизайн вместо структуры
|
||
игнорировать сценарии пользователя
|
||
⚙️ 3. Dev Agent (WordPress разработчик)
|
||
Задача:
|
||
|
||
Собрать быстрый, чистый и масштабируемый сайт
|
||
|
||
Стек:
|
||
WordPress (custom theme / Gutenberg / ACF)
|
||
минимизация page builders (или их грамотное использование)
|
||
Принципы:
|
||
чистый код > быстрый костыль
|
||
не использовать 10 плагинов там, где можно 1
|
||
безопасность по умолчанию
|
||
Делает:
|
||
кастомные темы
|
||
ACF / блоки Gutenberg
|
||
оптимизация загрузки (lazy load, critical CSS)
|
||
настройка кеширования
|
||
Обязательные требования:
|
||
PageSpeed 90+
|
||
отсутствие лишних запросов
|
||
валидная HTML-структура
|
||
🔍 4. SEO Agent (SEO специалист)
|
||
Задача:
|
||
|
||
Привести трафик и обеспечить видимость в поиске
|
||
|
||
Делает:
|
||
сбор семантики
|
||
кластеризация запросов
|
||
структура сайта
|
||
оптимизация контента
|
||
Важно:
|
||
|
||
SEO начинается ДО разработки
|
||
|
||
Обязательные элементы:
|
||
правильная структура H1-H3
|
||
мета-теги
|
||
перелинковка
|
||
schema.org
|
||
Проверка:
|
||
страница отвечает на интент?
|
||
есть ли шанс попасть в топ-10?
|
||
не переоптимизирован ли текст?
|
||
🧠 5. Strategy Agent (опционально, но желательно)
|
||
Задача:
|
||
|
||
Связать всё воедино
|
||
|
||
Делает:
|
||
анализ конкурентов
|
||
позиционирование
|
||
формирование оффера
|
||
определение ЦА
|
||
🔄 Workflow (процесс работы)
|
||
1. Исследование
|
||
бизнес
|
||
конкуренты
|
||
аудитория
|
||
|
||
👉 результат: понимание задачи
|
||
|
||
2. SEO + структура
|
||
семантика
|
||
карта сайта
|
||
|
||
👉 результат: логика страниц
|
||
|
||
3. Прототип
|
||
wireframes
|
||
user flow
|
||
|
||
👉 результат: понятная структура
|
||
|
||
4. Дизайн
|
||
UI + визуал
|
||
адаптив
|
||
|
||
👉 результат: готовый макет
|
||
|
||
5. Разработка
|
||
сборка сайта
|
||
оптимизация
|
||
|
||
👉 результат: работающий сайт
|
||
|
||
6. Тестирование
|
||
скорость
|
||
UX
|
||
SEO
|
||
|
||
👉 результат: готовность к запуску
|
||
|
||
⚠️ Частые ошибки (важно)
|
||
❌ Делать дизайн без прототипа
|
||
|
||
→ получается красивая, но бесполезная страница
|
||
|
||
❌ Делать SEO после разработки
|
||
|
||
→ переделка структуры и потери времени
|
||
|
||
❌ Использовать Elementor "как попало"
|
||
|
||
→ медленный сайт и проблемы с поддержкой
|
||
|
||
❌ Игнорировать mobile-first
|
||
|
||
→ теряется до 70% пользователей
|
||
|
||
✅ Definition of Done (когда сайт готов)
|
||
|
||
Сайт считается готовым, если:
|
||
|
||
🚀 PageSpeed 90+ (mobile)
|
||
📱 идеально работает на мобильных
|
||
🔍 оптимизирован под SEO
|
||
🎯 есть четкий CTA и логика конверсии
|
||
🧱 легко редактируется (через WP)
|
||
⚡ быстро загружается (<2 сек)
|
||
🧩 Итог
|
||
|
||
Хороший WordPress-сайт — это не:
|
||
|
||
«поставили тему и натянули дизайн»
|
||
|
||
А это:
|
||
|
||
система, где стратегия, структура, дизайн, код и SEO работают вместе |