SEO и GEO начинаются в макете, но не заканчиваются им. Дизайнер может заранее заложить понятную иерархию, место для ответа на вопрос пользователя, авторство, описательные изображения и внутренние переходы. Это помогает поиску и AI-системам понять страницу без ущерба для человека.
Один экран — один главный вопрос
До прототипа сформулируйте, зачем существует страница. Если на ней одновременно продаются пять услуг и объясняется вся компания, поисковый интент размывается, а пользователь теряет маршрут.
Чёткая задача помогает выбрать заголовок, порядок секций и призыв к действию.
Заложите смысловую иерархию
- один понятный H1 и короткое объяснение в начале;
- H2, которые совпадают с вопросами пользователя;
- списки для шагов, характеристик и критериев;
- отдельный блок ограничений или условий;
- FAQ только для настоящих вопросов.
В Figma это можно показать через уровни текста и структуру компонентов, чтобы разработчик не угадывал смысл по размеру шрифта.
Оставьте место для реального контента
SEO-текст не должен появляться после дизайна как случайная вставка. Проверьте длинный заголовок, описание услуги, список характеристик и подпись к изображению. Макет, который выдерживает реальный контент, легче поддерживать и обновлять.
Предусмотрите авторство и доказательства
Страница становится понятнее, когда у неё есть автор, дата обновления, источники и связь с профилем специалиста или компании. Визуально это может быть небольшой byline, блок «об авторе» или ссылка на кейс — главное, чтобы связь была настоящей.
Изображения тоже несут смысл
В макете стоит отметить, что является содержательным изображением, а что — декором. Для первой категории нужен описательный alt, правильное соотношение сторон, понятное имя файла и место для подписи, если она помогает контексту.
Картинка не должна быть единственным способом прочитать важную информацию.
Спроектируйте внутренние переходы
Каждая статья или услуга должна вести к следующему полезному шагу: кейсу, сервису, контакту или объяснению термина. В Figma можно показать эти связи на карте страниц и не оставлять перелинковку на последний этап.
Что проверить перед передачей в разработку
- страница отвечает на один основной интент;
- заголовки и текст читаются без изображения;
- есть место для автора, даты и источников;
- изображения имеют понятную роль и alt;
- мобильный маршрут и внутренние ссылки продуманы;
- структура реализуема семантическим HTML.
FAQ
Нужно ли дизайнеру писать SEO-тексты?
Не обязательно, но важно понимать их роль и закладывать в макет реальный объём, структуру и место для ответа.
GEO требует отдельного визуального стиля?
Нет. AI-системам помогают ясность, авторство и структурированный контент — это обычные принципы хорошего сайта.
Можно ли исправить SEO после разработки?
Многое можно, но поздние изменения структуры, контента и компонентов стоят дороже. Основные решения лучше обсудить в Figma.
Вывод
SEO и GEO в макете — это не набор декоративных бейджей, а понятная структура, реальный контент, авторство, изображения и маршруты. Дизайнер, который учитывает эти вещи заранее, передаёт в разработку более сильную основу.