Przekierowanie 303 – co to jest i kiedy je stosować? 

Na doświadczenia użytkowników wpływa wiele różnorodnych czynników. Jednym z nich jest m.in. dostęp do pożądanych zasobów internetowych. Na efektywne zarządzanie w tym zakresie pozwala natomiast m.in. przekierowanie 303. 

Z tego artykułu dowiesz się: 

• Czym jest przekierowanie 303?
• Kiedy stosować przekierowanie 303?
• Jak w praktyce wygląda przekierowanie tymczasowe 303?
• Jak ustawić przekierowanie 303?

Przekierowanie 303 – definicja  

Przekierowanie 303 to rodzaj przekierowania strony, będący istotnym elementem w komunikacji pomiędzy serwerem i użytkownikiem. Pozwala ono bowiem na płynny i efektywny dostęp do zasobów internetowych.  

Przekierowanie 303 to jeden z kodów odpowiedzi protokołu HTTP, który informuje przeglądarkę internetową o konieczności przekierowania na inną lokalizację zasobu.  

Definicja przekierowania 303

Przekierowanie 303 wskazuje na to, że żądany zasób jest dostępny pod innym adresem URL, ale należy użyć metody GET do pobrania danych. 

Stosowanie przekierowania 303  

Przekierowanie 303 jest szczególnie przydatne w kontekście przesyłania formularzy metodą POST. Gdy użytkownik wypełnia formularz i przesyła go do serwera za pomocą metody POST, serwer może odpowiedzieć kodem 303. Oznacza to, że otrzymał dane z formularza, ale zasób, który teraz jest dostępny, powinien być pobrany przez przeglądarkę za pomocą metody GET. Dodatkowo, stosowanie przekierowania 303 jest zalecane w sytuacjach, gdy: 

• formularz został pomyślnie przesłany, ale wynikowa strona jest dostępna pod innym adresem URL,
• serwer chce uniknąć problemów z ponownym przesyłaniem danych po odświeżeniu strony przez użytkownika,
• istnieje potrzeba przekazania dodatkowych instrukcji dla przeglądarki, aby uzyskała zasób metodą GET, zamiast powtarzać żądanie POST.

Przekierowanie 303 w praktyce

Gdy użytkownik przesyła formularz na stronie internetowej, na przykład niech będzie to rejestracja do newslettera, dane z tego formularza są zazwyczaj przesyłane jako żądanie HTTP POST do serwera. W takiej sytuacji, gdy wymagane jest przekierowanie, stosowanie przekierowania 303 może znacząco poprawić doświadczenie użytkownika (User Experience). 

Przekierowanie 303 pozwala na przekierowanie użytkownika do nowego zasobu po wysłaniu formularza. Istotą tego przekierowania jest fakt, że nowy zasób zostanie pobrany przy użyciu żądania HTTP GET, a nie żądania POST, które zostało użyte do przesłania danych formularza. Dzięki temu rozwiązaniu unikniesz problemu powielania przesyłania formularzy, który najczęściej prowadzi do niepożądanych efektów, a w tym powielania treści.  

Dzięki przekierowaniu 303 możesz skutecznie optymalizować doświadczenie użytkownika, zapewniając mu prawidłowe przekierowanie po przesłaniu formularza, a jednocześnie eliminując ryzyko powielania danych i zapewniając spójność procesu interakcji z użytkownikiem na stronie internetowej.  

Ustawianie przekierowania 303  

Przekierowanie 303 możesz zaimplementować na serwerze, wykorzystując odpowiednie konfiguracje lub skrypty – wszystko zależy od środowiska, w którym pracujesz: 

Apache (.htaccess) 

Jeśli korzystasz z serwera Apache, możesz użyć pliku .htaccess do wykonania przekierowania 303: 

RewriteEngine on RewriteRule ^example$ /new-location [R=303,L] 

W powyższym przykładzie “example” to adres URL, który zostanie przekierowany do “/new-location” z użyciem kodu odpowiedzi 303. 

Nginx 

W przypadku serwera Nginx, przekierowanie możesz osiągnąć za pomocą dyrektywy “return”:  

location = /example { return 303 /new-location; } 

W tym przypadku również “example” jest adresem URL, który zostanie przekierowany do “/new-location” z użyciem kodu odpowiedzi 303. 

PHP 

W PHP użyj funkcji header() do ustawienia nagłówka odpowiedzi HTTP, który wywoła przekierowanie 303:

<?php header("Location: /new-location", true, 303); exit; ?> 

Ten kod PHP przekieruje użytkownika do “/new-location” z użyciem kodu odpowiedzi 303. 

Node.js (Express.js) 

Stosując Node.js i korzystając z frameworka Express.js, przekierowanie osiągniesz za pomocą funkcji redirect():

app.get('/example', function(req, res) { res.redirect(303, '/new-location'); }); 

To wywołanie przekieruje użytkownika z “/example” do “/new-location” z użyciem kodu odpowiedzi 303. 

Prawidłowe stosowanie przekierowań 303 jest niezwykle ważne z punktu widzenia SEO – poprawi bowiem doświadczenie użytkowników, odwiedzających Twoją witrynę. Jeśli zajdzie taka potrzeba, zadbaj więc o podejmowanie odpowiednich działań w tym zakresie.