Перейти к основному контенту

Как сделать редирект на HTML

Читайте нашу статью, если хотите узнать, что такое, для чего используется и как настроить редирект HTML.

Что такое редирект

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

Чаще всего используются такие редиректы:

  • 301 редирект — его настраивают, когда страница навсегда перенесена на другой URL. При таком редиректе поисковики индексируют только новый вариант страницы — на неё и попадает пользователь.
  • 302 редирект — его настраивают, когда страница перенесена временно. В этом случае поисковые системы индексируют и старый, и новый вариант страницы.

Для чего используют редирект

HTML redirect на другую страницу используют в таких случаях:

  • перенос сайта на другой домен. Лучше всего настраивать редирект на другой сайт, в тот момент, когда старый сайт ещё ранжируется в поисковой выдаче;
  • использование устаревших браузеров. Если часть посетителей пользуется старыми версиями браузеров, у них может не быть поддержки файлов Cookie и могут не работать другие способы перенаправления;
  • показ новой информации с задержкой по времени — если нужно, чтобы редирект срабатывал не сразу. Допустим, вы проводите акцию на сайте и хотите привлечь к ней внимание. Для этого можно настроить переадресацию с главной страницы сайта на страницу акции;
  • перенаправление пользователя на другую страницу сайта. Например, после оплаты покупки.
  • перенос разделов на субдомены. Например, на странице вашего сайта site.ru/catalog был перечень услуг. Но набор услуг увеличивался, и со временем понадобилось перенести его на субдомен catalog.site.ru. В этом случае удобно настроить редирект с site.ru/catalog на catalog.site.ru;
  • перенаправление нескольких доменов на один основной. Клиентам бывает сложно запомнить домен сайта. Поэтому часто владельцы сайтов регистрируют помимо основного домена схожие с ним доменные имена и настраивают редирект на основной сайт. Так клиенты с большей вероятностью попадут на основной сайт.

Настроить перенаправление можно несколькими способами:

HTML-редирект может замедлить продвижение сайта в поисковых системах. Рекомендуем его использовать только при отсутствии поддержки PHP, на тарифе хостинга Host-Lite.

В инструкции ниже мы расскажем, как настроить редирект посредством HTML.

Что такое HTML-редирект

Редирект на HTML настраивается в коде индексного файла. Индексный файл чаще всего называется index.html. Внутри файла в блоке head нужно прописать специальный метатег Refresh. При использовании метатега Refresh перенаправление срабатывает в коде страницы. Это значит, что перенаправляет не скрипт на сервере, а именно браузер.

Допустим, вы сделали HTML-редирект со страницы index.html на new_index.html. В этом случае перенаправление будет работать по такой схеме:

  1. Браузер запрашивает файл стартовой страницы index.html с сервера.

  2. Сервер находит index.html и отвечает на запрос браузера.

  3. Когда браузер открывает страницу index.html, он «читает» строки кода, которые прописаны в файле. Когда он доходит до строки с HTML-редиректом, то видит в ней упоминание файла new_index.html.

  4. Браузер посылает запрос к серверу, на котором хранится new_index.html.

  5. Сервер находит эту страницу и отвечает на запрос браузера.

  6. Браузер открывает страницу new_index.html.

Метатег Refresh выглядит так:

<meta http-equiv="refresh" content="0;URL=http://site.ru" />

Где:

  • content — время ожидания редиректа в секундах. Укажите 0, если хотите, чтобы перенаправление срабатывало сразу;
  • URL — ссылка на конечную страницу.

Как настроить HTML-редирект

  1. 1.
    Откройте индексный файл.
  2. 2.

    Введите текст:

    <head>
    <meta http-equiv="refresh" content="0;URL=http://site.ru" />
    </head>

    Где:

    • 0 — время ожидания редиректа в секундах. Оставьте значение 0, если хотите, чтобы редирект срабатывал без задержки;
    • http://site.ru — ссылка на страницу, на которую должен вести редирект. Если на конечном сайте установлен SSL-сертификат, укажите https:// вместо http://.
  3. 3.
    Затем сохраните изменения.

Код редиректа будет выглядеть так:

Готово, вы настроили HTML-редирект.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 3 из 5