Срок годности сайта

Когда компания покупает автомобиль, директору обычно очевидно, что лет через 5−6 или 200 000 км пробега надо планировать покупку нового. При разработке сайта обычно об этом никто не задумывается. В статье подробно расскажем, как определить, устарел ли ваш сайт, и что делать когда он уже «протух».

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

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

Эти изменения будут только ускоряться. Вспомните, как долго «продержался» скевоморфизм от Apple, а теперь даже более-менее современный глассморфизм уже не кажется чем-то новым.

Чтобы наглядно показать, как устаревает даже отличный дизайн, давайте сравним два наших проекта: сайт для «Молочной культуры» (2015 год) и сайт кофе «Жокей» (2021 год).

Главное, что выдает возраст сайта — то, что у него под «капотом». Технологии, с помощью которых создан сайт, неизбежно устаревают, и вот основные причины:

1. Эволюция устройств

С распространением смартфонов произошла революция — количество мобильных пользователей интернета стало неуклонно расти, а сейчас и вовсе большинство россиян (60−70%) выходит в сеть с телефона. Таким образом, адаптивный дизайн стал обязательным для всех сайтов — это даже учитывается при ранжировании в поисковой выдаче. А ведь мы стали его предлагать заказчикам как дополнительную опцию при разработке сайта меньше 15 лет назад.

Разрешения экранов ПК тоже меняются, это мы увидели на примере выше. А недавно Apple представила гарнитуру нового поколения Vision Pro — возможно, эта технология тоже имеет будущее и потребует новых подходов к UI-дизайну.

2. Появление и внедрение новых web-сервисов

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

3. Изменение требований поисковых систем

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

Например, Google использует для оценки скорости свой сервис Google PageSpeed Insights. Первое крупное обновление произошло в 2019 году — тогда многие сайты пришлось срочно переделывать, чтобы они и дальше могли оставаться в топе. Позже ужесточение коснулось и требований к мобильным версиям.

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

Также при ранжировании сайта учитывается поведение пользователей — время, проведенное на сайте, процент отказов, количество конверсионных действий. Когда-то поисковики учитывали только посещаемость сайта, а еще раньше — вообще не проверяли поведенческие факторы. Изменения в поисковых алгоритмах вынудили многих предпринимателей редизайнить свои ресурсы.

4. Изменение требований законодательства

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

Еще из последнего — требования по маркировке рекламы. После рекламного сообщения нужно размещать соответствующую пометку, идентификатор и данные рекламодателя. А еще — передавать данные о рекламной кампании в единый реестр интернет-рекламы (ЕРИР). В 2022 году этот закон потребовал экстренной переделки всех сайтов, размещающих у себя рекламу.

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

В 2023 году в кабмин был направлен законопроект об онлайн-продаже алкоголя. Это, конечно, открывает новые перспективы для e-commerce, но сайты, связанные с алкогольной отраслью, придется переделывать.

5. Выявление уязвимостей

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

Среди платных платформ в России наиболее часто взламывают популярный «Битрикс» — особенно, старые версии. Например, можно отметить недавнюю массовую атаку на серверы национального сегмента РФ, целью которой было заразить ресурсы под управлением «Битрикс». Поэтому рекомендуем обновлять платформу хотя бы раз в год. Если обновлять ежегодно — это не очень затратно: плюс-минус 10 рабочих часов программиста обойдутся дешевле, чем решение форс-мажоров со взломанной базой данных.

Сайты на фреймворках хакеры трогают реже — это, банально, более трудоемко. Из фреймворков мы предпочитаем Laravel. Случаев взлома сайтов на чистом фреймворке у нас пока не было. Даже если сайт не обновлялся лет пять.

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

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

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

Если устаревшего контента очень много, может появиться соблазн разом его удалить, но это не лучшее решение. Например, если кто-то когда-то ссылался на вашу статью, то пользователь, перейдя по ссылке, попадёт на страницу 404. Так он лишится информации, а вы — потенциального клиента. Или, хотя материал и устарел, он может содержать ценные комментарии, ссылки, инфографику. В общем, рубить сплеча точно не стоит, и мы даже подготовили статью о том, что делать с устаревшим контентом.

Проверьте ваш сайт по списку. Ответ «да» даже по одному пункту — повод насторожиться:

• Конверсия значительно снизилась без видимых причин;
  
• Сайт начал лагать и тормозить;
  
• Тексты и дизайн выглядят устаревшими — особенно, в сравнении с конкурентами;
  
• Вы хотите внедрить новые функции, но разработчики говорят, что сайт не позволит этого сделать;
  
• В законодательстве появились изменения, которые касаются вашей деятельности;
  
• На сайте нет функций, которые появились у большинства конкурентов;
  
• По коду сайта не было никаких работ больше пары лет;
  
• Сайт разработан на «Битриксе» или бесплатной CMS, и он не обновлялся больше года;
  
• Обслуживание сайта предполагает большие объемы ручной работы (например — обработка заказов, обновление цен или остатков товаров). Возможно, пора задуматься об автоматизации и настройках интеграций.
  
  

Некоторые владельцы бизнеса говорят: «Мне не нужно обновление — мой сайт как работал, так и будет работать. Клиенты есть, меня все устраивает». Но вечно так продолжаться не может. Трафик будет неизбежно уменьшаться — и из-за снижения популярности у клиентов, и из-за пессимизации в поисковой выдаче. К тому же, старый сайт намного проще взломать.

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

С устареванием не справились даже вчерашние гиганты — например, популярный когда-то поисковик «Рамблер» или онлайн-блог «Живой журнал». Оба этих ресурса в свое время привлекали миллионы пользователей, но сейчас не могут конкурировать с «Яндексом» и «Дзеном».

Стратегия зависит от того, что именно устарело:

• Если устарел дизайн, лучший выбор — сделать новый сайт. Как правило, «осовременивание» старого дизайна смотрится плохо. Представьте, что дизайнер отрисовал для сайта новые стильные кнопки, продумал современную анимацию, но на страницах размещены заезженные стоковые фото, а верстка рассчитана на максимальное разрешение 1024px.
  
  
• Переделать только дизайн — тоже не вариант. Чтобы использовать новый дизайн на сайте, надо будет его сверстать. Кроме того, обычно при отрисовке дизайна специалист предлагает новые удобные фишки, да и заказчик о них просит. А значит, придется дорабатывать и движок сайта. В общем, проще переделать сайт полностью. При редизайне сайта мы стараемся перенести контент и сохранить адреса страниц, чтобы не потерялся прогресс SEO.
  
  
• Точечно корректировать дизайн допустимо в тех случаях, когда он еще не устарел полностью, но некоторые элементы можно было бы сделать более трендовыми или удобными. Обычно такое происходит на крупных проектах — по сути, мелкие доработки интерфейса там выполняются постоянно, чтобы получить максимальную конверсию.
  

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

Если вам критически важно, чтобы сайт работал 100% времени без перерывов, можно использовать стратегию постепенного рефакторинга — то есть, обновление частями. Так можно заменить технологии, которые безнадежно устарели, избавиться от костылей и нестыковок в коде, которые неизбежны при лоскутных доработках.

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

Для начала, вам надо понять масштаб проблемы, поэтому:

1. Определитесь, что конкретно вы хотите переделать на старом сайте. Составьте подробный и понятный список пожеланий.
   
   
2. Проверьте, сможете ли вы внести изменения самостоятельно (силами штатных разработчиков). Если да — просто запланируйте эти работы. Если нет – определите свой бюджет на доработки.
   
   

Итак, у вас есть список пожеланий и понимание, сколько денег вы готовы потратить. Задайте вопрос разработчикам проекта — можно ли внести правки точечно. Если сайт уже на техподдержке — вероятность, что так можно сделать, повышается.

Если разработчики готовы внести правки в сайт и уложиться в бюджет — отлично, работаем! Если нет — запросите оценку на переделку сайта, график работ и план переезда со старого сайта на новый. Если бюджет выше планируемого, выберите приоритетные для себя изменения (возможно, их можно будет внедрить в старый сайт) или попросите разработчиков предложить альтернативные решения в рамках бюджета.

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

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

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

Еще одно зло — использование шаблонных решений. Да, это экономно и быстро, но не забывайте, что одни и те же шаблоны продаются на протяжении нескольких лет. Иначе их разработка просто не окупается. Выбрать «свежий и крутой» шаблон большинство заказчиков самостоятельно не могут. Банально не хватает насмотренности. То есть, при разработке на шаблоне высока вероятность, что у вас будет не только скучный и стереотипный, но и сразу устаревший сайт.

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

Еще в 2018-ом большинство интернет-магазинов представляли собой, скорее, онлайн-каталоги. Товары можно было сложить в корзину, после чего ждать звонка, чтобы менеджер рассказал про условия доставки и варианты оплаты. Сейчас же пользователь может уйти с сайта просто потому, что не нашел удобного способа оплаты, не смог оформить рассрочку или нашел такой же товар на маркетплейсе дешевле, чем на официальном сайте. При этом, продавать товар на маркетплейсе может тот же продавец — политика маркетплейсов в отношении массовых скидок уже стала притчей во языцех.

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

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

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