Страница ошибки 404 – обязательный атрибут любого многостраничника. И ее важно сделать грамотно, чтобы при выдаче ошибки пользователь не покинул сайт, а вернулся в нужный ему раздел и завершил целевое действие. Даем пару советов, как этого достичь.
Начнем с того, почему такая ошибка вообще возникает. Вот основные причины:
- ошибка в ссылке, когда пользователь вводит ее вручную;
- страницу перенесли в другой раздел, что повлекло за собой изменение ее URL-адреса;
- переименования разделов также приводит к изменению урла, в итоге старые ссылки недействительны;
- ошибка сервера или сайт не отвечает;
- страница была удалена – самая частая ситуация с акциями и сезонными предложениями.
Именно это сразу и сообщите посетителю. Объясните, что могло произойти, почему он видит эту страницу. Иногда стоит сделать это с ноткой утешения – дайте понять, что ничего страшного не случилось. Это к тому, что при виде «404 Page Not Found» без лишних объяснений может быть неуютно – посетитель пугается, что сделал что-то не так.
Такая ошибка может быть буквально на каждом сайте, поэтому делать страницу 404 – обязательно. Исключением являются только одностраничники, там где кроме одной ссылки других вариантов нет. Чем больше страниц на сайте и чем сложнее его структура, тем выше вероятность возникновения ошибки при переходе.
Зачем делать отдельную страницу?
Мы сейчас обсудим нормальную страницу 404 – не просто “для галочки”, а продуманную и интересную. Итак, зачем это?
Когда пользователь видит ошибку, то его естественным желанием будет покинуть страницу. И ваша задача этого не допустить. Если все сделано верно, то 404 будет полезной:
- поможет сохранить трафик сайта – мы знаем, что слишком частые уходы с сайта плохо сказываются на его ранжировании. И при частом появлении ошибки именно это и случается. Поэтому важно сделать так, чтобы при виде 404 пользователь не сбежал, а продолжил работу с сайтом. А если страница ошибки сделана грамотно, то вы не только сохраните трафик, но и повысите его.
- повысит лояльность к бренду – доброжелательность, удобство навигации, продуманные шаги пользователя помогут создать приятное впечатление о сайте и компании.
- повысит конверсию – если человек зашел на сайт и не попал на нужную страницу, то необходимо дать ему все возможности для получения желаемого. Поэтому не просто сообщайте об ошибке, а предлагайте решение проблемы.
Что разместить на странице 404?
Сообщите, почему пользователь оказался здесь. Попросите проверить ссылку. И обязательно разместите минимум одну кнопку! Базовый вариант – кнопка с переходом на главную страницу. Желательно сделать пару вариантов, чтобы максимально удовлетворить запрос посетителя. Страница без призыва к действию или ссылки будет тухлой, вероятность ухода с сайта слишком высока. Поэтому ищите интересные варианты вовлечения. Что можно разместить на странице, кроме перехода на главную? Вот несколько хороших идей:
- Популярные категории и разделы – с превью и кнопками перехода, конечно.
- Дайте материал для скачивания, презентацию, каталог – что-то полезное.
- Реклама акций и спецпредложений. А можно даже подарить промокод в знак извинения за несуществующую страницу. Тогда уж точно посетитель вернется на сайт, чтобы его применить.
- Анонс ближайших событий с возможностью записаться/купить билет/подать заявку. Без кнопки афишу лучше не делать.
- Строка поиска – пусть пользователь найдет нужный раздел или товар напрямую.
- FAQ – если пользователь не туда попал, может ему понадобятся ответы на популярные вопросы. Особенно актуально для тех видов деятельности, в которых без этих вопросов не обходится ни один заказ.
- Видео, анимация – вместо картинки можно поставить тематический ролик. Но если он интересный. Идеально – всевозможные вариации “До и После”, если это возможно в данной сфере. Такое люди любят смотреть.
- Флеш-игры, квизы, интересные тесты – интерактивность приветствуется. Такая страница не просто поможет не потерять пользователя, но даже заставит его задержаться чуть дольше, чем изначально планировалось. У нас тут есть бесплатный мастер-класс «Пишем классную quiz викторину на JavaScript для начинающих».
- “Сообщите о проблеме” – если пользователь запутался, то он может изъявить желание пожаловаться или попросить помощи. Оставьте поле для этого. Форма для обратной связи, вызова чат-бота или заказа звонка будут уместны. Это еще и сработает как демонстрация заботы со стороны компании.
- Если введенный неправильный URL содержит адрес категории, на которую пытался попасть пользователь, то можно настроить выдачу продуктов из этого раздела. Возможно, там уже будет искомое. Или даже что-то более интересное. По крайней мере, человек поймет, что он на верном пути и перейдет по ссылке.
Далеко не все оставляют на этой странице шапку и подвал сайта. Но в целом это хорошая идея – там сразу будет видно все основные данные, контакты, разделы. По ним же сразу пользователь сможет перейти или связаться по важному вопросу. Так что, если есть футер и хедер, то разгон для вариантов контента становится больше. Это ваш шанс на творчество и креатив – не упустите возможность разгуляться.
Несколько условий для крутого результата
Четких правил нет. Нет условностей и обязаловки. Это большой плюс – на этой странице можно делать если не все, то многое. Обычно заказчики не придираются, если вы не сделаете совсем уж что-то провокационное (хотя этого чаще всего и хотят). Но пару общих советов мы можем дать.
- Единый стиль – страница не должна выбиваться из общей концепции сайта, она выполняется в том же стиле и продолжает основной посыл. Касается и типографики, и палитры, и элементов. Используйте детали из основного дизайна. Это не только красиво, но и несет определенную пользу – посетитель видит, что он все еще на том сайте, куда хотел попасть.
- Тематический юмор – не так уж много сфер, где тонкий юмор будет неуместным. Почти везде можно ненавязчиво пошутить, сделать оригинальный сопроводительный текст или нарисовать забавную иллюстрацию. Если это возможно, то обязательно постарайтесь разрядить обстановку и обыграть неудачу весело. Это всегда работает.
- Стоит учитывать специфику сайта. Индивидуальный подход к оформлению воспринимается на ура. Используйте профессиональный сленг, обыграйте род деятельности, создайте тематического персонажа, который обращается к пользователю.
- Зацепите внимание. Даже если страница максимально полезна, она должна еще и привлекать. Типичный дизайн может заставить посетителя пройти мимо – пользователь видит крупную надпись “404” и уже дальше не читает. А нужно сделать так, чтобы он и текст прочел, и действие выполнил. Поэтому креативность приветствуется.
Чего делать точно нельзя
Во-первых, нельзя отказываться от страницы 404 – она обязательна. Технически можно настроить работу сайта так, чтобы он вместо 404 сразу перебрасывал посетителя на главную или другие страницы (перелинковка 301). Не стоит делать так, это сбивает с толку и раздражает юзера. В итоге вы потеряете клиента.
Во-вторых, не думайте, что стандартного шаблона достаточно. Это лучше, чем ничего. Но все равно плохо. Всегда лучше потратить немного времени на индивидуальное оформление, чем терять лидов в будущем. Та же история и со страницей благодарности – эти элементы только кажутся мелочью и формальностью, но на деле являются мощным маркетинговым инструментом и приносят огромную пользу, если оформлены со знанием дела.
И никакого плагиата. В сети есть масса очень крутых примеров страницы 404. Есть из них такие, которые кажутся идеальными и просто не выходят из головы. Но пусть они станут вдохновением, а не базой для вашей страницы. Чужая идея, даже немного переделанная, станет крестом и на репутации сайта, и на репутации дизайнера. Придумывайте новые решения, они окупятся.
Как предупредить ошибку
Никак. Они все равно будут. Никто не застрахован от ошибки в ссылке. Но минимизировать возникновение ошибки можно и даже нужно. Она может появиться по вине владельца сайта или сотрудников, его оптимизирующих. Перемещение страниц, удаление – это главные причины.
Нужно периодически проверять битые ссылки, следить за актуальностью разделов. Есть даже бесплатные сервисы, которые помогут выявить такие проблемы. Вот несколько:
Можно использовать Google.Analytics – это один из самых простых способов. А еще есть масса десктопных программ, платных приложений с удобным функционалом (Netpeak spider и Screamingfrog, например). Но это уже задача сеошника, а не дизайнера.
Так что работать над сайтом нужно, но даже при лучших раскладах ошибочные переходы будут. Поэтому не надейтесь на минимизацию ошибок и идеальную работу сайта, страница с 404 нужна обязательно и сделать ее требуется хорошо.
Как делать крутые страницы
Помните, что у вас есть две главных задачи – вернуть пользователя на сайт и помочь ему побороть негативные эмоции, связанные с ошибочным переходом. Если отталкиваться от этого, то всегда можно найти интересные решения. Поставьте себя на место пользователя и вперед. Это поле для реализации творческих идей и даже озорства – именно смешные, необычные и увлекательные страницы ошибки запоминаются пользователям и улучшают их отношение к бренду.
Конечно, нужно разбираться в вопросах дизайна и UX/UI, чтобы сделать страницу и оригинальной, и полезной, и удобной. Для этого нужен опыт и базовые знания.
Материал подготовлен командой образовательной платформы WAYUP