Vaša web-stranica na svakom zaslonu
Web-dizajn koji olakšava orijentaciju
Dobra web-stranica objašnjava vašu ponudu, podržava donošenje odluka i olakšava kontakt. Dizajn, sadržaj i tehnika zato se planiraju zajedno, od malog pametnog telefona do velikog zaslona računala.
Struktura počinje od sadržaja
Prije određivanja boja i modula stranica potreban je pregled usluga, ciljnih grupa i čestih pitanja. Iz toga nastaje plan stranica: koje informacije pripadaju početnoj stranici, koje stranici usluge, a koje vodiču?
Razumljiva navigacija pomaže ljudima da brzo dođu do odgovarajućeg sadržaja. Jasni naslovi i tekstovi linkova podržavaju tu orijentaciju. Predstavljanje poduzeća objašnjava odgovornost i način rada, bez okupljanja svih stručnih tema na jednoj stranici.
Upotrebljivo na pametnom telefonu, tabletu i računalu
Responzivni dizajn prilagođava se dostupnoj širini zaslona. Tekst mora ostati čitljiv bez vodoravnog pomjeranja, dugmad lako dostupna, a meniji ne smiju zaklanjati važan sadržaj. Tablice i opsežni sadržaji na malim uređajima trebaju odgovarajući prikaz.
Provjera obuhvata različite veličine zaslona, korištenje tipkovnicom i jasna stanja fokusa. Slika na monitoru računala ne zamjenjuje funkcionalni test mobilne navigacije ili načina kontakta.

Moći održavati sadržaj u svakodnevnom radu
Web-stranica ne treba zahtijevati novo programiranje za svaku ispravku teksta. Za WordPress to znači: sadržaj ostaje uređiv u predviđenom uređivaču, ponavljajući podaci održavaju se dosljedno, a proširenja dobivaju jasno razgraničene zadatke.
Pri novoj izradi utvrđuje se tko dopunjuje sadržaj i kako se provjeravaju izmjene. Kod postojećeg sustava prvo provjeravamo temu, dodatke i uredničke postupke. Provjerene funkcije i relevantni URL-ovi uključuju se u planiranje.

Uskladiti vrijeme učitavanja s dizajnom
Svaki dodatni element ima svrhu i tehnički trošak. Slike odgovarajućih dimenzija, lagani fontovi i ciljano učitane skripte pomažu da web-nastup ostane pregledan. Video koji se automatski pokreće ili opsežan dodatni alat imaju smisla samo ako posjetiteljima pružaju odgovarajuću korist.
Stvarna brzina ovisi i o hostingu, predmemoriranju, integriranim uslugama i postojećim proširenjima. Zato se mjerenja procjenjuju u stvarnom sustavu i pod različitim uvjetima.
Procijeniti brzinu na osnovu korištenja
Jedna ocjena brzine ne opisuje cjelokupno korištenje. Laboratorijski test pomaže pronaći konkretne probleme u definiranim uvjetima. Terenski podaci, s druge strane, pokazuju kako teku stvarne posjete na različitim uređajima i vezama. Ako još nema dovoljno terenskih podataka, to ne znači automatski nedostatak kvalitete.
Aktualni Core Web Vitals uključuju LCP za učitavanje najvećeg vidljivog elementa sadržaja, INP za reakciju na interakcije i CLS za neočekivana pomjeranja rasporeda. Dodatno se praktično provjerava: može li se otvoriti mobilni meni? Ostaje li kontaktno dugme na svom mjestu? Reaguje li obrazac razumljivo na unose?
Izvještaj provjere treba sadržavati ispitani URL, uređaj odnosno profil testa, vrijeme mjerenja i vrstu podataka. Tako se izmjena može ponovo provjeriti u sličnim uvjetima. Brz probni prolaz je tehnički nalaz, a ne obećanje boljih pozicija.
Pažljivo pripremiti obnovu web-stranice
- Popisati postojeće stranice, funkcije i relevantne URL-ove.
- Odrediti ciljeve, uloge stranica i potreban sadržaj.
- Provjeriti dizajn i korištenje na više veličina zaslona.
- Uskladiti sadržaj i tehničke izmjene.
- Prije odobrenja provjeriti načine kontakta, linkove i podatke za pretraživače.
- Nakon objavljivanja provjeriti stvarni prikaz i dostupna odredišta.
Optimizacija za pretraživače prati ovaj proces. Tako se mogu zajedno uzeti u obzir izmjene dizajna i pronalaženje u organskoj pretrazi.
Što treba dokazati prije i nakon obnove
Pregled pokazuje dizajn. Za pouzdano odobrenje dodatno je potreban provjerljiv dokaz da sadržaj, adrese i načini kontakta funkcioniraju u objavljenom sustavu.
| Trenutak | Provjera | Konkretan rezultat |
|---|---|---|
| Prije odobrenja | Usporediti postojeće URL-ove i važne funkcije s novom verzijom; utvrditi izmjene i način povratka. | Mapiranje sadržaja koji se zadržava, premješta ili uklanja te sigurnosna kopija početnog stanja. |
| Pri objavljivanju | Otvoriti važne stranice kao neprijavljen posjetitelj; provjeriti navigaciju, slike, načine kontakta i planirana preusmjeravanja. | Dokumentirane dostupne odredišne stranice i provjeren put od uspostavljanja kontakta do nadležnog primaoca. |
| Nakon objavljivanja | Usporediti mapu web-stranice, interne linkove, kanonske oznake i upute za indeksiranje s planom stranica; pratiti dostupne podatke pretrage. | Lista još otvorenih nalaza s odgovornim osobama i terminom ponovne provjere. |
Ako se URL mora promijeniti, potrebno mu je sadržajno odgovarajuće odredište. Opće preusmjeravanje starih adresa na početnu stranicu često ne pomaže posjetiteljima s konkretnim pitanjem. Google upozorava da se takva neodgovarajuća preusmjeravanja mogu tretirati kao Soft-404. Nepromijenjeni URL-ovi koji i dalje odgovaraju mogu ostati pri obnovi.
Za analizu postojećeg stanja prije preuređenja vodič za SEO audit opisuje odgovarajuće nalaze i prioritete.
Izvor: Google Search Central: mapiranje URL-ova, preusmjeravanja i kontrola migracije.
Dodatne jezike planirati kao cjelovit put posjetitelja
Višejezična web-stranica obuhvata više od prevedenih glavnih tekstova. Promjena jezika, podaci o uslugama, obrasci, potvrde i kasnije održavanje moraju biti usklađeni. Počnite od grupe kupaca koju zaista možete usluživati i provjerite cijeli put do upita.
Vodič o višejezičnim web-stranicama i SEO-u u Švicarskoj povezuje izbor jezika s uputama za prijevod, tehničkim povezivanjem i konkretnim prihvaćanjem rezultata.
Provjeriti pristupačnost kroz konkretne zadatke
Pri preuređenju web-stranice dogovorite koji tipični zadaci trebaju funkcionirati i uz tipkovnicu, povećana slova i pomoćne tehnologije. Zapisnik provjere pomaže u ciljanom otklanjanju problema. Sljedeće početne provjere mogu pokazati uočljive prepreke; ne zamjenjuju potpunu stručnu procjenu.
| Zadatak | Praktična provjera | Što treba stajati u zapisniku |
|---|---|---|
| Pronaći ponudu | Krećite se tipkama Tab i Shift-Tab od početka stranice do usluge i zatim do kontakta. Provjerite ostaje li trenutna pozicija vidljiva. | Testirani URL, redoslijed i točno mjesto na kojem korištenje zapinje. |
| Koristiti meni | Otvorite i zatvorite mobilni meni tipkovnicom. Provjerite i prelazak na drugu širinu zaslona. | Početna veličina, odabrana radnja, dostupni linkovi i fokus nakon zatvaranja. |
| Čitati tekst | Povećajte tekst. Provjerite odsječene riječi, preklopljenu dugmad i vidljivi kontrast. | Stepen povećanja, pogođeni elementi i odvojeni rezultati za normalno i aktivno stanje. |
| Sagledati stranicu | Pročitajte naslove kao strukturu. Glavna tema, odjeljci i potpitanja trebaju biti razumljivo povezani. | Nejasni nazivi ili razine koji pogrešno prikazuju povezanost. |
| Popuniti upit | U usaglašenom testnom okruženju provjerite oznake, obvezne podatke i razumljive napomene kod nedostajućih ili nevažećih unosa. | Koje je polje pogođeno, kako se može ispraviti i potvrđuje li se uspješna predaja jasno i prepoznatljivo. |
Kod naslova presudna je sadržajna hijerarhija. Potpitanje pripada svom nadređenom odjeljku; sama veličina slova ne određuje razinu naslova. Kod obrazaca poruke o greškama trebaju objasniti što nedostaje i kako se unos može ispraviti. Tako opći zadatak „olakšati korištenje“ postaje provjerljiv nalaz.
Početne provjere W3C-a, smjernice za strukturu naslova i preporuke za poruke obrazaca opisuju ove osnove.
Javna izjava o pristupačnosti treba razumljivo navesti stvarno provjereni opseg, poznata ograničenja i kontakt za probleme. Ne zamjenjuje tehnički dokaz. Koje podatke takva izjava smisleno sadrži objašnjava W3C vodič za izjave o pristupačnosti. Za vaš projekat web-stranice opseg i kriteriji prihvaćanja mogu se utvrditi u razgovoru o planiranom preuređenju.
Pripremiti preuređenje uz provjerljivo mapiranje URL-ova
Za konkretno planiranje lista URL-ova povezuje postojeći sadržaj s odobrenom novom verzijom. Tome se pridružuju odgovornosti, javna završna provjera i unaprijed dogovorena odluka za slučaj bitne greške.
Vodič za obnovu web-stranice uz SEO sadrži matricu mapiranja, korake provjere za pregled i objavljivanje te okvir plana povratka. Time se opći postupak preuređenja može pretvoriti u provjerljive radne cjeline.
Vaš sljedeći korak
Razgovarajmo o
vašoj web-stranici.
Što vaša web-stranica treba postići za vaše poduzeće? Opišite nam svoj plan.

