Ваше руководство по распространенным перенаправлениям (+ примеры использования)

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

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

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

Этот пост расскажет, что такое перенаправления и когда их можно использовать. Затем мы предоставим вам обзор основных типов перенаправлений и объясним, как вы можете реализовать их на вашем сайте. Готовы?

Введение в перенаправления

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

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

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

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

• После удаления страницы
• После обновления содержимого
• При изменении вашей Системы управления содержимым (CMS)
• После изменения вашей структуры постоянных ссылок

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

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

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

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

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

6 типов URL-перенаправлений (и почему вы можете их использовать)

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

301 Перенаправление

301 редирект — это постоянное перенаправление со страницы, которая была удалена или перемещена. Это один из самых распространенных типов перенаправлений.

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

Вы должны рассмотреть возможность использования 301-го редиректа, когда:

• Окончательное удаление страницы сайта
• Перенос вашего сайта на новый домен
• Изменение URL страницы путем сокращения или маскировки ссылок
• Объединение нескольких элементов контента в одну веб-страницу

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

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

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

302 Перенаправление

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

Со стороны браузера (то есть с точки зрения пользователя) между перенаправлениями 302 и 301 нет большой разницы. Однако, перенаправление 302 имеет другой код состояния HTTP-ответа. Этот код информирует поисковые системы о том, что им не следует обновлять свои ссылки на исходный ресурс.

Рассмотрите возможность использования 302 редиректа когда:

• Внесение изменений в исходный контент
• Проведение A/B тестирования
• Информирование аудитории о распроданных товарах

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

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

Перенаправление 303

Код 303 перенаправления — это код состояния HTTP-ответа, который означает «смотреть другое». Похож на перенаправление 302, это временный код, который информирует браузер и поисковую систему о том, что оригинальный контент был заменен похожим ресурсом.

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

Перенаправления 303 полезны для перенаправления после PUT или POST запросов. Это гарантирует, что повторное обновление страницы не вызовет повторное перенаправление.

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

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

307 Перенаправление

Ещё одна временная опция — это перенаправление 307. Это перенаправление на стороне сервера, которое сообщает поисковым системам, что URL может измениться в будущем. Особенностью перенаправления 307 является то, что метод HTTP-запроса должен оставаться неизменным.

Хотя они похожи на 302 редиректы, 307 редиректы могут быть более понятными. Это потому, что 307 редирект не позволяет преобразования из POST в метод запроса GET.

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

Переадресация 307 позволяет вам периодически обновлять содержимое ссылки, при этом используя исходный URL. Таким образом, вы можете избежать потери веб-трафика.

308 Перенаправление

Подобно перенаправлению 301, перенаправление 308 указывает на то, что исходный URL-адрес перемещается на постоянной основе. Однако перенаправления 308 не позволяют изменять метод запроса с POST на GET.

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

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

Мета-обновление

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

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

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

Как реализовать перенаправления (3 метода)

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

1. Используйте плагин перенаправления для WordPress

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

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

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

Чтобы начать, перейдите в вашу Панель управления WordPress. Затем перейдите в Plugins > Add New. Используя инструмент поиска, найдите плагин Redirection. Когда найдете его, просто установите и активируйте:

Далее перейдите в Tools > Redirection. Это позволит вам создать новые перенаправления или изменить существующие:

Кликните на Добавить новую, и введите исходный URL и целевой URL:

Затем найдите HTTP код в расширенных настройках и выберите из списка типов перенаправлений. Вы сможете выбрать из перенаправлений 301, 302, 303, 304, 307 и 308:

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

2. Создание перенаправления с использованием вашего файла .htaccess

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

Вы можете найти файл .htaccess в корневой папке вашего сайта. Как именно вы получите к нему доступ, зависит от вашего веб-хоста и тарифного плана. Если у вас есть тарифный план здесь, в DreamHost, вы можете зайти в свой аккаунт, выбрать сайт, с которым хотите работать, и перейти в Управление файлами. Найдите папку, названную в честь вашего сайта, и кликните по ней:

Затем найдите файл .htaccess. Щелкните по нему правой кнопкой мыши и выберите Редактировать:

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

Перенаправление [redirect type] [/path/to/old/file/old.html] [/path/to/new/file/new.html]

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

Например, мы реализовали 302 перенаправление. Вот как выглядел наш код .htaccess:

Если вы реализуете мета-обновление, вы можете использовать этот код вместо этого:

<meta http-equiv="refresh" content="2;url=http://example.com/" />

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

3. Создайте перенаправление в вашем PHP файле

Еще один простой способ реализации переадресации – использование PHP. Это включает добавление функции header () в файл PHP для перенаправления посетителей на новый URL. Однако ваш исходный файл должен быть файлом PHP, чтобы этот процесс работал.

Чтобы начать, откройте текстовый редактор. Для тех, кто использует компьютер Microsoft, мы рекомендуем Notepad++. Для пользователей Mac хорошей альтернативой будет Tumult Whisk.

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

<?php
header("HTTP/1.1 301 Moved Permanently");
header("Location: https://www.domain.com/the-new-name.php");
header("Connection: close");
?>

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

Решение проблемы с неработающими ссылками

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

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