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

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

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

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

<p><i>Ошибка 404</i></p>

Ошибка 404

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Wildberries

<p><i>Ошибка 404 WIldberries</i></p>

Ошибка 404 WIldberries

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

Lamoda

<p><i>Ошибка 404 Lamoda</i></p>

Ошибка 404 Lamoda

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

Ozon

<p><i>Ошибка 404 Ozon</i></p>

Ошибка 404 Ozon

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

Figma

<p><i>Ошибка 404 Figma</i></p>

Ошибка 404 Figma

Интересное оформление ошибки в стиле редактора.

VC

<p><i>Ошибка 404 VC</i></p>

Ошибка 404 VC

Креативный рисунок и текст, вызывающий улыбку и позитивные эмоции.

Airbnb

<p><i>Ошибка 404 Airbnb</i></p>

Ошибка 404 Airbnb

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

GitHub

<p><i>Ошибка 404 GitHub</i></p>

Ошибка 404 GitHub

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

Aviasales

<p><i>Ошибка 404 Aviasales</i></p>

Ошибка 404 Aviasales

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

Blizzard

<p><i>Ошибка 404 Blizzard</i></p>

Ошибка 404 Blizzard

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

Pixar

<p><i>Ошибка 404 Pixar</i></p>

Ошибка 404 Pixar

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

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

Начать дискуссию