Що Таке Редирект?

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

Один із таких важливих елементів це перенаправлення.

Якщо ти новачок у світі веб-розробки або просто користувач Інтернету, якого цікавить, як все працює за лаштунками, ти потрапив у потрібне місце.

У цьому докладному посібнику ми розкриємо таємниці переадресацій, пояснимо, що вони собою представляють, як працюють, як їх використовувати, і чому вони є невід’ємною частиною функціонування інтернету та успіху твого сайту.

Що Таке Перенаправлення?

У своїй найпростішій формі, перенаправлення є набором інструкцій, які повідомляють веб-браузер або пошукову систему перейти на іншу URL (універсальний локатор ресурсів), ніж ту, яка була спочатку запитана. Перенаправлення URL також можна назвати переспрямуванням URL.

Перенаправлення використовуються, коли веб-сторінка переїхала на нове місце постійно або тимчасово.

Ми дослідимо більше прикладів використання переадресацій детальніше незабаром — відразу після того, як розглянемо основи.

Пов’язане: Що таке URL?

Цикли перенаправлення

Петля перенаправлення виникає, коли веб-сервер безперервно направляє веб-браузер назад на ту саму сторінку знову і знову.

Це відбувається, коли сервер налаштований перенаправляти браузер на альтернативну сторінку, якщо запитувану сторінку не знайдено, замість 404 error сторінки.

Коли ця конфігурація працює неправильно, це може призвести до безперервного перенаправлення браузера на ту саму сторінку замість нової. Результатом є петля перенаправлень.

Застряг у петлі? Дізнайся, як вийти з неї з нашим посібником Як виправити помилку “Забагато перенаправлень” у WordPress (13 методів).

Переадресація Доменів

Схожим на URL-перенаправлення є перенаправлення домену (або переадресація домену). Це коли всі сторінки в межах доменного імені перенаправляються на інше доменне ім’я. Це корисно в випадках, коли змінюється розширення домену верхнього рівня (TLD), наприклад, коли він переводиться з .net на більш сучасний .com.

Пов’язане: Що таке gTLD?

Зазвичай, коли хтось не уточнює і просто каже “перенаправлення”, мається на увазі перенаправлення URL, а не перенаправлення домену. Ми зробимо те саме в цій статті, зосередившись саме на перенаправленнях URL.

Що Таке Приклад Перенаправлення?

Поговорімо про те, як може виглядати перенаправлення.

Уяви, що на твоєму сайті є сторінка, яка має хорошу відвідуваність, ти часто посилався на неї і ділився посиланням у багатьох місцях. Але вона стала жахливо застарілою. У цьому прикладі це наш блог-пост про найкращі фільми 2019 року.

Замість того, щоб видалити це посилання і тепер показувати код помилки всім, хто на нього натискає — створюючи недовіру і різко підвищуючи показник відмов вашого сайту — ти можеш перенаправити його на нову сторінку з актуальним, але свіжішим контентом. Наприклад, на оновлений блог про найкращі фільми 2023 року.

Що Робить Перенаправлення?

Перенаправлення домену змушує веб-браузер відправляти користувача з оригінального доменного імені (яке вони запитали) на інше доменне ім’я (яке ти вказав через перенаправлення).

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

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

Це може бути особливо корисною ідеєю в випадках, коли ти оновлюєш популярну статтю, яка була написана кілька років тому, наприклад, рецепт або список «найкращих», як у вищезазначеному прикладі, де відвідувачі могли звикнути до старого контенту.

Коли мені слід використовувати перенаправлення?

Існує багато випадків використання перенаправлення URL:

Перехід На Новий Домен

Як ми вже згадували, якщо ти вирішиш змінити ім’я домену свого сайту, дуже важливо налаштувати перенаправлення зі старого домену на новий. Це забезпечує, що відвідувачі, які користуються застарілими посиланнями, не будуть спрямовані на застарілу (або неробочу) версію твого вебсайту, яка псує їхнє чудове користувацьке досвід (UX).

Перехід На HTTPS

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

Це гарантує, що відвідувачі, які намагаються отримати доступ до сайту через незахищене з’єднання, автоматично перенаправляються на захищену версію, де їхні дані та конфіденційність краще захищені.

Тепер, коли більшість браузерів показують користувачам Інтернету повідомлення про помилку, коли вони намагаються зайти на вебсайт, який не використовує HTTPS, це критично важливо для підтримки сильного потоку відвідувачів вебсайту — що, звичайно, необхідно для генерації конверсій та продажів.

Видалення Сторінок

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

Об’єднання Сторінок

Маєш кілька сторінок зі схожим контентом, які ти хочеш об’єднати, щоб створити супер сторінку для пошукової оптимізації (SEO)?

Чудова ідея — але коли ти це зробиш, не забудь використовувати переадресації зі сторінки(ок), які ти видаляєш, на об’єднану сторінку, щоб жоден цінний трафік не витікав з воронки.

Схоже: Що таке SEO?

Виконання Технічного Обслуговування

Під час технічного обслуговування сайту або контенту веб-сторінка може бути тимчасово виведена з ладу.

У таких випадках, налаштування тимчасового перенаправлення може направити відвідувачів на налаштовану сторінку технічного обслуговування або просто на іншу актуальну область на вашому сайті, щоб переконатися, що вони все ще можуть отримати доступ до необхідної їм інформації та ресурсів.

Надання Тимчасової Відповіді Без Перезавантаження

У випадку, коли сторінка має бути показана під час відправлення інформації на сайт — наприклад, при покупці, публікації тощо — можна використовувати переадресацію для показу цієї сторінки користувачу. Це забезпечує, що сторінка відправлення не буде змінена або перезавантажена, оскільки перезавантаження може фактично повторно відправити дані і призвести до помилок або подвійних транзакцій, публікацій тощо.

Чому я повинен використовувати переадресації?

Тепер ми знаємо, коли перенаправлення є найбільш застосовними — але чому так важливо використовувати перенаправлення URL у всіх цих випадках?

Є дві основні причини.

Першим є забезпечення відмінного досвіду користувача. 

Уяви, що ти клікаєш на посилання, а зустрічаєш повідомлення про помилку. Є багато ресурсів, і якщо ти схожий на нас, ти підеш шукати інший.

Ось тут одна причина, чому розумні, своєчасні переадресації є критично важливими. Вони забезпечують безшовне направлення користувачів саме туди, куди ти хочеш їх направити — на твій найсвіжіший та найточніший контент на твоїх найновіших та найкраще оформлених сторінках.

Тоді є SEO. 

Пошукові системи використовують перенаправлення, щоб зрозуміти, яка версія схожих URL-адрес є канонічною. Це означає, що вона є бажаною для того, щоб пошукова система сканувала, індексувала та надавала користувачам пошукових систем, коли вони задають питання, на які може відповісти ваш контент.

Перенаправлення також зменшують шанси на те, що користувач зіткнеться з повідомленням про помилку і покине ваш сайт. Відмови – це те, на що Google звертає увагу, вирішуючи про якість вашого контенту та його місце в результатах пошуку. Ти хочеш з’явитися якомога ближче до верхівки результатів пошуку, щоб якомога більше очей було на твоєму сайті.

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

Розмова про SEO — це величезний і постійно змінюваний процес — і посилання та переадресації — лише частина головоломки. Якщо хочеш дізнатися (багато) більше про цю тему, перевір це:

• Зверни Увагу На URL-адреси: Як Створити SEO-дружню Структуру Вебсайту
• Покращ Свої Позиції За Допомогою Цих 20 SEO-технік
• SEO на Сторінці Проти SEO за Межами Сторінки: Повний Гід & Важливі Поради

Як Функціонує Перенаправлення?

1. Коли ти вводиш URL у свій браузер (клієнт), він надсилає запит на сервер, що розміщує цю веб-сторінку.
2. Якщо на цій сторінці встановлено переадресацію, сервер відповідає з HTTP-кодом статусу, який вказує тип переадресації — та URL, на який відбувається переадресація.
3. Клієнт тоді слідує інструкціям, наданим у повідомленні сервера, щоб зробити запит URL у новому місці.
4. Сервер відповідає, як очікувалося, з запитаною сторінкою.

Типи Перенаправлень

Оскільки перенаправлення може використовуватися в різних випадках з різних причин, логічно, що існує кілька їх типів.

Давай розглянемо найбільш поширені та важливі типи перенаправлень, про які тобі слід знати.

Постійне Перенаправлення Проти Тимчасового Перенаправлення

Існує дві основні категорії перенаправлень: постійні та тимчасові.

Постійні перенаправлення слід використовувати, коли ти не плануєш знову показувати стару сторінку, наприклад, при її видаленні або об’єднанні двох і більше сторінок. Кінцеві користувачі не помітять різниці, але такий тип перенаправлення повідомляє пошукові системи, що вони можуть забути стару URL-адресу та зосередитись на індексації та показі нової.

Тимчасові переадресації зустрічаються дещо рідше. Їх слід використовувати, коли ти хочеш показати нову або іншу сторінку, але плануєш повернутися до оригінальної сторінки в якийсь момент. Це сигналізує Google та іншим пошуковим системам зберегти інформацію зі старої URL-адреси, щоб вона була готова до відображення цієї сторінки, коли тимчасова переадресація буде вимкнена.

Перенаправлення на Стороні Сервера (Відомі як HTTP Перенаправлення)

HTTP або серверний редирект відбувається, коли веб-сервер, на якому розміщено твій сайт, обробляє редирект перед завантаженням сайту. Це швидко і непомітно для користувача.

Те, що відбувається, полягає в тому, що сервер отримує запит на стару URL-адресу від браузера, відправляє назад код переадресації та нову URL-адресу браузеру, а браузер читає код переадресації як інструкції та використовує їх для надання нової URL-адреси, як це зазначено.

Що ми маємо на увазі під «кодом перенаправлення»?

Дуже раді, що ти запитав — ми не можемо дочекатися, щоб показати тобі.

301 Редирект (Переміщено Назавжди)

Цей код повідомляє серверам та пошуковим системам, що перенесення сторінки є постійним.

Це найефективніший код для передачі ваги посилань на нову сторінку, але ефективність зменшується з кожним перенаправленням, тому не ставтеся до нього як до нескінченного циклу авторитету.

302 Redirect (Тимчасово Переміщено)

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

303 Переадресація (Дивіться Інше)

Коли оригінальна сторінка недоступна або потребує тимчасового відключення (щоб її не можна було перезавантажити), цей тип перенаправлення веде користувачів на зовсім іншу, але все ще відповідну сторінку. Зазвичай використовується для надання тимчасової сторінки, як у випадку зі сторінкою підтвердження покупки тощо.

307 Redirect (Тимчасово Переміщено)

Як і перенаправлення 302, перенаправлення 307 є тимчасовим, це просто трохи більш сучасна версія, яка працює іншим чином. Воно чітко повідомляє серверам і пошуковим системам, що нова URL-адреса є тимчасовою і оригінальна URL-адреса згодом повернеться. У цьому сенсі 302 є більш неоднозначним. Деякі джерела стверджують, що перенаправлення 302 є (трохи) більш дружнім до SEO варіантом.

308 Перенаправлення (Переміщено Назавжди)

Перенаправлення 308 позначає постійне переміщення і функціонально дуже схоже на 301. 308 є трохи точнішим і чистішим з технічної точки зору, тому може бути більш вподобаним розробниками. Якщо ти не впевнений, яке використовувати, 301, ймовірно, буде безпечнішим варіантом.

Для допомоги у виборі найкращого коду для твоїх цілей, корисним ресурсом є посібник яке перенаправлення від Yoast.

Перенаправлення на Стороні Клієнта (Meta Refresh та JavaScript Перенаправлення)

На відміну від перенаправлень на стороні сервера, існують перенаправлення на стороні клієнта, які відбуваються в коді вашого сайту. Їх можна реалізувати за допомогою JavaScript або мета-тегу оновлення.

Як правило, перенаправлення на стороні сервера вважаються більш прийнятними, оскільки вони дозволяють уникнути втручання в твій код. Також вважається, що вони корисніші для SEO.

Це тому, що переадресації JavaScript потребують увімкнення JavaScript у браузері користувача, чого не завжди може бути. А переадресації за допомогою meta refresh можуть завантажуватися повільно. Повільні часи завантаження призводять до поганого UX та нижчого рейтингу в очах Google. З цих причин ми не будемо зосереджуватися на тому, як це робити в цій статті.

Що, якщо я не використовую переадресацію?

Використання перенаправлення відіграє важливу роль: це допомагає захистити відвідувачів від зіткнення зі сторінками помилок.

Тому що якщо ти не налаштуєш перенаправлення при переміщенні сторінки або зміні її URL, то саме сторінку помилки 404 вони й отримають.

Коли відвідувачі стикаються з помилкою 404, вони набагато частіше вирішують покинути ваш сайт і шукати інше джерело, ніж ритися у пошуках того, що їм потрібно. З часом підвищений показник відмов може навіть негативно вплинути на SEO вашого вебсайту.

З усім сказаним, ти все ще повинен мати корисну, брендовану сторінку 404 на своєму вебсайті для будь-яких випадків, коли щось проходить крізь щілини. Це допоможе утримати відвідувачів сайту в універсумі твого бренду і може збільшити твої шанси утримати їх у твоїй орбіті.

Додаткове читання: Як виправити помилку 404 Не знайдено в WordPress

2 Способи Впровадження Переадресацій На Твоєму Сайті

Ти почуваєшся обізнаним та маєш усе необхідне для спроби використання перенаправлень на своєму сайті?

Дозволь нам показати тобі кілька способів це зробити!

Використовуй Плагін/Конструктор Сайтів (Підходить для Початківців)

WordPress користувач? І ми теж — ми трохи одержимі.

Одна з речей, яку ми вважаємо такою цінною в WordPress, це те, як легко платформа дозволяє підійти до завдань, які могли б бути дійсно технічно складними. Одне з таких завдань — реалізація перенаправлень.

Плагіни, як Redirection, спрощують налаштування та відстеження переадресацій 301, без необхідності займатися кодом або звертатися до вашого сервера. Якщо Redirection не підходить для тебе, пошукай у директорії plugin і ти знайдеш багато опцій для переадресації. Yoast є поширеним SEO plugin, який також пропонує можливості переадресації. Що б ти не вибрав, документація твого плагіну та процес налаштування після встановлення допоможуть тобі швидко розібратися, як використовувати його для переадресацій.

І якщо ти ще не дуже знайомий з плагінами, ознайомся з Твоїм повним введенням у плагіни WordPress перед тим, як зануритися глибше.

Схоже: Що таке плагін?

Інші конструктори сайтів можуть мати інструменти чи функціональні можливості, які також спрощують роботу з перенаправленнями. Наприклад, у Wix ти можеш керувати перенаправленнями з панелі керування. Також HubSpot.

Щоб дізнатися, як обробляти перенаправлення у твоєму обраному конструкторі, пошукай в Google «як налаштувати перенаправлення URL на [моїй платформі веб-сайтів].»

Редагувати Код Сайту (Розширені)

Увага: Ця опція призначена для користувачів, які впевнено володіють доступом та редагуванням свого коду сайту. Зміни тут можуть бути постійними, і помилки можуть завдати шкоди або навіть заблокувати доступ до вашого сайту.

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

Ці інструкції призначені для впровадження постійного перенаправлення 301 на типовому сервері Nginx.

Спочатку тобі потрібно отримати доступ до файлу на твоєму сайті під назвою “.htaccess.” Це можна зробити одним із наступних способів:

• Підключення до твого сайту за допомогою клієнта Протоколу безпечної передачі файлів, наприклад, FileZilla.
• Використання функції менеджера файлів у панелі керування веб-хостингом. Наприклад, ось як клієнт DreamHost може доступитися до менеджера файлів свого сайту.

Як тільки ти відкриєш файли свого сайту, вибери папку, що має назву твого сайту. Всередині ти побачиш більше папок і безліч файлів, включаючи файл під назвою “.htaccess.”

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

Тепер відкрий його для редагування. Потім слідуй цим інструкціям з нашої бази знань, щоб перенаправити окремі URL-адреси або всі URL-адреси на нове місце.

Для отримання додаткової інформації про налаштування та усунення несправностей постійних перенаправлень читай Як створити 301 перенаправлення в WordPress (4 методи).

Зверни увагу, що доступ та редагування файлів твого вебсайту залежать від сервера, його налаштувань і іноді навіть від твого провайдера хостингу. Будь-яке невелике відхилення може зробити вищевказані інструкції непридатними для твого сайту. Якщо ти спробуєш слідувати цим інструкціям і вони не працюють — або ти взагалі не хочеш йти цим шляхом — ми рекомендуємо звернутися до розробника, якщо у тебе є до нього доступ, або до твого провайдера хостингу.

Саме тому завжди важливо…

Переконайся, що ти співпрацюєш з хостом, який готовий допомогти

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

І не тільки це, вони надзвичайно важливі для забезпечення чудового досвіду користувача та підвищення вашого SEO, щоб ви були більш помітними в пошукових системах для людей, які можуть бути зацікавлені у вашій продукції та послугах.

Тому якщо ти трохи пригнічений перспективою самостійного вирішення перенаправлень URL, ми тебе не звинувачуємо!

Саме тому ми пропонуємо кілька тарифних планів (включаючи керований хостинг WordPress для безтурботної роботи) та послуги з SEO-маркетингу, які ти можеш використати для зростання трафіку та успіху свого сайту.

У DreamHost ми прагнемо надати тобі всі інструменти, які тобі потрібні для успіху твого сайту — але ми також завжди поруч, якщо тобі потрібна допомога.