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

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

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

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

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

Код состояния HTTP 404 (или “Страница не найдена”) указывает на то, что серверу не удалось найти контент, запрошенный пользователем. По сути, это несуществующая или неработающая страница. Вот текст, который вы обычно видите на странице:

• 404
• Ошибка 404
• 404 – не найдено
• Страница 404 не найдена
• Ошибка 404: не найдено
• HTTP 404 не найден

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

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

Наконец, также возможно, что сервер не работает должным образом, хотя это случается очень редко. Иногда сервер может выдавать ошибку 404 в результате сбоя. Кэш DNS сохраняет местоположения (IP-адреса) веб-серверов, которые недавно обслуживали ваши веб-страницы. Чтобы убедиться, что используются только текущие IP-адреса, вы можете очистить его. После того, как вы выполнили соответствующие процедуры, перезапустите браузер и откройте страницу, чтобы посмотреть, сможете ли вы вернуться на нее.

Почему важна страница 404?

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

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

Так что думайте о странице 404 как об обслуживании клиентов. Неважно, насколько сильна ваша продуктовая линейка; Плохое обслуживание клиентов может повредить продажам в геометрической прогрессии больше, чем полное отсутствие обслуживания клиентов. Не принимайте лояльность ваших посетителей (и, возможно, их деньги) как должное!

Страница ошибки 404 просто сообщает людям, что они ввели неверный адрес в своем веб-браузере. Большинство сайтов в наши дни добавляют ссылки перенаправления на некоторые из своих самых популярных страниц (например, «Главная» или «О нас») на своей странице с ошибкой 404, поскольку никто не хочет просеивать десятки страниц, прежде чем найти то, что они ищут!

Поисковые системы рекомендуют: Google, Yahoo, Bing

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

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

Техническая настройка SEO страницы 404

Прежде всего, когда кто-то переходит по старому или неверному URL-адресу, он ожидает увидеть что-то, имеющее отношение к тому, что он ищет. Лучше сразу перенаправить посетителей, чем потом разочаровывать их нерелевантным контентом. Ваша отсутствующая страница может привлечь трафик из поисковых систем, если рядом с вашим сайтом нет других качественных результатов; прямой трафик всегда лучше, чем трафик от поисковых роботов. И, наконец, хорошо иметь красивую пользовательскую страницу ошибки 404, которая дополняет дизайн вашего сайта, а не смешивает его. Это одновременно улучшит ваш пользовательский опыт и рейтинг Google!

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

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

Более того, многие считают, что ошибки 404 сильно влияют на индексацию сайта и его позицию в результатах поиска, однако в подавляющем большинстве случаев это предположение неверно. Для лучшей оптимизации веб-сайта важно понимать элементы поисковой выдачи. Что происходит с такой страницей, когда на нее попадает робот? Если он есть в индексе, он будет удален; если это не так, бот не будет его сканировать. Это понятно, учитывая, что он больше не является информативным или полезным. Тем не менее, вы должны знать о возможности ошибок SOFT. SOFT 404 — это не фактический ответ сервера, а скорее тег, который поисковые системы прикрепляют к страницам после сканирования.

Вот причины, по которым поисковые системы принимают такие решения:

• Контента на странице мало или совсем нет;
• Имеется перенаправление на страницу, которая не отвечает потребностям пользователей;
• Сервер не отвечает 404 или 410 на несуществующую страницу.

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

Страницы с ошибкой 404 также могут препятствовать индексации веб-страницы (только в некоторых случаях). Они могут помешать поисковым роботам сканировать остальные жизненно важные страницы веб-сайта. В зависимости от проблемы поисковые системы могут деиндексировать целые фрагменты (предполагая, что веб-страницы больше не нужны) и настоящие веб-страницы 410, что означает ИСКЛЮЧЕНИЕ. Если SEO веб-страницы еще не было скорректировано, даже если она с тех пор была должным образом оптимизирована, поисковые системы не увидят новые изменения до тех пор, пока поисковые роботы снова не просканируют веб-сайт.

Любая внутренняя ссылка на этих веб-страницах будет потеряна, если веб-страница или, что еще хуже, вся папка с URL-адресом не будет найдена. Это ухудшит дальнейшую индексацию и ранжирование ключевых слов. Если вы не будете осторожны, SEO может иметь эффект домино. Когда сканирование поискового робота отключено, страдает вся SEO-оптимизация веб-сайта; до тех пор, пока страницы не будут отсканированы снова, RankBrain будет использовать любой последний кеш веб-страницы для выполнения своих сдержек и противовесов.

С другой стороны, когда URL-адреса страниц не работают или вообще никогда не существовали, поисковые системы, посетители веб-сайтов и веб-мастера получают ошибку 404.

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

Исправить все ошибки 404 на веб-сайте

Просканируйте свой веб-сайт, обнаружьте все неработающие ссылки и немедленно исправьте их

Как создать пользовательскую страницу 404?

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

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

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

При изучении того, как создать превосходную страницу 404, помните о следующих целях:

• Привлечь внимание пользователей;
• Объясните, что произошло;
• Предложите решение проблемы.

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

Google

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

Яндекс

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

Общие предложения

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

Предыдущие предложения не являются абсолютными рекомендациями для 404 страниц. Все зависит от тематики сайта и целевой аудитории. Строка поиска важна для интернет-магазина, а контактная информация важна для сайта, предлагающего услуги.

Что должна включать страница 404?

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

Хотя на показатель отказов влияет несколько факторов, таких как поисковая оптимизация, большинство отказов происходит из-за того, что пользователи думают, что нашли то, что искали, и не видят причин оставаться на вашем сайте. Другими словами, если люди не остаются на сайте достаточно долго, чтобы извлечь пользу из вашего контента или рекламы, показатель отказов будет расти. Есть три основные причины высокого показателя отказов:

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

Ознакомьтесь с этими практическими способами снизить показатель отказов вашего сайта и заработать больше денег с каждого вашего клиента:

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

2.Опишите, чего не хватает. Предоставление контекста может побудить посетителей остаться, даже если они не попали в определенное место назначения. Например, предположим, что вы хотите создать профиль LinkedIn, но каким-то образом вместо этого попадаете на домашнюю страницу Yahoo. Когда Yahoo показывает свое знаменитое сообщение об ошибке 404 File Not Found, знаете ли вы, что пошло не так? Скорее всего, вы просто опечатались в URL. Указав, куда посетители ожидают перейти (и, возможно, даже предложив альтернативные URL-адреса), настраиваемые страницы 404 позволяют посетителям быстро восстанавливаться после ошибок.

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

4. Объясните пользователям, что они видят. Дайте посетителям подсказку о том, какая ошибка привела их на эту страницу, например: “К сожалению, мы не можем найти то, что вы искали”. !” или «Извините, у нас нет английской версии этой страницы!» Используйте глаголы действия и вид от первого лица (Я не могу найти… и Мы не предлагаем…, а не Вы не можете… и Мы не предлагаем…), чтобы читатели были вовлечены во время чтения. они ищут именно то, что им нужно.

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

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

Начните с просмотра панели инструментов WordPress; вы увидите несколько вариантов на выбор в левой части экрана. Нажмите «Внешний вид» в разделе «Продукты», а затем выберите «Страница 404».

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

Вот супер-быстрый и простой учебник о том, как сделать это с помощью плагина Elementor.

Как создавать конструкторы на сайте: Wix, Shopify и другие

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

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

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

Ошибка 404. Рекомендации по дизайну страницы

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

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

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

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

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

Как изменить страницу ошибки 404 на свою ?

1. Откройте файловый менеджер вашего сайта, обычно доступен по адресу: ваш-сайт /panel/?a=fm .

2. Извлеките папку с файлами 404.htm и 404.jpg / 404.png.

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

Примеры готовых страниц 404

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

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

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

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

Автоматическое перенаправление пользователя на нужную страницу при возникновении ошибки происходит с помощью файла .htaccess (именно так, с точкой впереди и без расширения). Этот файл добавляется в корень сайта и должен содержать следующую строку.

ErrorDocument 404 /err404.html

Последний параметр представляет собой имя файла, который загружается в браузере при возникновении ошибки 404. В данном случае он называется err404.html и располагается в корне сайта.

Учтите, что файл err404.html может быть вызван из любого места сайта, поэтому в нем следует использовать абсолютные ссылки (http://site.ru/images/error.png) или ссылки относительно корня сайта (/images/error.png).

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Популярные рецепты

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

Как создать страницу ошибки 404?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Почему?

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

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

..или перейти на:

• Главную страницу сайта.
• Карту сайта

На самом деле это просто страничка «скелет» конечно же Вам следует создать свою собственную, полноценную страницу ошибки 404.

Создали? а вот теперь поговорим о нюансах..

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

Что это за файл такой спросите Вы?

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

На данный файл может быть возложен ряд специфических задач.. например: устанавливать права доступа к файлам в папке, менять названия индексных файлов, глобально перенаправлять посетителей на другой сайт, запретить доступ к сайту с определённого ip адреса. и еще много всяких иногда очень полезных вещей может делать этот чудо файл.. в том числе может самостоятельно обрабатывать ошибки сервера — что нам собственно и нужно!

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

Итак, создаём файл под названием .htaccess который содержит в себе одну единственную строчку (если таковой файл уже имеется с какими ни будь другими инструкциями серверу, то просто дописываем в него эту строчку):

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

И заливаем его на сервер в корневую папку сайта.

Ну только естественно сначала поменяйте в файле .htaccess ссылку http://www.site.ru/404.html на адрес Вашей собственной страницы которая должна будет открываться при возникновении ошибки 404.

Вот собственно и всё! теперь если Вы всё сделали правильно, при возникновении ошибки 404 будет загружаться Ваша «ошибочная» страница.

Сейчас огорчу тех кто располагает свой сайт на том или ином бесплатном хостинге.. Большинство бесплатных хостеров не дают доступа к файлу .htaccess так что создать страницу 404 на бесплатном хостинге вряд ли удастся.

P.S.Таким же способом с помощью файла .htaccess Вы можете обрабатывать и другие ошибки сервера:

• 401 ошибка(ErrorDocument 401 http://www.site.ru/page.html)- Требуется авторизация.
• 403 ошибка(ErrorDocument 403 http://www.site.ru/page.html)- Пользователь не прошел аутентификацию, доступ запрещен.
• 500 ошибка(ErrorDocument 500 http://www.site.ru/page.html)- Внутренняя ошибка сервера.

Если что-то непонятно или Вы в чем-то сомневаетесь, то за дополнительными разъяснениями обращайтесь на форум.