coru

Небольшой веб

Страница, которая работает без лишних функций

Начните с задачи читателя. Затем проверьте, что останется на узком экране, без скрипта и после переезда ссылки.

На трёх схемах страницы сохранены заголовок и текст: широкий экран, узкий телефон и страница с отключённой дополнительной панелью.
Ответ остаётся на странице, дополнительные функции располагаются вокруг него. Иллюстрация: coru — оригинальная схема. Оригинальная иллюстрация coru; сторонние изображения не использованы.

Одна страница — одна задача

Представьте, что соседи публикуют инструкцию для обмена семенами. Посетителю нужно понять, что принести, куда прийти и что будет в случае дождя. Красивый обратный отсчёт не заменит эти ответы. Напишите основные сведения обычным текстом в том порядке, в котором они понадобятся читателю.

Для своей страницы закончите фразу: «После чтения человек сможет…» Если в ответе три несвязанные задачи, выберите одну, а на остальные дайте ссылки. Это редакционный приём, а не формула поискового ранжирования.

Проверка 1: узкий экран

Откройте страницу на телефоне или сузьте окно браузера. Прочитайте всё от заголовка до последнего шага, не поворачивая устройство. Длинные адреса и широкие схемы часто мешают следить за мыслью.

  • Убедитесь, что заголовок называет задачу, а первый абзац объясняет практический результат.
  • Нажмите пальцем каждую навигационную ссылку. Если соседние ссылки трудно различить, добавьте расстояние или уточните подписи.
  • Проверьте, нет ли горизонтальной прокрутки. Упростите широкую таблицу или добавьте понятное текстовое объяснение рядом со схемой.
  • Увеличьте текст. Важные инструкции должны оставаться видимыми, а не обрезаться блоком фиксированной высоты.

Проверка 2: без дополнительного слоя

Отключите JavaScript в тестовом браузере и перезагрузите страницу. Время обмена семенами, адрес и список вещей должны остаться. Карта может дополнять адрес, но не должна быть единственным способом его узнать. Форма отзыва может требовать скрипт, если страница объясняет это ограничение.

Попробуйте скрыть и иллюстрацию. Альтернативный текст должен объяснять её назначение, а основной текст — содержать сами инструкции. Не оставляйте важную дату только внутри картинки.

  • Можно ли прочитать полный ответ до первого нажатия?
  • Работают ли обычные ссылки на связанные страницы?
  • Объясняет ли недоступная функция, что читатель всё ещё может сделать?

Проверка 3: одно аккуратное исправление

Допустим, обмен семенами перенесли в помещение. Исправьте адрес в тексте, затем проверьте ссылку на карту и перевод. Если перевод ещё не обновлён, нельзя молча считать его равнозначным. Проверьте затронутую версию, прежде чем представлять её как актуальную.

Сохраняйте адрес страницы, если её тема не изменилась. Если переезд необходим, настройте перенаправление со старого адреса и обновите подконтрольные вам ссылки. Одно изменение заголовка не требует нового URL.

Короткая карточка приёмки

Перед публикацией попросите кого-нибудь решить заявленную задачу с помощью страницы. Отметьте место, где человек замешкался, а не только его мнение о дизайне. Эту карточку можно использовать при проверке:

  • Задача: что читатель должен суметь сделать?
  • Ответ: есть ли необходимые сведения в тексте?
  • Доступ: работает ли страница на узком экране и без дополнительных скриптов?
  • Доверие: каким утверждениям нужен источник или дата?
  • Исправление: куда сообщить об ошибке и кто её проверит?

Чего эта проверка не доказывает

Эти шаги выявляют распространённые ошибки публикации, но не заменяют полный аудит доступности и не доказывают, что поисковик проиндексирует страницу. Они также не подтверждают правильность самого совета. Проверяйте фактические утверждения отдельно по подходящим первичным источникам. Обмен семенами выше — вымышленный пример, а не анонс события.

Источники и материалы

Помогите улучшить руководство

← Все заметки