Меню

Настройка страницы для 404 ошибки



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

Приветствую вас на блоге Pro-WordPress.ru, будьте как дома!

В сегодняшнем посте речь пойдет об еще одном очень важном техническом моменте – ошибке 404 в WordPress. Я расскажу, что означает эта ошибка и с чем ее едят.

Если вы еще не настраивали ее на своем блоге, займитесь непременно. Помимо грамотной настройки, мы научимся создавать красивое и оригинальное оформление для 404 страницы WordPress.

Что такое ошибка 404?

Ошибка 404 Not Found возникает, когда сервер не может найти страницу, запрошенную пользователем.

Попробуйте дописать в адресной строке к домену какой-нибудь набор букв. Например, «pro-wordpress.ru/jfgfjgh» и вы попадете на страницу 404, которая сообщает вам, что по введенному адресу не существует страницы.

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

Почему страница 404 для WordPress так важна

  • Для пользователей.
    Цель 404 страницы: убедить посетителей вашего сайта не закрывать его, а остаться и поискать интересующий их контент. Если страницы 404 нет, то пользователя просто перекинет на главную вашего блога или еще хуже на заставку хостинга. Конечно это вызовет негативную реакцию и человек закроет ваш сайт навсегда.
    В случае использования стандартной темы WordPress, откроется страница с одной невзрачной строчкой: «Ошибка 404 — Страница не найдена», что не так плохо. Но мы ведь можем лучше!
    Но если ему откроется красиво оформленная страница 404 с подсказками и ссылками, куда ему дальше пойти, то вы не потеряете своего посетителя.
  • Для поисковиков.
    Поисковые роботы, как и мы с вами, ходят по ссылкам. Только у них нет глаз, чтобы прочитать ваши яркие картинкам с крупными буквами «Упсс…404», они воспринимают код. Поэтому страница 404 должна отдавать правильный заголовок ответа сервера «404 Not Found». Отдача неправильных заголовков ответа негативно влияет на продвижение сайта. Но на эту тему я напишу отдельную статью.

Настройка 404 WordPress

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

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

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

Если вдруг в вашем шаблоне нет такого файла, скопируйте файл single.php, переименуйте в 404.php и переделайте его следующим образом:

    Удалите из контентной области все ненужное. В моем шаблоне ненужным будет код:

Содержание страницы ошибки 404 WordPress

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

  1. Обязательно должно быть меню сайта. Но мы и так оставили в шаблоне шапку, футер и сайдбар. Поэтому с навигацией все в порядке.
  2. Поиск по сайту. Раз пользователь не нашел на этой странице нужный контент, пусть воспользуется поиском. У меня поиск находится слева от меню, так что в 404 шаблоне он тоже есть.
  3. Красивая, привлекающая внимание картинка. Чем она будет оригинальнее, тем больше у вас шансов, что пользователь заинтересуется.
  4. Напишите небольшой текст о том, что страницы нет, возможно она была переименована, тогда стоит воспользоваться поиском. А может страница была удалена или вообще никогда не существовала. Посоветуйте проверить правильность введенного адреса. В конце концов, извинитесь перед пользователем за ошибку. Напишите пару завлекающих фраз о том, чем хорош ваш сайт и почему на нем нужно остаться.
  5. Можно вывести самые популярные или последние записи блога.

Красивая страница 404 для WordPress

Как было сказано выше, нам нужна красивая оригинальная картинка. Можно нарисовать ее самостоятельно, заказать у фрилансера или найти готовую в интернете.

Читайте также:  Группы фотографии закладки поиск настройки помощь полная версия выход

Приведу несколько примеров понравившихся мне картинок, которые можно использовать для оформления 404 ошибки WordPress:

Плагин «No 404 Errors» для WordPress

Установка плагина стандартная: ищем в списке по ключу «No 404 Errors», активируем. Подробнее об установке тут.

Сразу предупреждаю, что пользоваться этим способом я не советую. Дело в том, что такая 404 страница будет отдавать ответ сервера «200 OK» вместо «404 Not found» — т.е. не существующие страницы не будут удаляться из индекса и роботы будут продолжать на них ходить. Наличие множества таких страниц может привести к попаданию под фильтры поисковиков. Если вы все еще хотите попробовать, пожалуйста:

  1. Создайте новую страницу на вашем WordPress блоге с названием «Ошибка 404» и оформите ее как хотите – с помощью визуального редактора сделать это очень просто.
  2. Узнайте ID страницы. Для этого кликните по кнопке «Получить короткую ссылку» и скопируйте цифры на конце.
  3. Зайдите в «Параметры» -> «No 404 Errors» и впишите ID в поле:

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

Источник

404 ошибка – подборка красивых страниц, советы по улучшению

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

404 ошибка — самая часто встречаемая на просторах интернета. А что же означают эти до боли знакомые всем цифры? Первая цифра ­4 указывает на ошибку со стороны клиента, например, плохое соединение или неверно введенный адрес в строку поиска. Другие два числа обозначают конкретную категорию ошибок, которая включает такие статусы, как Conflict, Precondition Failed, Bad Request и другие статусы четвертого класса. Возникновение данной ошибки имеет несколько причин:

  • плохое соединение;
  • ссылка, ведущая на адрес, устарела или была удалена;
  • страницу перенесли на новый адрес;
  • опечатка при вводе адреса сайта.

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

Стандартную страницу с этой ошибкой знают все, выглядит она достаточно устрашающе:

К сожалению, не все посетители знают, из-за чего происходит эта ошибка и первая мысль при появлении этого окна будет: а что мне делать дальше? Я все сломал? Уйду отсюда подобру-поздорову. Даже опытного пользователя это окно может смутить или отпугнуть.

Как удержать посетителя?

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

Существует несколько способов вернуть доверие:

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

Объясните, что произошло. Не обязательно подробно расписывать о происхождении ошибки, составлять длиннющие инструкции. Достаточно обойтись одной или несколькими фразами. Слово «ОШИБКА» совсем необязательное, зачастую лишь больше вгоняет в ступор. Если сайт носит развлекательный характер, можно юморнуть и покреативить. Заставьте улыбнуться гостя, тогда он охотнее вернется на главную страницу. Но обойдемся без юмора ниже пояса и обидных шуточек, давайте уважать наших пользователей.

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

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

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

Читайте также:  Настройка передаточных чисел в играх

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

Как у нас

Наша страница с ошибкой 404 выглядит так:

Полностью весь внешний вид оставили в том же стиле, что и сам сайт. Не трогали верхнее меню и подвал, чтобы никого не шокировать резкими переходами. Для удобства вставили ссылки на самые популярные услуги (для клиентов) и основные разделы блога (для просто интересующихся). Обязательно добавили ссылку на главную страницу 1PS и призыв к действию «Напишите нам», чтобы уж точно никто не затерялся. Но! Учтя все технические вопросы, мы забыли про креатив. Уже работаем над этим. В скором будущем и мы обзаведемся привлекательной и забавной страничкой.

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

Источник

Как оптимизировать страницу 404

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

Ошибка 404 вредит SEO?

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

Существует мнение, что наличие страниц с 404 ошибкой на сайте негативно влияет на SEO, но на самом деле это не совсем так.

Из справки Google:

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

Появление 404 ошибок на сайте — явление неизбежное и причины тому могут быть разные:

  • изменение структуры сайта;
  • битые ссылки;
  • изменение URL адреса страницы;
  • страница или сайт больше не существует.

Эти причины требуют тщательной проработки — необходимо заменять битые ссылки на актуальные, при изменении структуры и URL адресов сайта корректно настраивать 301-е редиректы на актуальные страницы. Однако существуют и вполне «житейские» ситуации появления 404-х страниц. Например:

  • опечатка при введении URL адреса пользователем;
  • удаление товаров на сайте.

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

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

  1. Страница 404 должна быть настроена корректно и отдавать код HTTP 404 (Not Found), чтобы не попасть в индекс поисковых систем. Во-первых, такие страницы будут засчитываться как дубли. Во-вторых, это может негативно сказаться на поведенческих факторах. Ведь если человек из поиска попадет на 404 страницу — он явно расстроится потому, что ожидал увидеть совсем иное. Следовательно, быстро уйдет и снова вернется к поиску.
  1. Не следует делать 301 редирект на главную. Таким образом вы вводите в заблуждение пользователя: он ожидал получить одну страницу, а непонятным образом оказался на главной. C 404-й страницы должна стоять ссылка на главную, но не редирект.

Нужно ли создавать кастомные 404 страницы?

Очень часто страницы 404 оформлены стандартным образом и выглядят примерно так:

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

Google рекомендует создавать собственные страницы 404:

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

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

Читайте также:  Настройка тормозов на велосипеде stern

Создаем 404 страницы для людей

Основные рекомендации по созданию собственных 404 страниц:

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

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

  1. Дайте ссылки, которые могут оказаться полезными для пользователя. Как вариант: самые посещаемые страницы, популярные категории или новые материалы на сайте. У пользователя должна быть возможность перейти на главную.

  1. Предоставьте возможность сообщить о проблеме. Это дополнительный способ отслеживать ошибки сайта и показывать пользователю, насколько вам важно его внимание и комфорт.

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

  1. Действенный прием для интернет-магазинов — вывод на 404 страницах похожих или недавно просмотренных товаров.

  1. Если сайт у вас небольшой и хорошо структурирован, разместите ссылку на карту сайта.

Дизайну страницы 404 быть!

Используйте креативные идеи и подавайте такие страницы со вкусом — это сгладит неприятное впечатление от 404-й страницы и задержит человека на вашем сайте:

  1. Задействуйте свой творческий потенциал и все таланты в области дизайна и юмора. Четыре идеи в помощь:

  1. Интерактивные элементы. Развлеките человека, добавьте простую игру, дайте ненавязчивый контент. Не исключено, что так ваш сайт запомнится и получит шанс попасть в закладки. Собрала 9 хороших примеров. Наслаждайтесь (только предварительно убавьте громкость):
  • http://kvartirakrasivo.ru/404/index.php
  • http://www.tinsanity.net/404.shtml
  • https://www.agens.no/404
  • https://imgur.com/404
  • https://github.com/404
  • http://hotdot.pro/404/
  • https://www.tumblr.com/404/
  • https://www.kualo.co.uk/404
  • https://amplifr.com/blog/ru/t
  1. Промоакции и сбор клиентской базы. Отличный шанс повысить уровень доверия к вам и стимул к покупке или заказу услуги.

Как настроить 404 страницу?

Существует достаточно плагинов для настройки 404 страниц на платформе WordPress. Но не всегда получается настроить через плагин или сделать это для сайта на другой платформе. Предлагаю вам такой способ:

  1. Создайте 404 страницу HTML.
  2. Настройте переадресацию в .htaccess, чтобы при неправильном URL пользователь переходил на 404 страницу. Для этого пропишите в .htaccess «Error 404 www.site.com/404.html».
  3. Разместите файл .htaccess на хостинге в корневом каталоге сайта.
  4. Нужно, чтобы созданная страница 404 отдавала код ответа сервера отличный от 200, а именно 404 (Not Found). Для этого пропишите на странице 404 строчку кода и добавьте файл на сервер:

Если этого не сделать, то страницы могут попасть в индекс, а в панеле для вебмастеров вы можете увидеть:

Чтобы проверить код ответа сервера, воспользуйтесь такими сервисами:

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

  1. Как найти битые ссылки на страницах вашего сайта.
  2. Как найти актуальные страницы сайта для существоваших ранее страниц.
  3. Как избавится от большого количества 404-х ошибок.

Выводы

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

  1. Наличие 404-й ошибки на сайте не влияет напрямую на позиции в выдаче.
  2. Чтобы не потерять трафик и улучшить поведенческие факторы, необходимо создавать кастомные страницы с 404-м ответом сервера.
  3. На страницах с 404-й ошибкой следует размещать информацию с пояснением, почему пользователь оказался здесь, куда следовать дальше. Это нужно, чтобы человек понял: сайт работает и можно остаться на нем.

При создании 404-х страниц правильно настраивайте коды ответа сервера и проверяйте их на https://www.bertal.ru/, http://checkmy.ru/, https://webmaster.yandex.ru/tools/server-response/. Это поможет избежать проблем с индексированием сайта поисковыми системами.

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

Источник

Adblock
detector