Кому подойдет
- SEO-специалистам, которые проверяют title, description, заголовки и canonical и должны показать их клиенту, который не открывает код.
- UX- и дизайн-ревьюерам, которые собирают проблемы верстки, контраста и текстов по нескольким страницам.
- Агентствам и фрилансерам, которые отправляют аудит как шаг продажи или первый результат проекта.
Шаблон отчета об аудите
Скопируйте структуру в документ или в SiteAnnotation: название и вступление идут в поля отчета, каждый раздел становится секцией, каждое замечание одним снятым пунктом.
Название: <сайт>: аудит сайта
Вступление
Что проверено: <страницы, устройство, браузер>, <месяц и год>.
Сколько замечаний, в каких разделах, и три, которые исправить первыми.
Секция: Поиск
#1 Данные страницы: title, description, canonical, заголовки. Замечание и исправление.
#2 Скриншот всей страницы: структура, недостающие блоки. Замечание и исправление.
Секция: Тексты
#3 Цитата: опечатка, неясное обещание, нет факта. Замечание и исправление.
Секция: Дизайн
#4 Блок: контраст, размер, состояние. Селектор и CSS-правило, которое менять.
#5 Блок или область: проблема компоновки. Как должно быть.
Заключение
Сначала: <правки, которые дают больше всего>.
Затем: <все остальное по порядку>.
Как написать замечание
Каждый пункт отвечает в комментарии на три вопроса:
- Что не так, одним предложением, понятным клиенту: «Главная кнопка: белый текст на светло-желтом».
- Почему это важно: число или правило, например «контраст 1,5:1, по WCAG AA нужно 4,5:1» или «поисковики соберут сниппет из текста страницы».
- Что сделать: исправление, а для разработчика селектор и правило из снятого CSS.
Держите этот порядок во всех замечаниях. Тогда клиент читает отчет как список решений, а не как сочинение.
Какой режим для какого замечания
| Замечание | Режим | Что хранит пункт |
|---|---|---|
| Title, description, canonical, hreflang, заголовки | Данные страницы | Значения текстом и, по желанию, скриншот экрана |
| Структура страницы, лишние или недостающие блоки | Вся страница | Одна картинка сверху донизу |
| Опечатка, неясный текст, обещание без доказательства | Текст | Выделенный текст цитатой с адресом страницы |
| Контраст, размер, отступы одного элемента | Блок | Скриншот, селектор, HTML и CSS-правила |
| Проблема в нескольких элементах сразу | Область | Скриншот обведенной части, готовый к разметке |
Как собрать такой аудит в SiteAnnotation
- Снимайте замечания страница за страницей. Откройте боковую панель на первой странице, снимите каждое замечание в режиме из таблицы и напишите комментарий: что, почему, что сделать.
- Сгруппируйте. В отчете нажмите Добавить секцию для разделов «Поиск», «Тексты» и «Дизайн» и переместите пункты под них стрелками. Номера идут сквозные через весь отчет.
- Напишите вступление и заключение. Что проверено и сколько замечаний; в конце, что исправить первым. Оба поля сохраняют жирный текст и списки.
- Выгрузите для клиента. PDF для отправки, Word, если клиент хочет править или поставить свой логотип. Как устроена выгрузка.
Ограничения
- SiteAnnotation сам ничего не проверяет: он сохраняет то, что вы видите и выделяете. Оценки скорости, данные краулера и позиции берите из своих инструментов и вставляйте числа в комментарии.
- Отчет содержит страницы, снятые вручную. Обход сотен страниц делает краулер, а SiteAnnotation нужен для страниц, которые вы показываете клиенту.