Переспрямування вебсторінок: HTTP-редиректи та приклад meta refresh

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

Основний спосіб — відповідь HTTP

Якщо є доступ до налаштувань сервера, використовуйте відповідний код стану 3xx і заголовок Location. Для постійного перенесення застосовують, зокрема, 301 або 308, для тимчасового — 302 або 307. Вибір залежить також від того, чи потрібно зберегти метод запиту.

Приклад meta refresh

У звичайному HTML можна задати перехід через одну секунду:

<!doctype html>
<html lang="uk">
<head>
  <meta charset="utf-8">
  <meta http-equiv="refresh" content="1; url=https://example.com/">
  <title>Сторінку переміщено</title>
</head>
<body>
  <p>Сторінку переміщено. <a href="https://example.com/">Перейти вручну</a>.</p>
</body>
</html>

Адресу https://example.com/ замініть на свою цільову сторінку. Зверніть увагу: правильний атрибут має назву http-equiv.

У прикладі число 1 задає паузу в одну секунду. Для автоматичного переходу MDN рекомендує 0 з міркувань доступності: не кожен читач встигає прочитати повідомлення або скористатися посиланням під час короткої затримки. За можливості налаштуйте HTTP-редирект на сервері.

Що робити з помилкою 404

Не варто автоматично переспрямовувати кожну відсутню сторінку на головну. Якщо відповідної заміни немає, покажіть зрозумілу сторінку помилки зі статусом 404 і посиланнями для подальшої навігації. Якщо сторінку перенесено, налаштуйте редирект на її конкретну нову адресу.

Документація MDN про переспрямування HTTP