WordPress настроить страницу 404 wordpress

Ошибка 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 в WordPress

Доброго здравия, уважаемые подписчики, друзья и читатели моего маленького блога!

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

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

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

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

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

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

Введение в страницу ошибки 404

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

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

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

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

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

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

Как найти и исправить ошибки 404 на вашем сайте WordPress

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

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

Google Analytics отлично подходит для устранения 404 ошибок. В панели управления перейдите в «Настройка — Пользовательский отчет» и создайте «Новый пользовательский отчет». Затем установите параметры следующим образом.

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

Как эффективно обрабатывать 404 ошибки на вашем сайте

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

1. Создайте выделенную страницу ошибки 404

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

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

После создания дочерней темы перейдите во «Внешний вид — Редактор» в WordPress и откройте 404.php в списке файлов справа от редактора.

Отсюда найдите строку:

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

Если у вас нет файла 404.php в вашей текущей теме, вы можете создать свой собственный, используя рекомендации, изложенные в Кодексе WordPress. Однако вам потребуется доступ к FTP-клиенту, такому как FileZilla.

Откройте FileZilla и введите учетные данные вашего веб-сайта, чтобы получить доступ к вашему каталогу файлов. Дважды щелкните корневую папку вашего сайта (иногда она называется public_html) и перейдите к wp-content/themes/[themename]/404.php. Я использую для примера шаблон ошибки 404 темы «Twenty Thirteen», но вы можете перейти к другой теме с аналогичным шаблоном.

Затем щелкните правой кнопкой мыши файл 404.php и выберите «Просмотр/Редактирование».

Файл откроется в вашем текстовом редакторе. Выделите весь код внутри и скопируйте его. Теперь вернитесь в FileZilla и вернитесь в каталог тем. Выберите текущую тему веб-сайта и щелкните правой кнопкой мыши. Выберите «Создать новый файл» из выпадающего списка и назовите его 404.php.

Нажмите «OK», затем щелкните правой кнопкой мыши новый файл 404.php. Выберите «Просмотр/Редактирование» из выпадающего списка и вставьте код, который вы ранее скопировали. Конечно, вы можете редактировать контент в соответствии с вашими требованиями. После сохранения файла все готово!

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

2. Настройте автоматическое перенаправление на более полезную страницу

Альтернатива странице ошибки 404 — просто перенаправить посетителя. Проще говоря, перенаправление страниц — это способ отправки трафика с одной веб-страницы (например, страницы с ошибкой 404) на другую. Это хороший выбор по ряду причин. Например, если вы изменили URL-адрес старой страницы или сообщения или удалили какой-либо старый контент, вы можете перенаправить посетителей на новую страницу. Хорошей новостью является то, что существует множество доступных плагинов для перенаправления, включая Redirection и Safe Redirect Manager.

И в заключении

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

Источник