Уроки
-
Введение
-
SEO
- CTR сниппета
-
Индексация
-
Заголовки H1-H6
Атрибут alt у картинок
Атрибут Title у ссылок
Разделение страницы на HTML5 секции
Содержание robots.txt
Дублирующийся «title»
Дублирующийся «description»
Человеко понятное название картинки
Правила форматирования текста на странице
Требования и рекомендации формата микроразметки
Валидация микроразметки Яндекс и Google
Человеко понятный формат ссылок
Ошибки в Robots.txt
Содержание карты сайта
Файл карты сайта
Требования к форматированию ссылок
Тег Hreflang
Тег «canonical»
Орфография интерактивных элементов интерфейса
-
Скорость
-
Количество сетевых запросов
-
Переизбыток маленьких картинок
Группировка CSS файлов
Группировка JavaScript файлов
Переизбыток файлов шрифтов
Перенаправления при загрузке файлов
Наличие сквозных CSS, JS файлов
Загрузка дубликатов файлов
Использование JavaScript фасадов
Перенаправление JavaScript кодом
Редирект с/на www версию
Использование технологии спрайтов
Корректное подключение видеоплеера
- Общая оценка
- Кеширование
- Показ первого содержимого
-
Размер файлов
-
Минификация CSS для сокращения его объёма
Функция GZip сжатия сервера
Минификация встроенного JavaScript кода страницы
Допустимый размер HTML кода страницы
Минификация встроенного CSS кода страницы
Минификация картинок без потери качества
Минификация JavaScript файлов для сокращения его объёма
Суммарный размер всех картинок на странице
Неиспользуемый CSS код
Оптимизация шрифтов
Переизбыток монохромных иконок
Наличие монохромного шрифта
Оптимизация data:URL картинок
Формат анимированных изображений MP4, WEBM, SVG вместо GIF и WEBP
Неиспользуемый JavaScript код
Обрезка однотонных полей у изображений
Использование WebP формата в изображениях
Слишком качественные картинки без использования сжатия
Подходящий битрейт видео
Избыточно крупные картинки
-
Медленные файлы
-
Время генерации HTML кода
Заголовок «Keep alive»
Оптимальное время загрузки файлов с сервера
Использование современного HTTP2 протокола для ускорения сайта
Добавление ленивой загрузки
Длительное время исполнения JavaScript кода
Время загрузки файлов с сервера под нагрузкой
Сервер размещён в той же стране, где проживают пользователи сайта
Отсутствие запросов в другую страну, вызывающих блокировку загрузки страницы
Блокирующие файлы
-
Количество сетевых запросов
-
Мобильная адаптация
- Cломанная вёрстка
- Соответствие гайдлайнам
-
Программные ошибки
- Код
- Работа почты
- Доступность
- Серверное ПО
-
UX Пользовательский опыт
- Читаемость текста
- Логика и удобство интерфейса
- Визуальные дефекты
-
Интеграция с программами
-
Телефоны без кликабельной ссылки для быстрого начала звонка
Ссылки для Email адресов
Валидация Manifest.json со списком фавиконов
Сниппеты сайта при отправки ссылок в соцсетях и мессенджерах
Тег для указания крупного фавикона
Файл BrowserConfig
Иконка Apple touch bar для Mackbook pro
Файл Favicon.ico
-
Уязвимости
- Код
-
Настройки сервера
-
Загрузка всех файлов страницы по HTTPS
Заголовок Strict-https для повышения безопасности
Закрытый доступ к служебным файлам
Шифрованное IPv6 соединение
Включённый показ ошибок на севере
Корректность SSL сертификата
Доступность HTTPS
Перенаправления на защищённое
Уязвимости безопасного SSL соединения
HTTP заголовки для повышения безопасности
- Стороннее ПО
Заголовки H1-H6
Теги H1-H6 используются для указания заголовков и подзаголовков страницы. Крайне важно использовать именно код вида <h1>, <H2>, <H3>, а не тег вида <div class=”page-title”>. Так роботам поисковых систем будет проще определить заголовок. К тому же режимы чтения и аудиовоспроизведения текстов браузеров используют именно на эти теги.
Из заголовков можно составить аннотацию к статье для быстрого ознакомления с содержимым и удобной навигации.
Вот список правил, которых следует придерживаться:
- Используйте заголовки H1-H6 только для структуризации содержимого страницы. Не используйте их в шапке, подвале, навигации, просто в интерфейсе. Задача заголовков — разделить текст на логические части. Выделять тегами H1-H6 заголовки всплывающих окон, функциональных блоков (например, название группы фильтров товаров), элементы интерфейса (например, заголовки форм) является нецелевым использованием. Так вы только усложните анализ вашей страницы роботами поисковых систем.
- Заголовок H1 — обязателен, должен быть единственным и следовать перед всеми остальными заголовками. Также, ему стоит отличаться от title страницы ввиду того, что у них разные задачи. Title страницы часто используется, как заголовок сниппета в выдаче поисковых систем. Поэтому его задача — мотивировать человека кликнуть по сниппету и перейти на сайт. Заголовок H1 — первое что читает человек, заходя на страницу. Его задача — увлечь посетителя, чтобы он остался на странице.
- Перед заголовком H1 не должно быть много текста. Почти всегда — это первый текст, встречающийся на странице, за исключением шапки сайта, навигации и боковых панелей. Пользователи, открыв ссылку, ищут именно главный заголовок страницы, чтобы понять в верное место ли они попали. Если вы разместите перед заголовком большое количество текста, то запутаете этим пользователя.
- Все заголовки H1-H6 должны содержать только текст без картинок, ссылок и прочего. Текст должен быть содержательным, не слишком длинными (до 70 символов), начинаться с заглавной буквы и не заканчиваться точкой.
- Соблюдайте иерархию заголовков. После H2 должен следовать следующий заголовок H3, а не H4 или H6.
- Заголовок h1 должен быть не менее 10 символов длиной. Он содержит уникальное торговое предложение страницы. А одним словом оно никогда не описывается.