Що таке редирект і як його прописати
Редирект (також відомий як переадресація URL-адреси) – це переспрямування відвідувачів з однієї URL-адреси на іншу. Як це працює? Наприклад, користувач вводить https://www.web-promo.ua/, а потрапляє на https://web-promo.ua/ – це і є редирект.
У наведеному прикладі немає великої різниці між двома URL-адресами, і користувач може навіть не помітити жодних змін. Однак бувають і більш кардинальні переспрямування.
Правильно та вчасно налаштований редирект має безпосередній вплив на користувацький досвід. Дослідження Radware показало, що 60% веб-сторінок мають принаймні одну помилку, пов’язану з переспрямуванням. Як думаєте, чи залишиться користувач на вашому сайті, якщо побачить сповіщення на кшталт “Помилка 404”, “Сторінка не існує” чи “Забагато переспрямувань. Неможливо завантажити сторінку”? Знову ж звернемося до статистики – у звіті веб-безпеки 2022 року компанія Radware виявила, що помилки перенаправлення можуть призвести до зниження конверсій на 10%. Тож саме час розібратися, для чого потрібен редирект та як його прописати.
Які проблеми може вирішити редирект?
- Переміщення сторінки на нову URL-адресу. У такому випадку краще використати переадресацію, щоб користувачі, які намагаються отримати доступ до старої сторінки, автоматично переходили на нову. Це важливо як для користувачів, так і для пошукових систем. Користувачі будуть менш схильні до розчарування, якщо вони перейдуть на правильну сторінку, а пошукові системи зможуть належним чином проіндексувати нову сторінку;
- “Переїзд” на новий домен;
- Видалення сторінки;
- Створення нової категорії чи тегу. Якщо ви оновлюєте структуру сайту, краще подбати про редирект для тих сторінок, які здобули новий тег чи потрапили в іншу категорію;
- Технічне обслуговування сторінки. Допоки на сайті “ведуться роботи”, не дозволяйте користувачам це помітити, надайте доступ до резервних версій, щоб вони могли продовжити споживати ваш контент;
- Зміна нешифрованого протоколу HTTP на зашифрований HTTPS.
Основні види редиректів
Код 301 – Moved Permanently
Це постійний редирект. Він використовується, коли сторінка переїхала на нову адресу і ви хочете, щоб користувачі завжди потрапляли до неї. 301 редирект дає зрозуміти пошуковій системі, що сторінка переїхала і варто проіндексувати нову версію.
Редирект типу 301 використовують за таких обставин:
- ви перемістили свій сайт на новий домен і хочете зробити плавний перехід;
- на ваш сайт веде кілька різних URL-адрес. Якщо, вашу домашню сторінку можна отримати кількома способами, оберіть одну з них як бажану (канонічну) цільову адресу та налаштуйте переспрямування на неї;
- ви об’єднуєте два веб-сайти або кілька розділів. У такому випадку редирект налаштовується зі застарілих URL-адрес на оновлені сторінки.
! Щоб виявити код 301, розпізнати його та проіндексувати нову сторінку, пошуковій системі знадобиться певний час.
Код 302 – Moved Temporarily
Це тимчасовий редирект. Він використовується, коли сторінка тимчасово недоступна і ви хочете, щоб користувачі переходили на іншу сторінку доти, поки основна сторінка не відновиться.
Коли ще може знадобитися цей тип редиректу?
- поки проводиться технічне обслуговування сторінки:
- якщо ви не хочете, щоб відбулося “склеювання” старої та нової сторінки, бажаєте зберегти в індексі обидві URL-адреси;
- коли ваш домен потрапив під фільтри, бани і под. і ви вирішили змінити адресу сайту (домен). Якщо ви обираєте 301 редирект, то в результаті всі проблеми старої адреси перенесуться на нову. У такому випадку краще обирати код 302.
Meta Refresh
Це редирект, який виконується за допомогою HTML-тегуна сторінці. Мета-тег додається до голови HTML-документа і містить атрибути, які вказують, на яку сторінку переспрямовувати користувача, і через який проміжок часу зробити це.
Мета-тег refresh можна використовувати для:
- переспрямування користувачів з однієї сторінки на іншу з новим дизайном або контентом;
- перехід на сторінку іншою мовою;
- переведення на інший домен.
Мета-тег refresh – не вимагає втручання в код сторінки, однак має деякі обмеження:
- це тип переспрямування, який виконується на рівні сторінки, а не на рівні сервера. Зазвичай він повільніший. Найчастіше вони виглядають як відлік часу із текстом «якщо вас не буде переспрямовано через п’ять секунд, натисніть тут»;
- його не можна використовувати для переспрямування користувачів зі сторінок, які захищені паролем;
- неможливо “переводити” користувачів зі сторінок, які мають високу кількість відвідувань.
JavaScript Redirect
Редирект, який виконується за допомогою JavaScript. Цей метод може бути використаний для редиректу користувачів уже після завантаження сторінки.
Однак, якщо ви хочете використати цей тип редиректу, важливо враховувати наступне:
- користувачі можуть вимкнути використання JavaScript у своєму браузері, тоді цей метод не спрацює;
- пошукові системи можуть інтерпретувати JavaScript Redirect по-різному. Деякі з них можуть не враховувати редирект при індексації сторінки;
- JavaScript Redirect може затримати завантаження сторінки, особливо якщо він виконується з великою затримкою. Це може негативно вплинути на користувацький досвід.
Як перевірити, який код відповіді на сторінці вашого серверу?
Код відповіді сервера вказує на результат запиту до сервера і може допомогти зрозуміти, чому запит пройшов успішно чи невдало. Як його побачити?
Спосіб 1. Розширення браузера для розробників. Більшість сучасних браузерів мають розширення, які дозволяють перевірити код відповіді сервера для кожного запиту. Зазвичай їх можна знайти в розділі “Network” (Мережа). Після здійснення запиту до сервера буде відображено список запитів і їх відповідей, де ви зможете побачити код відповіді для кожного запиту.
Спосіб 2. Командний рядок. Ви можете використовувати інструменти командного рядка, такі як `curl` або `wget`, для здійснення запитів до сервера і отримання відповіді разом з кодом статусу.
Спосіб 3. Серверні логи. Якщо ви адміністратор сервера або маєте доступ до серверних логів, ви можете перевірити коди відповіді сервера в журналах сервера.
! Логи – текстові файли, які містять дані про виниклі помилки роботи системи. Назва лога складається з 2 частинок, наприклад, error_log або access_log.
Спосіб 4. Сканування через SEO-сервіси. Наприклад, можна скористатися сервісом Screaming Frog. Для цього потрібно завантажити їхній продукт – SEO Spider (доступна як безкоштовна так і платна версія) та виконати наступні дії:
- введіть або скопіюйте адресу веб-сайту, який ви бажаєте просканувати та натисніть «Почати»;
- оберіть вкладку «Responce Codes» та застосуйте фільтр «Redirection (3XX)»;
- перевірте пункт призначення редиректу – перегляньте блок “Redirect URL”.
Що таке ланцюги редиректів та який їхній вплив?
Ланцюг редиректів – це послідовність переспрямувань, які використовуються для перенесення користувача з одного URL на інший.
Наприклад, коли https://example.com/page1/ переспрямовує на https://example.com/page2/, а https://example.com/page2/ відправляє на https://example.com/сторінка3/. Такі ланцюжки редиректів можуть мати вплив на веб-сайт та його функціональність:
Швидкість завантаження
Кожне додаткове переспрямування може збільшити час завантаження сторінки і відповідно вплинути на користувацький досвід та позиції в пошукових системах.
PageRank
Посилання, які переходять через багато редиректів, можуть втратити свою “вагу”.
Помилки в роботі сайту
Не налаштовані належним чином редиректи можуть призвести до помилок в роботі сайту. Користувачі іноді зустрічатимуть сторінки “Помилка 404” або з некоректним відображенням. Крім того, адміністраторам сайту може бути важко відслідковувати, які редиректи працюють правильно, а які – ні.
Трафік
Довгі ланцюги редиректів можуть спричинити зниження потоку користувачів, оскільки частина відвідувачів може відмовитися від переходу на іншу сторінку через надмірну тривалість процесу.
Буває ще один тип ланцюгів – цикл редиректів. Він може виникнути, коли, наприклад, ви створили переспрямування, а потім передумали та з нової сторінки почали вести на стару. Іншими словами, https://example.com/page1/ переспрямовує користувача на https://example.com/page2/ , а https://example.com/page2/ повертає користувача назад на https://example.com/page1/.
Через це часто користувачі та пошукові системи не можуть отримати доступ до https://example.com/page1/. Користувач бачить помилку «забагато переспрямувань», а пошукові системи не можуть відсканувати нескінченний цикл перенаправлень.
Як виявити?
Для пошуку ланцюжків краще використовувати спеціальні чекери. Серед них може бути, наприклад, уже згадуваний Screaming Frog.
Щоб виявити їх, виберіть «Звіти > Редиректи > Ланцюжки редиректів». Перед вами з’явиться таблиця з ланцюгами редиректів, кількістю переходів на цьому шляху та джерелом. Також система визначить, чи є циклічні редиректи.
Також ви можете скористатися сервісом Webmasta чи Redirectdetective.
Як прописати редирект?
Сьогодні більшість сучасних платформ CMS пропонують рішення або плагіни для легкого налаштування редиректів типу 301 і 302. Наприклад, корисним може бути безкоштовний плагін WordPress – RankMath.
Також поширеним способом налаштування редиректу 301 є використання файлу .htaccess.
Як прописати редирект за допомогою файлу .htaccess?
Для цього вам потрібно створити новий файл у кореневій папці вашого сайту і назвати його .htaccess. Потім додайте до файлу наступний код:
RewriteEngine On
RewriteCond %{HTTP_HOST} ^www.example.com$ [NC]
RewriteRule ^(.*)$ http://example.com/$1 [R=301,L]
Цей код підійте, якщо ви хочете переспрямовувати всі запити з домену www.example.com на example.com (склеювання дублів). Після додавання його до файлу .htaccess, вам потрібно перезавантажити сервер, щоб зміни вступили в силу.
Кілька інших прикладів кодів для редиректів через файл .htaccess:
- Стандартний 301 редирект (застосовується для переадресації з однієї сторінки на іншу):
Redirect 301 /was.php https://www.site.ua/new.php
- Переспрямування з HTTP на HTTPS:
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
- Переспрямування з однієї папки в іншу:
RewriteEngine On
RewriteRule ^old-folder/(.*) new-folder/$1 [R=301,L]
- Переспрямування з однієї URL-адреси на іншу:
RewriteEngine On
RewriteRule ^old-url.html new-url.html [R=301,L]
Висновки
Редирект важливий для підтримки працездатності веб-сайту. Він дозволяє користувачам та пошуковим системам продовжувати з вами взаємодіяти навіть коли вміст вашого веб-сайту переміщується та змінюється. Правильно налаштована переадресація дбає про те, щоб шлях користувача залишався чітким і логічним, а ваша видимість у пошукових системах зберігалася навіть у процесі змін. Головне бути обережними з кількістю таких переспрямувань, адже ланцюги редиректів можуть навпаки нашкодити, заплутавши пошукову систему, чи знизивши “вагу” посилання. Також варто завжди перевіряти актуальність сторінок, на які налаштована переадресація.
