Найти тему
Digex Co.

Как найти битые ссылки на сайте и креативно оформить страницу 404

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

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

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

Привет! Мы — Digex Co. Занимаемся разработкой, консалтингом, помогаем бизнесу с любыми IT-задачами.

Почему появляются битые ссылки

Битая ссылка — это гиперссылка на страницу, которой не существует.

Чаще всего при переходе по ней на странице отображается ошибка 404 (Not Found): страница не найдена.

Причин появления битых ссылок множество, рассмотрим наиболее частые:

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

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

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

Человеческий фактор. Например, специалист забыл обновить ссылки, скопировал, вставил не тот адрес или опечатался при создании URL.

Устаревшие внешние ссылки. Ранее размещенные на внешних порталах ссылки, которые ведут на несуществующие страницы.

Чем опасны битые ссылки

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

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

Как избавиться от битых ссылок

Проверять наличие битых ссылок нужно на регулярной основе. Найти их помогут следующие инструменты и сервисы:

Google Search Console. Доступно несколько отчетов для анализа показателей сайта, можно посмотреть число страниц с битыми ссылками, ошибками 404 и другими.

-2

Яндекс Вебмастер. Бесплатный сервис с большим набором инструментов для аналитики. Вебмастер не только ищет, но и определяет источник битых ссылок.

-3

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

-4

Xenu's Link Sleuth. Бесплатное десктопное приложение. Анализирует сайт, выдает список всех неработающих ссылок. И хоть у этой программы не самый современный интерфейс, работает она стабильно и довольно быстро.

-5

Netpeak Spider. Десктопное приложение с множеством функций для аудита. Анализирует неработающие ссылки, редиректы, внутреннюю перелинковку и многое другое. Есть бесплатные и платные тарифы с ценами от 69 $ за 3 месяца.

-6

Comparser. Программа для быстрого аудита сайта. Есть много гибких настроек, поиск всех технических ошибок. Для парсинга из Яндекса используется три источника данных: Вебмастер, XML и стандартная выдача. Программа платная, пожизненная лицензия стоит 2 000 рублей.

-7

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

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

Что делать с битыми ссылками

Вы нашли неработающие ссылки, и теперь с ними нужно что-то делать. Есть несколько вариантов:

Заменить ссылку. Способ используется для страниц, у которых изменился URL, но сама страница и контент на ней остались.

Восстановить удаленную страницу. Применяется в случаях, когда удаленная страница приносила много трафика. Нужно проверить актуальность контента и при необходимости его отредактировать.

Удалить неработающую ссылку. Подходит для неактуальных страниц, не подлежащих восстановлению.

Оформление страницы 404

Даже если вы исправите все неработающие ссылки, периодически они все равно будут появляться.

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

Делимся примерами с продуманным и креативным оформлением страницы 404:

Wildberries

Ошибка 404 WIldberries
Ошибка 404 WIldberries

Вместо надписи об ошибке, фраза, что по запросу ничего не найдено. Внизу есть список товаров хитов. В итоге пользователь забывает об ошибке и идет дальше смотреть товары.

Lamoda

Ошибка 404 Lamoda
Ошибка 404 Lamoda

Снизу есть раздел с популярными товарами. Ошибку 404 креативно обыграли дизайнеры.

Ozon

Ошибка 404 Ozon
Ошибка 404 Ozon

Маленькая надпись об ошибке и большой блок с подборкой рекомендованных товаров.

Figma

Ошибка 404 Figma
Ошибка 404 Figma

Визуально интересное оформление ошибки в стиле редактора.

Дзен

Ошибка 404 Дзен
Ошибка 404 Дзен

Нестандартная фраза и цепляющий рисунок.

Airbnb

Ошибка 404 Airbnb
Ошибка 404 Airbnb

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

GitHub

Ошибка 404 GitHub
Ошибка 404 GitHub

Забавная картинка и надпись. Добавлена форма для входа в свой аккаунт и строка для поиска.

Aviasales

Ошибка 404 Aviasales
Ошибка 404 Aviasales

Что может быть на любой странице, рекламе, крыше дома и в целом везде, где есть Aviasales? Конечно же, слоган о поиске самых дешевых авиабилетов.

Blizzard

Ошибка 404 Blizzard
Ошибка 404 Blizzard

На странице — анимация с игровым персонажем и ссылка для перехода на главную.

Pixar

Ошибка 404 Pixar
Ошибка 404 Pixar

Студия добавила персонажа «Печаль» из мультика «Головоломка» и фразу — отсылку к мультфильму.

А какие креативные страницы с ошибкой 404 встречались вам? Пишите в комментариях.

С подпиской рекламы не будет

Подключите Дзен Про за 159 ₽ в месяц