Ссылка со страницы 404 не найдена

Ссылка со страницы 404 не найдена

..или страница которой нет!

Прежде чем создавать страницу ошибки 404 давайте сначала разберёмся что это вообще за ошибка такая..

Ошибка 404 или Not Found — не найдено.. это стандартный код ответа HTTP о том, что страницы, к которой обращается пользователь, нет на сервере.. попросту она не существует.

Возникать данная ошибка может в ряде случаев:

Ссылка, по которой пришёл пользователь, неверна.

Пользователь неправильно указал путь в адресной строке к одной из страниц Вашего сайта.

Ранее существовавшая страница Вами уже удалена или переименована, однако всё ещё существует в индексе поисковых систем или закладках пользователей.

Что увидит пользователь в результате этой ошибки?

В лучшем случае страницу с рекламой Вашего хостера и кратким объяснением что мол Вы "не туда попали".. в худшем это будет просто надпись: 404 Not Found — The requested URL /page.html was not found on this server — собственно "Запрашиваемый URL отсутствует на этом сервере".

Теперь представьте, что сделает пользователь когда увидит эту картину? Правильно!! закроет эту страницу и пойдёт искать интересующую его информацию в другом месте!! — в результате чего Вы потеряете целевого посетителя!

В этом уроке мы займёмся тем что создадим свою собственную пользовательскую страницу ошибки 404 — Которая в отличии от стандартных страниц ошибки будет иметь ряд несомненных преимуществ:

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

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

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

Как видите сплошные плюсы..

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

Ну например создадим файл с именем 404.html

К сожалению, запрашиваемая Вами страница не найдена..

  1. Ссылка, по которой Вы пришли, неверна.
  2. Вы неправильно указали путь или название страницы.
  3. Страница была удалёна со времени Вашего последнего посещения.

Для продолжения работы с сайтом Вы можете воспользоваться формой поиска по сайту:

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

Читайте также:  Какая кофемашина лучше капсульная или рожковая

Почему обязательно надо делать свою 404-ую страницу?

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

Хватит воду лить! Давай конкретику!

Создаем два файла – 404.html и .htaccess (этот файл без имени, но с расширением htaccess), который автоматически перенаправляет посетителя на 404.html, в случае возникновения ошибки. Чтобы перенаправление работало, в этот файл надо прописать одну единственную строку:

ErrorDocument 404 http://www.site.ru/404.html

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

Мы уже создали пустой файл 404.html и теперь будем наполнять HTML кодом саму 404 страницу, активно применяя HTML5 и CSS3. Я придумал свой способ, как сделать простую и красивую 404 страницу.

Первым делом нужно подобрать большую и качественную картинку или фотографию размером не менее 1200×750 пикселей. Существует много сайтов со свободной лицензией, откуда можно скачать очень качественные фотографии. Я бесплатно скачал с популярного сайта pixabay.com это забавное изображение.

Я хочу расположить картинку как фон на все окно браузера и в центре браузера написать – 404 страница не найдена и поставить ссылку на главную. Разберем подробнее самые важные моменты.

Эффект полупрозрачности RGBA

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

background: rgba (0, 0, 0, 0.7);

Первые три буквы обозначают – красный, зеленый, синий и они равны нулю (то есть получаем черный цвет). А последняя буква «а» – представляет собой альфа-канал, отвечающий за полупрозрачность элемента. В нашем случае цифра 0.7 – говорит о 70% затемнения. Шкала от полной прозрачности до полной непрозрачности находиться между нулем и единицей (0. 1).

Позиционирование элементов

Для правильной верстки моего примера 404 страницы, без понимания как работает свойство position, будет трудно. Посмотрев на конечный результат 404 страницы, нам надо понять структуру HTML документа. Здесь мы видим три слоя, наложенных друг на друга. Нижний слой – сама картинка, средний в теге

Читайте также:  Лечебная мазь донт старв

У среднего слоя будет абсолютное позиционирование, поскольку положение элемента (блок затемнения) задается относительно краев браузера с нулевыми отступами.

Верхний текстовый слой позиционируем относительно элемента среднего слоя.

Код страницы 404

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

Что такое код ошибки 404 (error 404)

Давайте рассмотрим, для начала, что же это вообще за страница с ошибкой 404 (error 404 not found). Почему ее выдает и что она означает?Страница с ошибкой 404 не найдена (Error 404 Not Found), означает, что пользователь набрал адрес несуществующей страницы в адресной строке своего браузера, либо же перешел по нерабочей ссылке. Ссылка может быть нерабочей по нескольким причинам:

  1. Вебмастер допустил ошибку в URL при добавлении ее на свой сайт.
  2. Адрес страницы, на которую вела ссылка, изменился.
  3. Страница была удалена с сервера.

Зачем нужна страница ошибки 404 не найдена

При попадании на страницу 404 (Not Found), пользователь с большой вероятностью, просто на просто, покинет ее, либо вернется на предыдущую страницу. Очень малая доля посетителей обрежет URL и вернется на один уровень вложенности вверх и попытается найти интересующий его документ. Скорее всего, он обратится к поисковой системе и найдет ответ там, уникальной информации, уже, по сути, нет, всегда найдется аналог, способный удовлетворить нужный запрос. И на Ваш сайт он уже вряд ли вернется.
А владельцы сайтов, особенно молодых, не должны так разбрасываться трафиком, который на начальных этапах на вес золота. Поэтому нужно создать свою страницу ошибки 404 и придать ей тот стиль, оформление и функционал, который поможет найти ему информацию. Посетитель будет доволен, а вебмастер закроет брешь, которая поможет избавиться от утечки трафика.

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

Страница с ошибкой 404, по сути — обычная веб-страница.
Для того, чтобы посетитель, перешедший по неправильному адресу, получил адекватную страницу 404, необходимо внести изменения в файл.htaccess, который должен быть расположен в корневой директории сайта.
Если же файла нет, то необходимо его создать, воспользовавшись каким-либо текстовым редактором (Dreamweaver, Notepad++ и пр.). У файла не должно быть расширения.

Вот что там нужно прописать:

ErrorDocument 404 needsite.net/404.html

Имя страницы и расширение можно поменять на любое другое (Например: 404NotFound.php, error_404.html). Если страница расположена не в корневой директории, то необходимо прописать полный путь к ней.

Как редактировать страницу 404 в WordPress

Файл страницы ошибки 404 not found расположен в папке темы WordPress.

Путь к файлу: wp-content hemesназвание темы404.php

Тема, которая сейчас стоит на моем сайте, сделана с помощью Artisteer. К сожалению, темы, созданные с помощью этого софта получаются несколько тяжелые и сложные для редактирования.

Читайте также:  Как убрать пузырь под защитным стеклом

Чтоб было понятнее, вот содержание моего файла 404.php:

За содержание контента страницы отвечает функция theme_404_content() в файле functions.php, которую и необходимо редактировать.

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

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

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

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

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

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

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

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

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

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

Так же должны присутствовать элементы навигации: меню, ссылки на главную страницу.

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

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

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

Получается довольно-таки симпатично, пусть и не практично:

  1. proteys.info/404/ — танцы гасторбайтеров.
  2. kinnet.ru/404.html — бедный сервер.
  3. bluedaniel.com/dfdf
  4. derzko.ru/404/

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

Ссылка на основную публикацию
Справка по форматированию steam
С помощью этих тегов разметки можно форматировать текст ваших сообщений, примерно как в HTML. Маркированный список Маркированный список Маркированный список...
Совместимость ssd с ноутбуками
Вопрос совместимости Многие пользователи интересуются совместимостью материнской платы и SSD, который они купили или хотят купить. Опыт показывает, что не...
Совместимость ремешков apple watch
Здесь приводятся общие инструкции, которые помогут Вам снять, поменять и застегнуть ремешок. В случае смены ремешка убедитесь, что размеры используемого...
Справочные материалы база данных
АРМ предназначено для комплексной автоматизации операций, связанных с первичным размещением и вторичным обращением ценных бумаг. Оно рассчитано на работу с...
Adblock detector