Redizajnirali smo RaftingNeretvaKonjic.ba

U ovom tekstu pokazat ćemo vam primjer redizajna web stranice za rafting klub RaftingNeretvaKonjic.ba s minimalnim budžetom. Evo što smo sve uradili za ovu stranicu:

1. Redizajn logotipa
2. Dizajn favicon ikone
3. Kompletan redizajn web stranice
4. Unapređenje on-page SEO-a
5. Optimizacija za Google PageSpeed Insights
6. Rekonstrukcija strukture URL-ova web stranice
7. Implementacija konverzije iz JPG/PNG formata u WebP format
8. Poboljšanje kvalitete video sadržaja

U tekstu ispod nalaze se detalji procesa redizajna.

Redizajn logotipa

Logotip na starom web sajtu bio je obična JPG slika vrlo loše kvalitete. Imao je mnoge nedostatke – nedostajala je jedna ključna riječ, a surf daske nisu imale nikakve veze s Neretvom i raftingom.

Napravili smo poboljšanu verziju logotipa u kojoj su uključene sve riječi s domene, a dodali smo i valove koji predstavljaju Neretvu i rafting. Naravno, logotip je izrađen u vektorskom formatu. Ovo je najpovoljnija verzija redizajna koju nudimo (malo poboljšanje – koliko para, toliko muzike).

U dizajn smo uključili i favicon ikonicu, inspirisanu bojom Neretve i valovima. Ove ikonice mogu se koristiti i kao profilne slike za vaše društvene mreže. Ova usluga bila je besplatna s naše strane. Inače, dizajn ikonica može biti vrlo zahtjevan ako želite postići profesionalan izgled.

Redizajn websajta

Prije – Ovako je izgledao web sajt.

Poslije – Ovako izgleda web sajt nakon redizajna.

Redizajn web sajta – Što se tiče samog redizajna web stranice, boje i dizajn možete pogledati direktno na web stranici ili na slikama iznad. Dizajn je jednostavan i funkcionalan.

Unapređenje on-page SEO optimizacije

U ovom dijelu smo poboljšali on-page SEO u svim segmentima:

1. Unutrašnje linkovanje stranica (interlinking)
2. Meta unapređenja
3. Unapređenje sadržaja
4. Multimedijalni sadržaj (slike, najčešće postavljana pitanja, video, itd.)
5. Eksterni linkovi
6. Imenovanje slika
7. I još mnoge sitnice

Optimizacija za Google PageSpeed Insights

Ovaj aspekt smo unaprijedili za 35% (PageSpeed Insights) u odnosu na prethodnu stranicu. Ispravili smo mnoge greške na sajtu i implementirali automatsku konverziju iz JPG i PNG formata slika u najnoviji format koji Google preporučuje za brzinu učitavanja – WebP. Tako da kada klijent upload-a nove slike, sve će biti automatski konvertovane u ovaj format, koji zadržava kvalitetu, ali dodatno kompresuje slike, čime se značajno smanjuje njihova veličina. Ovo doprinosi bržem učitavanju stranice.

Rekonstrukcija strukture URL-ova web stranice

Prilikom svakog dizajna, ovaj proces je veoma važan, jer se teži očuvanju i unapređenju stare strukture linkova. Šta to znači u praksi?

Ako je link za kontakt stranicu na starom web sajtu bio na ovoj adresi:

https://raftingneretvakonjic.ba/kontakt.html

Bitno je da se zadrzi struktura, sto znaci da je na novoj:

https://raftingneretvakonjic.ba/kontakt

Na ovaj način smo Google crawlerima olakšali posao i zadržali stare stranice na istim ili sličnim web adresama.

Ovo je bio specifičan slučaj jer je stari web sajt bio napravljen u HTML-u, što je predstavljalo problem. Stari sajt je morao biti potpuno izbrisan sa servera, zatim je bilo potrebno instalirati WordPress. Tek nakon toga je mogao biti dodan sadržaj. U ovoj fazi se radilo na pravilnoj konstrukciji URL-ova (web lokacija podstranica).

U slučaju izrade novog web sajta, konstrukcija URL-ova je ključni dio. To će vam pomoći da napravite pravilnu on-page SEO optimizaciju, kreirate jasnu i preglednu navigaciju te ispravno organizujete ostatak sadržaja na web stranici. Ovaj dio 90% webmastera pogrešno uradi, ne namjerno, već zbog nepoznavanja materije i nerazumijevanja osnova SEO-a.

Kasnija ispravka ovoga može dovesti do deindeksiranja sa Google pretraživača, što u prevodu znači nestajanje sajta sa Google pretraga na neodređeno vrijeme. Uz pravilno postupanje, ne samo da ćete ovo izbjeći, već ćete olakšati posao Google-u koji će vas, nakon redizajna, nagraditi boljom pozicijom u pretragama.

Još jedna stvar koja je bitna – ukoliko mijenjate web sajt iz jedne tehnologije u drugu (u ovom slučaju iz HTML-a u WordPress), važno je dokumentovati kompletan sadržaj sa svim slikama, nazivima i strukturom URL-ova prije nego što krenete u konverziju. Nakon toga, morate u što kraćem vremenskom periodu obrisati stari web sajt i postaviti novi (što prije). U suprotnom, ako Google crawler posjeti sajt nakon brisanja i ne pronađe sadržaj, vaš web sajt može jednostavno nestati sa svih pretraga. Ovaj proces je relativno lak na manjim web sajtovima.

Migracija web sajtova s velikim brojem sadržaja iz jednog CMS-a u drugi zahtijeva mnogo ozbiljniji pristup, koji uključuje rad sa bazama podataka i mnoge druge tehničke aspekte.

Poboljšanje kvalitete video sadržaja

Postavili smo identičan video koji je prethodno bio na stranici, uz unapređenje. Prethodni video je bio vrlo loše kvalitete i imao je crni okvir oko videa. Nismo imali izvorni video, nego smo koristili video sa YouTube-a. Uspjeli smo proširiti video kako bi nestao crni okvir i poboljšali smo kvalitetu slike za 3x u odnosu na stari video.

Iako smo unaprijedili kvalitetu, video je i dalje nekvalitetan jer je snimljen u starom formatu s lošom opremom. U video produkciji ovo se nikada ne radi. Koriste se isključivo izvorni video fajlovi (video source files) s maksimalnom kvalitetom. Ipak, izašli smo u susret klijentu jer je stari video bio neprihvatljiv.

Za postavljanje videa imali smo dvije opcije: da se video učitava direktno sa web sajta (sa hosting servera) ili sa YouTube-a. Odabrali smo drugu opciju jer bi učitavanje sa servera bilo puno sporije zbog veličine videa.

Kraj

U suštini, prilikom gotovo svake izrade web sajta često smo u nedostatku materijala, pa je bitno objasniti sve detalje kako bismo postigli najbolje moguće rezultate.

Nadam se da vam je članak bio koristan. Ukoliko vam je potrebna izrada ili redizajn potpuno novog web sajta, slobodno nas kontaktirajte.