Многие сайты не проходят базовые проверки технической гигиены. Проблема не в том, что разработчики не заботятся, а скорее в том, что из-за фокуса на функциональности легко пропустить важные аспекты. Рассмотрим 5 распространённых ошибок, которые стоит исправить.
Ошибка 1: отсутствуют или неверные заголовки безопасности
Заголовки безопасности, такие как Content-Security-Policy, X-Frame-Options и Strict-Transport-Security (HSTS), защищают пользователей от атак, таких как XSS и кликджекинг. Пропуск этих заголовков увеличивает поверхность для атак, что может насторожить как браузеры, так и сканеры безопасности.
Как проверить: выполните команду curl -I https://вашдомен.com и просмотрите ответные заголовки. Для удобства используйте securityheaders.com для получения отчета о безопасности.
Ошибка 2: неправильные теги Open Graph
При распространении ссылки в соцсетях платформы используют метатеги Open Graph для формирования превью. Если теги, такие как og:title или og:image, отсутствуют или неправильно настроены, превью окажется некорректным, что снижает кликабельность.
Как проверить: используйте OpenGraph.xyz для просмотра того, как ваша ссылка будет представлена в соцсетях.
Ошибка 3: отсутствует канонический URL
Если ваша страница доступна по нескольким URL (например, https://example.com/page и https://example.com/page?ref=newsletter), это может привести к размыванию сигналов ранжирования. Канонический тег указывает поисковым системам, какая версия страницы приоритетна.
Как проверить: откройте DevTools в Chrome и найдите canonical в разделе Elements.
Ошибка 4: отсутствие alt-текста у изображений
Текст alt не является необязательным — он важен как для пользователей с нарушениями зрения, так и для поисковых систем. Страница с большим количеством изображений без alt-текста теряет возможность улучшать SEO и доступность.
Как проверить: выполните document.querySelectorAll('img:not([alt])') в консоли браузера, чтобы найти все незакрепленные изображения.
Ошибка 5: отсутствует метатег viewport
Без метатега viewport мобильные браузеры выводят страницу как десктопный сайт, что делает текст крошечным и трудночитаемым. Это негативно сказывается на показателях Core Web Vitals.
Как проверить: откройте DevTools, активируйте инструмент для мобильных устройств (Ctrl+Shift+M) и посмотрите, как отображается страница.
Преимущества исправления ошибок
Проверка этих пяти пунктов займёт не более 15 минут, а исправление ошибок поможет улучшить функциональность и конкурентоспособность вашего сайта. Созданный инструмент audit.hummusonrails.com позволяет выполнять все проверки одновременно без регистрации.
Постарайтесь не упустить шанс повысить качество своего сайта, особенно если ваша аудитория растёт.