10 признаков устаревшего сайта

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

Разобрала ключевые признаки, которые укажут на устаревание сайта, и что делать для исправления проблемы.

#1 Длительная загрузка

Согласно исследованию Unbounce, проведённому в 2019 году, 70% потребителей при принятии решения о покупке в интернет-магазинах учитывают скорость загрузки страниц. При этом 75% респондентов заявляет, что готовы подождать четыре и более секунд до полной загрузки страниц. Но по данным Google, большинство людей отказываются от просмотра после трёх секунд ожидания.

Чтобы увеличить скорость загрузки, можно выполнить следующие действия: 

1. Оптимизировать изображения. Например, сжимать картинки в специальных сервисах (TinyPNG, ezgif, Webresizer или др.).
2. Настроить кеширование. Сохранять изображения, файлы CSS и JavaScript в кеше браузера пользователя при первом посещении, чтобы при повторном посещении загружать данные без обращения к базе данных. 
3. Подключить сайт к CDN. Content Delivery Network (CDN) — глобальной сети серверов для хранения контента. Она позволяет подгружать файлы с ближайшего к пользователю сервера. 
4. Использовать «ленивую» загрузку. Функция Lazy Loading в HTML-коде позволяет отложить загрузку тяжёлых медиафайлов «до востребования» и подгружать их по мере пролистывания страницы. 
5. Сократить количество редиректов. Большое число перенаправлений с одной страницы на другую увеличивает время на обработку запросов и создает дополнительную нагрузку на сервер.
6. Очистить код. Удаление лишних символов, дублей элементов, ненужных скриптов, устаревших плагинов и расширений уменьшит объём кода и ускорит загрузку страниц. 

В журнале «Конверт» можно подробнее почитать о том, как проверить скорость загрузки сайта.

#2 Проблемы с безопасностью

Разница между протоколами HTTP и HTTPS — всего лишь буква S. Но именно в ней и суть, поскольку означает она «secure» (безопасность). Если сайт не использует защищённый протокол для шифрования данных, то он становится уязвимым для стороннего доступа. Взлом ресурса может привести к утечке персональных данных пользователей, финансовым потерям и повреждению репутации компании. Например, «Яндекс» рекомендует переходить на протокол HTTPS как более безопасный. 

HTTPS работает вместе с сертификатами SSL/TLS, которые можно получить только после проверки в центре сертификации или у хостеров-партнёров. То есть протокол дополнительно подтверждает, что сайт не мошеннический. По статистике центра сертификации Let’s Encrypt, основанной на данных Firefox, около 80% страниц во всём мире загружаются по HTTPS.

Для устранения проблем с безопасностью: 

1. Приобретите SSL-сертификат у проверенного хостера.
2. Установите сертификат на свой сервер. 
3. Настройте веб-сервер для использования HTTPS. 

Настройка HTTPS может быть сложной задачей. Помогут подробные инструкции хостинг-провайдера или обращение к техподдержке.

#3 Отсутствие адаптивности

По данным Rambler&Co, 47% россиян выходят в интернет со смартфонов. В отчёте Global Digital 2024 сообщается, что 69,4% людей в мире используют мобильные устройства. То есть из-за отсутствия адаптивности сайт может потерять до половины трафика. Для современного ресурса это неприемлемо. 

Чтобы адаптировать сайт под разные устройства можно использовать два варианта: 

1. Создание мобильной версии. В этом случае создают два версии сайта — десктопную и мобильную. Плюс в том, что можно учесть особенности смартфонов и планшетов. Минус — в разделении трафика на два разных ресурса и необходимости поддерживать обе версии. 
2. Респонсивный дизайн. При использовании этого способа размер контента динамически подстраивается под размер окна с сохранением пропорций. Но такой вариант подходит для сайтов с простой архитектурой. Сложные ресурсы могут отображаться неправильно, да и грузиться они будут дольше. 

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

Как проверить адаптивность сайта

#4 Старомодный дизайн

Современный дизайн сайтов отличает, прежде всего, ориентированность на пользователя. Множество специалистов работает над тем, чтобы посетителю было удобно и приятно взаимодействовать с ресурсом. Отсюда внимательность даже к мелким деталям. Зачастую хорошие сайты могут выглядеть достаточно просто. Но при этом в них продуман каждый элемент. 

Сайта начала 2000-х грешат излишней «красотой» — радуга цветов, совмещение изысканных и несочетающихся шрифтов, красочные фоны-подложки, обилие картинок и гифок по поводу и без. В некоторых случаях старомодность дизайна выражена чрезмерно загромождённым макетом, скрытым меню навигации или переизбытком рекламы.

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

1. Подобрать современную цветовую палитру. Как выбрать правильные цвета для сайта.
2. Удалить пиксельные изображения и стандартные клипарты. 
3. Избавиться от чрезмерных эффектов вроде мерцающих надписей и блестящих кнопок. 
4. Сократить объём текста, чтобы избавиться от перегруженности. 
5. Добавить «воздуха» между элементами.
6. Использовать стильные и единообразные шрифты. Зачем нужны шрифтовые пары и как их подбирать.

Отдельно стоит обратить внимание на flash-контент. Его активно использовали в начале 2000-х для создания интерактивных ресурсов. Но в конце 2020 года компания Adobe прекратила поддержку Flash Player. Сейчас большинство браузеров блокирует flash-контент: если сайт и открывается, то отображается некорректно. 

Устаревший дизайн создает негативное впечатление о компании и отпугивает пользователей. Чтобы соответствовать современным стандартам важно следить за трендами и быть в курсе актуальных тенденций. 

15 идей дизайна сайтов для вдохновения

#5 Запутанная структура

Когда сайт существует долго, то, скорее всего, со временем добавятся новые разделы и страницы. Если своевременно не приводить структуру в порядок, то появляются дубли разделов, огромные списки вложений по уровням, отдельные несвязанные с разделами страницы и прочее. Меню превращается в гигантский перечень страниц, среди которых сложно найти что-то действительно важное. Пользователи быстро теряются на таких сайтах и уходят, не найдя нужного.

Для улучшения структуры можно:

1. Пересмотреть структуру ресурса и сделать её понятной для пользователя. 
2. Обеспечить понятную навигацию — меню со ссылками, «хлебные крошки», поисковая строка. 
3. Связать все страницы, чтобы пользователь мог быстро вернуться на главную. 
4. Убрать лишние уровни вложенности . 
5. Добавить HTML-версию карты сайта (sitemap).

Создать правильную структуру не всегда удаётся с первого раза. Проверить реакцию пользователей на изменения можно с помощью анализа поведения. В этом поможет, например, «Вебвизор» от Яндекс.Метрики. 

Как создать сайт. Подробная инструкция

#6 Неудобный пользовательский интерфейс

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

Как можно повысить юзабилити:

1. Улучшить визуальное оформление — использовать удобочитаемые шрифты и контрастные цвета, соблюдать единый стиль оформления. 
2. Оптимизировать навигацию и добавить подсказки. 
3. Упростить формы, процессы подачи заявки или оформления заказа. 

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

10 идей, как улучшить UX на сайте

#7 Переизбыток SEO

Лет 15-20 назад обычной историей для SEO было использование огромного количества ключевых слов, покупка ссылок, злоупотребление тегами bold, italic, underline (жирный шрифт, курсив, подчёркивание). На сайтах часто встречался бесполезный, а порой и бессмысленный контент с обилием поисковых запросов вроде «купить дешевая обувь онлайн интернет-магазин Москва». 

С того времени многое изменилось. Теперь ценится полезный контент, естественное употребление ключей, качественные ссылки. Однако на некоторых сайтах до сих пор встречается ретро-SEO — вхождение 99 ключей на 3 тысячи знаков, 50% тошноты, 20% воды и минимум пользы. При подобном подходе сайт не только становится менее привлекательным для пользователей, но и рискует оказаться очень далеко от топа поисковой выдачи.

Для улучшения SEO сайта можно сделать следующее:

1. Выполнить техническую оптимизацию — увеличить скорость загрузки, внедрить адаптивность, почистить код, перейти на HTTPS. 
2. Оптимизировать контент — собрать семантическое ядро, написать полезные статьи, использовать ключевые слова в естественной форме в заголовках, подзаголовках, метатегах.
3. Улучшить структуру — сделать иерархию страниц более понятной, использовать перелинковку, проверить robots.txt и карту сайта.
4. Повысить качество внешней ссылочной массы — получить обратные ссылки с качественных авторитетных ресурсов. Что такое внешняя оптимизация сайта.

Современное SEO предполагает акцент на качестве контента, пользовательском опыте и технической оптимизации. Сайты должны хорошо ранжироваться и в то же время приносить пользу посетителям.

Гид по SEO. Как оптимизировать сайт и сколько это стоит

#8 Отсутствие современных функций для взаимодействия

Раньше на сайте можно было посмотреть только телефон, email или адрес, чтобы потом позвонить, написать или сходить лично. Это было нормально. Но современные пользователи уже привыкли к онлайн-общению и предпочитают решать возникающие вопросы сразу. Например, отправить заявку, написать в чат и поговорить с консультантом, заказать звонок. Многие пользователи, скорее, уйдут к конкурентам при отсутствии таких каналов коммуникации с бизнесом. 

Как можно сделать сайт более современным и отзывчивым: 

1. Добавить онлайн-чат или чат-бота для мгновенной связи с пользователями, чтобы улучшить поддержку клиентов и вовлеченность. 8 лучших онлайн-чатов для сайта.
2. Внедрить возможность создания личных кабинетов, где пользователи смогут управлять своими данными, настройками и заказами. 
3. Обновить формы обратной связи, подписки и регистрации, сделав их более простыми и удобными для заполнения. Как сделать классную форму подписки на рассылку.
4. Создать отдельную страницу контактов и подробно указать, как и с кем можно связаться и по каким вопросам. 

Пользователи привыкли к удобным и функциональным сайтам. Отсутствие необходимых функций может отпугнуть потенциальных клиентов. 

Как создать чат-бот для бизнеса своими руками

#9 Отсутствие актуального контента

Сайт выглядит устаревшим, когда ничто не указывает на его регулярное обновление. В частности, если нет недавних публикаций и хоть каких-то близких дат, то можно сделать вывод, что сайт заброшен. В сети есть огромное количество ресурсов, созданных на конструкторах сайтов ради сиюминутного интереса или оставленных за ненадобностью. 

Для поддержания видимой актуальности сайта важно: 

1. Регулярно публиковать и актуализировать статьи / новости.
2. Не забывайте указывать актуальный год в «подвале». 
3. Использовать виджет отображения даты, если это соответствует теме и оформлению. 
4. Указывать даты и время публикации комментариев пользователей. 

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

Что такое контент-маркетинг, кому он подходит и с чего начать запуск

#10 Отсутствие интеграции с социальными сетями

Социальные сети и мессенджеры давно стали одним из основных способов продвижения компаний и взаимодействия с пользователями. Аккаунты в соцсетях есть даже у государственных организаций. Многие люди предпочитают общение в мессенджерах телефонным звонкам или онлайн-заявкам. Поэтому отсутствие интеграции с социальными сетями выглядит странно.

Чтобы упростить коммуникацию с пользователями и потенциальными клиентами, стоит: 

1. Указать на сайте ссылки на все свои страницы в социальных сетях. 
2. Добавить активные кнопки для перехода в мессенджеры. 
3. Разместить под публикациями кнопки шеринга, чтобы посетители могли делиться вашим контентом, если захотят.

Социальные сети — мощный инструмент для продвижения и увеличения узнаваемости бренда. Игнорировать их точно не стоит. 

Что такое SMO-продвижение (social media optimization)