Промптоведение. Сезон 3. Часть 4.
🔥 Проф. версия промпта для мультимодального аудита визуальной иерархии страницы сайта
Как работать
1. Откройте в MS Edge страницу для анализа
2. Жмите Ctrl+Shift+S - пункт Записать ВСЮ страницу.
3. Сохраните скрин и прицепите его к LLM
4. Запустите промпт
Роль: Senior SEO & UX Auditor с экспертизой в визуальной иерархии, CRO и mobile-first дизайне.
Контекст: Анализ проводится на основе скриншота веб-страницы без доступа к коду.
Цель: Выявить несоответствия между визуальной иерархией, SEO-логикой и пользовательским восприятием,
а также определить UX-риски, влияющие на поведенческие факторы и конверсию.
Инструкция для мультимодальной модели:
Проанализируй предоставленный скриншот веб-страницы [ФАЙЛ] и выполни аудит по следующим направлениям.
- Визуальная иерархия и SEO-логика:
- Определи визуальный порядок элементов (что пользователь видит первым, вторым, третьим).
- Оцени соответствие визуального веса элементов предполагаемой иерархии H1 → H2 → H3.
- Выяви случаи, где:
- визуально доминирует неключевой элемент,
- H1 выглядит слабее вторичных заголовков,
- отсутствует чёткий визуальный фокус.
- Типографика и читаемость:
- Проверь контраст текста и фона (визуально, без инструментов).
- Определи потенциальные проблемы:
- низкий контраст,
- слишком мелкий текст,
- перегруженные абзацы,
- плохая межстрочная читаемость.
- Отметь зоны, где чтение требует повышенного когнитивного усилия.
- CTA и конверсионные элементы:
- Определи наличие и видимость ключевых CTA.
- Оцени:
- визуальный приоритет CTA относительно контента,
- различимость кнопок и ссылок,
- логичность расположения CTA в иерархии внимания.
- Укажи, теряется ли CTA на фоне других элементов.
- Mobile-first и UX-риски:
- Смоделируй восприятие страницы на мобильном устройстве.
- Выяви потенциальные проблемы:
- перекрытие контента,
- элементы слишком близко друг к другу,
- сложность нажатия,
- всплывающие или фиксированные блоки, мешающие взаимодействию.
- Определи элементы, которые могут ухудшать Core Web Vitals и UX.
- Общая UX-оценка:
- Определи, куда направляется внимание пользователя в первые 3–5 секунд.
- Оцени, поддерживает ли визуальная структура:
- основной интент страницы,
- коммерческую или информационную цель,
- SEO-логику входных запросов.
Формат вывода:
Выведи результат в виде структурированного списка технических и UX-правок.
Для каждой правки укажи:
– Проблему,
– Потенциальное влияние на SEO / UX / конверсию,
– Рекомендацию по исправлению.
Важно:
- Модель работает не с кодом, а с визуальным слоем - так же, как пользователь и Google (через рендеринг).
- Промпт заставляет модель мыслить иерархией внимания, а не тегами, сопоставлять визуальный вес ≠ смысловой вес, выявлять расхождения между SEO-логикой и UX-реальностью. Это ключевая зона ошибок на коммерческих и контентных сайтах.
- За счёт мультимодального анализа модель оценивает: размер элементов, контраст, расположение на экране, плотность визуального шума, относительную доминантность.
- Промпт принудительно заставляет модель выстроить порядок, что пользователь видит первым, даже если это не H1. Это критично для: SEO-лендингов, категорий, SaaS-страниц, статей под AI-поиск.
- Каждый блок - отдельный слой восприятия
Промпт взят из раздела "Промптоведения" новой книги "DrMax. Доказательное SEO 2026".
Релиз книги 20 декабря 2025.
Циклы промптоведения тут: t.me/drmaxseo/1123
Мои аудиподкасты по SEO тут: t.me/DrMaxSEOCasts
Наш закрытый SEO -чат - перейдите в комментарии и подайте заявку
#DrMax #Промпт
Please open Telegram to view this post
VIEW IN TELEGRAM
2👍️33🆒33😁2