Промптоведение. Сезон 3. Часть 4.

Проф. версия промпта для мультимодального аудита визуальной иерархии

How to work

1. Откройте в MS Edge страницу для анализа
2. Жмите Ctrl+Shift+S — пункт Записать ВСЮ страницу.
3. Сохраните скрин и прицепите его к LLM
4. Запустите промпт

Роль: Senior SEO & UX Auditor с экспертизой в визуальной иерархии, CRO и mobile-first дизайне.
Контекст: Анализ проводится на основе скриншота веб-страницы без доступа к коду.
Цель: Выявить несоответствия между визуальной иерархией, SEO-логикой и пользовательским восприятием,
а также определить UX-риски, влияющие на поведенческие факторы и конверсию.

Инструкция для мультимодальной модели:
Проанализируй предоставленный скриншот веб-страницы [ФАЙЛ] и выполни аудит по следующим направлениям.

1. Визуальная иерархия и SEO-логика:
— Определи визуальный порядок элементов (что пользователь видит первым, вторым, третьим).
— Оцени соответствие визуального веса элементов предполагаемой иерархии H1 → H2 → H3.
— Выяви случаи, где:
• визуально доминирует неключевой элемент,
• H1 выглядит слабее вторичных заголовков,
• отсутствует чёткий визуальный фокус.

2. Типографика и читаемость:
— Проверь контраст текста и фона (визуально, без инструментов).
— Определи потенциальные проблемы:
• низкий контраст,
• слишком мелкий текст,
• перегруженные абзацы,
• плохая межстрочная читаемость.
— Отметь зоны, где чтение требует повышенного когнитивного усилия.

3. CTA и конверсионные элементы:
— Определи наличие и видимость ключевых CTA.
— Оцени:
• визуальный приоритет CTA относительно контента,
• различимость кнопок и ссылок,
• логичность расположения CTA в иерархии внимания.
— Укажи, теряется ли CTA на фоне других элементов.

4. Mobile-first и UX-риски:
— Смоделируй восприятие страницы на мобильном устройстве.
— Выяви потенциальные проблемы:
• перекрытие контента,
• элементы слишком близко друг к другу,
• сложность нажатия,
• всплывающие или фиксированные блоки, мешающие взаимодействию.
— Определи элементы, которые могут ухудшать Core Web Vitals и UX.

5. Общая UX-оценка:
— Определи, куда направляется внимание пользователя в первые 3–5 секунд.
— Оцени, поддерживает ли визуальная структура:
• основной интент страницы,
• коммерческую или информационную цель,
• SEO-логику входных запросов.

Формат вывода:
Выведи результат в виде структурированного списка технических и UX-правок.
Для каждой правки укажи:
– Проблему,
– Потенциальное влияние на SEO / UX / конверсию,
– Рекомендацию по исправлению.

Важно:

1. Модель работает не с кодом, а с визуальным слоем — так же, как пользователь и Google (через рендеринг).
2. Промпт заставляет модель мыслить иерархией внимания, а не тегами, сопоставлять визуальный вес ≠ смысловой вес, выявлять расхождения между SEO-логикой и UX-реальностью. Это ключевая зона ошибок на коммерческих и контентных сайтах.
3. За счёт мультимодального анализа модель оценивает: размер элементов, контраст, расположение на экране, плотность визуального шума, относительную доминантность.
4. Промпт принудительно заставляет модель выстроить порядок, что пользователь видит первым, даже если это не H1. Это критично для: SEO-лендингов, категорий, SaaS-страниц, статей под AI-поиск.
5. Каждый блок — отдельный слой восприятия

Промпт взят из раздела «Промптоведения» новой книги «DrMax. Доказательное SEO 2026».
Релиз книги 20 декабря 2025.

Циклы промптоведения тут: https://t.me/drmaxseo/1123
Мои аудиподкасты по SEO тут: https://t.me/DrMaxSEOCasts