Mnoge pogreške nastaju već tijekom planiranja, a njihove posljedice postaju vidljive tek nakon objave stranice. Web se sporo učitava, korisnici teško pronalaze informacije, sadržaj nije prilagođen mobilnim uređajima ili se stranica uopće ne prikazuje među rezultatima pretraživanja.

U nastavku izdvajamo najčešće pogreške kod izrade WordPress web stranice i objašnjavamo kako ih izbjeći.

Početak izrade bez jasnog plana

Jedna od najčešćih pogrešaka jest pokretanje izrade stranice bez prethodno definirane strukture. Korisnik instalira WordPress, odabere temu i odmah počinje dodavati tekstove, slike, izbornike i dodatke.

Takav pristup često završava nepovezanim stranicama, kompliciranom navigacijom i sadržajem koji nema jasan cilj.

Prije početka izrade potrebno je definirati kome je stranica namijenjena, koje informacije posjetitelj treba pronaći i koju radnju želimo da napravi. To može biti slanje upita, kupnja proizvoda, prijava na edukaciju, rezervacija termina ili čitanje sadržaja.

Nakon toga izrađuje se osnovna struktura stranice. Većina poslovnih web stranica treba početnu stranicu, predstavljanje organizacije, pregled usluga ili proizvoda, kontakt i dodatne sadržaje poput bloga ili često postavljanih pitanja.

Dobra struktura olakšava i kasnije uređivanje web stranice.

Odabir teme samo prema izgledu

WordPress nudi velik broj besplatnih i plaćenih tema, ali najljepša tema nije nužno i najbolji izbor.

Tema može izgledati atraktivno u demonstracijskoj verziji jer sadrži profesionalne fotografije, kratke tekstove i pažljivo pripremljen sadržaj. Kada se zamijeni stvarnim materijalima, rezultat može biti potpuno drukčiji.

Prilikom odabira teme treba provjeriti prilagođava li se mobilnim uređajima, učitava li se dovoljno brzo, podržava li redovita ažuriranja i je li kompatibilna s dodacima koje planiramo koristiti.

Posebno treba izbjegavati teme koje sadrže velik broj nepotrebnih funkcija. Svaka dodatna animacija, galerija ili napredni vizualni element može usporiti stranicu i otežati njezino održavanje.

Instaliranje prevelikog broja dodataka

Dodaci, odnosno pluginovi, proširuju mogućnosti WordPress stranice. Pomoću njih možemo izraditi kontaktne obrasce, internetsku trgovinu, sigurnosne kopije, SEO postavke ili sustav za rezervacije.

Problem nastaje kada se za svaku sitnicu instalira novi dodatak.

Prevelik broj dodataka može usporiti web stranicu, uzrokovati međusobne konflikte i povećati sigurnosni rizik. Posebno su problematični dodaci koji se više ne ažuriraju ili dolaze iz nepouzdanih izvora.

Prije instalacije treba provjeriti je li dodatak doista potreban, kada je posljednji put ažuriran i ima li dobre korisničke ocjene. Dodatke koji se više ne koriste potrebno je deaktivirati i izbrisati, a ne samo ostaviti među instaliranim alatima.

Zanemarivanje mobilne verzije stranice

Velik dio posjetitelja web stranicama pristupa putem pametnih telefona. Unatoč tome, stranica se često izrađuje isključivo na velikom zaslonu računala.

Elementi koji dobro izgledaju na računalu mogu na mobilnom uređaju biti premali, nepravilno raspoređeni ili potpuno nečitljivi. Izbornik se možda neće pravilno otvoriti, gumbi će biti preblizu jedan drugome, a fotografije će izlaziti izvan širine zaslona.

Tijekom izrade potrebno je redovito provjeravati prikaz na različitim veličinama zaslona. Posebnu pozornost treba posvetiti veličini teksta, razmacima, navigaciji, obrascima i gumbima za poziv na radnju.

Responzivna web stranica nije dodatna pogodnost, nego osnovni standard suvremene web prisutnosti.

Korištenje prevelikih i neoptimiziranih fotografija

Fotografije visoke rezolucije mogu zauzimati nekoliko megabajta. Kada se takve datoteke izravno prenesu na WordPress, stranica se može učitavati znatno sporije.

Spor web negativno utječe na korisničko iskustvo. Posjetitelji često neće čekati da se stranica učita, posebno ako joj pristupaju putem mobilne mreže.

Fotografije prije prijenosa treba prilagoditi dimenzijama u kojima će se stvarno prikazivati i komprimirati bez vidljivog gubitka kvalitete. Preporučuje se korištenje suvremenih formata poput WebP-a kada ih stranica podržava.

Svakoj slici treba dodati i smislen alternativni tekst. On pomaže tražilicama razumjeti sadržaj fotografije, ali je važan i za pristupačnost osobama koje koriste čitače zaslona.

Komplicirana navigacija

Posjetitelj bi trebao brzo razumjeti gdje se nalazi i kako doći do tražene informacije. Ako glavni izbornik ima previše stavki, nejasne nazive ili nekoliko razina padajućih opcija, korisnik može odustati od daljnjeg pregledavanja.

Nazivi u izborniku trebaju biti kratki i razumljivi. Umjesto kreativnih, ali nejasnih izraza bolje je koristiti standardne nazive poput „O nama“, „Usluge“, „Edukacije“, „Blog“ i „Kontakt“.

Najvažnije stranice trebaju biti dostupne u nekoliko klikova. Također je korisno dosljedno koristiti iste nazive u izbornicima, naslovima i gumbima.

Dobra navigacija nije ona koja izgleda najsloženije, nego ona o kojoj korisnik ne mora razmišljati.

Nejasni pozivi na radnju

Web stranica može sadržavati kvalitetan tekst i profesionalne fotografije, ali ne ostvarivati rezultate jer korisniku nije jasno što treba napraviti.

Poziv na radnju može biti gumb za slanje upita, prijavu, kupnju, rezervaciju ili preuzimanje dokumenta. Tekstovi poput „Kliknite ovdje“ često nisu dovoljno informativni. Precizniji izrazi poput „Pošaljite upit“, „Prijavite se na program“ ili „Pogledajte ponudu“ jasnije opisuju sljedeći korak.

Pozivi na radnju trebaju biti vizualno uočljivi, ali ne i nametljivi. Također ih treba postaviti na logična mjesta, primjerice nakon predstavljanja usluge ili objašnjenja njezinih prednosti.

Zanemarivanje SEO optimizacije

Izrada web stranice nije završena njezinom objavom. Kako bi potencijalni korisnici pronašli sadržaj putem tražilica, potrebno je primijeniti osnovna pravila SEO optimizacije.

Svaka važna stranica treba imati jasan naslov, logično strukturirane podnaslove, kvalitetan tekst i odgovarajući opis za rezultate pretraživanja. Adrese stranica trebaju biti kratke i razumljive, bez nepotrebnih brojeva i znakova.

Pogreška je i pretjerano ponavljanje ključnih riječi. Tekst treba prvenstveno biti koristan čitatelju, dok se važni pojmovi uključuju prirodno i u odgovarajućem kontekstu.

Važnu ulogu imaju i interne poveznice, kojima povezujemo srodne stranice i korisniku olakšavamo daljnje istraživanje sadržaja.

Neredovito ažuriranje WordPressa

WordPress stranica zahtijeva redovito održavanje. Verziju WordPressa, temu i dodatke potrebno je ažurirati kako bi se uklonili sigurnosni propusti i održala kompatibilnost sustava.

Odgađanje ažuriranja povećava mogućnost tehničkih problema i sigurnosnih napada. Ipak, ažuriranja ne treba provoditi bez prethodne sigurnosne kopije stranice.

Sigurnosne kopije trebaju se izrađivati automatski i pohranjivati na odvojenoj lokaciji. Tako se stranica može vratiti u funkcionalno stanje ako ažuriranje, pogreška ili sigurnosni incident uzrokuju gubitak podataka.

Izostanak testiranja prije objave

Prije nego što web stranica postane javno dostupna, potrebno je provjeriti rade li svi njezini dijelovi.

Treba testirati kontaktne obrasce, poveznice, gumbe, navigaciju, prikaz na mobilnim uređajima i brzinu učitavanja. Posebno je važno provjeriti stižu li poruke poslane putem obrasca na ispravnu adresu.

Korisno je zamoliti i drugu osobu da pregleda stranicu. Autor često nesvjesno preskače pogreške jer poznaje strukturu i sadržaj, dok novi korisnik može odmah primijetiti nejasne upute ili problematičnu navigaciju.

Kvalitetna WordPress stranica nastaje promišljenim radom

WordPress pojednostavljuje tehnički dio izrade web stranice, ali dobar rezultat ipak zahtijeva planiranje, razumijevanje korisnika i poznavanje osnovnih pravila web dizajna.

Izbjegavanjem nepotrebnih dodataka, optimiziranjem fotografija, prilagodbom mobilnim uređajima i redovitim održavanjem moguće je izraditi brzu, preglednu i funkcionalnu stranicu.

Na programu Izrada web sjedišta u WordPressu Pučkog otvorenog učilišta Petar Zrinski polaznici prolaze proces izrade web stranice od početne strukture do njezina oblikovanja, optimizacije i objave. Program je namijenjen svima koji žele samostalno izrađivati i uređivati web stranice, čak i ako nemaju prethodno programersko iskustvo.

Koriste ga mali i veliki poduzetnici, obrtnici, udruge, obrazovne ustanove, turistički iznajmljivači, trgovine, mediji i pojedinci koji žele predstaviti svoj rad na internetu. Međutim, što konkretno možete raditi nakon završene edukacije iz WordPressa?

Mogućnosti ovise o vašim interesima, prethodnom iskustvu i količini vremena koju ste spremni posvetiti vježbanju. Stečeno znanje možete koristiti na postojećem radnom mjestu, za razvoj vlastitog poslovanja ili kao početak pružanja usluga drugim korisnicima.

Izrađivati web stranice za poduzetnike i obrtnike

Jedna od najčešćih primjena WordPressa jest izrada prezentacijskih web stranica za manje tvrtke, obrte i samostalne djelatnosti.

Frizerskom salonu, restoranu, apartmanu, računovodstvenom servisu ili konzultantu najčešće nije potreban složen sustav razvijen od početka. Potrebna im je pregledna stranica na kojoj će predstaviti svoje usluge, objaviti osnovne informacije, prikazati fotografije i omogućiti posjetiteljima slanje upita.

Nakon edukacije možete naučiti kako postaviti strukturu takve stranice, izraditi naslovnicu, urediti tekstove i fotografije, dodati kontaktni obrazac te prilagoditi sadržaj mobilnim uređajima.

Za početnike su upravo takvi projekti dobar način stjecanja iskustva. Svaka izrađena stranica donosi novo razumijevanje organizacije sadržaja, dizajna i potreba različitih korisnika.

Samostalno izraditi stranicu za vlastito poslovanje

Znanje WordPressa ne morate koristiti isključivo kako biste izrađivali stranice za druge. Ono može biti posebno korisno ako već imate vlastiti obrt, poslovnu ideju, turistički smještaj ili freelance uslugu.

Umjesto da za svaku izmjenu morate kontaktirati vanjskog suradnika, sadržajem možete upravljati samostalno. Možete promijeniti cijenu usluge, dodati novu fotografiju, objaviti vijest, urediti radno vrijeme ili predstaviti novu ponudu.

Time dobivate veću kontrolu nad vlastitom internetskom prisutnošću. Stranicu možete razvijati u skladu s poslovanjem, bez potrebe da se za svaku manju promjenu pokreće novi projekt.

WordPress je pogodan i za izradu osobnog portfolija. Fotograf, dizajner, prevoditelj, trener ili savjetnik može na jednom mjestu predstaviti svoje iskustvo, radove, usluge i kontakte.

Uređivati i održavati postojeće stranice

Posao vezan uz WordPress ne završava nakon objave stranice. Svaku je web stranicu potrebno redovito uređivati i održavati.

Tvrtke često trebaju osobu koja će unositi nove sadržaje, mijenjati fotografije, dodavati novosti, uređivati stranice usluga ili provjeravati rade li obrasci i poveznice. Također je potrebno ažurirati WordPress, instalirane dodatke i temu kako bi stranica ostala funkcionalna i sigurna.

Nakon edukacije možete preuzeti osnovnu administraciju stranice, čak i ako niste sudjelovali u njezinoj početnoj izradi. Takvi su poslovi česti u marketingu, turizmu, obrazovanju, prodaji i uredskom poslovanju.

Poznavanje WordPressa zato može biti dodatna prednost i na radnim mjestima koja nisu izravno povezana s web razvojem. Poslodavcu može biti korisno imati zaposlenika koji može samostalno objaviti članak, izmijeniti podatke ili postaviti novu odredišnu stranicu.

Izrađivati blogove i objavljivati sadržaj

WordPress je od svojih početaka snažno povezan s objavljivanjem sadržaja. I danas je jedan od najpraktičnijih sustava za pokretanje blogova, internetskih časopisa i edukativnih portala.

Nakon edukacije možete pokrenuti vlastiti blog ili uređivati blog za klijenta. Naučit ćete kako organizirati članke, kategorije i oznake, dodavati fotografije te povezivati sadržaje unutar stranice.

Blog nije važan samo autorima koji žele pisati o određenoj temi. Kvalitetni članci mogu pomoći tvrtkama da odgovore na pitanja potencijalnih kupaca, predstave svoje znanje i povećaju vidljivost u rezultatima internetskih tražilica.

Primjerice, računovodstveni servis može objavljivati savjete za poduzetnike, turistički objekt informacije o destinaciji, a učilište članke o obrazovanju, zapošljavanju i razvoju novih vještina.

Izrađivati odredišne stranice za kampanje

Odredišna ili landing stranica izrađuje se s jednim jasno definiranim ciljem. Posjetitelja se može potaknuti da pošalje upit, prijavi se na edukaciju, rezervira termin, preuzme katalog ili kupi proizvod.

Takve se stranice često koriste u Google Ads, Meta i e-mail kampanjama. Nakon edukacije iz WordPressa možete naučiti kako postaviti jasan naslov, predstaviti ponudu, istaknuti najvažnije prednosti i dodati obrazac ili gumb za prijavu.

Ova je vještina posebno korisna osobama koje rade u digitalnom marketingu. Umjesto da za svaku kampanju ovise o programeru, mogu samostalno izraditi ili prilagoditi stranicu na koju će dovoditi posjetitelje iz oglasa.

Pritom nije dovoljno da stranica samo dobro izgleda. Potrebno je razmišljati o tome koliko je sadržaj razumljiv, je li poziv na akciju dovoljno uočljiv i može li korisnik jednostavno napraviti sljedeći korak.

Prilagođavati izgled stranice

WordPress omogućuje promjenu izgleda stranice putem tema i vizualnih uređivača. Bez pisanja velike količine programskog koda moguće je mijenjati raspored elemenata, boje, fontove, fotografije, gumbe, zaglavlje i podnožje stranice.

Tijekom rada važno je razumjeti da kvalitetan dizajn nije samo pitanje osobnog ukusa. Stranica mora biti čitljiva, pregledna i jednostavna za korištenje. Posjetitelj bi trebao brzo razumjeti čime se organizacija bavi i gdje može pronaći potrebne informacije.

Posebnu pažnju potrebno je posvetiti prikazu na mobilnim uređajima. Stranica koja dobro izgleda na računalu može biti teško čitljiva na telefonu ako tekst, fotografije i gumbi nisu pravilno prilagođeni.

Poznavanje osnova HTML-a i CSS-a može dodatno proširiti mogućnosti prilagodbe. Njima je moguće napraviti manje izmjene koje nisu dostupne kroz standardne postavke teme ili vizualnog uređivača.

Primijeniti osnove optimizacije za tražilice

Sama objava web stranice ne znači da će je korisnici automatski pronaći. Zato je korisno razumjeti i osnovna pravila optimizacije za tražilice, odnosno SEO-a.

Pravilna struktura naslova, jasne URL adrese, kvalitetan sadržaj, optimizirane fotografije i povezivanje relevantnih podstranica mogu pomoći tražilicama da lakše razumiju sadržaj web stranice.

WordPress omogućuje jednostavno uređivanje velikog broja elemenata važnih za SEO. Ipak, optimizacija nije jednokratni postupak niti jamstvo prvog mjesta na Googleu. Riječ je o dugoročnom radu koji uključuje tehnički ispravnu stranicu, koristan sadržaj i dobro korisničko iskustvo.

Osnovno poznavanje SEO-a korisno je svima koji izrađuju stranice, čak i kada se njime ne planiraju profesionalno baviti.

Započeti freelance karijeru

Nakon završene edukacije možete postupno početi nuditi usluge izrade i uređivanja WordPress stranica. Za početak je korisno izraditi nekoliko oglednih projekata koji će pokazati što znate.

Možete, primjerice, izraditi stranicu za izmišljeni restoran, apartman, konzultanta ili fotografa. Takvi projekti mogu postati dio portfolija koji ćete pokazati potencijalnim klijentima ili poslodavcima.

Prve projekte potrebno je birati realno. Jednostavna poslovna stranica dobar je početak, dok složene internetske trgovine, sustavi rezervacija i stranice s velikim brojem prilagođenih funkcionalnosti zahtijevaju dodatno znanje i iskustvo.

S vremenom se možete dodatno usavršavati u područjima kao što su WooCommerce, napredni CSS, optimizacija brzine, web analitika, sigurnost, korisničko iskustvo i digitalni marketing.

Je li edukacija dovoljna za samostalan rad?

Edukacija pruža strukturu, stručnu podršku i temeljno razumijevanje WordPressa. Ipak, sigurnost u radu razvija se prvenstveno kroz praksu.

Nakon završetka programa važno je nastaviti izrađivati stranice, isprobavati različite mogućnosti i rješavati konkretne probleme. Ne morate odmah znati odgovor na svako tehničko pitanje. Važnije je razumjeti osnovnu logiku sustava i znati gdje potražiti pouzdano rješenje.

Što više projekata izradite, lakše ćete procijeniti koliko je određeni zadatak složen, koliko vremena zahtijeva i koje je rješenje najbolje za konkretnog korisnika.

Napravite prvi korak prema izradi web stranica

Edukacija iz WordPressa u Pučkom otvorenom učilištu Petar Zrinski namijenjena je osobama koje žele steći praktična znanja iz izrade, uređivanja i upravljanja web stranicama.

Stečene vještine možete koristiti u vlastitom poslovanju, na postojećem radnom mjestu ili kao temelj za daljnji razvoj karijere u području weba i digitalnog marketinga.

Naučite kako ideju pretvoriti u preglednu, funkcionalnu i responzivnu web stranicu te napravite prvi korak prema samostalnom radu u WordPressu.

HTML omogućuje web programerima stvaranje web stranica
i web aplikacija koje su funkcionalne, dostupne i jednostavne
za korištenje te je osnova za izgradnju bogatih, interaktivnih
i responzivnih korisničkih iskustava. Ako nemate iskustva u
programiranju, ne brinite! HTML je vrlo jednostavan za naučiti i
razumjeti. Sastoji se od niza oznaka koje se koriste za strukturiranje
sadržaja web stranice. Ove oznake su okružene uglatim zagradama
i obično dolaze u paru, s oznakom za otvaranje i oznakom za
zatvaranje.

HTML vodič za početnike

Saznajte više o HTML-u!

Preuzmite besplatan PDF

HTML vodič za početnike

Saznajte više o HTML-u!

Preuzmite besplatan PDF

CSS ili Cascading Style Sheets jezik je koji se koristi za opisivanje prezentacije HTML ili XML dokumenta. Koristi se za dodavanje stila i izgleda web stranicama, čineći ih vizualno privlačnima i lakima za čitanje. CSS programerima omogućuje odvajanje prezentacije web stranice od njezinog sadržaja, što olakšava održavanje i ažuriranje. Pomoću CSS-a programeri mogu kontrolirati stvari poput fonta, boje, razmaka i izgleda web stranice, kao i stvarati efekte lebdenja, animacije i druge interaktivne značajke. Ukratko, CSS igra ključnu ulogu u web razvoju pružajući sredstva za stvaranje lijepih i funkcionalnih web stranica, čineći iskustvo pregledavanja weba ugodnijim za korisnike.

CSS vodič za početnike

Saznajte što je to CSS!

Preuzmite besplatan PDF

CSS vodič za početnike

Saznajte što je CSS!

Preuzmite besplatan PDF

Krećete li tek ili ste već donekle svladali materiju i sadržaj šarenog svijeta WordPressa te izrade web-stranica, nije naodmet nadograditi već postojeće znanje s još gradiva. Na raspolaganju vam stoje dodatni razni digitalni alati, softver i programi da taj put bude što bezbolniji.

Uz želju, volju i ponešto snalažljivosti potrebno je malo vremena da se svladaju dodatni procesi koji vam olakšavaju rad u digitalnom okruženju. Pogotovo ako vam je na umu krajnji korisnik. Počinjete li tek u svijetu UX/UI dizajna, ovaj će blog pokriti osnove onoga što trebate znati.

Priručnik za pokretanje web stranice(PDF)

Saznajte kako izraditi web stranicu u WordPressu!

Preuzmite besplatan PDF

Priručnik za pokretanje web stranice (PDF)

Saznajte kako izraditi web stranicu u WordPressu!

Preuzmite besplatan PDF

U 21. stoljeću posjedovati vlastiti dio Interneta ili održavati digitalno tj. profesionalno prisustvo na istom više nije nedostižno. Sve ovisi o sklonostima, potrebama, željama i na kraju cilju pojedinca što želi dostići kao konačni rezultat. 

Priručnik za pokretanje web stranice(PDF)

Saznajte kako izraditi web stranicu u WordPressu!

Preuzmite besplatan PDF

Priručnik za pokretanje web stranice (PDF)

Saznajte kako izraditi web stranicu u WordPressu!

Preuzmite besplatan PDF