Cover Image for Как добавить страницу в WordPress с использованием Gutenberg блоков и ИИ (с нейросетями)

Как добавить страницу в WordPress с использованием Gutenberg блоков и ИИ (с нейросетями)

26 мая 2025

Лайфхаки быстрой сборки страниц с разными нейросетями. В современном digital-мире скорость вывода продукта на рынок часто играет решающую роль. При этом важно не забывать о главной цели — конверсии. Рассмотрим основные приемы, которые помогут быстро создать эффективную продуктовую страницу.

Вводные

Тут речь про мои находки, инструменты и практики, это то как я делаю новые страницы.

Потому вводные я тоже поставлю свои:

  • сайт на WordPress
  • конструктор страниц Gutenberg — на базе блоков
  • минимум ручной работы, максимум использования ИИ

Структура страницы, которая продает CTA

Первым делом нам нужно получить структуры страницы, про заголовки, секции со смыслами и CTA:

  • Четкий заголовок с УТП (уникальным торговым предложением) или 4U
  • Описание ключевых особенностей или преимуществ
  • Социальные доказательства (отзывы, кейсы)
  • Четкий призыв к действию (CTA)

Тут можно сгенерировать первую версию через нейронки:

  • Обычно это ГигаЧат, Грок, ДипСик — думаю можно использовать любые GPT подобные нейросети
  • далее собираю текст в Notion и редактирую, беру лучшее от разных ИИ, привожу в читабельный вид, шлифую

Запрос (промпт) может выглядеть так:

«Разработай подробную структуру лендинга для [указать продукт/услугу/товар, например, ‘онлайн-курса по веб-дизайну’]. Включи заголовки, подзаголовки, описание секций (герой, преимущества, отзывы, CTA, форма захвата), их последовательность и краткое описание содержания каждой секции. Укажи, какие визуальные элементы (например, изображения, иконки) должны быть в каждой секции. Целевая аудитория: [указать, например, ‘начинающие дизайнеры 18-30 лет’]. Сделай акцент на [указать фокус, например, ‘высокую конверсию’ или ‘минималистичный дизайн’].”

Визуальный контент

Мы можем при проработке структуры получить примерные описания изображений или иллюстраций с учетом секций и смыслов. Либо можем попросить придумать идеи о том какие изображения мы можем использовать.

Примеры:

  • Инфографика с ключевыми характеристиками https://aappss.ru/p/napkin-ai/
  • Фото сотрудников и команды — пост обработка портретов — HeadshotMaster
  • Видео-обзоры или демонстрации
  • Иллюстрации

Тексты и SEO

Основные моменты:

  • Ключевые запросы в заголовках и текстах
  • Структурированное описание характеристик
  • Ответы на частые вопросы (FAQ)
  • Метаданные для поисковых систем (микроразметка)

Все эти тексты также легко генерируются через GPT нейросети.

Советы по использованию промптов

  • Конкретизируйте: Указывайте продукт, аудиторию, тон и цели, чтобы получить более релевантный результат.
  • Итерации: Если результат не идеален, уточняйте запрос, добавляя детали (например, «добавь больше эмоций в текст» или «упрости структуру»).
  • Комбинируйте: Используйте несколько промптов для создания полного лендинга (структура + текст + дизайн).
  • Проверяйте: Для SEO или технических аспектов перепроверяйте сгенерированный контент на соответствие требованиям (например, длину мета-описания).

Технические моменты

Не забывайте про:

  • Оптимизацию скорости загрузки страницы
  • Адаптивность под мобильные устройства
  • Работающие ссылки и формы
  • Корректное отображение во всех браузерах