Настройка страницы 404: Как оформить ошибку 404 и изменить шаблон страницы — Независимое театральное объединение "Зрительские симпатии"

Содержание

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

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

Причины возникновения ошибки 404

Чаще всего причиной такой ошибки становятся:

неработающая ссылка;
некорректное изменение адреса страницы;
удаление страницы;
ошибка при написании URL в адресной строке.

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

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

Лучший способ сделать так, чтобы посетители не попадали на страницу 404 — регулярно проверять наличие на сайте «битых» (то есть неработающих) ссылок. Это касается как внутренней перелинковки, так и внешних ссылок на другие ресурсы.

Почему необходимо настроить код ответа 404?

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

Если вместо кода 404 будет даваться ответ 200 (OK), в индекс попадет множество пустых страниц. Они создадут дубли, которые будут сканироваться поисковым роботом вместо реально существующих страниц с качественным контентом.

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

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

Для чего нужна страница под ошибку 404?

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

Как должна быть оформлена страница с ошибкой 404?

Стандартная страница 404 обычно неинформативна и никак не связана с конкретным сайтом.

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

К оформлению страницы 404 есть целый ряд требований со стороны поисковых систем. Яндекс и Google неоднократно давали рекомендации по этому вопросу.

Рекомендации по созданию страницы 404 от Google
Рекомендации по созданию страницы 404 от Яндекс

На основе данных рекомендаций можно выделить следующие тезисы:

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

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

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

Правильно оформленная страница ошибки 404 выглядит следующим образом:

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

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

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

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

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

где http://www.site.ru/404.html — ссылка на готовый шаблон страницы под ошибку 404

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

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

ответы на распространенные вопросы и советы по оформлению страницы

Причины ошибки 404 Not Found:

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

Что такое ложная ошибка 404 и почему она возникает

Ложная ошибка появляется, когда браузер получает успешный ответ 200 OK, но все равно выводится сообщение 404 Not Found. Также можно увидеть страницу, на которой мало контента, или пустой экран.

Причины ложной ошибки 404:

Некорректная настройка кода ответа: Для несуществующих страниц сообщение об ошибке 404 владелец сайта заменил на страницу-заглушку с кодом 200 OK.

Недостаточное количество контента. На странице мало материалов или они отсутствуют.
Нет доступа к ресурсам. В корневом каталоге сайта помимо прочих находится файл robots.txt. Он содержит информацию для поисковых систем о том, какие ресурсы сайта можно сканировать, а какие — нет. Если в robots.txt заблокирован доступ к странице или каким-то ее файлам, это может вызывать ошибку Soft 404.
«Тяжелая» страница. На странице слишком много файлов или у них очень большой размер. Из-за этого страница загружается долго и в итоге провоцирует ошибку.

Чем вредны ошибки 404 для SEO

Падает рейтинг сайта.

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

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

Как найти внутренние и внешние ссылки на страницы 404

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

Обнаружить оба вида ссылок помогут бесплатные сервисы Яндекс.Вебмастер, Google Search Console, Xenu’s Link Sleuth, условно-бесплатный Screaming Frog SEO Spider Tool и платный Netpeak Spider.

Яндекс.Вебмастер

Как найти внутренние ссылки: добавьте URL сайта → зайдите в панель «Ссылки» → «Внутренние ссылки».

Python Django: как изменить страницу ошибки 404?

Настройка страницы ошибки 404 “Страница не найдена” — одна из самых любопытных практик в разработке проекта на Django: сейчас же давайте узнаем, как обработать ошибку 404 с помощью собственной страницы!

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

Не теряя времени, создадим Django-проект. Откройте консоль и напишите эти команды:

$ cd Desktop
$ mkdir mysite
$ cd mysite

Затем создайте Django-проект:

$ django-admin startproject mysite .

Запустите сервер со своим веб-приложением:

$ python manage.py runserver

В браузере перейдите по ссылке http://127.0.0.1:8000/ (локальный сервер, порт номер 8000): если вы увидите страницу с надписью “The install worked successfully! Congratulation!” (“Установка выполнена успешно! Поздравляем!”) и картинкой ракеты, то проект успешно создан и запущен.

Стандартная страница приветствия фреймворка Django

Давайте попробуем перейти на несуществующую страницу только что созданного нами сайта, например, на страницу http://127.0.0.1:8000/page

Страница Django Not Found по умолчанию

Сообщение внизу страницы гласит:

You’re seeing this error because you have DEBUG = True in your Django settings file. Change that to False, and Django will display a standard 404 page.

Вы видите эту ошибку, потому что в вашем файле настроек Django установлено значение DEBUG = True. Измените это значение на False, и Django отобразит стандартную страницу 404.

Давайте сделаем то, что написано в отчёте об ошибке 404: отключим режим отладки Django, изменив значение константы DEBUGв файле настроек проекта settings.py, кроме этого, указываем адрес локального сервера в списке разрешенных адресов:

DEBUG = False
ALLOWED_HOSTS = ['127.0.0.1']

Замечание! Когда вы будете располагать своё веб-приложение на хостинге для доступа к нему настоящих пользователей, вам понадобится снова изменить константу ALLOWED_HOSTS: указать приобретенный домен в качестве элемента списка.

Обновите страницу.

Страница Django Not Found 404 при значении константы DEBUG = False (при отключенном режиме разработчика)

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

Создаём файл представлений views.py в папке mysite с помощью данной команды:

$ touch mysite/views.py

Действительно, немного странно — создавать файл views.py в каталоге проекта. Во множестве руководств говорится, что views.py хранится в директориях каждого приложения в проекте, а не в директории самого проекта, но именно такой способ создания пользовательской страницы ошибки 404 “Страница не найдена” предлагается официальной документацией Django.

Ваш Django-проект теперь должен выглядеть примерно так:

.
├── db.sqlite3
├── manage.py
└── mysite
    ├── __init__.py
    ├── __pycache__
    ├── asgi.py
    ├── settings.py
    ├── urls.py
    ├── views.py
    └── wsgi.py

Теперь пришло время добавить функцию-представление, которая будет обрабатывать ошибку 404. В файл mysite/views.py добавьте следующие строчки кода:

from django.shortcuts import render

def page_not_found_view(request, exception):
    return render(request, '404.html', status=404)

Также необходимо в файлеurls.py директории Django-проекта mysite определить значение переменной handler404:

handler404 = "mysite.views.page_not_found_view"

В итоге файл mysite/urls.py должен выглядеть следующим образом:

from django.contrib import admin
from django.urls import path

urlpatterns = [
    path('admin/', admin.site.urls),
]

handler404 = "django_404_project.views.page_not_found_view"

Теперь пришло время поработать с шаблоном страницы ошибки 404 “Страница не найдена”. Для этого нужно создать папку templates в директории проекта mysite, а затем добавить в эту папку файл 404.html.

$ mkdir templates
$ touch templates/404.html

Теперь необходимо указать Django, где именно находится ваша папка templates, поэтому в файле settings.py, в константе TEMPLATES следует обозначить значение ключа ‘DIRS’ следующим образом:

import os

TEMPLATES = [
    {
        ...
        'DIRS': [os.path.join(BASE_DIR, 'templates')],
        ...
    },
]

Теперь, в файле шаблона 404.html, можно начинать настраивать внешний вид страницы сообщения об ошибке по своему усмотрению. Для примера сделаем её крайне простой:

<h2>404 Page Not Found</h2>
<p>Моя пользовательская страница ошибки 404!</p>

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

.
├── db.sqlite3
├── manage.py
├── mysite
│   ├── __init__.py
│   ├── __pycache__
│   ├── asgi.py
│   ├── settings.py
│   ├── urls.py
│   ├── views.py
│   └── wsgi.py
└── templates
    └── 404.html

После проверки структуры проекта — перейдите по любому из несуществующих путей вашего сайта: пользовательский HTML-шаблон 404.html обработает их все!

Пользовательская страница ошибки “404 Page Not Found”

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

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

От автора: приветствую вас, друзья. Итак, мы продолжаем цикл статей, посвященных знакомству с одной из популярнейших CMS для создания интернет-магазинов – OpenCart (Оперкарт). В этой статье мы поговорим о том, как создать и настроить 404 страницу в OpenCart.

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

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

Страница 404 в OpenCart уже имеется и выглядит по умолчанию она так:

Бесплатный курс по PHP программированию

Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Получить курс сейчас!

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

Например, заголовок страницы меня устраивает, а вот текст я бы хотел изменить. Сделать это можно в языковом файле, который вы найдете по адресу \catalog\language\ru-ru\error\not_found.php

Первая переменная — $_[‘heading_title’] – хранит текст заголовка, а вторая — $_[‘text_error’] – текст под заголовком. Давайте изменим его:

// Text $_[‘text_error’] = ‘404… Упс, такой страницы на сайте нет…’;

// Text

$_[‘text_error’] = ‘404… Упс, такой страницы на сайте нет…’;

Изменения произошли и на самой странице 404 Опенкарт.

Ок, а что если мы захотим поменять текст на кнопке, добавить какую-нибудь картинку или сделать что-то еще подобное? Это уже лучше делать в файле шаблон. Для этого идем в файл шаблона страницы 404 активной темы, по умолчанию это будет файл \catalog\view\theme\default\template\error\not_found.tpl

Бесплатный курс по PHP программированию

Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Получить курс сейчас!

Контент страницы находится в блоке с id=»content». Давайте изменим текст кнопки и вместо Продолжить напишем Перейти на главную. Для этого данный код:

Заменим таким:

<div><a href=»<?php echo $continue; ?>»>Перейти на главную</a></div>

Аналогичным образом вы можете добавлять на страницу любой другой контент. И несколько слов о настройке страницы. Например, как мне добавить меню категорий в левый сайдбар? Это можно сделать в админке сайта. Перейдем в меню Дизайн – Схемы. Здесь вы найдете список макетов, которые используются для той или иной страницы сайта. Для страницы 404 макет по умолчанию.

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

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

Работает! На этом сегодня все. Больше об OpenCart вы можете узнать из наших бесплатных или платных уроков.

Бесплатный курс по PHP программированию

Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Получить курс сейчас!

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть видео

Как настроить отслеживание 404 ошибок в Google Tag Manager и Google Data Studio

Как с помощью Google Менеджера тегов настроить отслеживание переходов на несуществующие страницы сайта и как составить наглядный отчет в Google Data Studio.

Код ответа 404 Not Found — сигнал о том, что сервер не может найти страницу по этому адресу. Например, потому что страницу удалили или перенесли в другой раздел без редиректа на новый адрес.

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

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

Отслеживают переходы на страницы 404 обычно в Google Аналитике, но есть способ попроще, без вмешательства в код.

С помощью Google Tag Manager (Диспетчера тегов) можно управлять разными службами — Google Analytics, Яндекс.Метрики, AdWords и другими — без вмешательства в код сайта и сложных настроек.

А Google Data Studio (Google Центр данных) позволяет подтягивать данные из разных сервисов и визуализировать их в наглядных отчетах.

В этом гайде разберем, как отслеживать переходы на страницы «404 Not Found» с помощью Google Tag Manager и строить отчеты в Google Data Studio.

Как отслеживать переходы на страницы 404 с помощью GTM

Для начала нужно зарегистрироваться в Google Tag Manager, корректно установить контейнер GTM на сайт и подключить Google Analytics. Как правильно установить Google Tag Manager и подключить все нужное, мы на скриншотах разобрали в этой статье.

После этого можно приступить к настройке отслеживания ошибок 404.

Шаг 1. Определите название страницы 404

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

Страница 404 на сайте pr-cy.ru

Шаг 2. Создайте переменную

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

Как создать переменную в Google Менеджер тегов:

Слева на панели откройте «Переменные».
Ниже есть раздел «Пользовательские переменные», нажмите «Создать».
Задайте удобное вам название и настройте:

тип — «Переменная JavaScript»;
имя глобальной переменной — «document.title». Свойство «document.title» будет сообщать заголовок страницы, на которую зашел пользователь.

Создание переменной

Заодно создайте еще одну переменную — с идентификатором отслеживания Аналитики, чтобы каждый раз не вводить код. Если вы уже работали в Google Tag Manager, наверняка у вас эта переменная уже есть.

Как создать переменную с кодом счетчика Аналитики:

Выберите «Создать» в разделе «Пользовательские переменные».
Задайте ей название, выберите тип переменной — «Константа».
В значение введите UA счетчика.

Создание переменной с кодом счетчика

Шаг 3. Создайте триггер

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

Как создать триггер в Google Менеджер тегов:

Слева в навигации откройте «Триггеры», нажмите «Создать».
Дайте ему название, выберите тип триггера — «Просмотр страницы», условия активации — «Некоторые просмотры страниц».
Задайте условие для активации: выберите переменную, которую только что создали, и название страницы 404. Название можно не полностью, а частично, так как у нас условие «содержит», а не «равно».

Создание триггера

Шаг 4. Создайте тег

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

Как создать тег в Google Менеджер тегов:

Откройте «Теги» слева в навигации, нажмите «Создать».
Задайте ему удобное вам название и настройте:
1. конфигурация «Google Аналитика – Universal Analytics»;
2. тип отслеживания — «Событие»;
3. категория — задайте произвольную, мы написали «404 ошибка»;
4. действие — выберите из предложенных «Page URL», чтобы видеть страницу с этим событием;
5. ярлык — «Referrer», чтобы видеть страницу, с которой пользователь перешел на страницу 404;
6. не взаимодействие — «True», тогда действие не повлияет на отслеживание отказов;
7. настройки Google Аналитики — отметьте «Переопределение настроек» и укажите переменную с UA вашего счетчика Аналитики
Добавьте созданный вами ранее триггер 404.

Создание тега

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

Шаг 5. Проверьте правильность настройки

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

Кнопка включения режима

Раньше по клику просто запускался режим отладки, а информация о тегах появлялась внизу экрана. С 2020 года режим предварительного просмотра интегрирован в Google Tag Assistant.

Google Tag Assistant — это расширение Google Chrome для поиска и проверки разных тегов Google на сайте. Оно работает с тегами Google Tag Manager и Google Аналитики, тегами конверсий Google Ads и другими. Расширение покажет, какие теги Google установлены на сайте, найдет ошибки и подскажет, как исправить.

По клику на кнопку откроется интерфейс Ассистента, в окне нужно ввести URL страницы 404, для которой откроется режим отладки.

Просмотр тегов для URL

Отметку на Include debug signal in the URL лучше оставить. Она будет означать, что в URL страницы добавится параметр gtm_debug=x, сигнализирующий о запущенном режиме предварительного просмотра.

У Google Tag Assistant есть браузерное расширение:

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

Внизу экрана появится значок предварительного просмотра. Если режим активирован успешно, появится надпись «Debugger connected».

Режим отладки запущен

Если написано «No debugger found», значит канал не найден, тогда просто нажмите на кнопку «Open debugger» и откройте новый предварительный просмотр.

Открыть новый режим отладки

Если режим отладки не работает, возможно, работу Google Tag Assistant блокируют какие-то программы: например, сторонние расширения браузера или блокировщики рекламы.

Должен открыться интерфейс предварительного просмотра в Ассистенте. В интерфейсе на странице Summary общая сводка, есть отдельные меню с тегами и переменными и ошибками. В сводке Ассистент ведет все установленные теги и покажет, есть ли ошибки. Tags Fired — это активированные теги по данному событию, соответственно Tags Not Fired — неактивированные.

Сводка в Ассистенте

Ошибки будут на вкладке Errors.

Еще один совет: в Google Analytics добавьте tagassistant.google.com в список исключений в источниках перехода, тогда запуск режима предварительного просмотра не будет отображаться как новый сеанс.

После проверки не забудьте опубликовать контейнер Google Tag Manager со всеми настройками и исправлениями, а то до публикации он работает только в режиме предварительного просмотра.

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

Публикация тега

Проверяем передачу данных в Google Analytics

Когда вы перейдете на страницу 404, в Google Analytics ваш переход в течение нескольких секунд начнет отображаться в отчете «В режиме реального времени» на вкладке «События».

А данные по всем событиям будут в отчете «Поведение – События – Лучшие события».

Отчеты в Google Analytics

На этом завершается настройка отслеживания переходов на страницы с ошибками 404. Благодаря Google Tag Manager это можно сделать без вмешательства в исходный код страниц.

Как сделать отчет по страницам 404 в Google Data Studio

В Google Data Studio можно создать разные отчеты с теми данными, которые вам интересны. В одном отчете вы можете собрать статистику из нескольких сервисов. Разберем, как вывести информацию о страницах 404 Page Not Found.

С помощью Google Tag Manager мы настроили передачу событий в Google Аналитику. Теперь нужно настроить отображение этих данных в отчете Data Studio.

Нажмите на «Создать» или на «Пустой отчет», откроется пустой шаблон для заполнения. Дальше нужно подключить источники данных, выберите Google Analytics и авторизуйтесь в аккаунте Google Аналитики.

Добавление данных в отчет

Справа откроется меню с настройками, где нужно указать:

Источник данных — какую информацию отображать из Аналитики.
Параметр — какие данные выводить в столбцах
У нас «Страница» и «Ярлык события».
Показатель — какие значения отображать в таблице.
У нас «Всего событий».
Сортировка — по какому принципу отображать данные.
У нас также «Всего событий».
Фильтр — какие события вас интересуют.
У нас «Все 404 события», чтобы видеть только переходы на страницы 404.

Настройка отчета справаВыбор фильтра — «Все 404 события»

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

Настройка графика

Внешний вид отчета можно настроить в блоке «Тема и шаблон, для отдельной страницы в меню «Страница» — «Настройки текущей страницы». Там можно выбрать фон, размер сетки, цвета. Сетка отображается только в режиме редактирования.

Выбор внешнего вида отчета

К примеру, отчет PR-CY по ссылкам 404 со всеми интересными нам показателями выглядит так:

Готовый отчет для pr-cy.ru

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

Поделитесь своим мнением о Google Tag Manager и Google Data Studio в комментариях — чем пользуетесь сами, считаете ли полезными эти сервисы, чего в них не хватает?

Как настроить страницу 404 html. Особенности и секреты правильной настройки файла.htaccess

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

Итак, начнем:

1. Перенаправление посетителей при обновлении сайта.

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

Order deny,allow
deny from all
allow from 123.123.123.123
ErrorDocument 403 /page.html

allow from all

Замените 123.123.123.123 на Ваш ip-адрес, а также замените page.html на ту страницу, которую будут видеть пользователи, зашедшие на сайт.

2. Определенная страница с ошибкой 404.

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

ErrorDocument 404 /404.html

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

3. Редирект на перемещенные или переименованные страницы.

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

Redirect 301 /old.html http://yoursite.com/new.html

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

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

Чтобы избежать таких вещей, следует прописать такой код:

Options All -Indexes

На некоторых хостингах такая функция прописана по-умолчанию, в таком случае Вам не стоит беспокоиться.contact/$ /pages/contact.htm [L]

P.S. В интернете существует несколько сайтов, с помощью которых можно автоматически редактировать файл.htaccess. Например htaccesseditor.com .

P.P.S. Чтобы с нуля создать такой файл Вам следует открыть, например, блокнот, вписать в него строчку

AddHandler application/x-httpd-php .php .htm .html

Страница 404 в OpenCart уже имеется и выглядит по умолчанию она так:

Первая переменная — $_[«heading_title»] – хранит текст заголовка, а вторая — $_[«text_error»] – текст под заголовком. Давайте изменим его:

// Text $_[«text_error»] = «404… Упс, такой страницы на сайте нет…»;

// Text

$ _ [ «text_error» ] = «404… Упс, такой страницы на сайте нет…» ;

Изменения произошли и на самой странице 404 Опенкарт.

» class = «btn btn-primary» >

Заменим таким:

Файл.htaccess дает пользователю возможность свободно управлять web-сервером Apache и применять настройки по отношению к директориям и папкам, которые расположены на сервере.

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

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

Как правильно настроить.htaccess и зачем это нужно

Владельцы сайтов, которые пользуются услугами виртуального хостинга, доступа к httpd.conf чаще всего не имеют. Поэтому единственным способом управления сервером для них будет настройка файла htaccess.
По сути и по структуре, он напоминает httpd.conf. С одним отличием: прописанные в htaccess директивы будут действовать только на тот каталог, в котором расположен этот файл. А также на подчиненные папки и файлы. Но действовать они будут точно так же, как директивы глобального файла конфигурации. То есть, для каждого каталога можно указать отдельный файл.htaccess с нужными настройками, не меняя при этом глобальных настроек сервера и не обращаясь за помощью к хостеру.

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

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

Опций PHP.
Кэширования.
Редиректов.
Обработки ошибок 404.
Перенаправления на https
Управления доступом и пр.

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

Прописываем htaccess правильно

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

Команда параметр1 параметр2 флаги

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

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

Путь к файлу или директории указывается от корня сервера:
/home/mdhscyhq/public_html/
Домен прописывается с указанием протокола:
Redirect / https://yoursupersite.ru
Название файла должно содержать «точку»:
.htaccess
Файл должен записываться в формате UNIX.

Путь от корня можно спросить у администратора сервера или посмотреть самостоятельно. Для этого достаточно запустить на сайте функцию PHP–phpinfo и посмотреть значение doc_root.

1.Настройка ЧПУ

ЧПУ, или человеко-понятный урл, положительно (хоть и незначительно) влияет на релевантность страницы сайта запросу пользователя с точки зрения поискового робота. А значит – повышает позицию выдачи в поиске. А еще более удобен для пользователя при навигации.

Сравните:
http://yoursupersite.category/(+)/(+)\.html$ tovar.html?id=$20

2.Настройка свойств PHP

Даже если хостер закрыл доступ к php.ini, но вам обязательно необходимо изменить некоторые свойства PHP, это можно сделать с помощью файла htaccess.
Пример:

php_value post_max_size 10M php_value upload_max_filesize 32M php_value max_execution_time 200 php_value default_charset utf-8

Директивы:
upload_max_filesize позволяет выполнить загрузку файлов размером до 32Мб (по умолчанию – до 16Мб).
post_max_size увеличивает размер постинга до 10Мб (стандарт – 2Мб).
max_execution_time позволяет использовать сложные скрипты, на выполнение которых необходимо более чем 30 стандартных секунд.

3.Кэширование данных

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

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

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

4.Настройка редирект в htaccess

Настройка файла htaccess позволяет выполнить простую и сложную переадресацию url. То есть, вы можете перенаправить пользователя на другой адрес глобально:

Redirect / http://www.yoursupersite.ru

или при запросе отдельных страниц на сайте:

Redirect / blog http://yoursupersite.ru/blog

Правильный редирект в htaccess имеет следующий синтаксис:

Redirect url_local url_redirect

Существует несколько несложных правил, которые стоит соблюдать при настройке переадресации через htaccess:

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

Как правильно сделать 301 редирект в htaccess

В случае переноса сайта на новый домен или смены CMS возникает необходимость перенаправления пользователя со старых url на новые адреса. Редирект с номером ошибки 301 (Permament Redirect) сообщает роботу о том, что документы и страницы были перемещены на постоянной основе. Это позволяет сохранить позиции сайта в поисковых системах, сохранить ссылочную массу и PageRank.
Настройка 301 редиректа в htaccess может быть выполнена различными способами, в зависимости от предустановленного ПО и поставленных целей.
Самый простой вариант:

Redirect 301 /new-1/ http://yoursupersite.ru/new-2/

Недостаток этого метода состоит в том, что необходимо по отдельности перечислить все адреса, с которых и на которые будет осуществляться перенаправление. Поэтому для более сложных редиректов лучше использовать модуль mod_rewrite, который позволяет выполнить любой тип преобразования url и при этом настроить зависимость преобразования от ряда условий и факторов.(.*)$ http://site.ru/$1

5.Настройка 404 ошибки в htaccess

Удалили или перенесли страницу с сайта? Пользователь, перейдя по ссылке в поисковой системе или вводя неправильный url, увидит сообщение об ошибке 404. И, скорее всего, закроет вкладку.
Чтобы этого не произошло, более правильным будет отдельно настроить редирект 404 в htaccess и перенаправить посетителя на главную страницу сайта:

ErrorDocument 404 http://www.yoursupersite.ru/

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

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

Аналогичным образом можно настроить вывод сообщений об ошибках:

ErrorDocument 401 http://www.yoursupersite.ru/401.html ErrorDocument 403 http://www.yoursupersite.ru/403.html ErrorDocument 500 http://www.yoursupersite.ru/500.html

6. Настройка редиректа на https в htaccess

Использование сертификата безопасности SSL и протокола https обеспечивает более безопасное соединение и достаточно высоко ценится поисковыми системами при ранжировании. Чтобы перенаправить всех пользователей сайта на этот протокол и тем самым обеспечить надежность передачи данных, достаточно внести в файл htaccess следующие настройки:

RewriteEngine On RewriteCond %{HTTPS} !on RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}

7.Управление доступом

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

deny from all

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

order deny,allow deny from all allow from 192.168.ХХ.Х

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

deny from 192.168.ХХ.Х

Вместо заключения

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

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

Первое, что необходимо сделать — это создать файл.htaccess . Обратите внимание, что имени у этого файла нет, а расширение «htaccess «. Если Вы работаете в Unix , то проблем с созданием не возникнет. А вот если Вы работаете в Windows , то создать файл .htaccess можно таким образом (так делаю я, хотя, возможно, есть более простые способы):

Открыть блокнот.
Выбрать пункт меню «Сохранить как «.
Введите имя файла «.htaccess «.
Выберите тип файла «Все файлы «.
Сохраните.

В результате, у Вас появится файл .htaccess . Скопируйте его в корень своего сайта. Теперь Вы можете его открыть (например, в том же блокноте) и написать там такую строку:

ErrorDocument 404 /404.html

Теперь создайте в корне сайта страницу «404.html», в которой пишите любой HTML-код , например, такой:

Проверьте правильность ввода адреса

С Уважением, Мой сайт

Таким образом, люди будут видеть не стандартную страницу в браузере, а ту страницу, которую создали Вы.

Напоследок, хочется сказать одну важную вещь. Если Вы работаете на локальном компьютере, то на нём должен быть установлен сервер (например, пакет Denwer , в который входит и сервер Apache , и PHP , и MySQL и много чего ещё).

Настройка страницы 404 за 3000 руб., исполнитель Михаил Носов (WebSEO) – Kwork

Стандартная ошибка, которая бывает на всех сайтах «Ошибка 404 — Страница не найдена». По SEO правилам, этой ошибке уделяется особое внимание, так как она может наплодить дубли страниц и отпугнуть посетителей. Правила для страницы:

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

Из указанных ваше, в кворк входит только первые три пункта.

У вас уже должна быть готова страница с дизайном 404 ошибки. Не картинка, а именно страница в формате HTML. Если её нет, то можете заказать дополнительные опции к этому кворку.

Совет:

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

Стандартная ошибка, которая бывает на всех сайтах «Ошибка 404 — Страница не найдена». По SEO правилам, этой ошибке уделяется особое внимание, так как она может наплодить дубли страниц и отпугнуть посетителей. Правила для страницы:<ol><li>Код ответа должен быть именно 404</li><li>Пользователь должен иметь возможность вернуться с этой страницы на главную</li><li>Эта страница должна открываться при указании любого несуществующего адреса на вашем сайте</li><li>Страница должна быть в стиле сайта, но без лишних элементов</li></ol>Из указанных ваше, в кворк входит только первые три пункта. У вас уже должна быть готова страница с дизайном 404 ошибки. Не картинка, а именно страница в формате HTML. Если её нет, то можете заказать дополнительные опции к этому кворку. Совет:Не перегружайте лишними элементами, просто дайте понять, что это всего лишь небольшой сбой, который случается со всеми сайтами.

Нужно для заказа:

Предоставьте HTML вариант страницы 404 или закажите дополнительную опцию.

Дайте SFTP или FTP доступ к серверу. Если его нет, то доступ к личному кабинету хостинга.

Возможно понадобится доступ к админке сайта.

CMS: WordPress, Joomla, Opencart, Drupal

Язык разработки: PHP, Python, Ruby, Swift

Фреймворк PHP: Без фреймворка, CakePHP, CodeIgniter, Laravel, Phalcon, Symfony, Yii, Zend

Интерфейс на JavaScript: Да

Фреймворк JavaScript: Без фреймворка, Angular, Aurelia, Backbone, Ember, Meteor, React, Vue

Используется CSS: Да

Фреймворк CSS: Без фреймворка, Bootstrap, Semantic-UI, Foundation, Materialize, Material UI, Pure, Skeleton, UIKit

База данных: Предусмотрена

Тип БД: Db2, Microsoft SQL Server, MongoDB, MySQL, Oracle, PostgreSQL, Redis

Язык перевода:

Объем услуги в кворке: Настройка страницы 404

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

Обновлено 16.07.20, чтобы включить новую информацию.

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

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

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

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

Страница с ошибкой 404 с redwingshoes.com

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

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

Страница с ошибкой 404 с efax.com

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

Шаг 1. Дизайн страницы

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

Страница ошибки 404 от moz.com

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

В любом случае хорошая страница 404 должна иметь следующие характеристики:

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

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

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

Шаг 2. Настройка сервера

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

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

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

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

Шаг 3. Проверьте свою конфигурацию

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

Вернуть код ответа HTTP 404

Отображение сообщения об отсутствующем содержимом и возврат кода состояния 200 (нормальный ответ для работающей веб-страницы) запутает сканеров, и вы получите программные ошибки 404 в поисковых консолях. Проверьте это с помощью сканера, такого как ScreamingFrog, или программы проверки кода состояния HTTP, введя поддельный URL-адрес, например «www.yourbrand.com/asdf ».

Присвойте странице ошибки описательный тег заголовка

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

Поместите веб-аналитику на страницу с ошибкой

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

Не перенаправлять на URL-адрес страницы с ошибкой

Убедитесь, что ваш веб-сайт просто отображает содержимое страницы с ошибкой, а не перенаправляет пользователя на URL-адрес, например / 404 или / error.html. Перенаправление помешает пользователям изучить проблемный URL и не отправит полезную информацию в вашу веб-аналитику.

Не перенаправлять на домашнюю страницу

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

Не использовать перенаправление мета-тега обновления

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

Шаг 4. Отслеживание сеансов 404 в Google Analytics

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

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

Посмотрите, какие URL-адреса возвращают 404

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

Затем перейдите в Поведение> Контент сайта> Все страницы, чтобы просмотреть отчет о просмотрах страниц с ошибками 404:

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

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

Только 44% пользователей покидают сайт после просмотра этой страницы.Неплохо, но не идеально.

Посмотрите, какие страницы отправляют трафик

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

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

Link Rot — это реально, и все в порядке

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

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

21 потрясающая страница 404 для привлечения потерянных посетителей [2021]

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

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

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

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

Что такое страница 404 (и почему они имеют значение)

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

Так, например, если вы искали определенную страницу в OptinMonster, но неправильно написали URL, вы попадете на эту страницу:

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

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

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

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

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

А для создания собственных страниц 404 мы рекомендуем использовать SeedProd:

SeedProd — это ЛУЧШИЙ конструктор страниц 404 и целевых страниц для WordPress. Начать работу легко, и для этого не требуется никакого кода.

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

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

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

Хотите попробовать сами? Нажмите здесь, чтобы открыть свой 100% безрисковый аккаунт SeedProd сегодня!

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

Лучшие примеры страниц 404

1. OptinMonster — Пример страницы 404

Почему это работает:

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

Опять же, главная изюминка этой страницы — насколько она функциональна. У пользователей есть 3 варианта. Они могут пойти:

Вернуться на На главную стр.
К телефону Свяжитесь с нами стр.
Панель поиска навигации

Но цель всегда одна: удерживать пользователей на сайте OptinMonster.

И мы можем сказать с опытом, что эта страница делает то, для чего она была создана.

2. WPForms

Почему это работает

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

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

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

В остальном это элегантный и профессиональный пример страницы 404, который, как мы знаем, работает.

3. Pixar

Почему это работает

Когда дело доходит до творчества, Pixar стоит далеко от остальных. Вот почему неудивительно, что у них есть веселый, креативный и увлекательный пример страницы 404.

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

В этом отделе такие сайты, как OptinMonster или WPForms, имеют лучшие страницы 404.

Но страница Pixar предназначена для того, чтобы заставить пользователя улыбнуться, и они, безусловно, добиваются этого.

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

4. Дисней

Почему это работает

Как и в случае с Pixar, страница 404 Disney полностью соответствует бренду.

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

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

5. Netflix

Почему это работает

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

Главное, на что стоит обратить внимание, — это большая кнопка CTA посередине: Netflix Home.

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

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

6. Hulu

Почему это работает

Другой пример страницы с кодом 404 был получен от конкурента Netflix: Hulu.

Что интересно на этой странице, так это то, насколько она урезана. Нет никаких цветов, и есть только одна кнопка с надписью «ОК».

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

Но если такой мегабренд, как Hulu, что-то делает, скорее всего, это потому, что это работает.

7. Нерф

Почему это работает

Nerf имеет подробную страницу 404 с забавной графикой и большой кнопкой CTA с надписью «Перейти к брендам.”

Это также объясняет, почему пользователь попал на эту страницу («ссылка либо устарела, либо изменилась»). Это объяснение полезно для их целевой аудитории: детей старшего возраста.

Это важно, потому что эта возрастная группа, вероятно, менее знакома со страницей 404 и, вероятно, не знает, что это такое.

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

8. Tripadvisor

Почему это работает

На сайте Tripadvisor есть забавный анимированный пример страницы 404.

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

Отели
Рестораны
Развлечения
Аренда на время отпуска

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

9. Постоянный контакт

Почему это работает

Constant Contact использует более неформальный язык, который находит отклик у их целевой аудитории (молодые стартапы и специалисты по цифровому маркетингу).

Не столь сдержанный язык быстро объясняет это: «Вещи больше не так хороши».

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

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

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

10.Slack

Почему это работает

Slack сделал весь анимированный фон для страницы с ошибкой 404.

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

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

11. Лего

Почему это работает:

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

Все, что нужно знать вашему посетителю, — это то, что он не получил нужную страницу. Их на самом деле не волнует, почему; они просто хотят решения.

12. Электронный центр UK

Почему это работает:

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

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

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

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

13. Список25

Почему это работает:

Эта страница с ошибкой 404 из List25 великолепна, и, по сути, это больно.

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

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

14. Бретт Терпстра

Почему это работает:

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

Страница

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

Страница невзрачная, но очень полезная.

15. Стив Мэдден

Почему это работает:

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

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

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

Что нужно включить в дизайн страницы 404:

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

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

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

16. 9gag

Почему это работает:

Страница 404

9gag имеет одну цель: , чтобы вы загрузили их приложение . Они даже не делают вид, что хотят ничего другого.

Добавление полной страницы популярной гифки «Криминальное чтиво Траволта» на заднем плане — забавный штрих!

И здесь главное — простота.

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

17. Путь

Почему это работает:

Страница 404

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

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

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

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

18. IMDB

Почему это работает:

IMDB показывает посетителям цитату из фильма на их странице 404.

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

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

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

19. Эверипедия

Почему это работает:

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

Спикер

TED и маркетолог Ренни Глисон сказал о странице с ошибкой 404: « Простая ошибка может сказать мне, чем вы не являетесь. Или напомни мне, почему я тебя люблю. ”

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

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

20. Хейзап

Почему это работает:

Кто не любит играть в игры?

Страница 404

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

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

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

21. Амазонка

Почему это работает

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

Amazon начинает с извинений большими жирными буквами. Затем он перенаправляет пользователей на домашнюю страницу Amazon ИЛИ позволяет пользователям познакомиться с «собаками Amazon».

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

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

Надеемся, вам понравился этот пост. Если да, то вам обязательно нужно ознакомиться со следующими ресурсами:

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

Опубликовано Натан Томпсон

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

Как создать страницу с ошибкой 404 для вашего веб-сайта | Рахит | Дизайнерские рецепты

Шаг 1. Используете ли вы конструктор веб-сайтов, например Squarespace или Weebly?

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

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

Шаг 2. Создайте собственную страницу 404 в HTML.

404 страница для моего портфолио

Шаг 3: Найдите файл «.htaccess» в корневом каталоге вашего сервера

FTP на своем сервере и найдите этот файл в корневом каталоге. Вам нужно будет его отредактировать. Если вы не можете его найти, вам придется его создать. Назовите его «.htaccess». Ничего до и после .Просто «.htaccess» .

Шаг 4: Отредактируйте файл .htaccess

Откройте его и добавьте следующую строку:

 ErrorDocument 404 /not-found-page.html

… где /not-found-page.html — это полный путь к новую пользовательскую страницу 404, которую вы создали.

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

Шаг 5. Убедитесь, что путь указан правильно, и проверьте его.

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

Шаг 6: Сработало? Если нет, обновите настройки вашего сервера.

. В моем случае, поскольку я запускаю свой веб-сайт локально на Mac, Apache не позволяет создавать пользовательский файл .htaccess . Мне пришлось зайти в конфигурацию Apache и отредактировать настройки.

Вот как я это сделал для всех, кто интересуется и идет по тому же пути:

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

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

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

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

Когда алгоритмы Google обнаруживают, что страница на самом деле является страницей с ошибкой на основе ее содержания, Search Console покажет мягкую ошибку 404 на сайте Отчет об индексном покрытии.

Исправить программно

404 ошибок

В зависимости от состояния страницы и желаемого результата можно решить мягкую 404 ошибок несколькими способами:

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

Страница и контент больше не доступны

Если вы удалили страницу и на вашем сайте нет замещающей страницы с аналогичным содержанием, вернуть 404 (не найдено) или 410 (нет) код ответа (статуса) для страницы.Эти коды состояния указывают поисковым системам, что страница не существует, и ее содержимое не следует индексировать.

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

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

Страница или контент теперь где-то еще

Если ваша страница была перемещена или на вашем сайте есть четкая замена, верните 301 (постоянное перенаправление) перенаправить пользователя.Это не прервет их просмотр, а также отличный способ сообщить поисковым системам о новом местоположении страницы.

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

Страница и контент все еще существуют

Если в остальном хорошая страница была помечена мягкой ошибкой 404 , скорее всего, это не загружался для робота Googlebot должным образом или ему не хватало важных ресурсов во время рендеринга.Использовать в Инструмент проверки URL для проверки визуализированного содержимого и возвращенного HTTP-кода. Если отображаемая страница пуста, или почти пусто, возможно, ваша страница ссылается на многие ресурсы, которые не могут быть загружены (изображения, скрипты и другие нетекстовые элементы), которые можно интерпретировать как программные 404 . Причины, по которым ресурсы не могут быть загружены, включают заблокированные ресурсы (заблокированные robots.txt), слишком много ресурсы на странице или медленная загрузка / очень большие ресурсы.

Как создать пользовательскую страницу 404 в WordPress с помощью Visual Composer

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

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

В этой статье мы обсуждаем:

Что такое ошибка 404 Страница
Лучший подход к созданию страницы 404
Как создать страницу 404
Лучшие плагины страницы 404
Наиболее уникальные примеры страниц 404

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

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

Ошибка 404 возникает, когда:

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

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

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

Лучшие подходы к созданию страницы 404

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

Лучшие методы работы со страницами 404:

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

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

Лучшие подключаемые модули для страниц 404

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

Лучшие плагины WordPress для управления страницами 404:

Отличный многоцелевой плагин, который позволяет избежать ошибок страницы 404 при перемещении или удалении контента с помощью инструмента Redirect Manager — это Yoast SEO. Хотя его основная цель — отслеживать использование ключевых слов и оптимизировать ваш сайт для поисковых систем, это также отличный инструмент перенаправления.
Самым популярным инструментом регулярных выражений (regex) в репозитории плагинов WordPress является перенаправление.Это помогает отслеживать 404 ошибки , управлять 301 перенаправлениями и убирать любые незавершенные дела, которые могут быть на вашем сайте.
Исправители URL также могут пригодиться. Например, Link Fixer определяет, когда WordPress не может найти постоянную ссылку. Прежде чем сгенерировать ошибку 404, он находит сообщения с похожими словами. В результате вместо выдачи ошибки 404 он, скорее всего, перенаправляет пользователя на намеченную страницу .

Как создать страницу 404 с помощью Visual Composer

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

Если вы ищете еще более быстрый способ установить страницу 404 — Visual Composer предлагает более 300 готовых шаблонных решений, которые можно настроить в соответствии с вашим брендом.

В Visual Composer Hub вы найдете различные элементы контента и надстройки, а также шаблоны. Найдите значок торговой площадки на панели навигации.

В строке поиска введите то, что вы ищете (т.е.е. «404») и выберите один из бесплатных или премиальных шаблонов в зависимости от выбранного вами плана.

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

Лучшие примеры 404 страниц

Теперь, когда вы узнали, как настроить 404 страницы с помощью Visual Composer, мы хотели бы дать вам несколько отличных примеров. 404 страниц.

Сохраняйте простоту

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

Страница 404 Автор CharlieShotMe

Будьте креативны

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

404 Page by Bocconcini

Сделайте это визуально привлекательным

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

Страница 404 от MartiniTime

Используйте юмор

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

Страница 404 от Mint

Заключение

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

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

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

404page — ваша умная страница ошибок 404 — плагин для WordPress

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

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

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

Использование

Создайте собственную страницу с ошибкой 404, как и любую другую страницу, с помощью редактора страниц WordPress. Затем перейдите в «Внешний вид» -> «Страница ошибки 404» и выберите созданную страницу в качестве настраиваемой страницы ошибки 404. Вот и все!

Зачем использовать этот плагин?

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

В отличие от других подобных плагинов, плагин 404page не создает дополнительных запросов к серверу .

Требования

Единственное требование для этого плагина — изменить структуру постоянных ссылок в «Настройки» -> «Постоянные ссылки» на что-нибудь другое, кроме «Обычная». Это также активирует обработку ошибок WordPress 404.

Документация и поддержка

Руководство по плагину

Форум поддержки

Видео

Краткое введение в бесплатный плагин WordPress 404page

Краткий обзор расширенных настроек

Объяснение «Принудительная ошибка 404 после загрузки страницы»

Объяснение «Отключить автозамену URL»

Объяснение «Отправить код состояния HTTP 410 для удаленных объектов»

Объяснение «Режима совместимости»

Совместимость

Плагин 404page был успешно протестирован автором со следующими темами

Плагин 404page был успешно протестирован автором со следующими стартовыми темами

Плагин 404page был успешно протестирован автором со следующими плагинами

Для разработчиков

Экшн-крючок

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

Константа

Если плагин 404page установлен и активирован, он определяет PHP-константу PP_404. Проверьте его наличие, чтобы обнаружить плагин 404page.

Функции

Плагин предоставляет следующие функции:

pp_404_is_active (), чтобы проверить, выбрана ли пользовательская страница 404 и существует ли выбранная страница
pp_404_get_page_id () для получения идентификатора страницы 404
pp_404_get_all_page_ids () для получения массива идентификаторов страниц на всех языках

Подробнее

Стандартный режим

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

Вам нравится этот плагин?

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

Информация о конфиденциальности плагина

Этот плагин не устанавливает куки
Этот плагин не собирает и не хранит данные
Этот плагин не отправляет данные на внешние серверы

Информация о конфиденциальности подключаемых модулей Peters ‘

ClassicPress

Этот плагин совместим с ClassicPress.

Еще плагины от Питера

Будьте в курсе

Следуй за мной на Facebook
Канал на YouTube

Будет ли он работать с темой, которую я использую?: Этот плагин разработан для работы с максимально возможным количеством тем. Он использует систему шаблонов WordPress для обнаружения и обработки ошибок 404. Если ваша тема использует эту Систему шаблонов, этот плагин будет работать правильно. Если это не так, плагин предлагает так называемый режим совместимости, который использует свой собственный метод для обнаружения и обработки ошибок 404.Если этот плагин не работает должным образом, попробуйте активировать режим совместимости.
Перенаправляются ли ошибки 404?: Нет, перенаправления нет! Выбранная страница отображается как «настоящая» страница с ошибкой 404. В результате получается код HTTP 404, а не 301 или 302, что важно для поисковых систем, чтобы сообщить им, что страница не существует и ее следует удалить из индекса.
Можно ли добавить собственный CSS на страницу 404?: Плагин 404page добавляет класс CSS error404 к тегу , который можно использовать для дополнительного стиля.
Где я могу получить помощь?: Воспользуйтесь форумом поддержки.

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

авторов

11.3.0 (2021-01-06)

новая возможность всегда отправлять 410 вместо 404
Plugin Foundation обновлен до PPF07

11.2.6 (2020-08-23)

Plugin Foundation обновлен до PPF06

11.2.5 (2020-08-22)

11.2.4 (2020-08-16)

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

11.2.3 (2020-07-05)

11.2.2 (2020-03-28)

изменения в уведомлении для надежды на лучшую совместимость
Plugin Foundation заменено на PPF04

11.2.1 (2020-01-04)

, если W3 Total Cache установлен и кэширование активно, URL-адреса, которые приводят к ошибке 404, автоматически исключаются из кеширования

11.2.0 (2020-01-01)

, если WP Super Cache установлен и кеширование активно, URL-адреса, которые приводят к ошибке 404, автоматически исключаются из кеширования

11.1.4 (2019-12-29)

11.1.3 (2019-12-29)

Plugin Foundation обновлен до PPF03, без функциональных изменений

11.1.2 (2019-11-19)

исключить страницу 404 из карты сайта XML, созданной Jetpack

11.1.1 (2019-11-16)

с этого момента он определяется не только, если Yoast SEO Plugin активен, но также, если активирована функция карты сайта.

11.1.0 (2019-11-10)

теперь использует Plugin Foundation PPF02 для совместимости с плагинами
представляет две новые функции для разработчиков pp_404_get_page_id () и pp_404_get_all_page_ids ()

11.0.5 (2019-10-22)

исправление для Yoast SEO XML Sitemap (см. Тему)
добавил примечание на страницу настроек, если Yoast SEO активен

11.0.4 (2019-10-06)

11.0.3 (2019-09-01)

исправление ошибки для вызова REST API (см. Здесь)

11.0,2 (30.08.2019)

11.0.1 (2019-08-13)

исправление для PHP 7.1 — уровень доступа __construct () в подклассе — это ошибка PHP, которая была исправлена в PHP 7.2, но я изменил свой код, чтобы он также работал с PHP 7.1

11.0.0 (13.08.2019)

в основном переписан на основе моего недавно созданного Plugin Foundation

10,5 (2019-04-01)

Еще несколько улучшений безопасности

10,4 (2019-03-31)

Исправлена уязвимость безопасности в вызове AJAX (спасибо Хулио Потье за указание на это)

10.3 (2019-02-21)

Исправление для совместимости с iThemes Sync (билет)

10,2 (2019-02-19)

просто еще одно небольшое изменение для предотвращения потенциальных проблем с версией 10

10,1 (2019-02-14)

10 (2019-02-14)

обходной путь для ошибки постоянной ссылки WordPress # 46000
улучшение кода
настройка производительности

9 (2019-01-24)

8 (2019-01-11)

исправлена проблема совместимости с последней версией WPML
улучшение кода
Улучшения пользовательского интерфейса

7 (2018-07-16)

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

6 (2018-06-18)

исключить страницу 404 из карты сайта XML, созданной Yoast SEO
дальнейшие улучшения пользовательского интерфейса

5 (2018-03-05)

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

4 (2018-03-05)

3.3 (2017-11-16)

Добавлена поддержка языков с письмом справа налево
неверное отображение в WP 4.9 исправлено

3,2 (2017-10-05)

новая функция для отправки ошибки HTTP 410 для удаленных объектов

3.1 (2017-07-24)

исправление для Polylang (см. Тему)
исправление для CLI (см. Тему)
добавить класс отладки в тег тела
также добавить классы тела для темы Customizr
не добавляйте класс error404, если он уже существует
дальнейший редизайн интерфейса администратора

3.0 (2017-07-05)

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

2,5 (2017-05-19)

скрыть страницу 404 из результатов поиска во внешнем интерфейсе (если WPML активен, все языки скрыты)
не запускает 404 в режиме совместимости, если плагин DW Question & Answer от DesignWall активен и на вопрос нет ответов

2.4 (2017-03-08)

убедитесь, что все файлы ядра загружены правильно (см. Тему)
Polylang больше не требует режима совместимости (см. Тему)
скрыть все переводы, если установлен WPML и активна функция «Скрыть страницу 404» (спасибо ребятам из WPML за то, что указали мне на это)
исправление статуса сообщения (см. Тему)
Исправление проблемы с темой Enfold (спасибо ребятам из Kriesi.at за поддержку)

2.3 (2016-11-21)

несколько мелких исправлений решают некоторые проблемы с шаблонами страниц в определенных комбинациях

2.2 (2016-09-26)

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

2,1 (2016-04-22)

введение выбираемых методов работы
несколько изменений в режиме совместимости для улучшения совместимости с WPML и bbPress, а также совместимости с Page Builder от SiteOrigin
Совместимость с Polylang
автоматический переход в режим совместимости при обнаружении WPML, bbPress, Polylang или Page Builder от SiteOrigin
полностью новый режим совместимости с Customizr (автоматически включается при обнаружении Customizr)
, запускающий ошибку 404 в случае прямого доступа к странице ошибки 404, теперь может быть деактивирован
WP Super Cache
возможность скрыть страницу ошибки 404 из списка страниц
Тест ошибки 404
расширяется действием
удалить все настройки при удалении

2.0 (2016-03-08)

Совместимость с WPML
bbPress совместимость
Совместимость с Customizr
при прямом доступе к странице ошибки 404 теперь выдает ошибку 404
класс error404 добавлен к классам, которые назначены для основного HTML-элемента
: меню настроек было перемещено из «Настройки» в «Внешний вид».
файлов перевода с использованием исключительно GlotPress
Подробнее

1.4 (07.08.2015)

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

1,3 (2015-01-12)

техническое усовершенствование (переписано как класс)
косметика

1,2 (28.07.2014)

Испанский перевод
Сербско-хорватский перевод

1.1 (2014-06-03)

Добавлена многоязычная поддержка
Немецкий перевод

1.0 (30.09.2013)

Как настроить пользовательскую страницу 404 с помощью .htaccess — Центр поддержки хостинга InMotion

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

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

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

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

Нет времени прочитать статью? Посмотрите наше пошаговое видео.

Создайте или измените пользовательскую страницу 404 через .htaccess

Войдите в свою cPanel.
В разделе Файлы щелкните Диспетчер файлов .
Перейдите в корневую папку документов на сайте.
Нажмите Настройки .
Убедитесь, что выбран параметр Показать скрытые файлы .
Затем нажмите Сохранить .
Щелкните правой кнопкой мыши файл .htaccess и выберите Edit .
Если файл .htaccess не существовал на предыдущем шаге, щелкните ссылку + File в левом верхнем углу, назовите файл .htaccess и установите каталог для создания / public_html. / или корень документа вашего сайта.
У вас может появиться всплывающее диалоговое окно кодировки текстового редактора, продолжайте и просто нажмите Изменить .
Теперь, когда вы готовы отредактировать файл .htaccess , самый простой способ установить страницу с ошибкой 404 — это напрямую установить сообщение об ошибке 404 в самом файле .htaccess :
```
 ErrorDocument 404 " Страница не найдена 
  "
```
Если у вас уже есть статическая HTML-страница, которую вы хотите использовать для ошибок 404, вы также можете напрямую указать на этот файл с помощью .htaccess . В этом примере у нас есть страница 404.html, которую мы хотим обслуживать. Обязательно замените «404.html» фактическим именем страницы:
```
 ErrorDocument 404 /404.html 
```
После внесения изменений в файл .htaccess нажмите Сохранить изменения .

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

Второй — пользовательская страница 404, которую мы только что создали:
Теперь вы должны понять, как контролировать обработку ошибок 404 для вашей веб-сайт, либо установив ошибку напрямую, либо указав на настраиваемую страницу с ошибкой 404. Если вам нужна помощь в создании настраиваемой страницы с ошибкой 404, вы можете просмотреть нашу статью о создании настраиваемой страницы с ошибкой 404.
No related posts.