WIKI Transport
Nowy serwis firmy przeprowadzkowej zbudowany od zera jako statyczny HTML — w miejsce strony stojącej na komercyjnym szablonie branży medycznej. Trzydzieści dwie podstrony, ani jednego pliku JavaScriptu, cały serwis lżejszy niż dawna strona główna.
Wyzwanie
Firma przeprowadzkowa miała stronę zbudowaną na komercyjnym szablonie dla przychodni: w indeksie Google siedziały demonstracyjne podstrony kliniki, strona główna nie miała nagłówka H1, opisów meta brakowało niemal wszędzie, a przycisk „zadzwoń” prowadził do godzin otwarcia zamiast do numeru.
Rozwiązanie
Treść starego serwisu wyciągnęliśmy skryptem do formatu pośredniego, a drugi skrypt złożył z niej cały nowy serwis: trzydzieści dwie statyczne podstrony, mapę witryny, dane strukturalne i menu. Dziewięć usług, dwanaście dzielnic i pięć wpisów bloga pod dotychczasowymi adresami. Zero JavaScriptu, jeden arkusz stylów, zero zapytań poza domenę klienta. Warstwa starego CMS-a i demonstracyjne podstrony szablonu dostały kod 410, a adresy, które musiały się zmienić — przekierowania 301.
Co zbudowaliśmy — element po elemencie
Serwis firmy przeprowadzkowej zbudowany od nowa
WIKI Transport realizuje przeprowadzki mieszkań i biur, transport mebli i antyków oraz opróżnianie mieszkań w Warszawie. Zbudowaliśmy firmie nowy serwis od zera — bez WordPressa, bez page-buildera, w statycznym HTML-u. W kolejnych krokach pokażę, co z tego wyszło.
- Punkt wyjścia
Strona przeprowadzkowa na szablonie przychodni
Poprzedni serwis stał na komercyjnym szablonie branży medycznej i nadal wystawiał jego treść demonstracyjną: analizy laboratoryjne, neurologię i opinie pacjentów. Do tego brak nagłówka H1 na stronie głównej, opisy meta w dwóch stronach na trzydzieści dwie i odnośnik „zadzwoń”, w którym zamiast numeru wpisane były godziny otwarcia.
- Migracja treści
Czterdzieści cztery adresy przeniesione skryptem
Zamiast przepisywać treść ręcznie, napisaliśmy dwuetapowy generator: pierwszy skrypt rozkłada pobrane kopie starych stron na strumień typowanych bloków, drugi składa z nich cały nowy serwis. Treść merytoryczna przeżyła migrację co do zdania, a poprawka w szablonie przebudowuje wszystkie trzydzieści dwie podstrony naraz.
- Wydajność
Cały serwis lżejszy niż dawna strona główna
Stara strona główna ważyła w samym HTML-u ponad czterysta kilobajtów i ciągnęła pięćdziesiąt sześć arkuszy stylów oraz czterdzieści sześć skryptów. Nowy serwis — wszystkie trzydzieści dwie podstrony razem z arkuszem stylów — mieści się w mniej więcej tej samej wadze. Zero plików JavaScriptu, jeden arkusz na dziewięć kilobajtów, brak zewnętrznych fontów, map i ramek: przeglądarka nie wykonuje ani jednego zapytania poza domenę klienta, więc nie ma też czego pytać w banerze zgód.
- SEO lokalne
Dwanaście dzielnic, a nie dwanaście kopii
Każda podstrona dzielnicowa ma własny nagłówek, własną sekcję „co realizujemy”, własne zamknięcie z telefonem i własne dane strukturalne z nazwą dzielnicy. Do tego trzy niezależne ścieżki linkowania wewnętrznego: siatka na stronie głównej, blok sąsiednich dzielnic i pełna lista w stopce.
- Dane strukturalne
MovingCompany zamiast jednego bloku z szablonu
Strona główna wystawia graf z typem firmy przeprowadzkowej, godzinami otwarcia, kontaktem i obszarem działania rozpisanym na Warszawę i dwanaście dzielnic, do tego FAQ z pięcioma pytaniami. Podstrony usługowe mają schemat usługi, wpisy — artykułu, a trzydzieści jeden z trzydziestu dwóch adresów ma okruszki. Dane firmowe pochodzą z jednego miejsca w generatorze, więc na każdej podstronie są identyczne.