В предыдущем материале вы узнали, как вместе с JavaScript-событием можно отправлять дополнительные параметры визита в Яндекс.Метрику. В этой статье речь пойдет об отслеживании 404 ошибок с помощью события и параметров визита с использованием Google Tag Manager и без него.
О 404 ошибках
В моем блоге есть несколько публикаций на данную тему.
- Отслеживание 404 ошибок в Universal Analytics
- Отслеживание 404 ошибок в Universal Analytics с помощью Google Tag Manager
- Отслеживание 404 ошибок в Google Analytics 4
Я рекомендую прочитать их всех перед тем, как вы начнете настройку 404 ошибок для Яндекс.Метрики, поскольку основные принципы отслеживания заложены именно там.
Когда пользователь переходит на сайт по неверной ссылке или на несуществующую страницу, он может увидеть сообщение о 404 ошибке. Решив, что ваш сайт не работает, он может быстро покинуть его, не совершив никаких полезных для вас действий.
Пример страницы с 404 ошибкой
Существует множество причин появления 404 ошибок:
- был введен неверный URL-адрес;
- битая ссылка (перестала работать);
- адрес страницы был изменен (в этом случае поможет 301 редирект, который указывает роботам ПС, что страница перемещена по новому адресу, а старый адрес следует считать устаревшим);
- контент запрашиваемой страницы по какой-либо причине может быть скрыт от пользователей, а перенаправление идет на 404 страницу;
- страница была удалена или прекращено существование всего сайта;
- целенаправленная DDoS-атака/взлом с целью дестабилизации.
Примечание: встречаются различные сообщения 404 — 404 ошибка, 404 Not Found, 404 Error, HTTP 404 Not Found, Страница не найдена, The page cannot be found, The requested URL was not found on this server и т.д.
Благодаря приведенной ниже настройке, вы сможете отслеживать 404 ошибки для своего сайта вместе с адресами несуществующих страниц, на которые попадают ваши посетители, а также узнать, откуда они попадают на эти страницы (с какого источника).
Для отслеживания 404 ошибок в Яндекс.Метрике вы можете пойти одним из трех представленных путей:
- использовать стандартный отчет по страницам в интерфейсе Яндекс.Метрики;
- использовать JavaScript-событие и параметры визита (все настройки выполняются напрямую);
- использовать JavaScript-событие и параметры визита (все настройки выполняются через Google Tag Manager).
Давайте рассмотрим каждый вариант подробнее.
№1. Отслеживание 404 ошибок с помощью стандартного отчета
Если на вашем сайте есть отдельная страница с 404 ошибкой, на которую попадают пользователи, и в ее заголовке присутствует специальное обозначение, которое отличает ее ото всех других страниц вашего сайта, вы можете отслеживать такие переходы с помощью стандартного отчета Яндекс.Метрики. Например, на моем сайте в заголовке страницы (title) на странице с 404 ошибкой написано Страница не найдена:
Заголовок страницы с 404 ошибкой — Страница не найдена
Отчет в Яндекс.Метрике находится в разделе Отчеты — Содержание — Заголовки страниц:
Отчеты — Содержание — Заголовки страниц
Открыв его, сразу же добавьте в отчет через Группировки параметры Заголовок страницы, Адрес страницы и Реферер:
Группировки — Заголовок страницы, Адрес страницы и Реферер
Реферер содержит URL источника запроса. Например, если пользователь перейдет с одной страницы на другую, реферер будет содержать адрес его первой страницы посещения. Заголовок страницы берется из элемента title, а Адрес страницы отображает текущий URL-страницы.
Сверху над таблицей выберите линейный список и в поле поиска введите заголовок страницы 404 ошибки, чтобы отфильтровать данные:
Страница 404 в отчете Яндекс.Метрики
Таким образом, в отчете останутся только те страницы, которые имеют 404 ошибку. Поскольку дополнительно вы добавили параметры Адрес страницы и Реферер, то вы можете проанализировать адреса несуществующих страниц, на которые попадают ваши посетители, а также узнать, откуда они переходят на эти страницы.
Если вам неудобно анализировать данные в самой Яндекс.Метрике, вы можете выгрузить эти данные к себе на компьютер с помощью экспорта в форматы .xlsx или .csv:
Выгрузка данных из Яндекс.Метрики
А затем открыть эту таблицу в Excel, чтобы легко привести статистику в нужный вид, увидеть список несуществующих URL за выбранный диапазон дат и отфильтровать/подсветить какие-то значения:
Пример страниц с 404 ошибкой в Microsoft Excel
Это самый простой способ отслеживания 404 ошибок в Яндекс.Метрике с помощью встроенного отчета, без использования диспетчера тегов Google, JavaScript-события, параметров визитов и дополнительных конструкций/кодов, когда на вашем сайте есть отдельная страница 404.
№2. Отслеживание 404 ошибок напрямую (JavaScript-событие + параметры визитов)
Если ваш код счетчика Яндекс.Метрики и все настройки выполняются напрямую (без использования Google Tag Manager и других систем управления тегами), тогда вам необходимо выполнить следующее:
— перейдите в раздел Цели и создайте цель типа JavaScript-событие. Задайте название цели и добавьте идентификатор. Например: Отслеживание 404 ошибок и 404error:
Создание JavaScript-события
Скопируйте код цели для сайта. Чуть ниже мы модифицируем эту конструкцию.
На следующем этапе вам может понадобиться помощь разработчика, который добавит нижеприведенный скрипт в исходный код шаблона вашей 404-страницы. Как правило, в большинстве CMS-движков присутствует отдельный шаблон страницы 404. Например, в моем блоге (сделан на WordPress) на хостинге лежит файл 404.php:
Шаблон отдельный страницы 404.php (WordPress)
Открыв его, я увижу исходный код страницы:
Исходный код файла 404.php
Именно сюда вам или вашему программисту необходимо будет добавить такой код:
|
<script type=«text/javascript»> var ref = document.referrer; var url = document.location.href; var params404 = {‘404 ошибка’: {‘URL-адрес’: url, ‘Реферер’: ref}}; ym(XXXXXXXX, ‘reachGoal’, ‘404error’, params404); </script> |
, где:
- var ref = document.referrer — переменная ref, которой присваивается URI страницы, с которой был совершен переход на текущую 404 страницу;
- var url = document.location.href — переменная url, которой присваивается значение всего URL-адреса текущей страницы из браузера пользователя;
- var params404 = {‘404 ошибка’: {‘URL-адрес’: url, ‘Реферер’: ref}} — создается JavaScript-объект, в котором с помощью иерархической структуры передается два параметра визита — URL-адрес со значением, извлеченным из переменной url, и Реферер со значением, извлеченным из переменной ref.
- ym(XXXXXXXX, ‘reachGoal’, ‘404error’, params404) — конструкция JavaScript-события с дополнительным аргументом params404, а XXXXXXXX — идентификатор вашего счетчика Яндекс.Метрики.
Этот код вставьте в шаблон вашей 404 страницы и сохраните изменения. После этого, при посещении несуществующей страницы в Яндекс.Метрику будет отправляться информация о событии 404error и дополнительных параметрах визита — URL-адресах таких страниц и их источниках (реферере).
Проверить корректность передачи данных можно несколькими способами:
- добавить к URL-адресу с 404 ошибкой параметр _ym_debug со значением 1. Например, https://osipenkov.ru/takoj-stranicy-net/?_ym_debug=1
Далее необходимо вызвать консоль разработчика и перейти на вкладку Console. Вы должны увидеть строчку с PageView. Counter XXXXXXXX. Это первый хит на странице, свидетельствующий о просмотре страницы. Совершив отслеживаемое событие, вы увидите другую строчку с методом Reach goal. Если у вас есть возможность перейти на несуществующий URL-адрес с другого источника, тогда и параметру визита Реферер присвоится значение.
Отслеживание события 404 ошибки с идентификатором цели и параметрами визита
В моем примере я совершил переход с сайта http://techniqa.ru/ на страницу https://osipenkov.ru/takoj-stranicy-net/, которой на моем сайте нет. Поэтому зарегистрировалось событие 404 и вместе с ним передалось два параметра визита.
- использовать готовое расширение для браузера. Например, Yandex Metrica Debugger или Яндекс.Метрика Инспектор.
Активировав одно из них, вы можете открыть консоль разработчика, перейти на вкладку с данным расширением и совершить на сайте настроенное событие. Оно также должно отобразится в списке событий с параметром визита:
Отслеживание события 404 ошибки с идентификатором цели и параметрами визита (Yandex.Metrica Inspector)
Если вы не видите ваше событие и переданные параметры визита, то, скорее всего, у вас проблема другого рода — ошибка Uncaught ReferenceError: ym is not defined.
Uncaught ReferenceError: ym is not defined
У Ивана Иванова, автора блога prometriki.ru, есть хорошая статья на эту тему. В ней он описывает причину возникновения такой ошибки и способ ее решения. Если кратко, то ошибка ym is not defined чаще всего возникает тогда, когда отправка данных о достижении цели методом reachGoal выполняется до того, как счетчик Яндекс Метрики был инициализирован (доступен) на странице. Используя код Иванова с интервальной проверкой, вы точно будете уверены в том, что счетчик Яндекс.Метрики будет загружен раньше остальных, а затем отправится JavaScript-событие с необходимыми параметрами.
Для своего сайта и примера я его чуть изменил:
|
<script> var ref = document.referrer; var url = document.location.href; var params404 = {‘404 ошибка’: {‘URL-адрес’: url, ‘Реферер’: ref}}; (function () { var ee = setInterval(function () { if (typeof window.ym != ‘undefined’) { ym(33437348,‘reachGoal’,‘404error’, params404); clearInterval(ee); } else { console.log(‘Метрика не инициализирована’); } }, 500); // 0,5 секунды ждать, изменить на свое значение, 1 сек = 1000 })(); </script> |
Общее количество достигнутых целей по 404 ошибке можно посмотреть в отчете Конверсии:
Отчет «Конверсии»
Адреса 404-х страниц и их рефереров через некоторое время отобразятся в отчете Параметры визитов (Отчет — Содержание — Параметры визитов):
Отслеживание 404 ошибок в Яндекс.Метрике
Из отчета может быть удалена часть данных, поскольку детализация до уровня отдельных визитов и посетителей в Яндекс.Метрике отключена для исключения рисков деанонимизации пользователей. Показываются только строки с информацией не менее чем по 10 посетителям. Об этом свидетельствует соответствующая надпись над отчетом:
Чувствительные данные
Иногда на количество данных (их увеличению) в отчете Параметры визитов можно повлиять с помощью выключения метрики Роботность над отчетом:
Метрика «Роботность» (выкл.)
В официальном блоге Яндекса показан вариант создание JavaScript-объекта чуть другой вложенности:
|
<script type=«text/javascript»> var ref = document.referrer; //записываем в переменную ref значение реферера siteurl = document.location.href; //записываем в переменную siteurl адрес просмотренной страницы visitParams = {‘NotFoundURL’: {[siteurl]:{Реферер:ref}} }; //записываем в переменную visitParams иерархию с параметрами ym(7777777, ‘reachGoal’, ‘404error’, visitParams); //достигаем цель на посещение страницы 404 и передаем в параметрах визитов URL-адрес 404 cтраницы и её реферер. </script> |
В таком случае будет передаваться иерархическую структура параметров визитов вида NotFoundURL: адрес сайта: Реферер: адрес реферера
№3. Отслеживание 404 ошибок с помощью Google Tag Manager (JavaScript-событие + параметры визитов)
Если в своей работе вы используете диспетчер тегов Google, Яндекс.Метрика установлена через него, и вы также отслеживаете все события Яндекс.Метрики с помощью GTM и соответствующих тегов, тогда этот вариант для вас.
Первая часть настройки ничем не отличается от способа, описанного выше. Для начала создайте цель типа JavaScript-событие. Задайте название цели и добавьте идентификатор. Например: Отслеживание 404 ошибок и 404error:
Создание JavaScript-события
Скопируйте полученный код цели для сайта. Эту конструкцию мы будем использовать дальше в настройке.
Этот способ очень похож на первый вариант, где мы фильтровали данные по заголовку страницы в самом отчете Яндекс.Метрики. Отличие заключается в том, что вы сами с помощью Google Tag Manager можете определить название (title) страницы, а затем создать переменную JavaScript, триггер и тег, чтобы передавать в Яндекс.Метрику отдельные события с 404 ошибкой.
Заголовок страницы можно извлечь с помощью пользовательской переменной Переменная JavaScript и значением document.title:
Переменная JavaScript — document.title
Свойство document.title получает или задает текущий заголовок документа. Вы можете протестировать эту конструкцию, перейдя на любой сайт, любую вкладку и открыв консоль разработчика. Введите туда document.title и нажмите Enter:
Вызов document.title в консоли разработчика
Теперь необходимо создать триггер, который бы активировался не на всех страницах, а когда заголовок страницы содержит Страница не найдена. Создайте такой триггер типа Просмотр страницы с дополнительным условием активации — document.title содержит Страница не найдена:
Триггер активации 404 ошибки
Задайте название триггеру и сохраните его.
Осталось только создать тег. Выберите Пользовательский HTML, в которой добавьте следующую конструкцию:
|
<script type=«text/javascript»> var params404 = {‘404 ошибка’: {‘URL-адрес’: {{Page URL}}, ‘Реферер’: {{Referrer}}}}; ym(33437348,‘reachGoal’,‘404error’, params404); </script> |
, где 33437348 — идентификатор вашего счетчика Яндекс.Метрики (вы меняете на свой!)
В Google Tag Manager это будет выглядеть так:
Тег «Пользовательский HTML» с кодом JavaScript-события
Поскольку в диспетчере тегов Google уже есть встроенные переменные, позволяющие извлекать те данные, которые нам нужны для отслеживания, мы не используем несколько строчек кода из предыдущего варианта, а просто вставляем в соответствующие места переменную {{Page URL}} и {{Referrer}}. Конструкцию, которую мы добавляли в шаблон 404 страницы в предыдущем варианте, также добавлять не нужно. Все настройки производятся через интерфейс GTM, что очень сильно упрощает отслеживание.
На всякий случай я рекомендую в расширенных настройках тега задать Последовательность активации тегов, чтобы ваш счетчик Яндекс.Метрики загружался до того, как будет отправляться событие 404 ошибки. Для этого в теге откройте раздел Расширенные настройки — Последовательность активации тегов и поставьте галочку напротив Активировать тег перед тегом Яндекс.Метрика — 404 ошибка, задав Тег setup:
Последовательность активации тегов — Тег Setup — ваш счетчик Яндекс.Метрики
В качестве триггера активации используйте Триггер 404 ошибка, созданный на предыдущем шаге.
Итоговый тег будет выглядеть так:
Итоговый тег отслеживания 404 ошибок
Сохраните тег. Проверить корректность настройки можно через те же инструменты отладки, что были описаны выше. Режим предварительного просмотра GTM тоже можно использовать. С его помощью вы увидите регистрируемое событие Container Loaded и активированный тег с заданным условием, триггером которого является просмотра страницы с дополнительным условием срабатывания — document.title содержит Страница не найдена:
Режим отладки GTM
Однако вы не увидите корректные данные по настроенным параметрам визита, поскольку для отправки JavaScript-события в Яндекс.Метрику используется HTML-тег. Некоторые из вас, более продвинутые пользователи Google Tag Manager, знают, что есть специальные команды, которые можно использовать в консоли разработчика для просмотра данных, отображаемых в отладке. Например, вы можете посмотреть какие передались значения с нашим тегом Яндекс.Метрика — 404 ошибка с помощью таких команд:
|
google_tag_manager[«GTM-KHV57NC»].macro(20) google_tag_manager[«GTM-KHV57NC»].macro(21) |
Введя их в консоль разработчика, вы увидите какие значения были присвоены вашим параметрам визита:
Команды для консоли разработчика
Для тех, кто не так хорошо разбирается в диспетчере тегов Google, используйте расширение Яндекс.Метрика Инспектор или конструкцию с _ym_debug=1
№3.1. Отслеживание 404 ошибок с помощью Google Tag Manager (dataLayer + JavaScript-событие + параметры визитов)
Этот способ — еще одна вариация отслеживания 404 ошибок. В предыдущем варианте предполагается, что у вас есть отдельная страница, заголовок которой отличается от всех других и имеет отличительную особенность, которую вы можете использовать в качестве дополнительного условия активации триггера, как это было в моем примере — document.title содержит Страница не найдена.
Однако не всегда есть возможность отфильтровать страницу по заголовку, содержащему 404. Либо же на сайте вообще нет отдельной страницы/шаблона для Page Not Found. Тогда вам необходимо использовать этот способ и привлекать к решению этой задачи разработчика.
Когда посетитель переходит на несуществующую страницу, попросите разработчика передать это событие на уровень данных, сформировав dataLayer. Для этого напишите ему техническое задание примерно такого содержания:
Просьба сформировать уровень данных на странице 404, когда пользователь переходит на нее. Пример кода:
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
‘event’ : ‘404_error’
});
После того, как программист это сделает, вы можете перейти в режим отладки GTM и ввести URL-адрес любой страницы с 404 ошибкой. Вы должны увидеть на шкале событий event с вашим названием:
Событие 404_error на шкале событий
Если оно отображается, значит разработчик сделал все правильно по вашему ТЗ. Если нет, попросите его перепроверить настройки. После этого вы можете создать триггер специального события с названием события 404_error (как было указано в вашем техническом задании и отображается в режиме предварительного просмотра).
Триггер специального события
Все, что вам остается сделать, это создать точно такой же тег типа Пользовательский HTML как в способе №2 и добавить аналогичную конструкцию:
|
<script type=«text/javascript»> var params404 = {‘404 ошибка’: {‘URL-адрес’: {{Page URL}}, ‘Реферер’: {{Referrer}}}}; ym(33437348,‘reachGoal’,‘404error’, params404); </script> |
, где 33437348 — идентификатор вашего счетчика Яндекс.Метрики (вы меняете на свой!)
В расширенных настройках тега также задайте последовательность активации тегов, чтобы ваш счетчик Яндекс.Метрики загружался до того, как будет отправляться событие 404 ошибки. Для этого в теге откройте раздел Расширенные настройки — Последовательность активации тегов и поставьте галочку напротив Активировать тег перед тегом Яндекс.Метрика — 404 ошибка, задав Тег setup:
Последовательность активации тегов — Тег Setup — ваш счетчик Яндекс.Метрики
В качестве триггера активации используйте триггер специального события, созданный на предыдущем шаге. Итоговый тег будет выглядеть так:
Итоговый тег отслеживания 404 ошибок
На этом настройка отслеживания 404 ошибок с помощью Google Tag Manager завершена.
Благодаря отслеживанию 404 ошибок в Яндекс.Метрике с помощью JavaScript-события и параметров визита вы можете больше узнать о том, как посетители взаимодействуют с вашим сайтом, отследить резкое изменение трафика несуществующих страниц, оперативно проанализировать причину возникновения таких переходов и быстро внести правки с целью улучшения ситуации.
-
Главная
-
Вредные советы
Сегодня узнаем URL страниц, которые привели посетителей сайта palpalych.ru к 404-ой ошибке.
Возможны ситуации, когда посетитель попадает на страницу с ошибкой из-за неправильно заданной ссылки в тексте письма рассылки, в публикации соцсети, контекстного объявления или, например, из-за банальной невнимательности веб-мастера.
Из отчета Яндекс.Метрики «Содержание — Заголовки страниц» видим, сколько раз загружалась 404-ая страница за последний год:
За последний год на сайте palpalych.ru страница с 404-ой ошибкой загружалась 51 раз. Узнать адреса, которые сгенерировали ошибку, мы уже не можем, но чтобы впредь знать их, выполним следующую настройку.
Расширяем возможности Яндекс.Метрики
Инструкция предполагает, что код Яндекс.Метрики уже установлен и работает на сайте.
Добавьте в код Метрики инициализацию переменной
params:window.yaParams
Параметры визитов в Яндекс.Метрике
Создайте цель в Яндекс.Метрике. Тип цели — «JavaScript событие» с идентификатором, например, error404. Идентификатор может быть любым.
В коде страницы 404-ой ошибкой вызовите следующий скрипт:
Где:
XXXXXXX — номер счетчика;
URL — параметр, в который мы будем передавать ошибочный адрес;
error404 — идентификатор цели из п.2.
При корректной настройке в отчете «Отчеты — Содержание — Параметры визитов» увидим следующую картину:
Кроме того, можем сегментировать любой отчет по одному из значений параметра URL, т.е. задать в сегменте URL, который привел на 404-ую страницу и посмотреть иточник такого перехода. Например:
Постройте сегмент по «Источники — Источники, Сводка», чтобы посмотреть, какой источник привёл посетителя на 404-страницу сайта.
Вывод:
С помощью инструкции вы не пропустите ни одной 404-ошибки сайта и сможете быстро выяснить причины её возникновения.
В этой статье речь пойдет об отслеживании 404 ошибок с помощью события и параметров визита с использованием Google Tag Manager и без него.
Когда читатель переходит на веб-сайт по неправильной ссылке или на несуществующую страницу, он может увидеть предупреждение о 404 ошибке. Решив, что ваш сайт не пашет, он может быстро покинуть его, не произведя никаких полезных для вас действий.
Есть множество факторов появления 404 ошибок:
- был введен неправильный URL-адрес;
- битая гиперссылка (перестала работать);
- адрес страницы был изменен (в данном случае поможет 301 редирект, который указывает роботам ПС, что страница перемещена по новому адресу, а старый адрес следует считать устаревшим);
- содержание запрашиваемой странички по какой-никакой причине может быть спрятано от пользователей, а переадресовывание идет на 404 страницу;
- страница была удалена или прекращено существование всего сайта;
- направленная DDoS-атака/взлом с целью дестабилизации.
Примечание: встречаются различные сообщения 404 — 404 ошибка, 404 Not Found, 404 Error, HTTP 404 Not Found, Страница не найдена, The page cannot be found, The requested URL was not found on this server и т.д.
Благодаря приведенной далее настройке, вы сможете прослеживать 404 ошибки для своего сайта вместе с адресами несуществующих страниц, на которые попадаются ваши посетители, а также узнать, откуда они попадают на эти странички.
Для отслеживания 404 ошибок в Яндекс.Метрике вы можете пойти одним из трех представленных путей:
- использовать стандартный отчет по страницам в интерфейсе Яндекс.Метрики;
- использовать JavaScript-событие и параметры визита (все настройки выполняются напрямую);
- использовать JavaScript-событие и параметры визита (все настройки выполняются через Google Tag Manager).
Давайте рассмотрим каждый вариант подробнее.
№1. Отслеживание 404 ошибок с помощью стандартного отчета
Если на вашем сайте есть отдельная страничка с 404 ошибкой, на которую попадают пользователи, и в ее заголовке есть особое обозначение, которое выделяет ее ото всех иных страниц вашего сайта, вы можете прослеживать такие переходы с помощью типового отчета Яндекс. Например, на моем сайте в заголовке страницы (title) на странице с 404 ошибкой написано Страница не найдена.
Отчет в Яндекс.Метрике находится в разделе Отчеты — Содержание — Заголовки страниц.
Открыв его, сразу же добавьте в отчет через Группировки параметры Заголовок страницы, Адрес страницы и Реферер.
Реферер содержит URL источника запроса. Например, если пользователь перейдет с одной страницы на другую, реферер будет содержать адрес его первой страницы посещения. Заголовок страницы берется из элемента title, а Адрес страницы отображает текущий URL-страницы.
Сверху над таблицей выберите линейный список и в поле поиска введите заголовок страницы 404 ошибки, чтобы отфильтровать данные.
Таким образом, в отчете останутся только те страницы, которые имеют 404 ошибку. Поскольку дополнительно вы добавили параметры Адрес страницы и Реферер, то вы можете проанализировать адреса несуществующих страниц, на которые попадают ваши посетители, а также узнать, откуда они переходят на эти страницы.
Если вам неудобно анализировать данные в самой Яндекс.Метрике, вы можете выгрузить эти данные к себе на компьютер с помощью экспорта в форматы .xlsx или .csv.
А затем открыть эту таблицу в Excel, чтобы легко привести статистику в нужный вид, увидеть список несуществующих URL за выбранный диапазон дат и отфильтровать/подсветить какие-то значения.
Это самый простой способ отслеживания 404 ошибок в Яндекс.Метрике с помощью встроенного отчета, без использования диспетчера тегов Google, JavaScript-события, параметров визитов и дополнительных конструкций/кодов, когда на вашем сайте есть отдельная страница 404.
№2. Отслеживание 404 ошибок напрямую (JavaScript-событие + параметры визитов)
Если ваш код счетчика Яндекс.Метрики и все настройки выполняются напрямую (без использования Google Tag Manager и других систем управления тегами), тогда вам необходимо выполнить следующее.
— перейдите в раздел Цели и создайте цель типа JavaScript-событие. Задайте название цели и добавьте идентификатор. Например: Отслеживание 404 ошибок и 404error.
Скопируйте код цели для сайта. Чуть ниже мы модифицируем эту конструкцию.
На следующем этапе вам может понадобиться помощь разработчика, который добавит нижеприведенный скрипт в исходный код шаблона вашей 404-страницы. Как правило, в большинстве CMS-движков присутствует отдельный шаблон страницы 404. Например, в моем блоге (сделан на WordPress) на хостинге лежит файл 404.php.
Открыв его, я увижу исходный код страницы.
Именно сюда вам или вашему программисту необходимо будет добавить такой код:
<script type="text/javascript"> var ref = document.referrer; var url = document.location.href; var params404 = {'404 ошибка': {'URL-адрес': url, 'Реферер': ref}}; ym(XXXXXXXX, 'reachGoal', '404error', params404); </script>, где:
- var ref = document.referrer — переменная ref, которой присваивается URI страницы, с которой был совершен переход на текущую 404 страницу;
- var url = document.location.href — переменная url, которой присваивается значение всего URL-адреса текущей страницы из браузера пользователя;
- var params404 = {‘404 ошибка’: {‘URL-адрес’: url, ‘Реферер’: ref}} — создается JavaScript-объект, в котором с помощью иерархической структуры передается два параметра визита — URL-адрес со значением, извлеченным из переменной url, и Реферер со значением, извлеченным из переменной ref.
- ym(XXXXXXXX, ‘reachGoal’, ‘404error’, params404) — конструкция JavaScript-события с дополнительным аргументом params404, а XXXXXXXX — идентификатор вашего счетчика Яндекс.Метрики.
Этот код вставьте в шаблон вашей 404 страницы и сохраните изменения. После этого, при посещении несуществующей страницы в Яндекс.Метрику будет отправляться информация о событии 404error и дополнительных параметрах визита — URL-адресах таких страниц и их источниках (реферере).
Проверить корректность передачи данных можно несколькими способами:
- добавить к URL-адресу с 404 ошибкой параметр _ym_debug со значением 1. Например, https://osipenkov.ru/takoj-stranicy-net/?_ym_debug=1
Далее необходимо вызвать консоль разработчика и перейти на вкладку Console. Вы должны увидеть строчку с PageView. Counter XXXXXXXX. Это первый хит на странице, свидетельствующий о просмотре страницы. Совершив отслеживаемое событие, вы увидите другую строчку с методом Reach goal. Если у вас есть возможность перейти на несуществующий URL-адрес с другого источника, тогда и параметру визита Реферер присвоится значение.
В моем примере я совершил переход с сайта http://techniqa.ru/ на страницу https://osipenkov.ru/takoj-stranicy-net/, которой на моем сайте нет. Поэтому зарегистрировалось событие 404 и вместе с ним передалось два параметра визита.
- использовать готовое расширение для браузера. Например, Yandex Metrica Debugger или Яндекс.Метрика Инспектор.
Активировав одно из них, вы можете открыть консоль разработчика, перейти на вкладку с данным расширением и совершить на сайте настроенное событие. Оно также должно отобразится в списке событий с параметром визита.
Источник: osipenkov.ru
2018-07-17 в 14:16
Поделюсь тем, как мы отслеживаем попадание посетителей на страницу ошибки 404 (Несуществующая страница). В этом нам помогает Яндекс.Метрика.
Используя «Цели» Яндекс.Метрики можно получить информацию о том, с какой страницы зашел посетитель (откуда перешел по ссылке) и совершил целевое посещение — открытие страницы ошибки 404 (при открытии несуществующей ссылки). Например, в метрике вы увидели, что к вам зашел посетитель и попал на страницу 404. Смотрим откуда он пришел, точный адрес. Заходим туда и проверяем, что там не так со ссылкой на ваш сайт. Если в ней действительно содержится ошибка, адрес введен не верно и т.д., можно попросить автора (администратора) изменить, либо же настроить 301 редирект. Это весьма актуально для молодых ресурсов, для которых так важны внешние ссылки.
Так как же отслеживать посещение страницы 404?
Заходим в Яндекс.Метрика. В левом меню выбираем «Настройки». Открываем вкладку «Цели». Жмем «Добавить цель».
В строке «Название» пишем к примеру «Ошибка 404».
«Тип условия» выбираем «JavaScript-событие», а в поле «Идентификатор цели» пишем «404error» (может быть любым). После нажимаем «Добавить цель».
У нас появилась новая цель.
Теперь необходимо в код самой страницы ошибки 404 добавить скрипт следующего содержания:
<script>
window.onload = function () {
yaCounterXXXXX .reachGoal(‘404error’);
}
</script>
Здесь есть номер счетчика и идентификатор цели. Вместо XXXXX вписываете номер вашего счетчика. Посмотреть его можно на страницах Яндекс метрики.
Как помним, идентификатор цели мы писали «404error». Если вы делали другой, то меняем.
Теперь при загрузке страницы будет выполнятся данный скрипт. В некоторых системах управления сайтами (CMS) на такую страницу необходимо будет обязательно добавить код метрики. К примеру, у меня эта страница размещена отдельно на сервере и настраивается индивидуально. Как же метрика отследит посещение страницы 404, если на этой странице не установлен код метрики?
Теперь об отчетах. Заходим в «Источники» и далее «Сайты». Чуть ниже будет окно «Выберите цель». Тут и появится цель «Ошибка 404».
Как видно, за две недели после внедрения данной функции Яндекс.Метрика, я отследил 2 перехода по неверным ссылкам на сайт. К тому же, в одном источнике мне удалось изменить ссылку, т.к. там она была написана с ошибкой, ее легко удалось исправить.
P.S. Настройка UCOZ сайтов от наших друзей.
Не пропустите обновления! Подписывайтесь на нашу группу Вконтакте.
Так же у нас есть Telegram канал.
Вам понравился наш материал? Поделитесь с коллегами!
- 1
- 2
- 3
- 4
- 5
Просмотров: 5984. Оценка статьи: 4.7 из 5. Уже оценило 12 читателей
Мониторинг ошибок на страницах сайта с помощью Яндекс.Метрики
Сегодня я наткнулся на интересный пост о мониторинге ошибок на сайте. У описанного метода есть недостаток — он применим только для React.
После прочтения поста я сразу же вспомнил про вебвизор. Если бы мне позвонил человек, который
ой, я куда-то нажала, оно выскочило
нашел ошибку на сайте, я бы очень обрадовался возможности посмотреть, что он сделал, а не задавать человеку кучу вопросов, тратя его и свое время.
Оказалось, что все настолько просто, что реализация задумки заняла у меня всего минуту.
Единственный способ передать факт возникновения ошибки на странице — цели.
Я создал JavaScript-событие и назвал цель Js Error.
Далее я добавил в код счетчика отправку событий при возникновении ошибки.
<script type="text/javascript" >
(function (d, w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounter%id счетчика% = new Ya.Metrika({
id:%id счетчика%,
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true // Обязательно включаем вебвизор
});
} catch(e) { }
});
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script"),
f = function () { n.parentNode.insertBefore(s, n); };
s.type = "text/javascript";
s.async = true;
s.src = "https://mc.yandex.ru/metrika/watch.js";
if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else { f(); }
})(document, window, "yandex_metrika_callbacks");
window.addEventListener("error", function(event){
// Я просто для примера вывел в лог событие. По-хорошему, нужно сделать какое-то решение, позволяющее посмотреть, когда и какая ошибка возникла в процессе.
console.log(event);
// Говорим метрике, что произошла ошибка
yaCounter%id счетчика%.reachGoal('ERROR');
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/%id счетчика%" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
На этом мой эксперимент был успешно завершен. Если зайти в вебвизор, можно увидеть достижения целей, которые означают, что в текущем визите произошла ошибка.
Конечно, для полноценного разбора ошибок этого будет мало. Думаю, стоит сделать обработчик ошибок, который будет отображать прямо на странице информацию, если сайт просматривается через вебвизор. Так же, можно разделить ошибки на уровни, либо даже вынести определенные, особо интересующие события в отдельную цель. Для мониторинга 404, 500 и прочих ошибок, можно добавить счетчик в шаблон ошибки с отдельной целью и отправлять ее сразу после инициализации счетчика.
Очень порадовало, что вместе с записью действий пользователя, мы получаем много информации, которая может помочь при дальнейших проверках.
Есть и недостатки данного метода:
- Для определения ошибки нужно просматривать посещение
- Ограничено количество целей в метрике. Доступно 200 целей
- Страницы, на которых счетчик не установлен, мониториться не будут.
- Вебвизор фиксирует не все посещения пользователей, а только 120 тыс. визитов в день и хранит их в течение 15 дней.
Надеюсь, столь простой способ может кому-то пригодиться.
UPD:
В комментариях altervision подсказал, что можно передавать параметры визита в методе reachGoal. Этого может быть достаточно для передачи сообщений об ошибках.
Опубликовано:
10 апреля 2015
Обновлено:
11 апреля 2019
73 386
Сайты развиваются: создаются новые разделы, меняется структура, удаляются страницы или переделываются их адреса. Часто за всеми этими процессами уследить очень сложно даже опытному веб-мастеру. Чем старше сайт – тем больше вероятность того, что каждый день он получают процент пользователей, попадающих на страницы, которых больше не существует. Как это отследить? Как оповестить робота и клиента, что таких страниц больше нет? Что показывать пользователю на странице 404? Отвечаю!
404 NOT FOUND – что означает?
Определение: “404 ошибка сервера (not found) — самая распространенная ошибка при пользовании Интернетом, основная причина — ошибка в написании адреса Web-страницы. Сервер понял запрос, но не нашёл соответствующего ресурса по указанному URI.”
Для чего нужна 404 страница?
1. Поисковому роботу необходимо сообщить, что такой страницы не существует, для этого используется 404 код ответа сервера. Это очень важно, чтобы не плодились дубли и не размывать релевантность страниц в индексе поисковых систем.
Проверить ответ это очень просто, наберите несуществующий адрес страницы тут – http://bertal.ru/.
2. Пользователю необходимо сообщить, что запрашиваемой страницы больше (или вообще) не существует, и предоставить возможность работать с сайтом дальше.
Как настроить ответ сервера?
404 ошибка сервера через htaccess
Если Ваш сервер или CMS не настроены атоматически, то придётся это сделать Вам самим – добавьте в htaccess строчку:
1 |
ErrorDocument 404 http://www.site.ru/404.php |
Теперь, когда пользователь введёт неверный адрес, то он будет направлен на этот адрес. Страница может располагаться где угодно, но мы для примера поместили ее в корне сайта: /404.php.
404 ошибка сервера в PHP
Велосипеда изобретать не надо – существует специальная функция header, которая успешно поможет Вам это сделать.
1 |
header(«HTTP/1.0 404 Not Found»); |
Как должна выглядеть страница 404?
- В дизайне сайта (а не страница по умолчанию вашего хостинга)
- Содержать информацию о том, что произошла ошибка
- Иметь форму поиска по сайту
- Иметь небольшую карту сайта с основными разделами.
Креативные 404 страницы – вред или польза?
Смешное оформление 404 страницы – это красиво и оригинально, но не стоит слишком сильно увлекаться. Не стоит забывать, чтобы пользователю в первую очередь необходимо решить какие-то задачи на вашем сайте, а не зависать на 404 странице, Вы должны максимально упростить и помочь ему в достижении его целей.
Как отследить, сколько таких пользователей попадают на страницу 404?
Яндекс.Метрика
Для этого удобно использовать “Параметры визитов”.
В код счётчика необходимо добавить строчку: params:window.yaParams||{ }});
Таким образом, должно получиться как-то так:
1 2 3 4 5 6 7 8 |
w.yaCounterХХХХХХХХ = new Ya.Metrika({id:ХХХХХХХХ, webvisor:true, clickmap:true, trackLinks:true, accurateTrackBounce:true, trackHash:true, ut:"noindex", params:window.yaParams||{ }}); |
На самой же странице 404 в любом месте необходимо разместить следующий JS-код:
1 2 3 |
var url = document.location.pathname + document.location.search var url_referrer = document.referrer; var yaParams = {error404: {page: url, from: url_referrer}}; |
Где url – текущий адрес страницы 404, а url_referrer – адрес, с которого на него попали. Таким образом, мы в Яндекс.Метрике сможем отлеживать не только все 404 страницы, но и адреса, по которым на неё перешли.
Отчёт в Метрике необходимо смотреть тут: все отчеты -> содержание -> параметры визитов.
Подробнее о параметрах визита в Яндекс.Метрике: http://help.yandex.ru/metrika/content/visit-params.xml
Google.Analytics
Для отслеживания ошибок используем “события”. Добавляем JS-код в тело страницы:
1 2 3 4 5 6 7 8 9 |
jQuery(document).ready(function() { var url = document.location.pathname + document.location.search var url_referrer = document.referrer; ga('send', {'hitType': 'event', 'eventCategory': 'page-404', 'eventAction': url, 'eventLabel': url_referrer }); }); |
Где hitType – тип события, eventCategory – категория, eventAction – адрес ошибки, url_referrer – откуда на 404 страницу попали.
Отчёт в Гугл.Аналитикс: Поведение -> События -> Обзор.
Подробнее о настройке событий в Аналитикс: https://support.google.com/analytics/answer/1033068?hl=ru
Как использовать полученные данные?
Если ошибки 404 внутри сайта – исправьте все ссылки на правильные или уберите вовсе. Если эти ссылки с внешних ресурсов? и Вам никак не повлиять на них, то поставьте 301 редирект на максимально релевантные страницы. Любите своих клиентов и не заставляйте их думать или что-то искать на Вашем сайте.
Немало пользователей, столкнувшихся на сайте с ошибкой 404, могут покинуть сайт. Допускать этого нельзя. Владельцы как молодых, так и давно работающих веб-ресурсов должны заботиться об удержании любого посетителя. Поможет в этом грамотное оформление несуществующих страниц. В этом материале вы узнаете о том, что представляет собой ошибка 404, как ее обнаружить и оформить на пользу сайта.
Суть ошибки 404
С кодом 404 «Not Found» наверняка сталкивался каждый. Эта ошибка появляется, когда пользователь заходит на несуществующую страницу, либо неверно вводит ее адрес. Сам код свидетельствует о том, что связь с сервером установлена, но необходимая страница на нем отсутствует.
Ведущие в пустоту ссылки именуют «сломанными» или «битыми». Появление 404 ошибки может быть по следующим причинам:
- посетитель неправильно ввел адрес страницы;
- страница на сайте была перемещена или удалена. Так, URL страницы мог быть изменен, но «битая» ссылка сохранилась на сторонних ресурсах или в закладках браузера.
Даже одна «сломанная» ссылка может смутить пользователя (особенно, если это первичный посетитель), и первой его мыслью будет покинуть страницу. Владельцы сайтов обязаны позаботиться о том, чтобы этого не произошло. Ошибки 404 необходимо преобразовать на пользу веб-ресурса. Должны быть решены две основные задачи:
- формирование удобного дизайна, позволяющего удерживать посетителей;
- предоставление полезного контента, который поможет пользователю определиться с дальнейшими действиями.
Существуют различные способы найти и оформить страницы 404. Мы расскажем о самых популярных вариантах.
Способы обнаружения ошибки 404
При индексировании сайта поисковые роботы могут сообщить о наличии различных ошибок, которые веб-мастер может оперативно исправить. Достаточно просто обнаружить и проработать ошибки на небольших сайтах. Но как быть с крупными веб-ресурсами, где контент регулярно меняется и обновляется, и количество страниц 404 становится сложно контролировать? Решить проблему помогут различные сервисы.
Яндекс.Метрика
Отслеживать посещения страниц 404 можно используя «Параметры визитов» в Яндекс.Метрике. Для этого в код счетчика необходимо добавить код «params:windows.yaParams||{ }» в качестве последнего параметра:
Далее, на 404 странице в тег BODY до кода счетчика Яндекс.Метрики необходимо разместить следующий JS-скрипт:
<script>
var url = document.location.pathname + document.location.search;
var url_referrer = document.referrer;
var yaParams = {error404: {page: url, from: url_referrer}};
</script>
url здесь — это адрес неработающей страницы, а url_referrer — откуда на него пришли.
После внесения данных изменений вы сможете в отчете «Параметры визитов» в Яндекс.Метрике посмотреть полную статистику по посещенным 404 страницам и информацию – с каких страниц на них попадают:
В графе «from» — будут собраны URL, с которых пользователи попали на страницы 404, а в графе «page» — адреса несуществующих страниц.
Google Analytics
Не стоит забывать и про Google Analytics. Для просмотра отчета по посещенным 404 страницам в GA необходимо в момент их полной загрузки отправить данные о посещении. Это можно сделать с помощью следующего кода:
<script>
document.addEventListener('DOMContentLoaded', function(){
ga('send', 'pageview', {'page': ’404_ERROR?page=’+ document.location.pathname + document.location.search +’&from=’ + document.referrer,'title': '404 – НЕ НАЙДЕНА'});
});
</script>
document.referrer здесь – это URL предыдущей страницы, а document.location.pathname + document.location.search — адрес несуществующей), title – передаваемый в GA параметр, задающий название страницы (для последующей фильтрации в отчете).
document.addEventListener(‘DOMContentLoaded’, function(){}) — это аналог функции $(document).ready(function(){}) на jQuery. Если на вашем сайте вы используете JS-фреймворк jQuery – вы можете использовать данную функцию, если нет – используйте пример выше целиком.
Чтобы проверить отработку скрипта и увидеть, сколько пользователей посетили несуществующие страницы – зайдите в отчет «Поведение», «Контент сайта», «Все страницы» в Google Analytics. Фильтр настраивается по названию отсутствующей страницы (параметр title, переданный в GA):
Другие способы
Узнать о несуществующих страницах помогут также инструменты веб-мастеров – Яндекс.Вебмастер и Google Search Console. В Вебмастере нужно открыть: «Индексирование» — «Страницы в поиске» — «Исключенные страницы» и отфильтровать отчет по статусу «ошибка 404».
В Google Search Console это отчет «Покрытие» — «Исключено» — «Не найдено — 404»:
Влияет ли ошибка 404 на индексирование сайта?
Есть мнение, что обилие страниц 404 ухудшает позиции веб-ресурса в поисковой выдаче. Это не совсем так. Само по себе присутствие на сайте URL с 404 кодом ответа не принесет никакого вреда. Об этом даже свидетельствует справка Google:
Однако, существует ряд иных причин, по которым Вам стоит исправить ситуацию. Например, это сохранение ссылочного веса на сайте. Для этого необходимо настроить 301 редирект. Это может быть:
- редирект на новый адрес, если страница была перемещена;
- редирект на страницу раздела, если страница была полностью удалена.
Это частая практика в интернет-магазинах: карточке вышедшего из ассортимента товара присваивается редирект на раздел с нужной категорией.
Рекомендации по оформлению страниц с 404 ошибкой
Мы рекомендуем оформлять страницы 404. Они оказывают влияние на показатель отказов и рекламный бюджет. Например, человек, который перешел на сайт с рекламного объявления и увидел ошибку 404, просто покинет ресурс. В связи с этим страницы нужно грамотно оформлять. Стандартно 404 страница может выглядят так:
Смотрится не очень дружелюбно, из-за чего большинство пользователей попросту покидают веб-ресурс. Чтобы удержать их, необходимо соблюдать несколько простых правил в оформлении подобных страниц. SEO-специалистами был разработан перечень рекомендаций по оформлению 404 страницы. Вот некоторые из них:
- 1. Любезность с посетителями и объяснение ситуации. Человек оказался на «сломанной» странице не по своей вине. Необходимо обозначить свое сожаление и оказать ему помощь.
С этим отлично справляется сервис MailChimp. Надпись гласит: «Мы потеряли эту страницу. Мы посмотрели везде, но так и не смогли обнаружить то, что вы хотите. Давайте мы поищем для вас место получше».
- 2. Отсутствие необходимости в объяснении технических деталей. Сама «ошибка 404» уже понятна большинству посетителей. В связи с этим нет нужды доносить им какую-то сложную техническую информацию. Достаточно кратко обозначить суть сложившейся ситуации. Вот как это сделали на сайте компании «СТАЙЕР»:
- 3. Предложите проверить адрес ссылки. Если пользователи прописывали адрес самостоятельно, то вполне могли где-то сделать ошибку.
- 4. Дизайн страницы 404 в едином для сайта стиле. Очень важно, чтобы «поломанная» страница была выдержана в стиле дизайна бренда. Благодаря этому пользователи не будут введены в заблуждение. Напротив, они лояльно отнесутся к произошедшему, после чего продолжат взаимодействие с веб-ресурсом.
Отличный пример – сайт анимационной студии Pixar. На странице изображен герой мультфильма, известный поклонникам творчества студии. Надпись гласит: «Не плачь. Это всего лишь ошибка 404! То, что ты ищешь, могло попасть в долгосрочную память».
- 5. Отсутствие спама. Посетители должны четко понимать, что случилось. Несуществующую страницу не следует наполнять множеством ссылок или рекламных баннеров. Достаточно будет небольшого блока с объяснением ситуации, выдержанного в общей стилистике сайта. Многие интернет-магазины все еще ведут споры о том, стоит ли размещать популярные товары на страницу 404. Если сайт изначально хорошо структурирован, то карта товаров или блок рекомендаций может смотреться вполне органично. Например, как на сайте ЭЛЬДОРАДО.ру:
- 6. Юмор точно не будет лишним. На многих ресурсах именно 404 страница становится основной платформой для выражения дизайнерами своих юмористических и креативных идей. Подобный прием имеет целый ряд преимуществ. Так, пользователей не смутит отсутствие ожидаемого контента, а забавный или изобретательный блок поможет сориентироваться по дальнейшим действиям. Чем креативнее будет оформлена страница, тем больше пользователей получится удержать от закрытия вкладки. Вот несколько примеров креативного оформления ошибки:
На сайте компании по разработке игр Blizzard в шутку винят пользователя в том, что страница «поломалась». Свидетельствует об этом накрененный «хидер» навигации и разбитый экран:
На сервисе по созданию дизайнов Crello сообщают, что страницу украли голуби:
Мы на нашем сайте отправляем на поиск несуществующей страницы космокотодесант, который, стоит сказать, неплохо справляется со своей задачей!
- 7. Добавьте поисковую строку. Если сайт достаточно большой, то с помощью поиска посетители могут найти желаемое. Так они с еще меньшей вероятностью покинут сайт.
- 8. Страница 404 должна быть полезной. Зачастую креатива недостаточно. Заботиться нужно и о пользовательском удобстве. Оптимальный вариант – дать ссылки на совпадения по запросу. Также на странице можно разместить ссылки на актуальный или популярный контент.
Авиакомпания Emirates отлично справилась с этой задачей, разместив на странице 4 самые популярные кнопки: поиск рейсов, управление бронью, главную страницу и вход в аккаунт.
Мы на нашей 404 странице показываем ссылки на основные разделы сайта:
- 9. Разместите на странице форму отчета об ошибке. У пользователя должна быть возможность связаться с представителями сайта, если он того пожелает. Так владельцы смогут узнать о недочетах внутри веб-ресурса, а посетители оценят заботу и удобство.
Запомниться и выделиться на фоне конкурентов можно даже с помощью такой мелочи, как 404 ошибка. Необходимо сделать ее фишкой сайта. Это поможет врезаться в память и поднять лояльность аудитории.
Как не стоит оформлять страницу 404
В погоне за конверсией веб-мастера размещают на страницу с ошибкой множество рекламных блоков. Владельцам сайтов, которые следят за репутацией и лояльностью пользователей, так делать точно не стоит. Пользователи плохо реагируют, когда вместо информации, которую они искали, вы показываете им блок c рекламой или собственными акциями. Это не похоже на заботу о клиентах. Скорее, выглядит как откровенное использование.
Вместо рекламы стоит сделать простой навигатор по сайту. Так пользователям будет удобнее ориентироваться, какие действия выполнять далее.
Следующий момент – пустое содержание страницы. Цифры «404» и кнопки возврата на главную недостаточно, чтобы удержать пользователей. Содержание должно быть полезным.
Подытожим всё вышесказанное. Грамотно оформленная страница 404 должна быть:
- без лишней графики;
- содержать ссылку на главную страницу, либо показывать навигационное меню;
- иметь форму поиска;
- быть в одном стиле с веб-ресурсом;
- формировать у посетителя четкое понимание, что он попал на несуществующую страницу;
- содержать креативные элементы.
Наверное, каждый из вас попадал на «незнакомку» под именем — 404. Что это за страница и почему она не найдена? В этой статье мы дадим детальнее разъяснение и расскажем как создать и эффективно использовать страницу 404 в SEO.
навигация по статье
- Что такое “страница 404” и как влияет на SEO
- Создание и настройка страницы 404
- Оптимизация страницы 404
- Как отследить ошибки 404?
- Выводы
Что такое “страница 404” и как влияет на SEO
- 404 — это код статуса HTTP (Not found), который отдает сервер, если пользователь пытается получить доступ к URL-адресу страницы, которая не существует:
Это может случится из-за ряда причин:
- запрашиваемая страница была удалена администратором;
- запрашиваемая страница перемещена без какой-либо переадресации;
- URL-адрес страницы изменился (после обновления или изменения структуры сайта);
- пользователь перешел по “битой” (внешней или внутренней) ссылке;
- запрашиваемая страница никогда не существовала, пользователь ошибся при вводе адреса страницы.
Как владелец веб-сайта, вы можете оптимизировать данную процедуру и создать специальную страницу, которая будет выводиться при коде ответа сервера 404 — так-называемую страницу 404, которая позволит:
- детально объяснить причину посетителю, почему запрашиваемая страница не найдена;
- предложить готовые решения: поиск, карта сайта, обратная связь и др.;
- заинтересовать дополнительным содержимым сайта: лучшие материалы, горячие акции и т.д.;
- сохранить посетителя на сайте.
Кроме 404, существут и другие коды ответа (400 Bad Request, 401 Unauthorized, 402 Payment Required, 403 Forbidden). Главное, чтобы сервер корректно их обрабатывал. Ведь поисковик обращает на это внимание, когда индексирует сайты. К примеру, если страница была удалена, то с помощью кода 404, поисковые системы поймут, что такого URL больше не существует и удалят страницу из индекса через определенное время. Если же у несуществующей страницы вместо кода 404 (Not found), будет код 200 (Ok) — поисковик проиндексирует страницу и она может оказаться в результатах поисковой выдачи:
Такие страницы принято называть — “Soft 404” (гибкие 404). Они нежелательны, так как поисковой краулер тратит время (которое ограничено, так называемый «бюджет краулера») на сканирование не существующих страниц, а это в свою очередь порождает массу дублей и снижает видимость основного контента.
Некоторые веб-мастера ставят редирект со страницы 404 на Главную страницу сайта. Но это не лучшее решение и объясню почему. В этом случае пользователь не попадет туда, куда ожидал попасть, и что важно не будет знать, что контент больше недоступен. Он вообще ничего не поймет и покинет сайт.
Лучшим решением будет прописать 301 редирект со старого, несуществующего URL-адреса страницы на новый URL-адрес с аналогичным контентом. Для этого нужно внести изменения в системный файл .htaccees, который лежит в корневой директории сайта (если его нет, нужно создать) и добавить строку:
Redirect 301 /oldpage.html https://www.site.com/category/newpage.html
Теперь поисковик поймет, что данная страница перемещена и объединит два разных адреса в один, где основным будет тот URL, на который и происходит перенаправление.
Что касается самих поисковиков, то Яндекс считает Soft 404 одним из распостраненных ошибок, а позиция Google относительно ошибки 404 проста и понятна, объясняя, что они являются нормальной частью Интернета и не влияют на позиции сайта, но в целом нежелательны, так как ухудшают поведенческие факторы.
Ознакомиться с официальными рекомендациями Google по 404:https://webmasters.googleblog.com/2011/05/do-404s-hurt-my-site.htmlhttps://support.google.com/webmasters/answer/181708?hl=ruhttps://support.google.com/webmasters/answer/93641?hl=en
Ознакомиться с официальными рекомендациями Яндекс по 404:https://yandex.ru/support/metrika/stand-out/informative-page-404.html
Создание и настройка страницы 404
Большинство систем управления сайтом, по умолчанию, уже имеют встроенную страницу 404, но она часто настолько примитивна и не информативна, что не имеет никакой ценности. Такая страница не только не поможет пользователю, а будет отпугивать. Подумайте, сколько трафика вы теряете из-за непродуманной страницы 404.
Но есть выход — вы можете создать собственную страницу 404 и выжать из нее максимум!
Создается она в виде обычного html-документа. В интернете множество шаблонов 404 страницы, которые можно скачать и воспользоваться ими. Затем html-файл необходимо загрузить на сервер, в корневую директорию сайта, а в файле .htaccess прописать путь к нему:
ErrorDocument 404 http://example.com/404.html
*этот способ работает для веб-сайтов, работающих на серверах Apache, подробная документация здесь.
Таким образом, посетители увидят вместо бесполезной стандартной ошибки 404 вашу кастомную, умело подготовленную страничку, нацеленную на пользователя.
Внимание: обязательно не забудьте убедиться, что сервер действительно возвращает код 404! Проверить HTTP статус URL можно с помощью сервиса: https://bertal.ru/.
Можете также дополнительно запретить индексацию в robots.txt:
Disallow: /404.html
Для обладателей сайтов на WordPress способ выше не подойдет, т.к. страница 404 обрабатывается с помощью файла 404.php, лежащего в директории шаблона сайта (/wp-content/themes/имя-темы/404.php). Просто отредактируйте его на свое усмотрение. А если нет желания разбираться в коде, существует отличный плагин 404 Error Page — он поможет в два клика установить любую страницу, созданную в редакторе WordPress, в качестве 404-й:
Присоединяйтесь к
Rush-Analytics уже сегодня
7-ми дневный бесплатный доступ к полному функционалу. Без привязки карты.
Попробовать бесплатно
Оптимизация страницы 404
Теперь поговорим о том как должна выглядеть идеальная страница 404:
- Дизайн. Используйте оригинальный, привлекательный дизайн с небольшой долей юмора, что позволит сгладить негативное впечатление пользователя от того, что он не нашел то, что искал. Используйте остроумные и релевантные вашей тематике изображения. Людям это запомнится и они будут вспоминать ваш бренд. При этом в структуре страницы можно оставить шапку с логотипом и подвал сайта (блоки header и footer соотвественно). Главное не переусердствуйте, оформите страницу в том же стиле и тоне, что и остальная часть сайта.
- Информативность. Извинитесь перед посетителем и вежливо, в детальной форме объясните, почему он оказался на странице 404. Перечислите возможные причины из-за которых это случилось.
- Предложите решение. Помогите пользователю решить проблему, например предложите перейти на “Главную”, воспользоваться “Поиском по сайту” или просмотреть “Карту сайта”, чтобы он смог найти то, что искал. Нужно доказать посетителю, что он вам не безразличен, это поднимет доверие к вашему сайту. Хорошим тоном будет предоставить ссылки на популярные материалы/категории/разделы сайта или горячие скидки, акции, если у вас интернет-магазин. Необходимо перевести внимание пользователя на что-то полезное для него. Можно также предложить подписаться на обновления, чтобы посетитель следил за новыми материалами и новостями сайта.
- Обратная связь. Заявите о своей доступности. Позвольте пользователям связаться с вами и лично сообщить о неработающей ссылке/странице. Если будете просто “в глухую” перенаправлять посетителей на “Главную”, это будет слишком банально.
Несколько различных примеров страницы 404:
Как отследить ошибки 404?
Рано или поздно ошибки 404 появятся на вашем сайте. Чтобы вовремя успевать их устранять, существуют инструменты аналитики Google и Яндекс.
Например, в Google Search Console отследить 404 ошибки поможет отчет “Сканирование”->”Ошибки сканирования”:
В Яндекс Вебмастере отследить 404 ошибки можно в разделе «Индексирование» -> «Страницы в поиске» и выбрать группировку «Исключенные страницы», затем применить фильтр статуса — «HTTP 404»:
В Яндекс Метрике быстро получить список страниц с кодом 404 можно с помощью отчета: “Отчеты” -> “Стандартные отчеты” -> “Заголовки страниц”:
Затем нажать на кнопку “Группировки” и в новом окне добавить фильтр “URL->Адрес страницы”, нажать кнопку “Применить”:
Далее переключиться на линейный вид отчета и ввести в поле заголовок, например “404”:
Таким образом мы сможем отфильтровать страницы по заголовку 404 и просмотреть их URL, а также количество просмотров этих страниц.
Если нужно отследить “битые” ссылки на сайте, которые возвращают 404, можете воспользоваться полезным онлайн-сервисом или установить программу-краулер Seo Screaming Frog.
Обладателям сайта на WordPress, как всегда, поможет специальный плагин — Broken Link Checker.
Как не допустить появления 404-й ошибки на сайте?
- грамотно формируйте постоянные URL для страниц;
- регулярно проверяйте битые линки на сайте — как внутренние так и внешние, устранять их;
- не удаляйте старый контент, а если удаляете — ставьте 301 редирект на альтернативные страницы;
Выводы
Таким образом хорошо продуманная и эффективная страница 404 только улучшит ваше SEO. Потратив несколько часов роботы на оптимизацию, вы получите еще одну галочку в продвижении сайта, которая обязательно сыграет в вашу пользу в будущем.
К сожалению, большое количество сайтов до сих пор не имеют хорошо оптимизированной и продуманной страницы 404. И среди них есть даже сайты известных брендов и популярных компаний.
Надеюсь, этот пост был полезным и даст понятие что такое страница 404 и зачем нужна вашему сайту. Если у вас есть какие-то мысли, вопросы или идеи, оставляйте комментарии на нашей странице Facebook или пишите на support@rush-analytics.ru
