Основанные на данных лучшие практики для создания убийцы 404 Page

1. Почему уникальны 404 страницы?
2. Что вы можете сделать со своими 404 страницами?
3. Развлекай своих зрителей
4. Предложите возможность общаться с вами
5. Предоставить различные варианты навигации
6. Примеры удивительных 404 страниц
7. facebook
8. Reddit
9. Mozilla
10. Хенрик Хедегаард
11. Эллисон Хаус
12. EyeEm
13. Tripomatic
14. Википедия
15. Голубой Даниэль
16. Старбакс
17. Что эти практики иллюстрируют?
18. Создайте 404 страницы, которые соответствуют теме вашего сайта
19. Предложение по крайней мере одна ссылка на другую страницу
20. Используйте умные визуальные эффекты, чтобы привлечь ваших читателей

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

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

Почему уникальны 404 страницы?

По данным 404 Lab, первые 404 страницы возникла в 1990-х годах и приписывается Тиму Бернерсу-Ли, основателю браузера WorldWideWeb. Оригинальная страница 404 успешно сообщила читателям, что они наткнулись на неправильную страницу, но больше ничего не сделали. Это было статично и непривлекательно.

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

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

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

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

Что вы можете сделать со своими 404 страницами?

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

Развлекай своих зрителей

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

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

Предложите возможность общаться с вами

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

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

Предоставить различные варианты навигации

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

Примеры удивительных 404 страниц

Готовы применить эти принципы на своем сайте? Замечательно! Лучшее место, чтобы начать создавать идеальную страницу 404 - это изучить примеры других успешных маркетологов. Вот несколько отличных вариантов для использования в качестве отправной точки:

facebook

Facebook является вторым по популярности веб-сайтом в мире и накопил регулярную базу почти 1,4 миллиарда пользователей с его исключительной стратегией UX. Лаборатория пользовательского опыта Facebook признает, что даже кажущаяся обыденной страница, такая как 404, способна определять способ взаимодействия пользователей с сайтом, поэтому поиск умного способа сделать страницу более интересной был главным приоритетом для пользователей. команда.

Страница Facebook 404 проста, но также оригинальна. Помимо текста, который гласит: «Извините, эта страница недоступна. Ссылка, по которой вы переходили, может быть повреждена, или страница может быть удалена », страница отличается изображением большого пальца Facebook с изображением полосы. Это изображение работает хорошо, так как все знакомы со значком «Мне нравится» на Facebook, и его использование на странице 404 компании представляет остроумную игру традиционной концепции.

Reddit

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

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

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

Mozilla

Mozilla известна тем, что предоставляет исключительный пользовательский опыт; на самом деле, команда UX компании даже однажды провела AMA на Reddit, чтобы поговорить о некоторых лучшие практики, которым они следуют , Компания приписывает удовлетворение своих пользователей вниманию к деталям, поэтому неудивительно, что разработчики команды создали исключительную 404 страница , Почему это так эффективно? Прежде всего, страница предлагает ряд советов, которые могут помочь пользователю:

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

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

Хенрик Хедегаард

Хенрик Хедегаард - известный ИТ-архитектор, который в настоящее время работает в Designit. Он также управляет собственным сайтом по различным темам архитектуры, ND и IT. Так как его профессиональная репутация зависит от его способности доставлять пользователям максимум удовольствия, Хедегаард создал страницу 404 это помогает взаимодействовать с его посетителями и направляет их в правильном направлении, чтобы найти информацию, которую они ищут.

Интересно, что, по данным Alexa, почти 100% поискового трафика Хедегаарда исходя из ключевого термина «Дизайн страницы ошибки 404» - видимость, которую он приобрел для своего сайта, предлагая превосходный пользовательский интерфейс.

Вот пара блюд на странице 404 на сайте Хедегаарда:

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

Эллисон Хаус

Эллисон Хаус - еще один ИТ-специалист, который вложил время и энергию в создание привлекательной страницы для своего сайта. Ее страница 404, возможно, является самой уникальной версией, которую я когда-либо встречал, поскольку в реальном времени она набирает следующие слова:

«Ну, вот и мы.

Не на что смотреть, не так ли?

Пришел сюда во вторник вечером однажды.

Это было на самом деле довольно многолюдно.

Но в среду днем ​​...

Я думаю, это только ты и я.

Хех.

Главная »

Страница Хауса - единственная найденная мной страница 404, которая отображает сообщение в режиме реального времени, как это. Можете ли вы даже представить, насколько мощной может быть эта стратегия с точки зрения удержания пользователя за дополнительной информацией? Если вы попали на эту страницу, вы почти наверняка подождете анимацию, чтобы увидеть, что скажет последнее сообщение. Без этого многие пользователи Хауса, несомненно, просто нажмут кнопку «Назад», как только увидят 404.

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

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

Хаус написал пост в блоге о своей странице 404, где она заявила, что она явно нашла отклик у ее зрителей, так как многие из них продолжили делиться ею в Twitter. Ее последователи в Твиттере ясно дали понять, насколько им нравится ее подход, разместив такие сообщения, как: «Лучший сайт 404 - от лучшего @house. Напоминает мне о портале. Надеюсь, вы сделаете 509, 504, 502 и 418. »Ее страница была даже продвинута Сашей Грайф, популярным дизайнером, соавтором Discover Media.

Хаус, вероятно, никогда не ожидал, что ее страница 404 будет достаточно привлекательной, чтобы вызвать такое большое воздействие!

EyeEm

EyeEm - это сообщество для фотографов, чтобы получить доступ и продать свои работы. Сайт предлагает простую, но умную страницу 404 с надписью «Упс! Мы не можем найти фотографию, которую вы ищете ... »на фоне фоновой фотографии женщины, которая смотрит в кусты - возможно потому, что она потеряла что-то важное.

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

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

Tripomatic

Tripomatic является популярным туристическим информационным сайтом, и страница 404 сайта соответствует его теме. На странице написано «Извините, эта страница никогда не возвращалась из поездки в пустыню Атакама», но что действительно разумно в подходе Tripomatic, так это то, что текст «Атакама пустыня» связан с инструментом поиска, который позволяет пользователям находить регион для своего будущего. поездки.

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

Википедия

Страница 404 в Википедии намного более консервативна, но это, вероятно, хорошо, поскольку у сайта более серьезная цель. Вот пример сообщения, которое вы получите, если попытаетесь посетить страницу, которой нет на сайте (в данном случае http://en.wikipedia.org/sldjfjslkafja).

"Ошибка

404 - Файл не найден

http://en.wikipedia.org/sldjfjslkafja

Мы не смогли найти вышеуказанную страницу на наших серверах.

Вы хотели ввести http://en.wikipedia.org/wiki/sldjfjslkafja? Вы будете автоматически перенаправлены туда через пять секунд.

Кроме того, вы можете посетить главную страницу или прочитать дополнительную информацию об этом типе ошибки.

Проект Фонда Викимедиа »

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

Голубой Даниэль

Blue Daniel - это киностудия с фильмами на каждой странице своего веб-сайта, поэтому неудивительно, что тот же мотив был перенесен в компанию. 404 страница , В настоящее время на этой странице вращаются плакаты из нескольких различных фильмов, в том числе вывески из фильмов о поп-культуре и телешоу, такие как «Потерянные» и «Пропавшие». Эта страница является творческим и интересным способом рассказать людям, что они посетили страницу, что в Таким образом, это соответствует тону и миссии всего сайта ..

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

Старбакс

Starbucks не может использовать тот же юмор, что и некоторые примеры, перечисленные выше, но его 404 страница сообщает то, что клиент должен знать и делать, чтобы найти контент, который он изначально искал.

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

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

Что эти практики иллюстрируют?

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

Создайте 404 страницы, которые соответствуют теме вашего сайта

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

Предложение по крайней мере одна ссылка на другую страницу

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

Когда вы создаете свою страницу 404, предоставьте ссылки на одну или несколько из следующих страниц:

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

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

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

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

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

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

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

Похожие

Комментарии