Kompletny poradnik o zmiane adresu URL dla strony internetowej

Na początku mojej przygody z tworzeniem stron internetowych zajmowałem się głównie stronami na Wordpress, tam zmiana adresu URL jest dość prosta, ale tworzenie stron na Wordpressie ma wiele ograniczeń, dlatego zacząłem pisać kod ręcznie. 

Stworzyłem stronę i postawiłem ją na serwerze, jednak coś mi nie pasowało. W adresie URL był sufiks pliku czyli.html. Nie jest to specjalnie przyjazna nazwa adresu URL, dlatego w tym poradniku omówię jak najprościej zmieniać adresy URL 

Ponadto pokażę również jak stworzyć plik htaccess, który przekieruje użytkowników z starego linku do nowego, bardziej przyjaznego użytkownikowi

Zmiana adresu URL - zaczynamy od serwera

Na początku trochę bezmyślnie wrzuciłem do folderu public html wszystkie podstrony czyli index.html, polityke-prywatnosci.html oraz regulamin.html do jednego pliku, jest to błąd, który należy poprawić 

Należy stworzyć skopiować te pliki i stworzyć osobne foldery dla każdej strony. Stworzyłem następnie folder strona-glowna,regulamin, polityka-prywatnosci i wkleilem tam kopie plikow nazywając je index.html 

W ten sposób, jeżeli ktoś wpisze adres hurtowniarochu.pl/regulamin przejdzie on do folderu regulamin, a jako, że znajduje się w nim plik o nazwie index, to ta strona zostanie uruchomiona z poprawnym adresem URL, stronę główną należy zostawić w folderze głównym publich html o nazwie index.html oraz stworzyć podfolder strona-glowna w którym zamieścimy powieloną stroną główną. Powinno to wyglądać jak na obrazku poniżej

Zmiana adresu URL - niedziałające pliki

 W tej chwili tuż po takiej zmianie przestaną być dołączane do nowych stron zasoby, takie jak css, java script i grafiki. Powodem dla tego jest, złe zaznaczenie folderu źródłowego. Jeżeli do tej pory link prowadził do folderu <link rel=”stylesheet” href=”assets/css/swiper-bundle.min.css”> to prowadził on do folderu powyżej. 

Dlatego dla każdej takiej strony musimy pozmienić źródła plików na początu na ../

Przykładowo:

<link rel=”stylesheet” href=”../assets/css/swiper-bundle.min.css”>
Dotyczy to zarówno linkowania zdjęć, plików javascript i innych plików lokalnych. Jeżeli zaciągamy biblioteki z sieci tak jak na zdjęciu poniżej z strony boxicons pobieram ikony to nie zmienamy linku

Adres URL - zmiana linków do podstron

Poprzednio w stopce moje linki prowadziły bezpośrednio do plików polityka-prywatnosci.html oraz regulamin.html. Teraz po przeniesieniu tych stron do odpowiednich folderów i nazwaniu ich index.html we wszystkich linkach zmieniamy link na adres folderu czyli w tym przypadku na /polityka-prywatnosci oraz /regulamin 

Wtedy przekieruje to nas na odpowiedni folder i odpowiednią stronę. Proszę pamiętać również o tym w przypadku przekierowania kliknięcia w logo na folder strona-glowna. Jednak to nie jest wszystko, co w przypadku ,gdy ktos ma zapisaną naszą stronę z końcówką html a my już ją usuneliśmy? Chcielibyśmy przekierować go do strony z odpowiednim adresem URL

Spowoduje to utworzenie kopii zapasowej w oknie poniżej. Zalecam trzymanie tej kopii w kilku miejscach, np. na zewnętrznym dysku. Klikamy Download i pobieramy naszą kopię zapasową. W przypadku, gdy strona zajmuję trochę więcej miejsca, to nasza kopia zapasowa może być podzielona na parę plików

Plik .htaccess sposób na przekierowania 301

Należy utworzyć plik o nazwie .htaccess, jeżeli nie można tego zrobić to tworzymy dokument tekstowy o dowolnej nazwie i go zapisujemy. Następnie klikamy na nim plik –> Zapisz jako –>.htaccess

Powinno to rozwiązać wszelkei problemy z tworzeniem pliku. Plik ten służy do konfiguracji serwera apache. Jego składnia jest zbudowana z dyrektyw, lecz na potrzeby dzisiejszego poradnika, nie potrzebujemy znać ich wszystkich. Skorzystamy z prostej dyrektywy redirect.

 

Wystarczy po lewej stronie wpisac stara nazwe adresu url czyli /regulamin.html a po prawej link do którego ma ona prowadzić. W ten sposób uzyskamy przejrzysty adres URL strony internetowej i będziemy mieli pewność, że osoby, które znają tylko stary link zostaną przekierowane w odpowiednie miejsce..

Oczywiście plik .htaccess ma wiele innych możliwości konfiguracji serwera, natomiast nie sądzę, żeby poświęcanie czasu na jego naukę było obecnie dobrym wyborem. W siecie dostępnych jest dużo gotowych generatorów tworzących kod do pliku .htaccess. W ten sposób czas poświęcony na naukę dyrektyw możemy poświęcić na co innego.

 

Jedną ze stron do generowania gotowego kodu .htacces jest https://www.htaccessredirect.net/

 

Podsumowanie

 W tym krótkim poradniku pokazałem proste metody jak zmienić adresu URL i zrobić odpowiednie przekierowania plikiem htaccess. Myślę, że nie jest to skomplikowane, natomiast sam miałem z tym na początku problem, więc mam nadzieje, że komuś ten artykuł pomoże


 

Fomularz kontaktowy