Jak zmienić adres strony internetowej HTML?

Aby zmienić adres strony internetowej HTML, czyli przeadresować użytkownika z jednego adresu URL na inny lub zaktualizować linki w kodzie, masz do dyspozycji kilka metod – od modyfikacji linków w kodzie, po wdrożenie przekierowań za pomocą HTML, JavaScript lub pliku .htaccess. Każda metoda służy innym celom i ma różne zastosowania. Poniżej znajdziesz szczegółowy przewodnik krok po kroku.

Ręczna zmiana adresów w kodzie HTML

Jeśli adres strony lub podstron się zmienia (np. migracja z http://example.com na https://example.com lub zmiana nazwy domeny), należy zaktualizować wszystkie wystąpienia starego adresu w kodzie HTML. Obejmuje to zarówno linki absolutne, jak i względne.

Przykład

<!-- Stary adres -->
<a href="http://example.com/kontakt.html">Kontakt</a>
<!-- Nowy adres -->
<a href="https://nowadomena.pl/kontakt.html">Kontakt</a>

Aktualizację możesz wykonać:

  • ręcznie w każdym pliku HTML,
  • za pomocą funkcji „Znajdź i zamień” w edytorze kodu,
  • automatycznymi skryptami, jeśli zmiana dotyczy wielu plików jednocześnie.

Przekierowania 301 poprzez .htaccess

Przenosząc stronę na nowy adres lub domenę, najlepiej wykorzystać trwałe przekierowanie 301, które przekazuje zarówno użytkowników, jak i roboty wyszukiwarek na nowy adres. W tym celu edytuj plik .htaccess na serwerze Apache.

Przykład przekierowania całej domeny

RewriteEngine On
RewriteCond %{HTTP_HOST} ^stara-domena.pl$ [NC]
RewriteRule ^(.*)$ https://nowa-domena.pl/$1 [R=301,L]

Przykład przekierowania konkretnego pliku

Redirect 301 /stara-strona.html https://nowa-domena.pl/nowa-strona.html

Przekierowanie 301 jest rekomendowane dla SEO przy zmianie adresów.

Przekierowanie w pliku HTML (meta refresh)

Możesz dodać przekierowanie do główki pliku HTML z pomocą znacznika META.

Przykład natychmiastowego przekierowania

<meta http-equiv="Refresh" content="0; URL=https://nowa-domena.pl">

Przykład przekierowania po kilku sekundach

<meta http-equiv="Refresh" content="5; URL=https://nowa-domena.pl">

Ta metoda jest szybka, lecz mniej korzystna dla SEO niż przekierowanie 301.

Przekierowanie za pomocą JavaScript

Automatyczne przekierowania możesz też wykonać skryptem JavaScript. Oto kilka wariantów:

Natychmiastowe przekierowanie

<script>
window.location.href="https://nowy-adres.pl";
</script>

Z opóźnieniem (np. 5 sekund)

<script>
setTimeout(function(){ window.location.href="https://nowy-adres.pl"; }, 5000);
</script>

JavaScriptowe przekierowanie działa tylko u użytkowników z włączoną obsługą JS.

Przekierowanie poprzez PHP (dla dynamicznych stron)

Jeśli używasz PHP, możesz przekierować użytkownika poniższą komendą (umieść ją na początku pliku):

<?php
header('Location: https://nowy-adres.pl');
exit();
?>

Przykładowe scenariusze zastosowania

Zmiana protokołu z HTTP na HTTPS

  • Zmień wszystkie adresy w kodzie HTML,
  • wprowadź przekierowania 301 w .htaccess,
  • zweryfikuj poprawność linków, obrazków i skryptów.

Zmiana domeny

  • Zaktualizuj linki w kodzie,
  • ustaw trwałe przekierowanie 301 na nową domenę,
  • kontroluj poprawność działania przekierowań.

Przekierowanie na stronę tymczasową podczas prac serwisowych

  • Umieść meta refresh lub JavaScript na stronie głównej,
  • ewentualnie wykorzystaj przekierowania w .htaccess.

Dodatkowe wskazówki

  • Po masowej zmianie adresów, użyj narzędzi do sprawdzenia, czy żadne linki nie prowadzą na nieistniejące już strony.
  • Stale monitoruj przekierowania, aby nie wywoływały pętli lub błędów.
  • Przekierowania 301 są zalecane w przypadku trwałych zmian, do tymczasowych lepiej używać przekierowań 302.

Zmiana adresu strony HTML wymaga zarówno poprawnej edycji kodu, jak i wdrożenia odpowiednich przekierowań, żeby nie utracić użytkowników ani pozycji w wyszukiwarkach. Wybór metody zależy od skali zmian i technologii serwera.

Programista i twórca serwisu Creative Coding, absolwent Politechniki Warszawskiej (WEiTI). Od 10+ lat łączy front‑end, grafikę generatywną i narzędzia dla twórców; opublikował 120+ projektów i artykułów, prowadził warsztaty dla 2 000+ uczestników. Pracuje z JavaScriptem, Three.js, P5.js i GLSL, bada wydajność i dokumentuje procesy, tworząc praktyczne przewodniki dla osób łączących kod z obrazem, dźwiękiem i interakcją.
Zostaw komentarz

Komentarze

Brak komentarzy. Dlaczego nie rozpoczniesz dyskusji?

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Wymagane pola są oznaczone *