Архивы

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

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

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

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

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

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

Делая как-то «один сайт» я скопировал его на локалку, скопировал все кроме медиафайлов, а на сайте было много картинок: минимум две к записи плюс галереи. Получалось, что ни страница, то минимум 2-3 картинки. Для того, чтобы работать над сайтом картинки мне не нужны, поэтому их я с сервера не заливал, так как трафик у меня ограниченный и получалось, что когда работаю на локалке на каждой странице минимум 2 битые ссылки на картинки, а то и 20.

Я заметил, что чем больше картинок на странице, тем дольше грузится страница, вплоть до 10 секунд. Меня это стало раздражать, и я начал искать причину такого ненормального поведения. Причина оказалась в том, что каждая битая ссылка на картинку "скрыто" генерировала еще одну страницу - 404 . В качестве примера можете попробовать вписать ссылку типа: http://домен/kartinka.jpg и вы получите страницу с ошибкой, страницу со всем содержимым сайта, с сайдбаром(и) и прочим...

Суть дела

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

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

Я решил эту проблему написав код. Его нужно вставить в самое начало в файл index.php в корневой директории сайта.

// Проверка на тип ошибки 404, если это файл не генерировать страницу, // а просто писать об ошибке $URIreq = $_SERVER["REQUEST_URI"]; if (preg_match("/.(jpg|jpeg|gif|png|zip)/", $URIreq)){ $PathToFileFromRoot = $_SERVER["DOCUMENT_ROOT"].$URIreq; $PathToFileFromRoot = str_replace("//", "/", $PathToFileFromRoot); if (!file_exists($PathToFileFromRoot)){ echo "

Что делает код?

Как только запрашивается страница содержащая в ссылке.jpg , .jpeg , .gif , .png , .zip , т.е. как только запрашивается файл, он проверяется на существование, если файл не существует, то выводится заглушка и до WordPress"a дело вообще не доходит. Такая заглушка генерируется за доли секунды, что и требовалось.

Чтобы убедится, что все работает пишем в браузер http://домен/kartinka.jpg

Знатоки скажут, что 404 можно задать через.htaccess и будут абсолютно правы, но стандартный способ ErrorDocument 404 /404.html для Вордпресс не подходит, т.к. при использовании ЧПУ, используется mod_rewrite и 404-я страница определяется уже самим Вордпрессом.

Тоже самое через.htaccess

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

RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_URI} \.(php|s?html?|css|js|jpe?g|png|gif|ico|txt|pdf)(/?\?.*)?$ RewriteRule . - RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L]

Внимание, для уже рабочих сайтов!

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

Для примера возьмем вот этот сайт: wordpressinside.ru , который возможно вам известен, здесь, на вскидку, я нашел как минимум 2 битые ссылки, вот они (были до написания этой статьи ):

1. http://wordpressinside.ru/wp-content/plugins/simple-counters/js/sc.js.php
2. http://wordpressinside.ru/wp-content/plugins/simple-counters/js/jquery.qtip.js
   Эти ссылки вшиты в шаблон и при генерации любой страницы, параллельно генерируется 2 страницы 404. Думаю не сложно представить насколько дольше генерируется страница, о лишних, абсолютно ненужных нагрузках на сервер я уже и не говорю...

Для решения проблемы, можно просто удалить битые ссылки - они просто не нужны...

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

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

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

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

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

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

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

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

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

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

Эту функцию можно выполнить без использования плагина, прочитав информацию в статье:

Вывод последних записей.

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

• " rel="bookmark" title="">
  

Вывод случайных записей.

Если желаете вывести случайные посты на своей странице 404, то попросту добавляйте этот код в желаемое место.

• " title="">

Вывод архивов.

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

By Date

Благодаря ему будут отображаться ваши ежемесячные публикации.

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

Данный результат поместите в файл 404.php

Для стилизации добавьте стили в файл style.css .

/*стили для 404 ошибки*/ #oops { background:#FFFFFF; margin: 0; padding:15px; } #oops h3{ font:bold 15px arial; } #oops h1{ font:bold 30px arial; text-align:center; } .new1{ width:180px; padding:5px; margin:0 3px; float:left; } .new2{ width:180px; padding:5px; margin:0 3px; float:left; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; } .new3{ width:180px; padding:5px; margin:0 3px; float:left; }

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

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

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

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

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

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

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

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

Не все темы WordPress имеют собственный файл шаблона ошибки 404. Если разработчик темы предусмотрел это, такой файл будет называться 404.php. 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 в тег , который можно использовать для задания дополнительных стилей на странице.

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

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

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

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