Товаров: 0 (0р.)

404 ошибка картинки: ᐈ Ошибка 404 фото, фотографии картинки 404

Содержание

404 error изображения | WordPress.org Русский

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

Модератор Yui

(@fierevere)

ゆい

ccылка на сайт переехала в первое сообщение темы, где ей и было положено быть с самого начала

PS: не вижу у вас проблем с картинками, зато у вас меню кривое и налазящее на часы работы

  • Ответ изменён 2 года, 5 месяцев назад пользователем Yui.

скриншот кривого меню можно?

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

с меню принял. спасибо. недостестировал

но все сервисы отдают для изображений 404.

Браузер тоже, если открыть саму картинку. Похоже на какую-то странную защиту от чего-то. Антилич?

вроде бы было что-то такое. где это чудо отключить можно?

где это чудо отключить можно?

Там где включали 🙂 Снаружи не видно, а способов сделать — стопиццот.

O

(@perdyllo)

где это чудо отключить можно?

В плагине «безопасности» https://ru.wordpress.org/plugins/all-in-one-wp-security-and-firewall есть такой пункт. Может отдельный плагин для этого был установлен или сниппет в function.php прописан

понял. спасибо. буду искать

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

а антилич всегда так работает

Антилич должен блокировать картинки, если они не вставлены в страницу и/или вставлены в чужую. То есть, без реферера и с чужим реферером. «Без» — очень плохая идея в наше время тотальных соцсетей и желанием ПСов проиндексировать абсолютно всё. С чужим — не очень плохая 🙂

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

O

(@perdyllo)

антилич

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

Это один из предрассудков

Это атавизм. Когда-то (когда компьютеры были большими, а программы маленькими) он был довольно полезной фичей.

Почему при попытке отобразить изображение появляется ошибка «404 Not Found»? — Хабр Q&A

Я использую Rails Api 5.
1.6 как серверную часть и качестве клиента Angular 4. Все данные хранятся в базе данных Oracle. Изображения в Oracle хранятся в формате «Blob». Для работы с изображениями на Rails Api использую gem «paperclip».

Так вот когда я пытаюсь отобразить изображение на клиенте, появляется ошибка «404 not found ». Вот ошибка в консоли:

GET localhost:4200/photos/original/missing.png 404 (Not Found)

Пробовал перейти по данной ссылке:

localhost:3000/photos/original/missing.png

, но появлялась вот такая ошибка (Если нужно могу полную ошибку скинуть):
«#ActionController::RoutingError: No route matches [GET] «/photos/original/missing.png»»

JSON:

[
{
l_users_id: 65,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1357,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1358,
photo: "/photos/original/missing.png"
},
{
l_users_id: 51,
photo: "/photos/original/missing. png"
},
{
l_users_id: 2,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1360,
photo: "/photos/original/missing.png"
},
{
l_users_id: 0,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1372,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1371,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1370,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1373,
photo: "/photos/original/missing.png"
}
]

photos_controller.rb:

class PhotosController < ApplicationController

    def index
        @photos = Photo.all

    array = @photos.map do |photo|
        photo_push = {
            l_users_id:      photo.l_users_id,
            photo:           photo.photo.url
        }

        photo_push
    end

    render json: array
  end

    def show
        @photo = Photo.find(params[:id])
        photo_hash = {
            l_users_id:      photo.l_users_id,
            photo:           photo.photo.url
        }

        render json: photo_hash
    end

end

photo. rb:

class Photo < ActiveRecord::Base
  self.primary_key = "l_users_id"

  has_attached_file :photo

  validates_attachment_presence :photo
  validates_attachment_content_type :photo, :content_type => ['image/jpeg', 'image/png']

end

404 ошибка – подборка красивых страниц

Создание сайтов

Те, кто давно пользуются сетью Интернет, при путешествии по всемирной паутине, не раз встречали ошибку 404 page not found (страница не найдена).

 

Чтозначитошибка404?

 

Обычно ошибка404 появляется в ряде случаев:

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

 

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

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

 

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

 

  • желательно чтобы страница 404 была выдержана в том же стиле, дизайне и цветовой гамме, как и сам сайт, чтобы не выглядеть инородной и пользователи не думали, что попали на другой ресурс;
  • страница с ошибкой 404 может иметь ссылку на главную страницу сайта, и/или другие разделы, на ней можно разместить главное меню сайта, чтобы пользователи знали, куда можно попасть, а не просто закрыли страницу;
  • многие сайты размещают смешные картинки и веселый текст на страницу ошибки 404, это привлекает внимание посетителей, заставляет их улыбнуться, отвлекает, и не дает закрыть страницу;
  • не стоит размещать только текст на странице 404 без изображения, по статистике в 2-3 раза больше посетителей покидают сайт, если страница плохо оформлена;
  • можно на странице 404 сообщить посетителям, почему они попали на эту страницу;
  • совмещайте эти рекомендации, и вы получите меньший отток посетителей в случае их попадания на страницу ошибки 404.

 

Вот примеры интересных страниц с ошибкой 404:

1.      В этой странице совмещено все – меню, ссылка на главную страницу, милая картинка

 

2. Краткая, лаконичная страница и выдержана в стиле сайта

2. Краткая, лаконичная страница и выдержана в стиле сайта

3. На странице об ошибке 404 милые картинки

4. Эти страницы сделаны с юмором

5. Вносят интригу пользователям

6. И даже страницы, на которых можно сыграть в компьютерные игры

Ошибка 404: как перестать терять деньги на ровном месте

Прошло 26 лет, а пользователи до сих пор бояться ошибки 404. Стоит ей всплыть на экране, и потенциальный покупатель покидает страницу. В далёком прошлом я и сам так поступал, поскольку не знал, что она значит. Мне казалось, что “сломался” весь сайт, а не единичная страница. Для владельца личного блога – это лишь неприятный конфуз. Но для владельца бизнеса ошибка 404 – прямая дорога к потере потенциального покупателя.

Что такое “ошибка 404”

Моей бабушке интересно, что значит ошибка 404. Однажды она спросила у меня: «Как переводится фраза “Page not Found”, и что значит 404?». Я не смог остаться в стороне и, пользуясь возможностью, решил ответить ей и всему интернет-бизнесу на этот вопрос в блоге Destra. 🙂

Дословно фраза переводится как “Страница не найдена”. Это значит, что пользователь запросил отображение несуществующей страницы. Точнее сервер не нашел таковую по указанному адресу и проинформировал об этом с помощью кода ошибки.

Число 404 не случайно – это вполне конкретное обозначение проблемы. Первая цифра «4» указывает, что проблема существует только на стороне клиента, а сам сервер в порядке. Остальные две цифры кода («04») указывают на конкретную проблему – пользователь не получил доступ к странице, потому что сервер её не нашел.

Есть всего четыре варианта её возникновения:

  • сайт или конкретную страницу удалили;
  • URL-адрес введён или скопирован с ошибкой;
  • Ссылка битая – ведёт на несуществующую страницу;
  • Страница переехала – ей присвоили новый адрес, и она здесь больше не живёт.

Как удержать клиента

При появлении ошибки далёкий от IT-сферы человек не поймёт, что происходит. Чтобы он не сбежал, ему придётся помочь и в срочном порядке объяснить, что случилось. Главное – не начать расписывать технические подробности и усыплять его сложными терминами. Так шансы побега клиента не уменьшатся.

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

Что будет, если не оформлять страницу ошибки 404:

  • Практика digital-агентства Destra показывает, что без оформленного изображения на странице 404 её покидают в 2-4 раза чаще;
  • Клиенты не смогут оценить ваш подход и заботу о них в мелочах – инструмент для увеличения лояльности будет потерян;
  • Клиент посчитает, что сайт больше не работает, и отправится покупать к конкурентам.

Как реализовать дизайн страницы 404

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

Задача картинки – привлечь внимание и заставить задержаться хотя бы на несколько секунд. Лучше всего смотрятся эмоциональные картинки, связанные по смыслу с тематикой сайта. Часто обыгрываются этюды с акцентом на ошибке, поломке или неисправности. Если не хочется погружаться в яростный креатив, проверенные годами персонажи это:

  • грустные люди, дети или животные;
  • сломанный товар или продукт компании;
  • корпоративный персонаж;
  • инструменты или рабочие, изображённые в процессе ремонта.

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

Что написать на странице 404

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

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

В этом случае юмор будет не лишним. Если забавная зарисовка вызовет у посетителя улыбку или интерес, шанс его побега сократится до минимума. Главное – помнить о позиционировании и не перебарщивать с каламбурами.

Схема создания текста к ошибке проста:

  • Выражаем сожаление;
  • Объясняем, почему произошла ошибка;
  • Предлагаем выход из ситуации.

Пример того, как это должно выглядеть:

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

Призыв к действию, ссылки и кнопки на странице 404

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

Часть инструкции обязана словесно призывать к переходу на рабочий раздел сайта. На эффективной странице 404 от пользователя требуется минимум телодвижений и раздумий. В идеале – он 5 секунд читает и один раз кликает мышкой по кнопке.

Призыв пишется в повелительном наклонении, но эмоционально он нейтральный. Например: “Вернитесь на главную страницу” или “Перейдите обратно в раздел «бензопилы»”. Формально текст приказывает, но если рядом кнопка или ссылка – ощущается как помощь и забота.

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

Кнопки – идеальное решение. Они одновременно исполняют функцию ссылок, но при этом интерактивны и привлекают внимание. В меру яркая кнопка – эталон юзабилити (пользовательского удобства). На самой кнопке должно быть указано, что произойдёт после нажатия. Обычно на кнопке пишут “На главную”, “Вернуться обратно” или нечто подобное.

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

Вывод

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

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

ruby on rails — Почему при попытке отобразить изображение появляется ошибка «404 Not Found»?

Я использую Rails Api 5. 1.6 как серверную часть и качестве клиента Angular 4. Все данные хранятся в базе данных Oracle. Изображения в Oracle хранятся в формате «Blob». Для работы с изображениями на Rails Api использую gem «paperclip».

Так вот когда я пытаюсь отобразить изображение на клиенте, появляется ошибка «404 not found». Вот ошибка в консоли:

GET http://localhost:4200/photos/original/missing.png 404 (Not Found)

Пробовал перейти по данной ссылке:

http://localhost:3000/photos/original/missing.png

, но появлялась вот такая ошибка (Если нужно могу полную ошибку скинуть):

«#ActionController::RoutingError: No route matches [GET] «/photos/original/missing.png»»

JSON:

[
{
l_users_id: 65,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1357,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1358,
photo: "/photos/original/missing. png"
},
{
l_users_id: 51,
photo: "/photos/original/missing.png"
},
{
l_users_id: 2,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1360,
photo: "/photos/original/missing.png"
},
{
l_users_id: 0,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1372,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1371,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1370,
photo: "/photos/original/missing.png"
},
{
l_users_id: 1373,
photo: "/photos/original/missing.png"
}
]

photos_controller.rb:

class PhotosController < ApplicationController

    def index
        @photos = Photo.all

    array = @photos.map do |photo|
        photo_push = {
            l_users_id:      photo.l_users_id,
            photo:           photo.photo.url
        }

        photo_push
    end

    render json: array
  end

    def show
        @photo = Photo.find(params[:id])
        photo_hash = {
            l_users_id:      photo.l_users_id,
            photo:           photo. photo.url
        }

        render json: photo_hash
    end

end

photo.rb:

class Photo < ActiveRecord::Base
  self.primary_key = "l_users_id"

  has_attached_file :photo

  validates_attachment_presence :photo
  validates_attachment_content_type :photo, :content_type => ['image/jpeg', 'image/png']

end

Как сделать страницу ошибки 404 для Джумла, её настройка

В рамках данного материала поговорим о моменте, с которым сталкивается каждый владелец сайта на Joomla – о странице ошибки 404 в Joomla.

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

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

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

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

Значение «ошибка 404 страница не найдена» в Joomla 3

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

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

Настраиваем страницу «ошибка 404» вручную для Joomla 3

Сначала необходимо найти файл, отвечающий за ошибки сайта под названием error.php. Заметим, что файлы с расширением php обычно используются для обработки важных данных и необходимы для работы форм обратных связей. Правда файл error.php может быть размещен как в шаблоне вашего сайта или в системных папках.
Теперь создаем материал – обычную статью. После создания нового материала необходимо добавить в него картинку, которая будет показана посетителю при возникновении ошибки 404.

Теперь по списку создаем новое меню, в котором необходимо задать новый алиас страницы (к примеру, error404), ведь стандартно он слишком длинный, чего поисковые машины не очень-то любят. Делаем новое меню, пишем алиас и делаем привязку страницы с картинкой.

Теперь вам необходимо перейти на ваш хостинг по пути public_html/templates/ваш-шаблон/ и найти файл error.php. Этот файл можно открыть через любой редактор, включая хостера. В нем удаляем все содержимое сайта и прописываем все, что находится в этом документе: https://drive.google.com/open?id=0B1aACOqWXm2mNEJCbHFQVERRRGc

Теперь вам только остается изменить URL ошибки на свой в строке: Location: /error404.html. После сохранения нашего нового файла его нужно скопировать в еще одну папку (соглашаемся на замену) по пути: …/templates/ваш-шаблон/system/error. php

Если вы все выполнили верно, то попробуйте добавить к адресу вашего домена символы на латинице и нажмите Enter. Если появится ошибка «страница не найдена», то значит, вы сделали все верно. Как видите, страница ошибки 404 подготавливается буквально за пару минут, и при этом вовсе необязательно грузить свой сайт Joomla различными плагинами.

Но если вам не охота особо заморачиваться над созданием этой страницы, то можно поставить плагин ARTIO JoomSEF для Joomla и сразу подготовить картинку, которая будет всплывать при появлении ошибки 404. После установки модуля переходим по пути «Configuration – 404 page»; тут вы сможете добавить текст и картинку, которые будут показываться юзерам при ошибке 404 в Joomla.

Скачать модуль можно по URL: http://www.artio.net/downloads/joomla/joomsef/artio-joomsef-4-2-8/download
Если интересует прочий функционал этого расширения, то прочитать более подробно о его настройке вы можете на странице: http://e-kzn.ru/joomla/sef-chpu/komponent-artio-joomsef. html

«Только не это!» — или «Ошибка 404»

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

«Страница не найдена» — что, зачем и почему

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

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

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

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

Страница 404 Not Found – в сторону панику, создаём шедевр!

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

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

Ошибка 404 – избавляемся раз и навсегда (но это неточно)

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

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

Ищем 404 ошибки на сайте – для спецов

На самом деле, поиск ошибок на сайте выполняется достаточно быстро и просто, ведь для этого существует огромное количество различных сервисов. Самые популярные из них: Broken Link Checker – плагин для WordPress, инструменты Google Web Masters Tool и аналогичные сервисы в Яндексе.

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

Что делать, если я продвигаю сайт?

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

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

Команда ElDiscovery – это специалисты, которые рады прийти Вам на помощь, если Вы уже устали сталкиваться с недобросовестными разработчиками, который загибают заоблачный ценник. Оставляйте заявку или же позвоните нам – считайте, что Вы уже в ТОПе!

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

Из многих потенциальных ошибок, которые вы можете увидеть на своем сайте WordPress, ошибка 404 Not Found — одна из самых сложных. Но это не значит, что вас или ваши посетители не расстраивают, когда вы или ваши посетители пытаетесь просмотреть ваш сайт и постоянно сталкиваетесь с сообщением об ошибке 404 Not Found. 😒 Это последнее, что вы хотите, чтобы потенциальные клиенты впервые видели от вашего бренда. Ошибка 404 также может быть индикатором для вас, что что-то изменилось или переместилось, и, вероятно, необходимо добавить 301 редирект для SEO.

В этом посте мы попытаемся помочь вам снова заставить ваш сайт работать, объяснив несколько вещей:

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

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

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

Как и другие сообщения об ошибках (ошибка 500, ошибка 502, ошибка 504 и т. Д.), Сообщение «Ошибка 404 не найдено» является результатом этого процесса.

Что на самом деле означает ошибка 404 «Не найден»?

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

Например, если кто-то пытается получить доступ к yoursite.com/post-name , но у вас нет контента со слагом post-name . Тогда посетитель увидит ошибку 404, потому что, хотя ваш веб-сервер работает нормально, запрошенный ресурс не существует.

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

Что вызывает ошибку 404, не найденную на WordPress?

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

Кроме того, ошибка 404 — это не всегда плохо — плохо только тогда, когда мешает удобству использования . А иногда вещи просто выходят из-под вашего контроля!

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

Ошибка 404 Варианты не найдены

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

  • «Ошибка 404»
  • «404 не найдено»
  • «Ошибка HTTP 404»
  • «Не найдено»
  • «Страница не найдена»
  • «Запрошенный URL не найден на этом сервере.”
  • «Страница не найдена»
  • «Мы не можем найти страницу, которую вы ищете».
  • «Запрошенный URL / ~ не найден на этом сервере. Это все, что мы знаем.

Google 404 страница ошибки

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

Смешной пример страницы 404

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

Kinsta 404 стр.

Ошибка 404 Not Found Влияние на SEO

Ошибка 404 Not Found не оказывает негативного влияния на SEO. Но это может иметь негативное влияние в зависимости от причины возникновения ошибки.

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

Кроме того, если проблема с постоянной ссылкой вызывает ошибку 404 на всем сайте, Google не сможет сканировать какой-либо контент вашего сайта. Другими словами, всегда исправляет ошибки 404 как можно скорее. .

Ошибка 404 Not Found влияет на производительность сайта

Многие не осознают этого, но сайты, которые генерируют много ошибок 404, могут легко столкнуться с проблемами производительности, поскольку эти ответы обычно не кэшируются. Мы часто видели это на крупных сайтах, и это может стать большой проблемой, если вы случайно продвинете или получите всплеск вирусного трафика на страницу 404. Чтобы минимизировать влияние запросов 404 на производительность сайта, мы автоматически кэшируем страницы 404 на 15 минут. Если вы создадите новую страницу с тем же URL, что и кэшированная страница 404, мы автоматически очистим кеш, чтобы ваши посетители могли сразу увидеть новую страницу.Это означает, что ваш сайт будет защищен от скачков PHP и CPU, вызванных трафиком на динамические страницы 404.

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

404 ошибки

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

Первые 404 ошибки

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

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

Как исправить ошибку 404, не найденную в WordPress

Ниже мы рассмотрим несколько различных способов исправить сообщение об ошибке 404 Not Found, в зависимости от того, происходит ли это на сайте или в конкретном контенте.

Обновите постоянные ссылки вашего сайта WordPress

Если при попытке доступа к контенту вы сталкиваетесь с ошибкой 404 по всему сайту, наиболее вероятной причиной является проблема с вашими постоянными ссылками (или вашим.htaccess, если ваш хост использует Apache). Если вы клиент Kinsta, мы используем Nginx, поэтому вы можете исключить файл . htaccess как возможную причину.

Подпишитесь на информационный бюллетень

Мы увеличили наш трафик на 1187% с помощью WordPress.


Мы покажем вам, как это сделать.

Присоединяйтесь к 20 000+ другим, кто получает нашу еженедельную рассылку с инсайдерскими советами по WordPress!

Самый простой способ исправить это — обновить настройки постоянной ссылки через панель управления WordPress.Все, что вам нужно сделать, это перейти в «Настройки» → «Постоянные ссылки» и нажать «Сохранить изменения» (вносить какие-либо изменения не требуется — достаточно нажать «Сохранить изменения»).

Восстановить постоянные ссылки в WordPress

Настройка переадресации 301 для перемещенного или переименованного содержимого

Если вы столкнулись с ошибкой 404 в определенном фрагменте контента, скорее всего, вы:

  • Изменен ярлык URL для этого содержимого.
  • Переместил этот фрагмент контента вручную, например удалив существующее сообщение и вставив его в новое сообщение.

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

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

Во-первых, вы можете использовать бесплатный плагин Redirection для управления перенаправлениями с панели инструментов WordPress. После того, как вы установили и активировали плагин, перейдите в Инструменты → Перенаправление и введите URL-адрес 404-й страницы в поле «Исходный URL-адрес» и новое расположение контента в поле «Целевой URL-адрес»:

Как настроить перенаправления с помощью плагина Redirection

Если вы размещаете на Kinsta, вы также можете управлять переадресацией из панели управления MyKinsta. Использование инструмента Kinsta на самом деле является лучшим способом решения этой проблемы, поскольку правила реализованы на уровне сервера , что является гораздо более оптимальным способом с точки зрения производительности. Это также означает, что на один сторонний плагин вам придется беспокоиться меньше.

Перейдите на сайт, которым хотите управлять. Затем щелкните вкладку «Перенаправления». Чтобы добавить новое перенаправление, нажмите большую кнопку «Добавить правило перенаправления»:

Как настроить переадресацию с панели управления Kinsta

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

Как создать собственную ошибку 404 Not Found Page

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

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

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

  • Поле поиска
  • Важные ссылки
  • Контактная информация

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

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

Как отслеживать ошибки 404 в будущем

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

  • Найдите неработающие ссылки, которые отправляют людей на несуществующий ресурс (это могут быть внутренние ссылки или внешние ссылки с других сайтов). Затем вы должны постараться исправить эти ссылки, если это вообще возможно.
  • Посмотрите, какие страницы Google не может сканировать. Затем вы захотите выяснить, почему Google пытается сканировать несуществующую страницу, и при необходимости настроить переадресацию.
  • Устранение проблем, связанных с производительностью, с ошибками 404.

Вариант 1 — Google Analytics

Если вы используете Google Analytics, вы можете настроить собственный отчет для отслеживания ошибок 404 по внешним ссылкам.У Rebelytics есть хороший учебник по этой теме.

Вариант 2 — Плагин WordPress

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

Вариант 3 — Инструмент стороннего аудита

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

Аудит 404 ошибок

Вариант 4 — Консоль поиска Google

Наконец, вы можете отслеживать 404 ошибки, с которыми сталкиваются сканеры Google, в Google Search Console.После подтверждения своего сайта с помощью консоли поиска Google перейдите в Сканирование → Ошибки сканирования → Не найдено, чтобы просмотреть список ошибок 404, обнаруженных Google. Это, безусловно, один из самых простых способов. Он также является лучшим с точки зрения производительности, поскольку не требует сторонних плагинов или дополнительного сканирования вашего сайта. Боты Google уже регулярно сканируют ваш сайт, так почему бы просто не воспользоваться данными, которые они уже предоставляют? 😉

Google Search Console 404 ошибки

Сводка

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

У вас есть другие советы или вопросы относительно сообщения об ошибке 404 Not Found или его влияния на ваш сайт WordPress? Сообщите нам об этом в комментариях.


Если вам понравилась эта статья, то вам понравится хостинговая платформа Kinsta WordPress.Ускорьте свой сайт и получите круглосуточную поддержку от нашей опытной команды WordPress. Наша инфраструктура на базе Google Cloud ориентирована на автоматическое масштабирование, производительность и безопасность. Позвольте нам показать вам разницу в Kinsta! Ознакомьтесь с нашими тарифами

5 способов превратить ошибку 404 в продажу

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

Но что происходит, если эта страница недоступна?

Что происходит, когда их встречает прекрасная ошибка 404 вместо сообщения, на которое, как они думали, они направляются?

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

На каждом сайте ошибка 404. Это просто характер бизнеса.

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

Если вы не позаботитесь о них, вы оставите плохие впечатления у посетителей.

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

Это дает 404 страницам с ошибками отличный шанс оставить неизгладимое впечатление.

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

Итак, что вы делаете?

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

Вы можете превратить возможную катастрофу в нового клиента.

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

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

Итак, что же такое страница с ошибкой 404 и почему это важно для вашего трафика?

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

По сути, страница не существует на данном веб-сайте. Поэтому, когда кто-то попадает на него (обычно по неверно написанной или удаленной ссылке), его встречает страница с ошибкой.

Например, типичные страницы ошибок 404 выглядят так:

Они часто просто говорят «Не найдено» и показывают простое сообщение об ошибке.

Это ужасная стратегия.

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

Если вы оставите свои страницы 404 такими, вы упустите продажи и трафик.

Это важно, потому что такое случается чаще, чем вы ожидаете.

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

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

Другая распространенная причина — удаление старых веб-страниц на своем сайте без использования 301 редиректа.

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

Это происходит по-разному, и несколько простых обновлений могут привести к массовым продажам на вашем сайте.

Вот пять способов быстро превратить эти надоедливые страницы с ошибками 404 в продажи.

1. Превратите его в поисковую строку

Поиск на сайте — популярный метод, который люди до сих пор используют для поиска контента.

При просмотре сайта с блогом часто бывает сложно найти именно то, что вы ищете.

Я использовал функцию поиска на бесчисленном количестве сайтов, чтобы найти нужный контент.

Это сокращает время вашего визита и помогает быстрее достичь цели.

То же самое и для страницы с ошибкой 404.

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

Например, посмотрите, как GitHub удерживает пользователей на вашем сайте, помогая им выполнять поиск:

Вместо пустой скучной страницы вы можете легко найти то, что ищете, на странице 404.

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

MailChimp использует ту же тактику, пытаясь удержать 404 посетителей на своем сайте:

Я лично попадал на такие страницы 404 и нашел их очень полезными.

На сайте есть брендинг, а также есть функция поиска. Вы не можете победить это.

Еще одно большое преимущество использования поиска по сайту — это данные.

Верно. Вы действительно можете собрать тонны данных со страницы с ошибкой 404.

Если вы перейдете к Google Analytics, вы сможете найти поисковые запросы, которые люди используют на сайте.Для этого перейдите в свою панель управления и найдите отчет о поиске по сайту в разделе поведения:

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

Отличный способ извлечь выгоду из этих поисковых запросов — превратить их в ссылки на странице с ошибкой 404.

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

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

Варианты практически безграничны.

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

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

2. Превратите его в лид-магнит

Свинцовые магниты — это кровь онлайн-бизнеса.

Большинство людей не совершают конверсию при первом посещении. Они просто не готовы покупать у вас.

Люди найдут вас по сообщениям в блоге, и даже если им понравится ваш контент, они, вероятно, не дадут вам никакой информации.

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

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

И свинцовые магниты бывают всех форм и размеров.

Лид-магнит может быть ценным для вашей аудитории.

Например, электронная книга может стать идеальным лид-магнитом для ваших клиентов, которые хотят узнать о SEO.

Превращение страниц с ошибками 404 в лид-магниты — верный способ собирать электронные письма и превращать посетителей в легкие продажи.

Например, посмотрите эту страницу ошибки 404 из Jumping Jackrabbit :

Это креативно, весело и интригующе.

Но самая лучшая часть — это их призыв к действию: «Загрузите изображение в качестве обоев.”

Они пытаются привлечь интерес пользователей и повысить ценность даже на странице 404.

Это отличный способ получать больше писем и увеличивать продажи.

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

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

Но HubSpot использует это как возможность повысить ценность и даже увеличить продажи с помощью лид-магнита.

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

3. Предлагайте купоны как намерение выхода

Один из моих любимых способов воспользоваться страницами с ошибками 404 — использовать их для поощрения пользователей.

Давайте посмотрим правде в глаза: удержать людей на вашем сайте труднее, чем когда-либо.

Еще труднее заставить их купить.

Согласно AdRoll , 98% посетителей сайта впервые не совершат конверсию или не совершат покупку у вас.

Это означает, что только крошечные 2% вашего трафика конвертируются при первом посещении.

Но что делать тем, кто при первом посещении попадает на страницу с ошибкой 404? Коэффициент конверсии, вероятно, меньше 2%.

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

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

Как? Вы можете начать с использования намерения выхода.

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

Вот яркий пример намерения выйти из Electric Family :

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

И он идеально подходит для страницы с ошибкой 404. Просмотрите эту страницу ошибки на сайте Lands ’End , где используется намерение выхода:

Они сразу же предлагают мне скидку 40% и бесплатную доставку, когда я нахожусь в секундах от отказа.

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

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

Предоставление им купона или дополнительной причины остаться сэкономит ваши продажи.

Итак, вы хотите установить его бесплатно сегодня? Вы можете использовать AddThis для установки программного обеспечения выхода за несколько минут.

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

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

Для этой цели я рекомендую использовать инструмент «Построение списка». Это позволит вам получать подписку по электронной почте и предлагать предложения на основе купонов.

Затем выберите «Всплывающее окно» в качестве типа инструмента:

Вы можете начать настраивать все, что касается всплывающего окна с целью выхода отсюда:

Начните с настройки текста и решите, каким будет ваше предложение.Например, вы хотите предложить им купон в обмен на их электронную почту?

В разделе дополнительных параметров обязательно выберите «При выходе» в разделе «Показать это сообщение:»

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

Вот как выглядит мое намерение выйти после тридцати секунд настройки:

Да, базовый. Если вам нужна дополнительная настройка, вы можете купить полную версию инструмента.

Если вы не хотите использовать AddThis, вы также можете использовать Hello Bar для бесплатного отслеживания намерений выхода на страницах 404.

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

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

Еще одно прекрасное использование страницы 404 — это вернуть людей к продуктам или к вашей домашней странице.

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

Продажи происходят не на пустом месте. Неисправные страницы не обходятся без контекста.

Но добавление простой навигации может изменить правила игры для продаж.

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

Например, Lands ’End делает это на своих страницах с ошибками 404:

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

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

И все мы знаем, что чем больше посещений, тем выше вероятность конверсии.

Еще один замечательный вариант, с которым я столкнулся, был на сайте Aeropostale :

Я нажал на ссылку от Google, которая должна была направить меня в их мужской раздел.

Но когда я добрался до места назначения, ничего не обнаружилось — даже ошибки 404.

Вместо этого ссылка просто перенаправляла обратно на их домашнюю страницу!

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

Попробуйте использовать плагин All 404 Redirect для WordPress:

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

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

5.Оставить впечатление

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

Лид-магниты, намерение выхода и панели поиска отлично подходят для страниц с ошибками 404.

Но когда их мало, есть и другие варианты.

Один из лучших — это попытка произвести хорошее впечатление на пользователей.

Вы можете попытаться рассмешить их и весело провести время на своем сайте.

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

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

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

Итак, как вы это делаете?

Пусть творческие соки текут. Сделайте посещение сайта приятным и увлекательным.

Например, посмотрите, как LEGO использует юмор и креативность, чтобы произвести неизгладимое впечатление на посетителей страницы 404:

Еще одна классная страница 404 поступила от Blizzard Entertainment :

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

Моя любимая страница с ошибкой 404 за все время исходит от Wistia :

Они используют «милый» фактор Ленни, своей фирменной собаки.

У них также есть масса видео с участием Ленни на их сайте:

Lenny стал популярным в сообществе Wistia, поэтому эта страница 404 отлично работает для посетителей их сайтов.

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

Это гениальная маркетинговая тактика, чтобы заинтересовать людей.

Вместо скучной страницы они увлекают вас историей своей собаки и ее ролью в компании.

Попробуйте оживить свою страницу 404 с помощью креативного дизайна, видео и историй.

У вас есть история компании или вы хотите передать сообщение бренда?

Ваша компания — стартап? Делитесь информацией о своем бизнесе, которая заставляет людей оставаться на вашем сайте дольше.

Заключение

Успех в Интернете и увеличение продаж сводится к одному критическому фактору:

Предоставление пользователю того, что он хочет. Вы должны решить их проблему.

Если вы можете решить проблему и сообщить ценность, вы можете рассчитывать на увеличение продаж.

Но когда кто-то нажимает на ваш веб-сайт и обнаруживает ошибку 404, он отказывает.

страницы с ошибками 404 встречаются на всех веб-сайтах отрасли. Дело не только в тебе.

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

Вы не можете позволить себе, чтобы битые ссылки саботировали потенциальные покупки.

Если вы получаете переходы по ссылке, которой нет, вы можете упустить тонны ценного трафика и конверсий.

Итак, что вы делаете?

Есть несколько проверенных способов превратить страницы с ошибками 404 в машины для продажи.

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

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

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

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

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

Как лучше всего конвертировать трафик со страницы с ошибкой 404?

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

  • SEO — разблокируйте огромное количество SEO-трафика. Смотрите реальные результаты.
  • Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
  • Paid Media — эффективные платные стратегии с четким ROI.

Заказать звонок

Как создать впечатляющую страницу ошибки 404 (с 12 примерами)

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

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

Итак, что посетитель будет делать дальше?

Они немедленно нажмут кнопку «Назад», если вы неправильно указали страницу с ошибкой 404 (код состояния).И они, вероятно, никогда больше не посетят ваш сайт.

Вы только что испортили свое первое впечатление собственной страницей ошибок.

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

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

Результат?

Ну…

Снижение вашего рейтинга в поиске.

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

  • Перезапуск сайта
  • Внутренняя ссылка не работает
  • Ссылка на устаревшую поисковую систему

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

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

Помните, что цель — не дать им повода нажать кнопку возврата.

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

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

Зачем вам нужно создавать индивидуальную страницу 404?

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

Конечно, вы также можете нанять программиста, который сделает это за вас.

Но зачем вам тратить время или деньги на этот индивидуальный проект?

Вот 5 причин.

1. Увеличьте количество проиндексированных страниц вашего веб-сайта в поисковых системах. Если на вашем веб-сайте много страниц, будет много неработающих ссылок.

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

Сладкое. Не правда ли?

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

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

Путем перехода с него на случайные внутренние страницы вашего сайта.

Я использовал эту стратегию, чтобы увеличить посещаемость Techcrunch на 9% за месяц. Я связался со случайными 25-50 внутренними страницами, запустив алгоритм.

У вас наверняка будут мертвые ссылки на вашем сайте.

2. Это ваш шанс создать постоянный имидж бренда — люди любят постоянство. Как только вы знакомитесь с веб-сайтом, вы подсознательно начинаете ему доверять (хотя другие человеческие факторы, такие как ваш возраст, интересы и образование, также применяются).

Вывод — создать согласованный образ. Обычные страницы с ошибкой 404 — плохой опыт.

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

Вам нужен файл журнала для записи информации о проблеме и код ответа для ее надлежащего решения.

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

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

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

Как ты себя чувствуешь?

Совершенно верно.

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

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

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

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

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

Принятие решения о том, что что-то пошло не так (код состояния HTTP), подтверждение разочарования клиента и предложение другой помощи. Это то, что вы сделали бы в личном общении. Лучшие страницы с ошибками 404 делают именно это.

Но как именно?

Развлекаясь, как Магнт.

Или продвигать любовь, как eHarmony. Эта настраиваемая страница с ошибкой укрепляет их бренд.

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

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

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

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

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

Если вы интернет-магазин, вы даже можете предложить рекомендации по релевантным продуктам на собственной странице ошибок, например Ballard Designs.

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

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

6 элементов соблазнительной 404 стр.

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

Вот 6 особенностей соблазнительной страницы 404.Помните, что вам не обязательно размещать их все на своей странице.

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

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

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

Интернет-пользователю нравится нажимать на ссылки. И, если вы разместите свои самые популярные статьи, высока вероятность, что посетитель останется, чтобы их прочитать.

ModCloth предлагает ссылки на различные разделы своих продуктов на своей странице ошибок.

Design Shack предлагает ссылку на их последние статьи, галерею дизайна и на их домашнюю страницу, когда вы, к сожалению, найдете их код статуса http.

Вы также можете предложить обратную ссылку на домашнюю страницу, например Deviant Art. Это забавная, простая настраиваемая страница ошибок, соответствующая их бренду.

Или, может быть, ссылку на вашу карту сайта, например, Starbucks.

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

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

Видите ли, никого не волнует, что пошло не так с «вашим сервером».

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

Простой заголовок, например «Страница не найдена», работает лучше, чем «ошибка 404», потому что большинство посетителей вашего сайта ничего не знают о вашем сервере или ошибке 404.

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

Страница ошибки 404 X-Cart имеет простой заголовок «Страница не найдена».

Вы заметили другой аспект на странице выше?

В нем указаны «возможные причины» возникновения ошибки.

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

Также не забудьте не винить посетителя за код ошибки (код статуса http).

Я знаю.

Есть вероятность, что пользователь действительно ввел неверный URL. Или, возможно, это ошибочное перенаправление.

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

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

Разве ты не хочешь их уже простить?

4. Разрешите пользователю связаться с вами — Интернет — это все, что связано с участием вашего сообщества. Предлагая пользователю возможность сообщить об ошибке, вы расширяете его возможности, и они чувствуют себя уверенно, внося свой вклад в улучшение вашего сайта.

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

Так как же побудить посетителя сообщить об ошибке?

Вы предоставляете контактную форму или адрес электронной почты своей службы технической поддержки.

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

Бен Кук реализовал простую контактную форму на странице с ошибкой 404 во время восстановления и перезапуска клиентского веб-сайта.

Получил ли он ответы?

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

5. Переведите страницу на несколько языков. Маркетинг — это общение с пользователем так, как ему нравится, и на используемом языке. Правильно?

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

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

David Hell Man — отличный пример страницы с ошибкой 404 не на английском языке.

6. Предложите им возможность присоединиться к вашему списку рассылки или использовать ваш продукт — Да, вы даже можете конвертировать этих посетителей. Это просто указание пользователю выполнить действие, которое вы от него хотите.

А что может быть лучше, чем превратить плохой пользовательский опыт в положительный и прибыльный?

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

Вот видеоурок Джоша Бэйлесса о том, как собирать лиды со страниц с ошибкой 404.

[youtube https://www.youtube.com/watch?v=yRGuAwBIRig]

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

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

12 блестящих примеров ошибок 404 страницы

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

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

Надеюсь, ваши творческие соки начнут течь после просмотра этих страниц.

1. Поцелуй

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

И что может быть лучше, чем попросить пользователя подать заявку в службу поддержки для решения проблемы?

2. Джейми Хаскиссон

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

Кроме того, вам будут предложены два варианта: поле поиска для поиска релевантной информации или ссылка на архив сообщений для чтения старого содержания, написанного Джейми.

3. Centresource

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

Затем он предлагает только два варианта — вернуться на главную страницу или ударить лося. Здесь нет жаргона кода статуса http.

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

4. Huwshimi

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

Их просьба вернуться на домашнюю страницу столь же увлекательна: «вы должны вернуться, когда у луны есть друзья, а лиса позаимствована».

5. Хиллари Клинтон

На сайте политика есть страница с ошибкой, на которой крякнет .

Она была даже признательна Huffington Post за то, что она использовала каламбур на этой странице.

Показав счастливую картинку, Хилари предлагает вам записаться на волонтерство.

Итак, это отличный способ направить посетителей вашего сайта к вашим целям, не так ли?

6. Дизайн кролика

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

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

Разве не прекрасно, что пользователь может извлечь полезность даже из своей страницы с ошибкой?

7.Блюгг

Это брендовое агентство из Великобритании, и их страница с ошибкой очень забавна.

Это не минимализм. У них есть несколько навигационных ссылок вверху и контактные данные в нижнем колонтитуле.

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

Они четко передают ошибку — «Ааааааааааааааааааааааааааааааааааааааааааааааааааааааааамамамамамам приятнее! Этой страницы не существует «. Затем видео с козлом с высоким тоном воспроизводится в цикле, пока вы не вернетесь назад, прочь от страниц с ошибками, на их домашнюю страницу (или приостановите воспроизведение видео).

8. Whitespark

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

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

Вы также можете нажать на красный CTA «Good Riddance» и уволить Брента.

Нажав эту кнопку, вы увидите обеспокоенного Брента и получите сообщение о том, что многие дети Брента будут голодать на улицах.

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

9. Квартира Home Living

Какой бы вы хотели видеть овцу в ванной?

Вообразить это само по себе забавно, правда?

Это иллюстрация, которую сайт поиска квартир Apartment Home Living использует на своей странице с ошибкой.

И, признав, что страница не существует, они возвращают пользователей на свою домашнюю страницу.

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

10. Лего

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

И внизу слева они предлагают обратную ссылку на главную страницу.

11. Mattel

Еще одна компания-производитель игрушек с еще более интересной и интерактивной пользовательской страницей ошибок.

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

Но, чтобы оставаться на сайте, вы получаете анимированный шар Magic 8, который отвечает на ваши вопросы.

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

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

Помимо шара magic-8, Mattel имеет 3 ссылки внизу. Вы можете вернуться на главную страницу, выполнить поиск на веб-сайте или посетить магазин Mattel.

12. Дефрозо

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

Во-первых, он говорит на языке аудитории: «страница не в фокусе.’

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

Или вы можете отправить электронное письмо команде по разморозке о проблеме.

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

3 метода создания настраиваемой ошибки 404 страница

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

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

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

1. Используйте плагин 404 Page WordPress — Вам повезло, если вы ведете свой блог на WordPress.Существует множество мощных плагинов, которые помогут вам легко реализовать расширенные функции на вашем сайте.

Для создания страницы с ошибкой 404 вы можете использовать плагин 404 Page.

Вот видеоролик о плагине кода ошибки.

[youtube https://www.youtube.com/watch?v=VTL07Lf0IsY]

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

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

2. Наймите разработчика-фрилансера — плагины могут быть чрезвычайно полезны на начальных этапах работы вашего сайта.

Но по мере вашего продвижения ваш брендинг и обслуживание аудитории вашего веб-сайта становятся все более важными.

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

.

Инвестируйте в найм талантливых разработчиков с сайтов-фрилансеров, таких как UpWork и Freelancer. Опубликуйте требование, указав как можно больше конкретных деталей. У вас должен быть приличный бюджет, чтобы привлекать качественные приложения.

Доверив техническую реализацию к профессионалам, вы сэкономите время и сохраните душевное спокойствие.

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

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

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

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

[youtube https://www.youtube.com/watch?v=l-YJlu4CpYU]

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

Если вы используете свой веб-сайт на информационном сервере в Интернете, вы можете следовать инструкциям в этой статье.

Вы используете свой сайт на WordPress?

Многие темы WordPress снабжены файлом 404. php (пользовательский файл шаблона 404).

Вы можете редактировать их в текстовом редакторе и редактировать отображаемое сообщение об ошибке.

В видеоуроке ниже WebTegrity показывает, как настроить сообщение, отредактировав файл темы 404.php.

[youtube https://www.youtube.com/watch?v=YDN47iDc2_0]

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

Что бы вы ни делали, не выбирайте ни одну из этих настроек страницы 404.

3 инструмента для отслеживания неработающих ссылок и предотвращения ошибок 404 страницы

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

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

1. Проверьте расширение Chrome «Мои ссылки» Это отличный инструмент, используемый в стратегии построения битых ссылок. Он сканирует веб-страницу, перечисляет общее количество ссылок, находит и помечает все неработающие ссылки красным цветом.

Недостаток расширения в том, что нельзя автоматизировать проверку.

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

2. Плагин WordPress для проверки неработающих ссылок Если вам нравится автоматизация, вам понравится этот инструмент.

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

Установите плагин и перейдите в Настройки »Проверка ссылок.

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

Чтобы просмотреть более подробный список неработающих ссылок и проблем с кодами ошибок на вашем веб-сайте, перейдите в Инструменты »Неработающие ссылки.

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

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

3. Google Analytics (GA) Это один из самых мощных инструментов для веб-мастеров. Вы уже знаете о его функциях для отслеживания производительности вашего веб-сайта и разделения источников трафика.

Но знаете ли вы, что он может находить даже битые ссылки на вашем сайте?

Войдите в свою учетную запись аналитики. Перейдите в раздел Поведение »Контент сайта» Все страницы.

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

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

WordStream обнаружил, что его страница с ошибкой 404 была посещена 126 раз через 79 страниц (с 1 по 30 апреля).

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

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

Заключение

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

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

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

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

https://archive.org/web/wb404.js

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

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

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

  • SEO — разблокируйте огромное количество SEO-трафика. Смотрите реальные результаты.
  • Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
  • Paid Media — эффективные платные стратегии с четким ROI.

Заказать звонок

37 примеров, которые вам нужно увидеть

Эпическая страница 404, скорее всего, не принесет вашему бизнесу никаких наград. Я понял.

Но это показывает, что вы заботитесь о своих клиентах.

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

Но стоит ли вкладывать деньги в причудливую страницу 404?

Может быть.

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

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

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

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

Что такое страница 404?

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

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

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

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

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

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

Почему пользователь может получить ошибку 404?

Есть несколько причин, в том числе:

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

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

Зачем делать выделяющуюся страницу 404?

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

Реклама

Продолжить чтение ниже

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

Отличная страница 404 может заставить пользователей улыбнуться и, что наиболее важно, помочь им найти то, что они ищут.

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

Вот 37 лучших примеров из 404 страниц.

1. Дисней

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

Реклама

Продолжить чтение ниже

В них также фигурирует KnowsMore, побочный персонаж в «Ральфе против Интернета».

Оба символа подходят для страницы 404, но обратите внимание на то, что находится рядом с KnowsMore: маленькая панель поиска.

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

2. Drift

Drift — это инструмент конверсионного маркетинга и платформа продаж, которая предлагает инструменты для живого чата, целевых страниц и т. Д.

Реклама

Продолжить чтение ниже

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

В правом верхнем углу они также предлагают путь к конверсии, предоставляя кнопку Get Drift Free.

3. Help Scout

Help Scout предоставляет компаниям инструменты для программного обеспечения службы поддержки, поддержки клиентов по электронной почте и онлайн-баз знаний.

Реклама

Продолжить чтение ниже

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

4. Apartment Therapy

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

Чуть ниже сгиба они ссылаются на несколько популярных постов, чтобы посетители сайта были вовлечены.

Реклама

Продолжить чтение ниже

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

5.CoSchedule

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

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

Это просто, но выполняет свою работу.

Реклама

Продолжить чтение ниже

6. Sprout Social

Sprout Social, маркетинговый инструмент в социальных сетях, действительно хочет, чтобы его клиенты оставались на странице.

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

Затем появляется их чат-бот, чтобы узнать, что вам нужно.

Внизу они продвигают свой информационный бюллетень.

По сути, они превратили свою страницу 404 в целевую.

Реклама

Продолжить чтение ниже

7.

ConvertKit

Кто не любит собак?

ConvertKit упрощает работу, предлагая фотографию собаки члена команды и ссылку на их домашнюю страницу.

Но они также поддерживают профессионализм, предоставляя онлайн-чат и CTA для бесплатной регистрации.

8. Screaming Frog

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

Реклама

Продолжить чтение ниже

В отличие от других 404 страниц в списке, эта не статичная.

Мухи перемещаются по странице, рыба плавает, а кувшинки кружатся.

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

9. Moz

Moz упрощает жизнь благодаря камео от Роджера Мозбата, талисмана бренда.

Его присутствие — это бренд и простой способ заставить большинство людей улыбнуться.

Реклама

Продолжить чтение ниже

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

10. BigCommerce

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

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

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

Реклама

Продолжить чтение ниже

11. Kinsta

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

У них есть верхняя панель навигации и поиска, поэтому пользователи могут легко найти другую информацию.

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

12. Lego

Lego делает его светлее, используя большое изображение человека из Lego и шутку «Извините, мы не можем найти эту страницу! Не волнуйтесь, хотя все ВСЕ ЕЩЕ УДИВИТЕЛЬНО! » который является отсылкой к песне из фильма «Лего».

Реклама

Продолжить чтение ниже

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

13. Slack

Страница 404 Slack просто невероятна.

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

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

Зайдите на их сайт, чтобы узнать больше.

Реклама

Продолжить чтение ниже

14.

Mailchimp

Инструмент электронной почты Mailchimp делает его простым — но умным — с помощью анимированной страницы 404, на которой животное ищет в яме, предположительно, потерянную страницу.

Это умно и показывает, что их страница 404 не является второстепенной.

15. okta

Okta — это облачная компания по управлению доступом, базирующаяся в Сан-Франциско.

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

Реклама

Продолжить чтение ниже

16. Swiss

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

Облака движутся, когда вы наводите курсор на страницу, окутывая вас облаками.

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

17. Волшебный мир

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

Реклама

Продолжить чтение ниже

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

18. Юго-запад

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

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

Реклама

Продолжить чтение ниже

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

Функциональный, но при этом выделяющийся.

19. 9GAG

9GAG, онлайн-платформа для мемов и видео, использует полностью фирменный GIF для своей страницы 404 и предлагает единственную ссылку, которая направляет пользователей в их приложение.

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

Реклама

Продолжить чтение ниже

20. Flywheel

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

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

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

21.Дэн Вудгер

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

Реклама

Продолжить чтение ниже

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

Этот пример показывает, что отличная страница не обязательно должна быть сложной.

22. Дистиллированный

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

Но демонстрация стиля вашего бренда на (казалось бы) незначительной странице имеет большой вес.

Реклама

Продолжить чтение ниже

Если вы заботитесь о своей странице 404, велика вероятность, что вы заботитесь и о своих клиентах.

Distilled использует изображение, похожее на инфографику, чтобы объяснить, что это за страница и что могло пойти не так.

23. Taco Bell

Taco Bell известен своей непочтительностью.Их страница 404 — не исключение.

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

Реклама

Продолжить чтение ниже

Это забавное напоминание о том, что они знают, что что-то пошло не так.

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

24. Magnt

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

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

Реклама

Продолжить чтение ниже

25. Dribble

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

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

Нажав на блоки, которые составляют 404 числа, вы попадете к конкретным дизайнерам.

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

26. Overflow

Личность Overflow помещена впереди и в центре их страницы 404.

Реклама

Продолжить чтение ниже

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

И тот же голос и тон передаются на главной странице.

27. Wendy’s

К настоящему времени вы, вероятно, посмеялись над одним или двумя твитами Wendy’s.

Но, как и в случае с Overflow, Wendy’s сохраняет тот же голос и тональность на своем веб-сайте, даже на своей странице 404.

Реклама

Продолжить чтение ниже

Они создали интерактивную видеоигру для пользователей, похожую на Pac-Man на их странице 404.

Посмотри, сможешь ли ты довести Венди до конца!

28.Red Bull

Страница 404 Red Bull — мечта любого специалиста по SEO или маркетингу.

Он набит ссылками на статьи и плейлисты с видео.

Red Bull даже поворачивает список воспроизведения видео для своего последнего события.

На изображении выше видно, что Red Bull использовала свое серфинг-мероприятие Red Bull Big Wave 2020 в качестве источника вдохновения.

Реклама

Продолжить чтение ниже

29. Blizzard

Blizzard Entertainment, создатели World of Warcraft, также известного как WOW, если вы такой фанат, как я.🤓

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

30. Marvel

Marvel использует различных персонажей комиксов, таких как Капитан Америка, Дэдпул и т. Д., На вращающейся странице 404.

Небольшая подсказка: продолжайте нажимать кнопку «Обновить». Каждое третье обновление Marvel будет предлагать новое изображение.

Реклама

Продолжить чтение ниже

31. Patagonia

Patagonia вешает десятку на своей странице 404, подчеркивая ее непринужденную тропическую атмосферу.

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

32. Backcountry

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

Реклама

Продолжить чтение ниже

33. Nintendo

Nintendo действительно не хватает некоторых визуально привлекательных элементов, которые меня удивили, вы знаете, что это Nintendo и все такое.

Но важно то, что Nintendo добавляет ссылки на ресурсы для пользователя.

Он заставляет пользователей оставаться на веб-сайте и не возвращаться к поисковой выдаче.

34. Zillow

Zillow предлагает интерактивные GIF-файлы для домашних поисковиков.

Zillow использует данные клиентов, чтобы понять, что их пользователи любят домашних животных.

Реклама

Продолжить чтение ниже

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

Как любитель животных, я могу подключиться к этому!

35. H&R Block

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

Реклама

Продолжить чтение ниже

36. World of Warcraft

Команда World of Warcraft отмечает набор навыков своей аудитории несколькими шутками о CDN и выше.

37. Playstation

Playstation дает хороший отзыв об одной из своих новых игр на своей странице 404.

Кроме того, они предоставляют возможность вернуться на главную страницу или получить совет в справочном центре.

Сводка

В идеальном мире никто никогда бы не увидел ваши 404 страницы.

Реклама

Продолжить чтение Ниже

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

Но в реальном мире все бывает.

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

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

Дополнительные ресурсы:


Кредиты изображений

Рекомендуемое изображение: Создано автором, август 2020 г.
Все скриншоты сделаны автором, август 2020 г.

Ошибка 404 страницы изображение_фото номер 400217866_lovepik.com

Применимые группы для личного пользования Команда запуска Micro Enterprise Среднее предприятие
Срок авторизации Навсегда Навсегда Навсегда Навсегда
Портрет Авторизация Навсегда Навсегда Навсегда
Авторизованное соглашение Персональная авторизация Авторизация предприятия Авторизация предприятия Авторизация предприятия
Онлайн-счет-фактура

Маркетинг в социальных сетях

(Facebook, Twitter, Instagram и др.)

Личное Коммерческое использование

(ограничение 20 000 показов)

Маркетинг в цифровых СМИ

(SMS, электронная почта, интернет-реклама, электронные книги и т. Д.)

Личное Коммерческое использование

(ограничение 20 000 показов)

Интернет, мобильные устройства, программное обеспечение Дизайн страницы

Веб-дизайн и дизайн приложений, программное обеспечение и игровая оболочка, H5, электронная коммерция и продукты и т. Д.

Личное Коммерческое использование

(ограничение 20 000 показов)

Печатные экземпляры физического продукта

Упаковка продукции, книги и журналы, газеты, открытки, плакаты, брошюры, купоны и т. Д.

Личное Коммерческое использование

(ограничение печати 200 копий)

Лимит 5000 Копий Печать Лимит 20000 Копий Печать Неограниченное количество Копий Печать

Отчет по маркетингу продукта и бизнес-плану

Предложение сетевого дизайна, дизайна VI, маркетингового планирования, PPT (неперепродажа) и т. Д.

Личное Коммерческое использование

Маркетинг и показ наружной рекламы

Наружные рекламные щиты, реклама автобусов; витрины магазинов, офисные здания, гостиницы, магазины, другие общественные места и т. Д.

Личное Коммерческое использование

(ограничение печати 200 копий)

СМИ

(CD, DVD, фильм, ТВ, видео и т. Д.)

Личное Коммерческое использование

(ограничение 20 000 показов)

Перепродажа физического продукта

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

Интернет-перепродажа

Мобильные обои, шаблоны дизайна, элементы дизайна, шаблоны PPT и наши дизайны в основном элементе для перепродажи.

Портретное коммерческое использование

(Только для обучения и общения)

Использование с портретной ориентацией

(табачная, медицинская, фармацевтическая, косметическая и другие отрасли)

(Только для обучения и общения)

(Свяжитесь со службой поддержки клиентов для настройки)

(Свяжитесь со службой поддержки клиентов для настройки)

(Свяжитесь со службой поддержки клиентов для настройки)

Ошибки 404 Page Not Found — Справочный центр iThemes

Best Effort Policy: любые проблемы с настройкой вашего.htaccess подпадают под нашу политику поддержки Best Effort. Best Effort не включает управление контентом, кодирование или проектирование для ваших веб-сайтов. Мы также можем направить вас к лучшему ресурсу для решения вашей проблемы, например к разработчику подключаемых модулей, конструктору, автору программного обеспечения и т. Д. Best Effort не покрывается теми же соглашениями об уровне обслуживания, что и наши поддерживаемые услуги, и не гарантирует будущую поддержку по любой проблеме. Пожалуйста, поймите, что решение проблем Best Effort может занять больше времени.

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

Статическое содержимое

Если причиной ошибки 404 является статический файл (например, изображение, видео или HTML-страница), то первое, что вам нужно сделать, это посмотреть, находится ли файл там, где он должен быть.Например, если URL-адрес изображения, вызывающий ошибку, — мой domain.com/wp-content/uploads/picture.jpeg , то первое, что нужно сделать, это перейти в это место и убедиться, что изображение picture.jpeg является все еще там. Вы можете сделать это по:

  1. Подключение к вашему сайту через FTP.
  2. Перейдите в папку, показанную в строке URL. В приведенном выше примере это будет в / web / content / wp-content / uploads .
  3. Найдите файл в списке файлов в этой папке.

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

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

  1. Создайте тестовый HTML-файл для загрузки на свой сайт

    Вы можете использовать следующий код для создания этого файла:

      

    Hello World

  2. Загрузите файл в папку / web / content вашего веб-сайта через SFTP.
  3. Посетите mydomain.com/filename.html в своем веб-браузере. (Обязательно замените mydomain.com на свой домен, а имя файла — на имя загруженного вами файла)

Если при посещении страницы вы видите загруженный файл, значит, ваш сервер правильно отображает HTML-контент. Удалите тестовый файл с вашего сервера.

Затем проверьте свой сервер на обработку файлов PHP:

  1. Создайте тестовый файл PHP для загрузки на свой сайт

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

      echo 'Hello World'; 
    ?>
  2. Загрузите файл в папку / web / content / вашего веб-сайта через SFTP.
  3. Посетите mydomain.com/filename.php в своем веб-браузере. (Обязательно замените mydomain.com на свой домен, а имя файла — на имя загруженного вами файла)

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

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

Если оба теста пройдут , вы, вероятно, столкнулись с проблемой на базе WordPress. Вот тогда и вступит в игру следующий раздел.

Динамический и контент WordPress

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

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

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

  1. Перейдите в Настройки> Постоянные ссылки на панели инструментов WordPress.
  2. Прокрутите вниз и нажмите Сохранить изменения . Никаких других изменений вносить не нужно.

Обновите свой сайт по указанному URL-адресу, чтобы узнать, устранила ли это проблему.

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

Что, если я действительно что-то переместил?

Если какой-либо URL-адрес вызывает ошибку, которая раньше существовала, и вы изменили свой домен или структуру постоянных ссылок URL-адреса, вы можете реализовать перенаправление для отправки пользователей на новый URL-адрес, где теперь находится контент.Хотя мы по-прежнему рекомендуем выполнить описанные выше действия по устранению неполадок, чтобы решить вашу проблему, настройка переадресации может помочь сохранить ваш рейтинг SEO. Это связано с тем, что он поддерживает ссылки на ваш контент и индексацию поисковой системы, которые существовали до изменения вашего домена / постоянной ссылки. Этим можно управлять, следуя нашим инструкциям по перенаправлению или настраивая с помощью различных плагинов, доступных на WordPress.org.

Как исправить ошибку 404 для веб-сайтов WordPress

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

Подпишитесь на наш канал Youtube

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

Ужасающий 404 — это код состояния ответа HTTP.Он похож на 503, 500, 301 и т. Д., Которые вы можете иногда видеть. Не все они плохие. Например, код ответа 301 означает, что одна страница постоянно перенаправлена ​​на другую. Тем не менее, 404 — один из плохих блоков: блоки 400 и 500 — это те блоки, на которые следует обращать особое внимание, поскольку они являются ошибками клиента и сервера соответственно.

Сеть разработчиков Mozilla MDN определяет 404 следующим образом:

Сервер не может найти запрошенный ресурс. В браузере это означает, что URL-адрес не распознается.В API это также может означать, что конечная точка действительна, но сам ресурс не существует. Серверы также могут отправлять этот ответ вместо 403, чтобы скрыть существование ресурса от неавторизованного клиента. Этот код ответа, вероятно, самый известный из-за его частого появления в сети.

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

Когда 404 на самом деле не 404?

Ну, технически 404 — это всегда 404. Но иногда 404 появляется, когда с этим ничего не поделать. Об этом MDN говорит выше.

Например, вы ничего не можете поделать с , когда кто-то неправильно набирает URL вашего веб-сайта . Если они попытаются связаться с elegancethemes.com/blog и наберут elegancethemes.com/blag , они получат ошибку 404. Не потому, что наш сайт настроен неправильно или что-то не так — просто у них была опечатка.Это то, что MDN означает : URL не распознается .

И когда конечная точка действительна, но сам ресурс не существует , происходит то, что сам URL в порядке. Он был введен идеально, ссылка верна / была правильной, но все, на что она указывает, перемещено. Возможно, это была ссылка на elegancethemes.com/divi-changelog.pdf , но мы переименовали файл просто в changelog.pdf . Пользователь получил бы 404, но он не сделал бы ничего плохого. Это будет с нашей стороны, поэтому мы можем исправить это с помощью простого перенаправления 301.

Или, если человек пойдет на elegancethemes.com/blackfriday за день до начала продажи. Что их встречает? A 404. Не потому, что они делают что-то не так, а потому, что страница еще не запущена. URL правильный, и контент существует. Но потому что браузер не может вернуть его, потому что технически его еще нет в Интернете. Опять же, это 404-й, но не совсем.

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

Как найти ошибки 404 в WordPress

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

Консоль поиска Google

Одним из лучших инструментов для владельцев веб-сайтов является Google Search Console.Если вы не знакомы с этим, самое время по-настоящему погрузиться в мир и подружиться. Из этой единственной панели инструментов вы получите столько информации о своем веб-сайте, сколько захотите. Если вы знакомы с тем, как Google Analytics анализирует ваши показатели, Search Console делает это аналогичным образом.

Например, чтобы проверить ошибки WordPress 404, вам просто нужно перейти на вкладку Coverage слева от панели инструментов, чтобы увидеть, какие именно ошибки.

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

Проверить внешние ссылки

В WordPress (а также на других платформах CMS) вы можете очень легко изменить свои постоянные ссылки. В WP вам просто нужно зайти в Settings — Permalinks , и вы можете сделать так, чтобы URL-адреса вашего сайта отображались в любой структуре, которую вы хотите. В любое время вы хотите.Но вы не хотите менять их волей-неволей. Потому что другие сайты (вероятно) уже ссылались на ваш сайт. Любой, кто затем щелкнет их ссылку, попадет на страницу 404.

Предоставление людям ссылки для перенаправления или окна поиска помогает облегчить некоторые проблемы. , чтобы они могли найти страницу, которую они ищут, но вы должны убедиться, что это сведено к минимуму. Для этого вам нужно будет проверить свои внешние ссылки в Google Search Console. Вы найдете его в разделе Ссылки — Внешние ссылки — Самые популярные страницы .

Вы можете развернуть, чтобы увидеть каждую обратную ссылку на ваш сайт, нажав Подробнее . Однако остальная часть этого процесса выполняется вручную. В зависимости от того, как ваша структура URL-адреса изменилась с течением времени, вы захотите использовать любые отдельные ссылки, которые были изменены. Например, от example.com/post-name до example.com/author/post-name . Затем вы захотите взять старый URL-адрес и 301 перенаправить его с помощью плагина, такого как Redirection, или чего-то подобного, вставив старый URL-адрес, по которому выполняется щелчок, и затем вставив новый для таргетинга.

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

Как создать собственную ошибку 404 Not Found Page

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

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

Как вы можете видеть на изображении выше, файл 404.php — это базовый файл, который просто отображает любой HTML-код, который вы хотите, чтобы посетители видели (вместе с PHP-хуками и т. Д.).Если вы программируете вручную, все, что вам нужно сделать, это написать код, который вы хотите отобразить, и сохранить файл через FTP или файловый менеджер. Теперь все посетители, у которых возникла ошибка, будут направлены сюда.

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

Создание пользовательской страницы 404 в Divi

Если вы являетесь пользователем Divi, мы тоже поможем вам.Divi Theme Builder дает вам массу гибкости при создании пользовательских страниц 404.

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

Плагины

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

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

Заключение

Если ваш веб-сайт выдает какие-либо ошибки, 404-й — один из самых простых и простых для исправления. Некоторые темы имеют встроенные 404 страницы, в то время как другие предоставляют инструменты для создания ваших собственных. Если вы используете Google Search Console, вы можете найти любое количество мягких и жестких ошибок 404 на своем сайте и использовать плагины, которые мы перечислили выше, чтобы убедиться, что ваш SEO, рейтинг страницы и пользовательский интерфейс не пострадают. .И помните, одна из самых важных вещей, которые вы можете сделать на странице 404, — это предоставить окно поиска и перенаправление на домашнюю страницу (или серию предлагаемых сообщений), чтобы пользователь не уходил с вашего сайта, а продолжал использовать это. Удачи, и пусть все ваши 404 будут мягкими.

Что вы делаете, чтобы управлять ошибками HTTP 404?

Статья выделенное изображение: Житков Борис / shutterstock.com

.

alexxlab

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *