Как сделать 404 страницу: Как сделать страницу с ошибкой 404?

Объяснить посетителю, что происходит.

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

solarcomplekt.com

www.uxsofia.com

marvelapp.com

Развлечь и рассмешить.

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

hugeinc.com

Тональность сообщения на странице ошибки зависит от позиционирования вашего бренда, но немного юмора никогда не помешает.

worrydream.com

www. pixar.com

renk-magazin.de

off-box.com

bakkenbaeck.com

emojibook.club

Вернуть пользователя на сайт.

Юмор и красивые картинки — это прекрасно. Но не стоит забывать, что вам нужно поскорее вернуть посетителя страницы 404 на сайт. Дайте ему возможность для этого, поставьте контакты, меню и ссылку на главную или блог.

builtvisible.com

theoryandpractice.ru

finely.co

mag.fieldsroads.ru

Сохранять свой стиль.

Страница 404 — часть вашего сайта, поэтому она должна быть оформлена в стиле вашего бренда. Это касается цветов, типографики и всего контента.

dropbox.com

hula-hoop.fr

intercom.com

airbnb.ru

Предупредить ошибку.

Лучший способ сделать так, чтобы пользователь не попал на страницу 404 — постоянно проверять «битые ссылки» на сайте. Если раз в месяц проверять потерянные статьи, видео, картинки и так далее, ваши пользователи будут все меньше попадать на страницу 404.

У Google и Яндекс есть бесплатные сервисы для веб-мастеров, которые помогают найти неработающие ссылки.

Как правильно сделать страницу ошибки 404 на Тильде

Создайте новую страницу сайта на Тильде.

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

Опубликуйте.

Перейдите в «Настройки сайта > Еще > 404 страница». Выберите из списка страницу, которую вы создали и сохраните.

Важно:

• Не задавайте адрес /404 — будет появляться стандартная ошибка Тильды
  
• Чтобы 404 заработала, вам нужно переопубликовать все страницы сайта

Какую информацию разместить на странице 404?

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

Какие блоки я могу использовать для создания страницы 404?

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

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

Как должна выглядеть моя страница 404?

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

danwoodger.com

bons.me

swelldesigngroup.com

robinhood.com

www.dogstudio.co

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

controforma. school

basetemplates.com

www.arenaslab.com

thewonderdesigns.com

www.togdazine.ru

happyfication.space

lab-w.com

Текст: Варя Гурова
Иллюстрации, дизайн и верстка: Юлия Засс

Если материал вам понравился, расскажите о нем друзьям. Спасибо!

Читайте также:

Продвижение по методу AARRR

Что такое UX дизайн?

Как привлечь новых пользователей с подходом Jobs To Be Done

Закон о защите персональных данных — как избежать штрафов

Впечатление о сайте — что повышает доверие пользователя в веб-дизайне

Визуальная иерархия сайта: оформление и организация контента

Персональный сайт личного бренда: как использовать Тильду для развития личного бренда

Бизнес в инстаграм: как увеличить продажи с помощью сайта

Как повысить конверсию сайта — 12 психологических приемов

Уникальное торговое предложение для сайта — как составить продающий оффер

Аналитика сайта — как повысить конверсию сайта, используя веб-аналитику

SEO продвижение сайта на Тильде самостоятельно — пошаговая инструкция

WordPress 404 страница — как настроить страницу ошибки

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

Что такое ошибка 404 и почему важно правильно настроить страницу?

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

Интернет-адрес, ведущий на страницу с ошибкой 404, может оказаться просто неправильно набранным URL либо возникнуть со временем, если вы удалили проиндексированную страницу и забыли об этом. При выдаче кода 404 WordPress настроен на автоматический поиск файла 404.php. Базовый шаблон с этой ошибкой включен в некоторые темы WordPress. Если же этого файла нет, то будет показано системное сообщение, которое не несет полезной для пользователя информации.

Как создать страницу 404 ошибки, если ее нет в шаблоне — настройка

Не все темы WordPress имеют собственный файл шаблона ошибки 404.

1. Первое, что нужно сделать, это сформировать настраиваемый шаблон, например, редактируя файл 404.php, скопированный из другой темы. Если вы редактируете свою тему напрямую, настоятельно рекомендуется сделать резервную копию темы WordPress.
2. Файл ошибки 404 расположен по адресу: /wp-content/themes/имя-темы/404.php
3. Страница ошибки примет стиль активной темы, поскольку она вызывает шапку
4. И подвал текущей темы.
5. Понадобится только отредактировать заголовок и сообщение на странице в соответствии с вашими конкретными потребностями.
6. Для этого откройте файл шаблона ошибки 404 в редакторе кода и измените текст сообщения на свое усмотрение.
7. Добавьте в шаблон строку поиска, если ее там нет. Затем сохраните файл и загрузите его в каталог темы установки WordPress.

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

ErrorDocument 404/index.php?error=404

Файл index.php расположен в корневой папке вашего сайта. Если WordPress находится в подкаталоге с именем «wordpress», код, добавляемый в файл .htaccess, должен быть:

ErrorDocument 404/wordpress/index.php?error=404

Что разместить на wordpress странице 404

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

Рекомендуется указать пользователю правильное направление действий, которое заставит его задержаться на сайте. Это можно сделать несколькими способами:

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

Чтобы сделать страницу уникальной, вы можете снабдить ее фоновым изображением в стиле оформления сайта. Допустимо также использовать html-теги и css-стили, чтобы придать шаблону индивидуальность.

Как создать в вордпресс 404 страницу при помощи плагина

Создать собственную страницу 404, как и любую другую страницу в WordPress можно при помощи плагина 404page (https://wordpress.org/plugins/404page/). Важной особенностью этого плагина является то, что он не создает перенаправление, а формирует правильный ответ сервера с кодом 404. Он сообщает поисковым системам, что страница не существует и должна быть удалена из индексирования, тогда как перенаправление приведет к HTTP-коду 301 или 302 и URL-адрес останется в индексе поиска.

Установите плагин 404page из меню админки «Плагин -> Добавить новый» и активируйте его.

Создайте страницу 404 как обычную страницу WordPress из меню «Страницы -> Добавить новую». Внесите в нее всю необходимую информацию, которую вы хотите показать посетителю, и нажмите кнопку «Опубликовать». Плагин 404page также добавляет CSS-класс error404 в тег <body>, который можно использовать для задания дополнительных стилей на странице.

После активирования плагина в меню «Внешний вид» (1) появился раздел «404 Error Page» (2), в котором можно настроить отображение страницы ошибки.

Выберите созданную страницу 404 из списка страниц сайта (3). Убедитесь, что отмечен флажок (4), чтобы сервер отдавал код 404 при доступе к этой странице. Если вы используете кэширование, плагин выдаст предупреждение – страница из кэша будет отдавать код 200, поэтому ее нужно исключить из кэширования.

При возникновении проблем или конфликта с другими плагинами 404page может быть запущен в режиме совместимости. Нажмите кнопку «Сохранить изменения» (5).

Чтобы включить обработку ошибок 404 в WordPress, нужно установить структуру ссылок в меню «Настройки -> Постоянные ссылки» на любой пункт, кроме «По умолчанию». В противном случае ошибка 404 обрабатывается сервером, а не движком WordPress.

iPipe – надёжный хостинг-провайдер с опытом работы более 15 лет.

Мы предлагаем:

• Виртуальные серверы с NVMe SSD дисками от 299 руб/мес
• Безлимитный хостинг на SSD дисках от 142 руб/мес
• Выделенные серверы в наличии и под заказ
• Регистрацию доменов в более 350 зонах

Страница 404 ошибки — как сделать, примеры красивых дизайнов

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

Ошибка 404 страница не найдена (404 page not found) — это такой код ответ сервера, который был принят консорциумом W3C в 1992 году. Клиент (браузер) отправляет запрос серверу через протокол HTTP. А сервер этот запрос обрабатывает и выдает ответ 404.

Что означают эти цифры:

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

Вторые две цифры (0 и 4) означают именно ошибку “Не найдено”, которая относится к группе ошибок 4xx, например, 403 Forbidden (доступ запрещен), 400 Bad Request (неправильный запрос), 401 Unauthorized (не авторизовано) и другие.

Причины, почему возникает страница 404 ошибки:

• У страницы сменился url адрес
• Страница вообще была удалена с сайта
• Пользователь написал адрес с ошибкой
• Сайт недоступен в данный момент
• Сайт вообще больше не работает
• Некачественное интернет соединение

Содержание:

• 1 Страница 404 и SEO
• 2 Правильная страница ошибки
• 3 Несколько примеров

Страница 404 и SEO

Для SEO продвижения сайта важно, чтобы на сайте не было внутренних ссылок на 404 страницы, то есть так называемых битых ссылок. Проверяется это с помощью разных сервисов и программ, самой популярной из которых является программа Xenu’s Link.

Смотрите видео, как пользоваться программой:

Просто загоняете адрес сайта в программу и она находит внутренние битые ссылки на сайте.

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

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

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

Правильная страница ошибки

Рекомендации, как сделать правильную 404 страницу для сайта:

• Объясните пользователю, куда он попал, то есть, что эта страница ошибки, и ее не существует. Он должен понять, что находится на нужном сайте, просто не на нужной ему странице. Можно юморнуть, я часто встречал на таких страницах юмор, это вызывает улыбку и уже закрывать сайт не хочется.
• Обязательно нужно добавить ссылки на основные разделы сайта, в том числе и на главную. Пользователь не должен искать, как ему попасть на нужную страницу, вводить опять адрес сайта в строке браузера, иначе он просто уйдет и больше никогда не вернется.
• Сделать строку поиска на странице ошибки. Типа вы не туда попали, а если воспользуетесь нашим поиском, то найдете нужную страницу на сайте и уже попадете, куда хотели попасть.
• Страница 404 ошибки обязательно должна быть выполнена в дизайне сайта. Иначе у посетителя может сложиться впечатление, что он попал совсем на другой сайт, тогда он точно закроет страницу и больше не вернется. А если на вашей странице ошибки будет ваш логотип, название компании, общий фирменный стиль сайта, тогда будет сразу понятно, что посетитель попал на нужный ему сайт, просто не та страница.

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

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

ErrorDocument 404 http://ВАШ_САЙТ/404.php

Теперь и на вашем сайте есть 404 страница.

Несколько примеров

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

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

Ну и напоследок посмотрите мое подробное видео про страницу 404:

P.S. Если вам понравилась статья, то поделитесь ею в социальных сетях, пишите ваши вопросы или комментарии ниже.

Что за ошибка 404 | Как создать 404 страницу

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

Ошибка 404 и ее влияние на SEO

Not Found 404 — это код, который указывает на то, что сервер найден, но обнаружить страницу по заданному URL невозможно.

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

Но есть “НО!”

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

1. Страдают поведенческие факторы.
   Большое количество несуществующих страниц в выдаче приведет к значительному числу отказов. Да и попав на нее с другой страницы сайта, посетители могут покинуть его, а длительность сеансов сильно сократится. Все это фиксируют поисковики и сочтут ваш ресурс некачественным и неполезным для аудитории.
2. Растрачивается краулинговый бюджет.
   Краулинговый бюджет — это общее число веб-страниц онлайн0площадки, которое роботы поиска могут обойти за один сеанс. Если он будет растрачен на страницы с ошибкой, страницы с обновленным, новым контентом останутся вне индекса и не будут видимы в поиске.
3. Теряется ссылочный вес.
   Линки, которые направляют на удаленные веб-страницы, называются битыми и могут заметно сказаться на ранжировании. Поэтому, при удалении тех или иных страниц ресурса, следует заменить или удалить ссылки, которые на них ведут.
4. Формируются дубли.
   Попадая в индекс, страницы с 404-ой ошибкой будут засчитываться как дубли, что чревато попаданием под фильтр.

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

Далее мы рассмотрим, как сделать страницу 404 в подробной инструкции.

Что делать с ошибкой 404: техническая часть

Прорабатываются три основных технических момента:

1. все страницы с неправильно введенными адресами переадресовываются на страницу 404 в .htaccess.
2. настраивается верный ответ сервера после перенаправления адресов (страница должна быть с 404-м http-кодом, не 200-м).
3. созданная страница 404 скрывается от индексации через файл robots.txt.

Далее рассмотрим, как настроить 404 страницу в подобной инструкции.

Редирект ошибочных адресов на страницу 404

Что делаем?

1. Создаем 404 страницу HTML.
2. Перенаправляем адреса в файле .htaccess, чтобы при некорректном адресе человек попадал на 404 страницу.
   Для этого вписываем строчку:
   ErrorDocument 404 http://msystem.com/404.php
   Это в качестве примера. На месте «msystem.com» – ваш домен, а http://msystem.com/404.php — путь к реальной странице.
   В случае, если ресурс на html, прописываете:
   ErrorDocument 404 http://msystem.com/404.html
3. Размещаем файл .htaccess на хостинге в корневом каталоге сайта.

Задаем корректный ответ сервера

Убедитесь, что создана правильная страница — 404, а не с кодом ответа 200. Проверить код ответа можно в Консоли Google при помощи функции “Сканирование/Посмотреть как GOOGLE бот”.

После проведения описанных выше действий, ответ сервера на битую ссылку будет выглядеть так:

• сначала HTTP/1.1 302 Found (перенаправление),
• а затем HTTP/1.1 200 OK (страница существует).

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

Отметим, что если мы рассматриваем ошибку 404 (нет такой страницы) в Яндекс, можно проверить код ответа сервера при помощи Вебмастера Яндекс (https://webmaster.yandex.ru/tools/server-response/) или одного из онлайн-сервисов:

http://checkmy.ru/

https://www.bertal.ru/

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

Итак, как создать 404 страницу правильно:

1. Прописываем в самом начале файла 404 строчку кода и добавляем файл на сервер.
2. Закрываем 404-ю страницу от попадания в индекс в файле rodots.txt, введя директиву Disallow: путь к странице.

С технической частью разобрались. Переходим к маркетинговой.

Что делать с ошибкой 404: маркетинговая часть

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

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

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

Вместо заключения предлагаем пример страницы 404: вдохновляйтесь!

Оцените статью

Средняя оценка 0 / 5. Количество оценок: 0

Оценок пока нет. Поставьте оценку первым.

Личный помощник

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

Обсудить проект

Как правильно сделать 404 страницу, чтобы клиент не убежал — E-pepper.

Проблема битых ссылок — один из бичей интернет-магазинов. Пользователь, попадающий на «страницу 404», может испугаться, ничего не понять и уйти с сайта. Так вы потеряете потенциального покупателя. Однако если подойти к созданию такой страницы с умом, то, наоборот, сможете привлечь и заинтересовать клиента. И уж точно поднять его настроение перед знакомством с сайтом. Как это сделать? Руководитель отдела SEO продвижения SEOXL Григорий Пащенко составил чеклист для грамотной 404 страницы и привёл несколько отличных примеров их реализации.

Ошибка 404 или Not Found («не найдено») — стандартный код ответа HTTP о том, что клиент был в состоянии общаться с сервером, но сервер не может найти данные согласно запросу. Ошибку 404 не следует путать с ошибкой «Сервер не найден» или иными ошибками, указывающими на ограничение доступа к серверу. Ошибка 404 означает, что запрашиваемый ресурс может быть доступен в будущем, что однако не гарантирует наличие прежнего содержания. Пользователи наиболее часто сталкиваются с ошибкой 404 при посещении так называемых «битых» или «мёртвых ссылок», что делает, таким образом, ошибку 404 одной из наиболее узнаваемых ошибок в сети Интернет.

Поблагодарим Википедию за данное определение и перейдем к тому, кто виноват и что с этим делать.

Основные задачи хорошей 404

1. Не испугай!!!

2. Привлеки внимание и заинтересуй

3. Покажи маршрут как отсюда выбраться

4. Дай привилегию посетителю

5. Грамотно отработай код для SEO

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

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

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

Чеклист для 404 страницы

1. Сразу отказываемся от технического описания на данной странице.

Рядовому пользователю искренне все равно что там произошло с сайтом и почему он здесь.

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

3. Разместите основные контакты: email, телефон и ссылки на группы в социальных сетях. Возможно клиент пожелает связаться с Вами в обход сайта.

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

5. Добавьте строку поиска по Вашему сайту. Так посетителю будет намного проще вернутся к товару, который он искал.

6. Дайте клиенту скидку. Если уж Вы косякнули, то предоставьте пользователю небольшой дисконт 3-5 процентов (можно больше если это возможно). Вы не обеднеете, а человека явно обратит внимание на выгодное предложение. Будьте осторожны, я, ну тот самый который пишет эту статью, всегда чекаю 404 страницы на скидки. Как то так.

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

8. SEO и 404. Убедитесь, что на сайте отсутствуют ссылки ведущие на 404 страницу. В сети масса бесплатных аудитов, которые могут Вам в этом помочь. Наиболее распространенные и простые конечно же инструменты вебмастера от Яндекса и Google.

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

Подведем итог

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

Бонус — наиболее интересные примеры 404 страниц по мнению автора.

Практически все помнят игру Galaxian на приставке денди. Если честно я подзавис на несколько минут играя на данной странице и тем самым немного поправил поведенческие факторы данному сайту. https://www.kualo.co.uk/404

А если Вы наберете не менее 1000 очков, то получите скидку на оплату хостинга.

https://www.orangecoat.com реализовали блок-схему, с вариантами действий при попадании на несуществующую страницу.

https://hakim.se/ зря Вы сюда попали…

https://key-seo.com дает возможность загнать кота в угол. Такой шанс упускать нельзя.

https://klaus.dk назад в 90е.

https://mashable.com играет на ситуации, которая случалась с каждым.

https://www. imdb.com отображает различные цитаты из фильмов переделанные на мотив ошибки 404.

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

Пользовательская страница 404: как создать дизайн 404

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

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

Что такое страница 404 (и почему вам может понадобиться создать собственную страницу)

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

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

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

Это может быть сообщение об ошибке, но страница 404 — это шанс укрепить ваш бренд и произвести впечатление на вашу аудиторию. Если вы введете « лучших 404 страниц » в свою любимую поисковую систему, вы найдете множество креативных и привлекающих внимание примеров:

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

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

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

Как создать пользовательскую страницу ошибки 404 в WordPress 

В идеальном мире посетители никогда не увидят ваше сообщение об ошибке 404. Однако реальность такова, что такая простая вещь, как URL-адрес с ошибкой, может поставить посетителей прямо в тупик.

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

Установив эти подключаемые модули, перейдите к Beaver Builder > Themer Layouts и нажмите Добавить новый :

На следующем экране дайте макету описательное название. Для Type выберите Themer Layout :

Для Layout выберите 404 . Затем нажмите Add Themer Layout, , затем нажмите Launch Beaver Builder . Теперь вы готовы приступить к созданию страницы 404. К исходному макету Themer применяется шаблон, который выглядит следующим образом:

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

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

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

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

Как создать более привлекательную страницу 404 (5 основных модулей Beaver Builder)

На данный момент у вас есть базовая настраиваемая страница 404. Но в Beaver Builder гораздо больше модулей, которые помогут вывести ваш дизайн на новый уровень. Давайте посмотрим на пятерку наших фаворитов.

Совет: Чтобы добавить модуль в компоновку в редакторе Beaver Builder, щелкните значок 9Нажмите значок 0015 + в правом верхнем углу, чтобы открыть панель содержимого, и убедитесь, что выбрана вкладка Module . Перетащите любой модуль в макет и поместите его в нужное место. Теперь вы готовы создать по-настоящему привлекательную страницу 404.

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

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

Для начала перетащите модуль «Меню» с панели «Содержимое» в макет Themer. Это автоматически откроет настройки модуля «Меню»:

Щелкните раскрывающийся список настроек меню и выберите меню навигации WordPress, которое вы хотите отобразить как часть страницы 404. (Если вы еще не настроили его, вы можете сделать это из панели администратора WordPress в разделе Внешний вид > Меню .) Вы также можете выбрать один из различных стилей, таких как горизонтальный, вертикальный или аккордеон.

2. Рекомендуемые сообщения

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

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

Модуль «Сообщения» отображает подборку статей в виде столбца, массива или списка. Этот модуль является наиболее универсальным с точки зрения того, что вы отображаете, и насколько вы можете настроить параметры.

Модуль карусели сообщений позволяет отображать несколько элементов в горизонтальном ряду с анимацией или без нее. Этот модуль отображает избранное изображение каждого сообщения, на которое накладывается такая информация, как заголовок страницы:

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

Модуль «Слайдер сообщений» отображает изображение, наложенное на текст. Так как визуальные эффекты занимают видное место, Posts Slider — отличный выбор для материалов с привлекающим внимание изображением:

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

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

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

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

Чтобы было ясно, что эта форма предназначена для сообщения о неработающих ссылках, вы можете рассмотреть возможность добавления дополнительного текста. Вы можете добавить это с помощью модуля текстового редактора Beaver Builder. Вы также можете отредактировать текст кнопки формы, чтобы создать четкий призыв к действию (CTA):

Чтобы изменить эту метку, щелкните вкладку Кнопка на панели настроек модуля «Контактная форма». Затем вы можете ввести новый CTA в настройку Текст кнопки .

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

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

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

Отображая эти результаты на вашей странице 404, посетители могут получить доступ к нужному контенту без необходимости переходить через отдельный поиск. страница результатов. Чтобы создать этот эффект, выберите вкладку Content . Затем откройте раскрывающийся список Results и выберите Показать результаты ниже через AJAX 9.0016 :

В качестве альтернативы вы можете перенаправить посетителя на страницу результатов поиска. Это может быть полезно для привлечения посетителей к основному контенту вашего сайта и отвлечения от сообщения об ошибке 404. Чтобы настроить это перенаправление, измените параметр Results на Redirect to search page .