Уроки

Введение
• SEO
  • Кликабельность снипета в поисковых системах
    Метатег Description Тег Title Орфографические ошибки в заголовке или метатегах Содержимое заголовка Title Название бренда в заголовке Title
  • Индексация
    Заголовки H1-H6 Атрибут «alt» у картинок Атрибут Title у ссылок Содержание robots.txt Дублирующийся «title» Дублирующийся «description» Человеко понятное название картинки Правила форматирования текста на странице Требования и рекомендации формата микроразметки Валидация микроразметки Яндекс и Google Человеко понятный формат ссылок Ошибки в Robots.txt Содержание карты сайта Файл карты сайта Требования к форматированию ссылок Тег Hreflang Тег «canonical» Орфография интерактивных элементов интерфейса
• Скорость
  • Количество сетевых запросов
    Переизбыток маленьких картинок Группировка CSS файлов Группировка JavaScript файлов Переизбыток файлов шрифтов Перенаправления при загрузке файлов Наличие сквозных CSS, JS файлов Загрузка дубликатов файлов Использование JavaScript фасадов Перенаправление JavaScript кодом Редирект с/на www версию Использование технологии спрайтов Корректное подключение видеоплеера
  • Общая оценка
    Время загрузки страницы Время отображения первой графики
  • Настройки сервера
    304 код ответа при проверке работы кеширования ETag заголовок для работы кеширования Заголовок «Expires» для работы кеширования Функция GZip сжатия сервера Заголовок «Keep alive» Использование современного HTTP2 протокола для ускорения сайта
  • Показ первого содержимого
    Указание шрифтов по умолчанию Режим отображения шрифтов Настройка предварительного соединения Удаление отложенной загрузки Загрузка файлов отложено или по востребованию
  • Размер графических файлов
    Минификация встроенного JavaScript кода страницы Минификация встроенного CSS кода страницы Минификация картинок без потери качества Суммарный размер всех картинок на странице Оптимизация шрифтов Переизбыток монохромных иконок Наличие монохромного шрифта Оптимизация data:URL картинок Формат анимированных изображений MP4, WEBM, SVG вместо GIF и WEBP Обрезка однотонных полей у изображений Использование WebP формата в изображениях Слишком качественные картинки без использования сжатия Подходящий битрейт видео Избыточно крупные картинки
  • Быстродействие сервера
    Время генерации HTML кода Оптимальное время загрузки файлов с сервера Время загрузки файлов с сервера под нагрузкой
  • Блокировки
    Последовательность подключения JavaScript файлов Добавление ленивой загрузки Длительное время исполнения JavaScript кода Сервер размещён в той же стране, где проживают пользователи сайта Отсутствие запросов в другую страну, вызывающих блокировку загрузки страницы Блокирующие файлы
  • Объём кода
    Минификация CSS для сокращения его объёма Допустимый размер HTML кода страницы Минификация JavaScript файлов для сокращения его объёма Неиспользуемый CSS код Неиспользуемый JavaScript код
• Мобильная адаптация
  • Cломанная вёрстка
    Горизонтальная прокрутка экрана Крупные заголовки Блок выходит за экран
  • Удобство
    Пальце приятность Размытые изображения
• Программные ошибки
  • Код
    JavaScript файлы недоступны для загрузки Битые ссылки Сообщения о JavaScript ошибках в консоли браузера Валидация HTML Валидация CSS кода
  • Работа почты
    SPF запись DNS сервера DMARK запись DNS сервера MX запись DNS сервера Обратная DNS запись
  • Доступность
    AAAA запись DNS сервера IPv6 соединение
  • Настройки сервера
    Настройка заголовков HTTP Ошибочное расширение картинок Повреждённые файлы Соответствие Mime Type файлу
• Удобство
  • Читаемость текста
    Достаточный контраст текста Удобочитаемый размер текста Межстрочный интервал текста Размер текста на картинках
  • Интерфейс
    Ссылки страницы саму на себя. Циклические ссылки. Ссылка на главную страницу сайта Отзывчивость интерфейса
  • Визуальные дефекты
    CSS файлы недоступны для загрузки Изображения недоступны для загрузки Красивая страница 404 Мерцание фонового изображения при наведении Изображения при загрузке вызывают резкую смену структуры страницы Пересжатые изображения с артефактами Деформированные изображения
  • Взаимодействие с другими программами
    Разделение страницы на HTML5 секции Телефоны без кликабельной ссылки для быстрого начала звонка Ссылки для Email адресов Сниппеты сайта при отправки ссылок в соцсетях и мессенджерах Раздражающие всплывающие сообщения без ведома пользователя
  • Фавикон изображения
    Валидация Manifest.json со списком фавиконов Тег для указания крупного фавикона Файл BrowserConfig Иконка Apple touch bar для Mackbook pro Файл Favicon.ico
• Уязвимости
  • Код
    CSFR защита HTML форм Уязвимый JavaScript код Уязвимые JavaScript библиотеки
  • Настройки сервера
    Загрузка всех файлов страницы по HTTPS Заголовок Strict-https для повышения безопасности Закрытый доступ к служебным файлам Шифрованное IPv6 соединение Включённый показ ошибок на севере Корректность SSL сертификата Доступность HTTPS Перенаправления на защищённое Уязвимости безопасного SSL соединения HTTP заголовки для повышения безопасности
  • Сторонние сервисы
    Использование Java апплетов Антивирусы