Содержание

Как перенаправить на другую веб-страницу с помощью JavaScript

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

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

window.location = 'https://newurl.com'

Если вы хотите перенаправить на другой путь в том же домене, используйте:

window.location.pathname = '/new'

Это используетlocationобъект, предложенныйAPI истории.

Другие варианты перенаправления

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

Сwindowнеявно присутствует в браузере, вы также можете:

location = 'https://newurl.com'

Другой способ — установитьhrefсобственностьюlocation:

window. location.href = 'https://newurl.com'

locationтакже имеетassign(), который принимает URL-адрес и выполняет то же самое:

window.location.assign('https://newurl.com')

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

window.location.replace('https://newurl.com')

Это может быть удобно в некоторых ситуациях.

Различные способы достижения

windowобъект

Браузер предоставляетselfиtopобъекты, которые все ссылаются наwindowобъект, поэтому вы можете использовать их вместоwindowво всех приведенных выше примерах:

301 редирект с использованием серверной директивы

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

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

Это можно сделать через.htaccessпри использовании Apache.Netlifyделает это через_redirectsфайл.

Возможны ли 301 редирект с использованием JavaScript?

К сожалению нет.

На стороне клиента это сделать невозможно.

Код ответа HTTP 301 должен быть отправлен с сервера задолго до того, как браузер выполнит JavaScript.

Эксперименты говорят, что переадресация JavaScript интерпретируется поисковыми системами как переадресация 301. Видетьэто сообщение Search Engine Landдля справки.

Google говорит:

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

Другой вариант — использовать метатег в вашем HTML:

<html>
  <head>
    <meta http-equiv="refresh" content="0;URL=https://newurl.com/">
  </head>
</html>

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


Больше руководств по js:

  • Чего следует избегать в JavaScript (плохие части)
  • Отсрочки и обещания в JavaScript (+ пример Ember.js)
  • Как загрузить файлы на сервер с помощью JavaScript
  • Стиль кодирования JavaScript
  • Введение в массивы JavaScript
  • Введение в язык программирования JavaScript
  • Полное руководство по ECMAScript 2015-2019
  • Понимание обещаний JavaScript
  • Лексическая структура JavaScript
  • Типы JavaScript
  • Переменные JavaScript
  • Список примеров идей веб-приложений
  • Введение в функциональное программирование с помощью JavaScript
  • Современный асинхронный JavaScript с Async и Await
  • Циклы и область действия JavaScript
  • Структура данных JavaScript карты
  • Заданная структура данных JavaScript
  • Руководство по шаблонным литералам JavaScript
  • Дорожная карта для изучения JavaScript
  • Выражения JavaScript
  • Откройте для себя таймеры JavaScript
  • Объяснение событий JavaScript
  • Циклы JavaScript
  • Пишите циклы JavaScript, используя map, filter, reduce и find
  • Цикл событий JavaScript
  • Функции JavaScript
  • Глоссарий JavaScript
  • Замыкания JavaScript объяснены
  • Учебник по функциям стрелок в JavaScript
  • Руководство по регулярным выражениям JavaScript
  • Как проверить, содержит ли строка подстроку в JavaScript
  • Как удалить элемент из массива в JavaScript
  • Как глубоко клонировать объект JavaScript
  • Introduction to Unicode and UTF-8
  • Юникод в JavaScript
  • Как ввести первую букву строки в верхний регистр в JavaScript
  • Как отформатировать число как денежное значение в JavaScript
  • Как преобразовать строку в число в JavaScript
  • это в JavaScript
  • Как получить текущую метку времени в JavaScript
  • Строгий режим JavaScript
  • Выражения функции немедленного вызова JavaScript (IIFE)
  • Как перенаправить на другую веб-страницу с помощью JavaScript
  • Как удалить свойство из объекта JavaScript
  • Как добавить элемент в массив в JavaScript
  • Как проверить, не определено ли свойство объекта JavaScript
  • Введение в модули ES
  • Введение в CommonJS
  • Асинхронное программирование и обратные вызовы JavaScript
  • Как заменить все вхождения строки в JavaScript
  • Краткое справочное руководство по современному синтаксису JavaScript
  • Как обрезать ведущий ноль в числе в JavaScript
  • Как проверить объект JavaScript
  • Полное руководство по датам JavaScript
  • Учебник Moment. js
  • Точка с запятой в JavaScript
  • Арифметические операторы JavaScript
  • Объект JavaScript Math
  • Создавайте случайные и уникальные строки в JavaScript
  • Как заставить ваши функции JavaScript спать
  • Прототипное наследование JavaScript
  • Исключения JavaScript
  • Как использовать классы JavaScript
  • Поваренная книга JavaScript
  • Цитаты в JavaScript
  • Как проверить адрес электронной почты в JavaScript
  • Как получить уникальные свойства набора объектов в массиве JavaScript
  • Как проверить, начинается ли строка с другой в JavaScript
  • Как создать многострочную строку в JavaScript
  • Руководство по ES6
  • Как получить текущий URL в JavaScript
  • Руководство ES2016
  • Как инициализировать новый массив значениями в JavaScript
  • Руководство ES2017
  • Руководство ES2018
  • Как использовать Async и Await с Array.prototype.map ()
  • Асинхронный и синхронный код
  • Как сгенерировать случайное число между двумя числами в JavaScript
  • Учебное пособие по HTML Canvas API
  • Как получить индекс итерации в цикле for-of в JavaScript
  • Что такое одностраничное приложение?
  • Введение в WebAssembly
  • Введение в JSON
  • Руководство по JSONP
  • Should you use or learn jQuery in 2020?
  • Как скрыть элемент DOM с помощью простого JavaScript
  • Как объединить два объекта в JavaScript
  • Как очистить массив JavaScript
  • Как закодировать URL-адрес с помощью JavaScript
  • Как установить значения параметров по умолчанию в JavaScript
  • Как отсортировать массив объектов по значению свойства в JavaScript
  • Как подсчитать количество свойств в объекте JavaScript
  • call () и apply () в JavaScript
  • Введение в PeerJS, библиотеку WebRTC
  • Работа с объектами и массивами с помощью Rest и Spread
  • Разрушение объектов и массивов в JavaScript
  • Полное руководство по отладке JavaScript
  • Руководство по TypeScript
  • Динамически выбирать метод объекта в JavaScript
  • Передача undefined в JavaScript с немедленным вызовом функциональных выражений
  • Свободно типизированные языки против строго типизированных языков
  • Как стилизовать элементы DOM с помощью JavaScript
  • Трансляция в JavaScript
  • Руководство по генераторам JavaScript
  • Размер папки node_modules не является проблемой. Это привилегия
  • Как решить непредвиденную ошибку идентификатора при импорте модулей в JavaScript
  • Как перечислить все методы объекта в JavaScript
  • Метод String replace ()
  • Метод String search ()
  • Как я запускаю небольшие фрагменты кода JavaScript
  • Руководство ES2019
  • Метод String charAt ()
  • Метод String charCodeAt ()
  • Метод String codePointAt ()
  • Метод String concat ()
  • Метод String EndWith ()
  • Метод String includes ()
  • Метод String indexOf ()
  • Метод String lastIndexOf ()
  • Метод String localeCompare ()
  • Метод String match ()
  • Метод String normalize ()
  • Метод String padEnd ()
  • Метод String padStart ()
  • Метод String repeat ()
  • Метод String slice ()
  • Метод String split ()
  • Метод String startWith ()
  • Метод String substring ()
  • Метод String toLocaleLowerCase ()
  • Метод String toLocaleUpperCase ()
  • Метод String toLowerCase ()
  • Метод String toString ()
  • Метод String toUpperCase ()
  • Метод String trim ()
  • Метод String trimEnd ()
  • Метод String trimStart ()
  • Мемоизация в JavaScript
  • Метод String valueOf ()
  • Ссылка на JavaScript: Строка
  • Метод Number isInteger ()
  • Метод Number isNaN ()
  • Метод Number isSafeInteger ()
  • Метод Number parseFloat ()
  • Метод Number parseInt ()
  • Метод Number toString ()
  • Метод Number valueOf ()
  • Метод Number toPrecision ()
  • Метод Number toExponential ()
  • Метод Number toLocaleString ()
  • Метод Number toFixed ()
  • Метод Number isFinite ()
  • Ссылка на JavaScript: номер
  • Дескрипторы свойств JavaScript
  • Метод Object assign ()
  • Метод Object create ()
  • Метод Object defineProperties ()
  • Метод Object defineProperty ()
  • Метод записи объекта ()
  • Метод Object freeze ()
  • Метод Object getOwnPropertyDescriptor ()
  • Метод Object getOwnPropertyDescriptors ()
  • Метод Object getOwnPropertyNames ()
  • Метод Object getOwnPropertySymbols ()
  • Метод Object getPrototypeOf ()
  • Метод Object is ()
  • Метод Object isExtensible ()
  • Метод Object isFrozen ()
  • Метод Object isSealed ()
  • Метод Object keys ()
  • Метод Object preventExtensions ()
  • Метод Object seal ()
  • Метод Object setPrototypeOf ()
  • Метод значений объекта ()
  • Метод Object hasOwnProperty ()
  • Метод Object isPrototypeOf ()
  • Метод Object propertyIsEnumerable ()
  • Метод Object toLocaleString ()
  • Метод Object toString ()
  • Метод Object valueOf ()
  • Справка по JavaScript: объект
  • Оператор присваивания JavaScript
  • Интернационализация JavaScript
  • Оператор типа JavaScript
  • Новый оператор JavaScript
  • Операторы сравнения JavaScript
  • Правила приоритета операторов JavaScript
  • Оператор instanceof в JavaScript
  • Заявления JavaScript
  • Область действия JavaScript
  • Преобразования типов JavaScript (приведение)
  • Операторы равенства JavaScript
  • Условное выражение if / else в JavaScript
  • Условное переключение JavaScript
  • Оператор удаления JavaScript
  • Параметры функции JavaScript
  • Оператор распространения JavaScript
  • Возвращаемые значения JavaScript
  • Логические операторы JavaScript
  • Тернарный оператор JavaScript
  • Рекурсия JavaScript
  • Свойства объекта JavaScript
  • Объекты ошибок JavaScript
  • Глобальный объект JavaScript
  • Функция JavaScript filter ()
  • Функция JavaScript map ()
  • Функция JavaScript reduce ()
  • Оператор `in` в JavaScript
  • Операторы JavaScript
  • Как получить значение свойства CSS в JavaScript
  • Как добавить прослушиватель событий к нескольким элементам в JavaScript
  • Поля частного класса JavaScript
  • Как отсортировать массив по значению даты в JavaScript
  • Поля открытого класса JavaScript
  • Символы JavaScript
  • Как использовать библиотеку JavaScript bcrypt
  • Как переименовывать поля при деструктуризации объекта
  • Как проверять типы в JavaScript без использования TypeScript
  • Как проверить, содержит ли массив JavaScript определенное значение
  • При чем тут оператор двойного отрицания !! делать в JavaScript?
  • Какой оператор равенства следует использовать при сравнении JavaScript? == против ===
  • Стоит ли изучать JavaScript?
  • Как вернуть результат асинхронной функции в JavaScript
  • Как проверить, пустой ли объект в JavaScript
  • Как выйти из цикла for в JavaScript
  • Как добавить элемент в массив по определенному индексу в JavaScript
  • Почему не следует изменять прототип объекта JavaScript
  • В чем разница между использованием let и var в JavaScript?
  • Ссылки, используемые для активации функций JavaScript
  • Как соединить две строки в JavaScript
  • Как соединить два массива в JavaScript
  • Как проверить, является ли значение JavaScript массивом?
  • Как получить последний элемент массива в JavaScript?
  • Как отправить urlencoded данные с помощью Axios
  • Как получить дату завтрашнего дня с помощью JavaScript
  • Как получить вчерашнюю дату с помощью JavaScript
  • Как получить название месяца из даты JavaScript
  • Как проверить, совпадают ли две даты в один и тот же день в JavaScript
  • Как проверить, относится ли дата к дню в прошлом в JavaScript
  • Операторы с пометкой JavaScript
  • Как дождаться выполнения 2 или более обещаний в JavaScript
  • Как получить дни между двумя датами в JavaScript
  • Как загрузить файл с помощью Fetch
  • Как отформатировать дату в JavaScript
  • Как перебирать свойства объекта в JavaScript
  • Как рассчитать количество дней между двумя датами в JavaScript
  • Как использовать ожидание верхнего уровня в модулях ES
  • Динамический импорт JavaScript
  • Необязательная цепочка JavaScript
  • Как заменить пробел внутри строки в JavaScript
  • Нулевое объединение JavaScript
  • Как сгладить массив в JavaScript
  • Это десятилетие в JavaScript
  • Как отправить заголовок авторизации с помощью Axios
  • Список ключевых слов и зарезервированных слов в JavaScript
  • Как преобразовать массив в строку в JavaScript
  • Как удалить все содержимое папок node_modules
  • Как удалить дубликаты из массива JavaScript
  • Let vs Const в JavaScript
  • Один и тот же вызов POST API в различных библиотеках JavaScript.
  • Как получить первые n элементов массива в JS
  • Как разделить массив на несколько равных частей в JS
  • Как замедлить цикл в JavaScript
  • Как загрузить изображение на холст HTML
  • Как разрезать строку на слова в JavaScript
  • Как разделить массив пополам в JavaScript
  • Как написать текст на холсте HTML
  • Как удалить последний символ строки в JavaScript
  • Как удалить первый символ строки в JavaScript
  • Как исправить ошибку TypeError: невозможно назначить только для чтения свойство «exports» объекта «# & lt; Object & gt;» ошибка
  • Как создать всплывающее окно с намерением выхода
  • Как проверить, является ли элемент потомком другого
  • Как принудительно вводить учетные данные для каждого запроса Axios
  • Как устранить ошибку «не функция» в JavaScript
  • Гэтсби, как изменить фавикон
  • Загрузка внешнего файла JS с помощью Gatsby
  • Как определить темный режим с помощью JavaScript
  • Посылка, как исправить ошибку `регенераторВремя выполнения не определено`
  • Как определить, используется ли блокировщик рекламы с JavaScript
  • Деструктуризация объектов с типами в TypeScript
  • Справочник Deno: краткое введение в Deno 🦕
  • Как получить последний сегмент пути или URL-адреса с помощью JavaScript
  • Как перемешать элементы в массиве JavaScript
  • Как проверить, существует ли ключ в объекте JavaScript
  • Возбуждение событий и захват событий
  • event. stopPropagation против event.preventDefault () против return false в событиях DOM
  • Примитивные типы и объекты в JavaScript
  • Как узнать, к какому типу относится значение в JavaScript?
  • Как вернуть несколько значений из функции в JavaScript
  • Стрелочные функции и обычные функции в JavaScript
  • Как мы можем получить доступ к значению свойства объекта?
  • В чем разница между null и undefined в JavaScript?
  • В чем разница между методом и функцией?
  • Как мы можем выйти из цикла в JavaScript?
  • Цикл for..of в JavaScript
  • Что такое деструктуризация объектов в JavaScript?
  • Что такое подъем в JavaScript?
  • Как заменить запятые на точки с помощью JavaScript
  • Важность тайминга при работе с DOM
  • Как перевернуть массив JavaScript
  • Как проверить, является ли значение числом в JavaScript
  • Как принять неограниченное количество параметров в функции JavaScript
  • Объекты прокси JavaScript
  • Делегирование событий в браузере с использованием ванильного JavaScript
  • Ключевое слово JavaScript super
  • Введение в XState
  • Значения передаются по ссылке или по значению в JavaScript?
  • Пользовательские события в JavaScript
  • Пользовательские ошибки в JavaScript
  • Пространства имен в JavaScript
  • Любопытное использование запятых в JavaScript
  • Цепочка вызовов методов в JavaScript
  • Как справиться с отклонением обещаний
  • Как поменять местами два элемента массива в JavaScript
  • Как я исправил ошибку «cb. apply is not a function» при использовании Gitbook
  • Как добавить элемент в начало массива в JavaScript
  • Гэтсби, исправьте ошибку «не удается найти модуль gatsby-cli / lib / reporter»
  • Как получить индекс элемента в массиве JavaScript
  • Как проверить пустой объект в JavaScript
  • Как деструктурировать объект до существующих переменных в JavaScript
  • Структура данных JavaScript в виде массива
  • Структура данных Stack JavaScript
  • Структуры данных JavaScript: очередь
  • Структуры данных JavaScript: Установить
  • Структуры данных JavaScript: словари
  • Структуры данных JavaScript: связанные списки
  • JavaScript, как экспортировать функцию
  • JavaScript, как экспортировать несколько функций
  • JavaScript, как выйти из функции
  • JavaScript, как найти символ в строке
  • JavaScript, как фильтровать массив
  • JavaScript, как расширить класс
  • JavaScript, как найти дубликаты в массиве
  • JavaScript, как заменить элемент массива
  • Алгоритмы JavaScript: линейный поиск
  • Алгоритмы JavaScript: двоичный поиск
  • Алгоритмы JavaScript: сортировка выбора
  • Алгоритмы JavaScript: быстрая сортировка
  • Алгоритмы JavaScript: сортировка слиянием
  • Алгоритмы JavaScript: пузырьковая сортировка

Что такое переадресация домена (Web-forwarding, URL-forwarding, Web-redirect, HTTP-redirect)?

Услуга «Переадресация домена» (называемая также Web-forwarding, URL-forwarding, Web-redirect, HTTP-redirect) позволяет настроить переадресацию с одного домена на другой, а также на веб-страницу с другим адресом.

При настройке переадресации используется 301 редирект.

Примеры переадресаций
  • с домена mysite.ru на домен my-new-site.ru;
  • с домена mysite.ru на страницу my-new-site.ru/shop.

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

Услуга «Переадресация домена» может также использоваться при регистрации дополнительного доменного имени для уже существующего веб-сайта.

Внимание

  • Установка SSL-сертификатов на услугу веб-форвардинг невозможна. Поэтому перенаправление с https://mysite.ru/ не производится.
  • Настроить перенаправление с поддомена (например, с subdomain.domain.ru) на какую-либо страницу невозможно.

В качестве примера предлагаем рассмотреть такую ситуацию:

У вас есть домен mycompany. ru, на котором полноценно работает сайт. На нём есть раздел продукции одного из ваших поставщиков. Адрес этой страницы: www.mycompany.ru/mybrand/index.html или подобный.

Для лучшего продвижения товара этого поставщика вы приобретаете целевое доменное имя: mybrand.ru и заказываете для него услугу «Переадресация домена» на адрес уже существующего раздела на вашем основном сайте: www.mycompany.ru/mybrand/index.html.

Теперь посетители могут набирать прямой адрес сайта бренда mybrand.ru, а вы использовать этот адрес в прямой рекламе продукции этого бренда. Легче запомнить адрес – выше эффективность!

Одиночное перенаправление запроса

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

Пример:
  • настроена переадресация site1. ru — site2.ru;
  • посетители видят в строке браузера: site2.ru.

Одиночное перенаправление с маскировкой адреса во фрейме

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

Пример:
  • настроена переадресация site1.ru — site2.ru;
  • посетители видят в строке браузера: site1.ru.
Техническая справка

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

Массовое перенаправление всех страниц

Все запросы с одного адреса (например, http://faq-reg.ru) будут перенаправлены на соответствующие страницы другого адреса. Вы сможете настраивать множество перенаправлений с вашего домена (с разных адресов на базе домена).

Пример

Вы зарегистрировали домен newdomain.ru и ваш сайт находится по адресу http://mysite.narod.ru. Услуга позволит вам перенаправить запросы: с newdomain.ru, newdomain.ru/news, newdomain.ru/info и всех остальных страниц сайта на http://mysite.narod.ru.

О настройке различных вариантов услуги «Переадресация домена» читайте ниже в инструкции Как настроить Переадресацию домена.

  1. 1. Перейдите в Личный кабинет.
  2. 2.

    Кликните по домену, для которого хотите подключить услугу:

  3. 4.

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

  4. 5.

    Проверьте позиции в корзине и нажмите Оплатить:

  5. 6. Выберите удобный способ оплаты и оплатите выставленный счет.

Готово, теперь услуга доступна в вашем Личном кабинете.

С помощью услуги «Переадресация домена» вы можете настроить следующие виды переадресации:

  • одиночное перенаправление конкретного адреса;
  • одиночное перенаправление с маскировкой адреса во фрейме;
  • массовое перенаправление всех страниц.

Подробнее про каждый способ.

Для корректной работы услуги:

  • к новому домену должен быть привязан IP-адрес старого домена,
  • для домена должны быть прописаны DNS-серверы ns1.reg.ru и ns2.reg.ru. Если для домена прописаны другие DNS-серверы, используйте инструкцию Как изменить DNS-серверы.
  1. 1.

    Перейдите к списку услуг и выберите Web-forwarding:

  2. 2.

    Нажмите Как настроить домен:

  3. 3.

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

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

    Кликните по имени домена, для которого подключена услуга «Переадресация домена».

  3. 3.

    Во вкладке «Управление» в блоке «DNS-серверы и управление зоной» нажмите Изменить:

  4. 4.

    Выберите DNS-серверы ns1.reg.ru и ns2.reg.ru:

    Готово, вы изменили DNS-серверы. Если ранее вы использовали другие DNS-серверы, изменения вступят в силу в течение 24 часов.

Чтобы настроить переадресацию с одного домена на другой:

  1. 2.

    Во вкладке «Управление» пролистайте страницу вниз и в блоке «Перенаправления» нажмите Добавить:

  2. 3.

    В шторке справа выберите нужное перенаправление:

  3. 4.

    Заполните необходимые поля:

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

    Нажмите Готово:

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

Что делать, если при маскировке адреса во фрейме сайт не адаптируется на мобильном устройстве?

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

В коде head автоматически добавляется метатег:

meta name=“viewport” content=“width=device-width, initial-scale=1.0”

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

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

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

Обратите внимание! При удалении услуги «Переадресация домена» средства не возвращаются.

  1. 2.

    Выберите Web-forwarding в списке услуг.

  2. 3.

    Во вкладке «Операции» нажмите Удалить услугу:

  3. 4.

    Подтвердите удаление услуги.

Готово, услуга будет удалена в течение 15 минут.

Помогла ли вам статья?

794 раза уже
помогла

Битрикс — Редиректы, поиск битых ссылок (ошибок 404)

0.2.8 (09.07.2021) 1) Исправлена ошибка создания редиректа из ошибки 404 при наличии get-параметров в ссылке.
2) Доработано применение статусов 410 при использовании регулярных выражений в редиректе.
0.2.7 (24.06.2021) 1) Добавлена настройка «Максимальное количество записей в таблице статистики ошибок 404», чтобы таблица с ошибками 404 не переполнялась.
2) Исправлена ошибка подключения jquery.
3) Оптимизирована скорость добавления и удаления редиректов.
0.2.6 (05.12.2020) 1) Доработаны редиректы для добавления/удаления слеша в конце url-адреса.
2) Добавлена опция для удаления завоенных слешей.
3) Добавлена возможность исключать из статистики 404 страниц обращения с определенными user-agent.
0.2.5 (08.10.2020) 1) Добавлена возможность задавать разные настройки модуля для разных сайтов.
2) Исправлена ошибка создания автоматических редиректов в режиме многосайтовости.
0.2.4 (26.08.2020) 1) Исправлена ошибка подключения jquery.
2) Добавлены ссылки из списка редиректов на страницы сайта.
3) Добавлена информация о пользователе, создавшем редирект.
4) Исправлены ошибки применения редиректов.
0.2.3 (20.04.2020) 1) Добавлена возможность предоставлять права для работы с модулем различным группам пользователей.
2) Добавлена возможность задавать правила со статусом 410 (удален).
3) Реализованы события на удаление/деактивацию элементов и разделов инфоблока.
4) Добавлен список страниц-исключений, к которым не будут применяться редиректы.
5) Реализовано приведение таблиц БД к нужной кодировке после установки модуля.
6) Добавлена проверка наличия POST-параметров перед редиректом.
0.2.2 (01.12.2019) 1) Добавлена возможность создавать свои правила для редиректов с ошибок 404.
2) Добавлены настройки для редиректов со страниц index.php, index.htm, index.html.
3) Доработано приведение таблиц БД к нужной кодировке при установке модуля.
4) Доработаны правила обработки редиректов для всех вложенных страниц раздела.
0.2.1 (26.09.2019) 1) Исправлены ошибки импорта редиректов.
2) Добавлена возможность делать редиректы со страниц 404 на главную или в родительский раздел.
3) Улучшена защита от циклических редиректов.
0.2.0 (03.07.2019) Добавлена дополнительная защита от циклических редиректов, возникающих из-за базовых настроек модуля.
0.1.9 (03.07.2019) Добавлен импорт редиректов из Excel-файла.
0.1.8 (05.06.2019) 1) Добавлена возможность задавать активность и комментарий для редиректа.
2) Добавлена опция для приведения всех url-адресов к нижнему регистру.
3) Реализовано автоматическое удаление редиректов при удалении элементов и разедлов инфоблока.
4) Доработано определение протокола https.
0.1.7 (30.03.2019) 1) Добавлена запись последнего IP-адреса при сборе статистики по ошибкам 404.
2) Исправлена работа с url-адресами длиной более 255 символов.
3) Доработана защита от циклических редиректов.
0.1.6 (01.01.1970) 1) Добавлена запись последнего user-agent и referer при сборе статистики по ошибкам 404.
2) Добавлена фильтрация по большинству полей в списке статистики по ошибкам 404.
3) Добавлена запись даты создания, даты последнего перехода и количество переходов по редиректу, а также возможность фильтрации по этим полям.
0.1.5 (01.01.1970) 1) Добавлена возможность сбора статистики по ошибкам 404 и создания из них редиректов на другие страницы.
2) Исправлена ошибка удаления привязок редиректов к сайтам при удалении самих редиректов.
3) Добавлена возможность использовать в редиректах регулярные выражения.
4) Исправлена ошибка редиректов на странице со слешем.
0.1.4 (04.11.2018) 1) Добавлена возможность переадресации со старых несуществующих js и css-файлов из папки /bitrix/cache на новые файлы. 2) Доработан функционал редиректов на страницы со слешем или без слеша.
0.1.3 (17.10.2018) Устранена ошибка работы модуля при запуске крона.
0.1.2 (17.10.2018) Исправлена ошибка редиректов на страницах с get-параметрами.
0.1.1 (17.10.2018) Исправлена ошибка редиректа со страницы без слеша на страницу со слешем.

301-редирект: гайд по настройке — SEO

Alexander Kots

30 июня | 2020

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

Пример: https://en.uaateam. agency/ перенаправляется на https://uaateam.digital/

Когда используется 301 redirect

Самый распространенный пример использования 301 redirect в SEO—продвижении – это склейка урлов сайта. В этом случае помимо передачи 90% ссылочного веса, передается также и авторитетность сайта с которого идёт перенаправление.

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

Если вы переезжаете на новый домен тоже было бы хорошо сделать редирект на него со старого, ведь таким образом можно сохранить трафик (люди переходят на старый домен через закладки или вписывают УРЛ в поиске, и в этих случаях попадают на новый домен)

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

Но в таких случаях также присутствует еще один вариант исправления ошибки — удаление страницы.

Виды Редиректов

301 редирект

301 редирект — это постоянный редирект, с помощью которого можно передавать  более 90% ссылочного веса, также он говорит о том, что страница имеет новый адрес, а старый УРЛ стоит считать неактуальным.

302 и 307 редирект

302 редирект является временным и передает целых 0% ссылочного веса и не рекомендуются для использования, его приемником в протоколе HTTP 1.1 является 307 редирект. Эти типы перенаправлений следует использовать лишь для перемещения контента на время, например, для проведения технических работ.

Остальные виды редиректов

Также редирект можно выполнить с помощью JavaScript или Meta Refresh, неудобство их использования заключается в том, что они не передают ссылочный вес и выполняются на уровне страницы, а не на уровне сервера как 301 или 302 редиректы.

Чем отличается постоянная переадресация от 302?

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

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

Советы по использованию редиректа
  1. Переадресация не должна быть циклической, если страница будет ссылаться на саму себя это может привести к тому, что при индексации сайта поисковым ботом, есть вероятность его попадания в такую «петлю», что в конечном счёте повлечет за собой сливание краулингового бюджета и как итог — сайт не будет проиндексирован.
  2. Не стоит делать редирект с адреса на который также идёт редирект, то бишь, если у вас есть страница 1, 2 и 3, то не нужно делать редирект с первой на вторую, а со второй на третью, ставьте сразу с первой на третью. Таким образом нагрузка на сервер не будет увеличиваться, а эффективность редиректа не будет уменьшаться.
  3. Размещение правил редиректов стоит начинать с общих, и лишь после них вписывать частные, так как при каких-либо противоречиях первыми будут срабатывать общие правила и лишь после них частные.
  4. Полезным редиректом будет считаться тот, который ведёт на страницу, копирующую во всех нюансах запрашиваемую.

 

Где настраиваются редиректы?

Самым популярным и распространенным методом выполнения переадресации является создание файла под названием .htaccess в папке сайта или редактирование его, если он у вас имеется.

При использовании веб-сервера Apache файл называется httpd.conf.

Рекомендую вам делать Backup файла или всего сайта, перед тем как вносить какие-либо изменения.

Регулярные выражения

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

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

 Примеры:
  • Перенаправляем полностью весь сайт на новый адрес:

  • Редирект с одной страницы на другую

  • Редирект с www на без www:

  • Переадресация с HTTP на HTTPS:

Не забывайте о том, что работая с файлом, команда происходит на уровне сервера с ОС Linux или Apache с активированным модулем Mod_rewrite.

Также можно уменьшить нагрузку на сервер, изменив конфигурационным файлом hpptd.conf. — редирект .htaccess.

Настройка редиректов в CMS

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

С помощью PHP-условия

Если вы знаете структуру web-проекта, разбираетесь в PHP и сайт сделан на CMS, то откройте файл index.php, и в корне движка пропишите:

(в первой строчке указывается старый url, а во второй — новый)

Также, перенаправление PHP можно сделать с помощью отправки заголовков:

ASP редирект

ASP.NET редирект

В корне сайта необходимо будет найти файл web.config и вставить в секцию синтаксис:

ColdFusion редирект

JSP (Java) редирект

Такой способ лучше всего подойдет для корректировки простых проектов. Вы просто прописываете код в одном файле и добавляете на все нужные страницы. А вот и сам код:

(перенаправление на другой сайт)

CGI-скрипт на PERL

Ruby on Rails

Редирект в nginx

HTML-редирект

Если вам необходимо изменить лишь одну страницу на простеньком статическом сайте — сделайте редирект HTML.  Просто добавьте мета-тег внутри.

В данном примере мы используем редирект на наш сайт с 10-секундной задержкой:

Если мы изменим значение с 10 на 1, то пользователь отправится на https://uaateam.agency/ с секундной задержкой.

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

Редиректы по типам задачи

Перенаправление с www / без www

Добавьте эти строки в файл .htaccess, если вам необходимо настроить главное зеркало:

Также редирект с www можно выполнить благодаря синтаксису:

Склейка index. php, index.html, index.htm, index.asp

Редирект с http и https

Если мы переезжаем на защищенный протокол, то добавляем:

или

Редирект с https на http

Склейка дублей со слешем в конце url

Для удаления слеша по всему сайту необходимо использовать код:

Код для обратного эффекта:

Удаляем несколько слешей или тире в адресной строке

Делаем перенаправление с лишними слешами на страницу с одним слешем:

Для склейки тире воедино пропишите от www.site.com/catalog/page1.html:

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

 

Редирект одного url на другой адрес

Самая быстрая переадресация страницы на новый адрес:

С сохранением GET-параметров

url до параметра

 значение после параметра (вместо ?= ставится ^)

новый адрес

Если некоторых GET-параметров нет или они имеют произвольное значение, выбираем такой синтаксис:

Без сохранения GET-параметров

Для переадресации адреса site. ua/index.php на основное зеркало site.ua:

или

Редирект на URL в нижнем регистре

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

Пропишите данный код на уровне php-скрипта:

С внутренней страницы на главную

Перенаправление каталога

Если изменяется структура каталога, отображаемой в url:

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

 

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

Редирект при изменении файловых расширений

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

Склеиваем домены или переезжаем на другой сайт

Перенаправляем все страницы с одного домена на главную страницу другого

Добавьте в файл . htaccess сайта, с которого делаете редирект, следующие строки:

(site.ua — площадка, на которую будет вести редирект)

Перенаправление на главную с внутренних страниц

Перенаправление на внутреннюю страницу с главной

С поддомена на основной домен

Со страниц одного домена на аналоги в другом

Если перенаправление на другой адрес необходимо после смены структуры урлов, то попробуйте этот код:

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

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

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

виды, особенности, когда использовать > Q-SEO

Все что нужно знать о кодах ответа 3хх

Все прекрасно знакомы с кодами ответа 301 и 302 — это HTTP коды перенаправления. На самом деле они далеко не единственные и существует еще несколько различных типов редиректов, многие из которых мы, как SEO-специалисты, не используем. Хотя иногда, сканируя сайт, можно увидеть, что некоторые страницы отдают код ответа 307. И вот вопрос — что с ними делать? Нужны ли они нам вообще?

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

Напомним, что переадресация URL (редирект) — это функция сервера, которая отправляет клиента и поисковую систему с одного URL-адреса на другой. Чаще всего редиректы автоматические и классифицируются с помощью кодов ответа, определенных в протоколе HTTP.

Какие бывают коды редиректов:

 

Забегая наперед: в статье будут использоваться термины GET, POST, HEAD запросы. Поэтому тем, кто, прочитав это, напрягся и начал чувствовать себя неуверенно — посмотрите справку в конце этой статьи.

 

HTTP 300 — Multiple Choice (Множественный выбор)

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

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

Когда дают право выбрать

 

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