Как сделать страницу 404 для сайта
Делаем собственную страницу ошибки 404
Здравствуйте, уважаемый посетитель!
Сегодня рассмотрим практические действия по созданию собственной, так называемой, пользовательской страницы 404, которая должна отображаться в случаях перехода пользователя на несуществующий ресурс сайта.
Рекомендации по созданию страницы с ошибкой 404 Not found
Существуют различные варианты пользовательских страниц, предназначенных для отображения ошибки 404 (Not found). На то они и пользовательские, чтобы отражать всю креативность их авторов. О множестве вариантов можно судить хотя бы из примеров этой тематике из картинок Яндекса.
Но в любом случае, для того, чтобы правильно создать такую страницу, следует при ее оформлении принимать во внимание определенные правила и рекомендации, такие как:
Таким образом при формировании своей собственной страницы 404 далее постараемся руководствоваться этими рекомендациями.
Создаем каркас страницы и оформляем основное ее содержание
Страница 404 и ее подобные, предназначенные для вывода информации об ошибках, в отличие от обычных динамических страниц, не формируются посредством шаблона, а создаются непосредственно в отдельных файлах.
Поэтому в первую очередь создадим в корне сайта файл с именем, соответствующему данному случаю, например «page_404.php». Как создать новый файл ранее показывалось здесь. После чего можно перейти и к написанию кода страницы, определив ее структуру и содержание.
Как выше было сказано, примеров использования страниц 404 множество. Мы же за основу возьмем вариант, при котором в ее структуру будут включены некоторые общие блоки сайта, такие как шапка и футер.
А в области основного содержания вместо контента будет размещено сообщение об ошибке, ее краткое описание со ссылкой на Главную страницу и форма поиска по сайту с возможностью нахождения нужного ресурса по заданным ключевому слову, фразе или URL веб-страницы.
В результате дизайн такой страницы будет полностью поддерживать единый стиль сайта, но существенно отличаться от обычных страниц. При этом пользователю будет предоставлена возможность в один клик использовать имеющиеся разделы через меню, расположенное в шапке и футере сайта или использовать поиск для нахождения нужного контента.
Для реализации вышесказанного ниже показан код, который получен путем исключения из шаблона главной страницы лишних, не используемых в этом случае, блоков.
Рис.1 Файл «page_404.php» с кодом страницы 404
src = «/images/page_404/page_404.png» alt = «Страница 404» >
Создание правильной страницы 404 и влияние на SEO
Наверное, каждый из нас когда-нибудь сталкивался со страницей 404-й ошибки, когда искал необходимую информацию в интернете. И скорее всего, в большинстве случаев, хотелось поскорее закрыть эту страницу. Впрочем, иногда, оказавшись на такой странице некоторых компаний или интернет-магазинов, хочется добавить ее в закладки. Поэтому хотелось бы разобраться и выяснить, как же добиться подобного эффекта и использовать возможности страницы ошибки максимально выгодно для сайта?
Влияние ошибки 404 на SEO
Наверняка, все хотя бы раз встречали фразу «404 Not Found (ресурс не найден)» — знакомо? А увидеть ее можно из-за того, что неправильно указали адрес нужной страницы или же она отсутствует на данном сайте. Сервер таким образом сигнализирует нам о том, что не может найти нужную страницу по указанному адресу. Проверить код ответа сервера можно с помощью бесплатных сервисов, например, bertal.ru или в панели Яндекс.Вебмастера.
В среде «SEO-шников» широко бытует мнение, что якобы присутствие на сайте страниц, отдающих код 404, оказывает плохое влияние на процесс продвижения. И здесь не всё так однозначно. Вот что написано в справке Google по этому поводу:
«Обычно ошибки 404 не влияют на рейтинг сайта в Google, поэтому их можно игнорировать. Чаще всего они бывают связаны с опечатками, неправильными настройками или попытками Google распознать и просканировать ссылки во встроенном контенте (например, в коде JavaScript)».
По сути это естественный процесс — появление на сайте страниц с 404-ой ошибкой. К такому нужно относится нормально и не впадать в отчаяние, думая, что все очень плохо. В первую очередь необходимо понять причину, из-за которой появилась ошибка, например:
страница отсутствует (была удалена);
ссылка оказалась «битой»;
вносились изменения в структуру сайта;
произошло изменение URL’а страницы.
Каждую из причин нужно тщательно разобрать и проработать. Как вариант, если изменился URL или структура сайта — обязательно пропишите 301-е редиректы на новые страницы, если же обнаружились битые ссылки — просто замените их на актуальные.
Но иногда появление страницы ошибки сопровождается человеческим фактором, например, пользователь случайно допустил опечатку при вводе нужного адреса или на сайте интернет-магазина закончился товар и нужную страницу удалили.
В приведенных выше ситуациях сам факт появления ошибки 404 вполне понятен для поисковиков и логичен, они распознают такие ситуации и относятся к ним, как к естественному процессу для сайта. Конечно, наличие таких страниц в большом количестве нежелательно и нужно стараться минимизировать их объем (для этого можно даже написать отдельную статью), но а сейчас хотелось бы поговорить о том, как же правильно оформить страницу 404.
В любом случае, сначала нужно продумать и создать своеобразный шаблон страницы, а затем настроить страницу так, чтобы она отдавала 404-й код поисковому роботу при запросе несуществующих страниц на сайте. Но еще желательно следовать парочке советов, которые существенно окажут положительное влияние на SEO:
Не прописывайте редирект на главную. Правильнее будет, если добавите ссылку в «тело» самой страницы 404 на главную, без использования редиректа. Ведь иначе посетитель может запутаться, он же рассчитывал увидеть нужную страницу, а на деле непонятным образом очутился на главной странице. Важно помнить об этом.
Обязательно настройте правильный код ответа сервера: 404 (Not Found), чтобы предотвратить тем самым появление этих страниц в поиске. На поведенческих факторах это может так же отобразиться далеко не лучшим образом, вырастет количество отказов с сайта, а это не желательно. К тому же поисковая система может расценить проиндексированные страницы ошибок как дубли контента, что снова-таки не желательно. Да и сам человек, перейдя из поиска и не найдя нужной информации на странице, скорее всего расстроится и закроет сайт, вернувшись в поиску.
Дефолтные страницы 404: полезны ли они?
В подавляющем количестве случаев, когда попадаем на страницу 404 сайта перед нами появляется очень похожая страница со скриншота ниже:
Не очень привлекательно выглядит, правда? Вот и пользователь, попадая на такую страницу с большой долей вероятности не станет задерживаться и покинет ее. Именно поэтому стоит позаботиться о создании уникального, полезного и интересного дизайна страницы 404, который мог бы запомниться посетителю и сайт хотелось бы добавить в закладки только из-за оформления страницы ошибки.
Даже Яндекс создал специальный пункт в «Рекомендациях для владельцев сайтов» по данному поводу и довольно подробно расписал, как правильно оформить страницу с ошибкой 404:
«Увидев страницу с ошибкой, пользователь может решить, что ваш сайт не работает, и уйти. Чтобы этого избежать, необходимо правильно оформить и разместить на сайте специальную страницу, которая внешне будет отличаться от остальных страниц вашего сайта. При оформлении такой страницы используйте различные графические приемы, подсказывающие человеку, что по запрошенному адресу ничего не существует: например, другие цвета или отсутствие графики. Разместите на странице карту сайта, ссылку на главную страницу или форму поиска, дайте инструкции по дальнейшим действиям».
Создание внешнего вида 404-й страницы
Старайтесь максимально придерживаться единого стиля всего сайта. Это поможет пользователю понять, что он оказался на нужном сайте, но вдруг что-то пошло не так и вероятнее всего он не уйдет сразу с сайта, а продолжит поиск нужной информации на нем.
Вежливость — это важно. Расскажите простыми и вежливыми словами пользователю, почему он оказался здесь, подскажите дальнейшие действия, чтобы он не растерялся. Не стоит использовать при этом сложные обороты и лишние подробности.
Добавьте полезные и информативные для пользователя ссылки. К ним можно отнести: самые популярные категории сайта, новые материалы, часто посещаемые страницы. Ну и конечно должна быть хорошо заметна ссылка для перехода на главную.
Предоставьте возможность посетителю сообщить о возникшей проблеме. Этот функционал даст понять посетителю, что владельцу сайта не все равно и он дорожит вниманием пользователя, а также это позволит дополнительно отслеживать ошибки и своевременно устранять их.
Используйте поиск на странице 404 — это полезная штука. Добавьте поисковую строку, она очень поможет посетителям, которые окажутся здесь. Только сперва точно убедитесь, что функционал поиска исправно работает, иначе получится двойное разочарование и тогда пользователь скорее всего покинет ваш сайт с не лучшим представлением о его владельце.
Список похожих товаров, популярных, хиты продаж или недавно просмотренные страницы — отличный вариант, который подойдет интернет-магазинам для того, чтобы задержать внимание посетителя на сайте.
Креатив всегда поможет
Придумайте креативную страницу ошибки и разместите ее на сайте. Это поможет сгладить неприятную ситуацию, связанную с отсутствием искомой страницы и поможет продлить пребывание посетителя на сайте. Используйте дизайнерские таланты, подключайте тематический юмор — комбинируйте и подходите творчески к оформлению.
Чтобы быстро найти страницы ошибок на сайте и исправить их, можно воспользоваться различными бесплатными программами, например, Screaming Frog.
Для некоторых CMS (в частности WordPress) существуют специальные плагины, способные отслеживать возникновение подобных страниц.
Ну и в конце предлагаем ознакомиться с подборкой креативных страниц 404, которые заслуживают отдельного внимания:
Кстати, страница ошибки 404 нашего блога выглядит следующим образом:
Вывод
Уделяйте достаточное внимание проработке страницы 404 на сайте, старайтесь выделиться и запомниться пользователю даже таким образом. Чтобы уменьшить потерю трафика и улучшить поведенческие показатели создавайте интересные и информативные страницы ошибки, добавляйте ссылки на полезные для посетителей страницы.
Не забывайте и про корректную настройку кода ответа сервера, чтобы исключить попадание страницы 404 в индекс.
Страница 404: почему стоит уделить ей внимание прямо сейчас
В этой статье я расскажу, что такое страница 404, почему она очень важна для SEO, и, самое главное, как правильно настроить ее. Чтобы вы понимали, сразу обозначу, что эта страница и сама ошибка 404 не так просты, как может показаться на первый взгляд. Они таят в себе огромную опасность и вместе с тем, столь же огромную пользу. Новички очень часто упускают это из виду, за что потом, как правило, расплачиваются сполна. Но не будем тянуть время, давайте уже скорее начнем.
Страница и ошибка 404
Страница с сообщением “Ошибка 404: страница не найдена” часто вылетает при обращении к несуществующему адресу. То есть она возникает, когда вы или кто-то еще пытаетесь перейти по битой ссылке. По идее такого не должно возникать, ведь сейчас пользователи редко набирают адрес страницы или материала самостоятельно. Но изредка эта ошибка может возникнуть, например, когда вы меняете ссылку на какую-то страницу или вовсе удаляете ее.
Для поисковых систем ошибка 404 может быть сигналом, что на сайте творится что-то неладное. Если таких ошибок будет слишком много, сайт может очень сильно просесть в поисковой выдаче. Именно по этой причине многие вебмастеры стараются настраивать редиректы (переадресацию) на главную или другую страницу. Так они сводят негативное влияние на нет.
Чтобы минимизировать негативные ощущения и повысить поведенческие факторы, люди добавляют различные интерактивы на страницу 404. Например, там может быть сообщение в юмористической форме, которое разряжает обстановку. Рядом могут быть ссылки, которые помогают пользователю найти нужную информацию на сайте.
Красивая заглушка 404 – залог улучшенных поведенческих факторов. К слову, это очень важно для поискового продвижения в последнее время.
Далее мы разберемся, как сделать красивую страницу 404 для WordPress, Joomla или любой другой CMS.
Настройка страницы 404 на CMS
Настройка страницы 404 должна начинаться с проверки. Если вы используете CMS, то вполне возможно, что там уже предусмотрен какой-то кастомный вариант этой заглушки. Он вполне может отвечать всем требованиям и решать проблемы пользователей. Это значит, что вам не нужно ничего делать. Для проверки страницы 404 просто перейдите по несуществующему адресу. Например, вашдомен.ру/adahdjahjdahjd. На выходе должна быть искомая страница.
Так выглядит эта страница на нашем сайте. Есть пояснение, что искомой информации на сайте нет. Внутри пояснения есть ссылка на карту сайта, которая может помочь пользователю сориентироваться. Чуть ниже блок со статьями, который привлекает внимание и может обеспечить внутренний переход. Это пример хорошего оформления, стоит взять на вооружение.
Если при обращении к несуществующему адресу вас перекидывает на пустую страницу, где вообще ничего не настроено, то придется озаботиться оформлением самостоятельно. Как правило, таких проблем не возникает при работе с CMS. Если вы решите поставить WordPress, Joomla или любую другую популярную платформу, то, вероятнее всего, все будет уже настроено, имейте это ввиду.
Но не всегда эти заглушки будут выглядеть красиво. Вот так, например, выглядит заглушка стандартной темы для ВордПресс.
Как видите, появляется сообщение об ошибке и поле поиска. В принципе, этого достаточно.
Если вы хотите настроить страницу по своему вкусу, то вам нужно перейти во вкладку “Внешний вид” – “Редактор” – “Шаблон ошибки 404” (файл 404.php). Здесь и записывается код, который впоследствии будет отображаться на странице. При должном владении html/css можно сделать интересное решение, непохожее на заглушки других.
Как правило, во всех бесплатных и премиум-темах страница 404 уже настроена и готова к использованию. Вам не нужно лезть в код и самостоятельно там что-то править. В отдельных вариантах разработчики делают модульную страницу. По желанию вы можете включать и отключать отдельные модули (составные части), тем самым создавая собственный шаблон 404-й страницы для сайта.
В Joomla за отображение 404-й ошибки отвечает файл error.php. Его можно открыть через файловый менеджер хостинга или же через FTP-клиент. Там также имеется html-код, который при желании можно править.
Рассматривать настройку не имеет смысла, потому что там все индивидуально. Не каждый пользователь справится с ручной настройкой заглушки в Джумле, поэтому можно воспользоваться уникальными вариантами от тем оформления или вообще скачать готовый шаблон в интернете. Их очень много, поэтому вы точно сможете выбрать подходящий.
Джумла, как и ВордПресс, обладает собственным вариантом этой странички. Вам не нужно изобретать велосипед и пытаться поменять уже созданные шаблоны 404. Однако если очень хочется, то придется воспользоваться учебниками по HTML/CSS.
Настройка страницы 404 для самописных сайтов
Если ваш ресурс работает на самописной CMS, фреймворке или другой платформе, которая не обладает функционалом по редиректу на заглушку из коробки, то, увы, придется все делать своими руками.
Для начала, мы должны указать в htaccess специальный код, который будет перебрасывать пользователей на определенную страницу в случае обращения к неправильному адресу.
Находим этот файлик на хостинге и где-нибудь в конце прописываем такой код:
Вместо site.com – ваш домен. А вот 404.php – и есть файл, в котором хранится содержимое заглушки. В отличие от CMS, здесь его придется делать полностью с нуля. Но бывалых программистов это вряд ли напугает. Если хотите, можете сделать простенький вариант, где будет текст, например: “Не удается найти страницу, извините, вот вам ссылки на разделы сайта”. Для хороших поведенческих факторов этого будет достаточно. Хотя, конечно, лучше проработать этот файл более детально.
Сделать переадресацию можно и с помощью php. Для этого в статичную часть вашего сайта, если он написан на php, вы должны добавить следующий код:
Этот файл будет вызывать ошибку 404. Однако в этом случае могут понадобиться дополнительные манипуляции с кодом на PHP. Так просто реализовать страницу 404 на самописном сайте не выйдет, все зависит от конкретного случая.
Если вы не обладаете должными знаниями и опытом, то не мучайте себя. Лучше сразу обратитесь к программистам, которые понимают и знают, что и как должно выглядеть. Хотя, мне трудно представить мало понимающего человека с самописным сайтом.
Как исправить ошибку 404?
Теперь я расскажу как исправить ошибку 404. Исправлять, в общем-то, нечего. Ошибка 404 – это битые ссылки, значит, исправлять надо их. О том, как найти битые ссылки на сайте, я уже рассказывал.
Лучший вариант исправления – редирект, что означает, что вы должны настроить переадресацию битых ссылок на какой-то раздел или статью. Таким образом тоже повышаются поведенческие факторы, улучшается SEO.
То есть, по сути, ошибка 404 не требует исправления. Править нужно только битые ссылки, которые ведут на заглушку. Эти самые битые ссылки могут быть в других статьях, в составных частях вашего сайта и прочих местах. Но не будем увлекаться, вся информация представлена в материале по ссылке выше.
Стоит ли делать кастомную страницу 404?
Как я и говорил ранее, кастомная страница 404 может улучшить поведенческие факторы, что повысит ваш сайт в поисковой выдаче. Однако не всем это требуется. Большая часть уже имеет вполне сносные варианты заглушки, которые не требуют какой-то серьезной доработки или полного переосмысления. Вы можете сами проверить наличие этой страницы у себя и оценить, насколько она пригодна для использования конкретно на вашем проекте.
Если что-то не устраивает – милости прошу в редактор, где эту страницу очень легко исправить. Это я сейчас про WordPress, если что. Но в случае с другими CMS это тоже актуально. Там, как правило, есть отдельные файлы с html-кодом, который очень легко можно исправить или доработать.
Но возвращаясь к заданному вопросу, я бы уточнил, что кастомная страница нужна в том случае, когда ее функциональность действительно будет оправдана. Например, на больших порталах, где переходы на неправильные адреса очень частое явление. Там лучше сделать страницу с ссылками на разделы, полем поиска, а еще лучше – с блоком статей (как у нас).
Таким образом будет снижен риск отказов. Пользователи не будут уходить с сайта при попадании на такую страницу. Скорее всего представленная информация их заинтересует и они продолжат исследование ресурса.
В любом случае, решать только вам. От себя я бы советовал вам позаботиться о настройке 404-й страницы, если она уже не сделана по умолчанию.
Заключение
Теперь вы знаете, что значит ошибка 404, как должна выглядеть страница-заглушка, а также какое значение это имеет для поисковой оптимизации, поведенческих факторов и общей лояльности пользователей к вашему сайту.
Надеюсь, что эта статья даст ответы на все ваши вопросы и вы примите правильное решение. Даже такие мелочи, как заглушка 404, могут очень сильно влиять на эффективность вашего ресурса, конечный заработок в случае монетизации и другие очень важные факторы. Ничего не стоит упускать из внимания.
Если вы хотите научиться создавать крутые сайты и зарабатывать на них, то я советую вам курс Василия Блинова. В нем будут рассмотрены абсолютно все вопросы создания своего собственного информационного проекта для заработка, что включает в себя: создание и настройку сайтов на WordPress, обзор всех актуальных способов заработка на трафике, основы SEO-оптимизации и многое другое.
Обучение проходит в удобном виде на специальной обучающей платформе. Поэтапное прохождение информационных блоков, домашние задания и строгая политика. Допуск к следующим блокам осуществляется только после полного прохождения предыдущего. Переходите по ссылке выше для получения более подробной информации.