Korisnost web stranice trebala bi biti jedan od vaših glavnih razloga prilikom izrade ili održavanja web stranice. Ako je vaše web mjesto teško koristiti, ljudi će biti obeshrabreni da ga koriste ili da se vrate. Takođe, u mnogim se slučajevima dobra upotrebljivost izravno pretvara u bolje SEO rezultate.

Neke od karakteristika dobre upotrebe web stranica uključuju:

  • Odzivnost mobilnih uređaja : Sve više ljudi pristupa Internetu putem svojih mobilnih telefona (a Google vjeruje da je to važno za rangiranje pretraživanja kao dio njihove mobilne inicijative).
  • Brzina učitavanja stranice : Još jedan važan signal za rangiranje od Googlea, kroz korelaciju s načinom na koji ljudi komuniciraju sa web stranicama. Prema Kissmetrics-u, 47% potrošača očekuje da će se web stranica učitati za 2 sekunde ili manje!
  • Navigacija sajta: Prema Orbit Media Studios, ako je vaše web mjesto jednostavno za upotrebu i sadržaj je lako pronaći, to ima pozitivan utjecaj na promet koji ćete dobiti od pretraživača. Gerry McGovern proveo je istraživanje koje je pokazalo da se 70% ljudi oslanja na navigaciju, a ne na pretragu kada nešto traži, jer je lakše i brže kliknuti na veze do određenih stranica. web stranice.

Za potrebe ovog vodiča usredotočit ćemo se na upotrebljivost u pogledu dizajna izbornika i najboljih praksi.

Navigacija na sajtu

Web pregledanje je općeniti pojam koji se odnosi na unutrašnju arhitekturu veza web mjesta. Iznad svega, njegova primarna svrha je pomoći korisnicima da lako pronađu relevantan sadržaj na vašoj web lokaciji. Vaša struktura navigacije takođe čini osnovu karte web lokacije, što pomaže gigantima pretraživača poput Googlea da indeksiraju vašu web stranicu u skladu s tim.

Svakako, postoji nekoliko stvari koje mogu doprinijeti efikasnoj navigaciji web stranicama, ali za sada ćemo se posebno fokusirati na jelovnik jer je to obično prva stranica s kojom korisnici stupaju u interakciju kada odu na novu web stranicu.

Navigacija u meniju

Izbornici za navigaciju obično se nalaze na prednjem i središnjem mjestu web stranice (figurativno govoreći, bilo bi lijepo centrirani izbornik). Za web stranice s različitim kategorijama, padajuća funkcija je opcija za uštedu prostora i zadovoljavanje potrebe za kategorizacijom.

Danas, u emisiji minimalizma (i upotrebljivosti za mobilne uređaje), mnoge web stranice usvojile su dizajn menija za hamburgere (u osnovi kvadrat sa tri kratke vodoravne linije, što ukazuje na to da se meni može proširiti jednim klikom). .

Tema izloga WooCommerce daje praktičan primjer, u gornjem desnom uglu:

primer menija.png

Dizajn izbornika web stranica u stilu hamburgera najčešći je kada je u pitanju dizajn web stranica za mobilne uređaje, jer su programeri odgovorni za stvaranje korisne navigacije u vrlo malim prostorima. Doduše, može biti teško stvoriti padajući meni koji se može koristiti na mobilnim web lokacijama!

To je rekao mnogi dizajneri prezirati izbornik hamburgera, što je dovelo do novog pokreta za pronalaženje kreativnih načina da navigacija web stranicama učini zabavnom i funkcionalnom. Imajući ovo na umu, uobičajena heuristika dizajna izbornika web stranica uključuje trajno postavljanje navigacije izbornikom na vrh svake web stranice, tako da se korisnik lako može snaći ili potražiti sljedeću stranicu.

Najbolje prakse u dizajnu menija

Većina WordPress tema dolazi s unaprijed definiranim dizajnom menija web stranice. Bez obzira da li želite da ostane takav kakav jeste ili planirate da ga potpuno ponovite, evo najboljih praksi za dizajniranje navigacije menijem imajući na umu upotrebljivost i funkcionalnost. SEO na umu:

  • Ako je moguće, izbegavajte padajuće menije. Mnoge web stranice vole koristiti padajuće menije jer štede prostor, ali se ne preporučuju, posebno kada je u pitanju SEO tehnički. Testiranje upotrebljivosti je otkrilo da većina ljudi ne voli padajuće menije. To je zato što ljudsko oko radi brže od ruke, a ljudima je neugodno kada su već odlučili na šta da kliknu i nešto drugo ispadne, što dovodi do manjeg broja posjeta određenim stranicama. Ipak, "mega padajući" meni je malo prihvatljiviji ako sajt koji dizajnirate ima toliko sadržaja da ne možete bez padajućeg menija.
  • Budite deskriptivni. Riješite se generičkih riječi poput "Usluge" ili "Proizvodi". Umjesto toga, navedite kako vaši proizvodi ili usluge konzistentno, jer niko zapravo ne traži proizvode sa "generičkim riječima ili" uslugama ". Još bolje, prije nego što odlučite o tačnim imenima stavki u meniju, opravdajte uključivanje istraživanjem ključnih riječi SEO. Orbit Media preporučujekoristite opisne oznakejer ova praksa koristi i korisnicima i vama kada pretraživači pretražuju web stranicu. Navigacija se pojavljuje na svakoj stranici, pa ako koristite izraz koji se odnosi na vašu industriju, upozoravate Google da vam je zaista stalo. Imajte na umu da se svaka stranica može rangirati sve dok je fokusirana na određenu temu.
  • Osim toga, Orbit Media obeshrabruje navigacija sur les Formati, kao'organizacija stranice zasnovane na sadržaju kao što su svi video zapisi, sve infografike itd. To je zato što ljudi pretražuju po temi, a ne po formatu.
  • Pozicioniranje (ili raspored) stavki u navigacijskom meniju je važno. Postoji općenita lista stranica koje se mogu ponuditi na web lokaciji, kao što su stranica „O programu“, „Kontakt“ itd., A to su stranice koje posjetitelji web stranice najčešće pretražuju. Ove istaknute stranice, koje često imaju velik promet (budući da su jasno vidljivi), često imaju nisku stopu angažmana. Koristite Google Analytics da odredite najvažnije stranice i pronađete mogućnosti za optimizaciju. Prvo prikažite najvažnije navigacijske stavke (ili vrh, ovisno o orijentaciji trake izbornika).
  • Stavke u meniju neka budu do jedne maksimalno 7 . Studije su pokazale da se ljudi odjednom mogu sjetiti ili unijeti najviše sedam informacija. Previše kategorija stavki izbornika može potencijalno utjecati na vašu sposobnost rangiranja u pretraživanju, jer Google može previše naizgled nepovezanih kategorija protumačiti kao znak da vaša web lokacija nije prilagođena određenoj niši. Ako znate da će vam trebati više od 7 stavki izbornika, podijelite ih u potkategorije.

Što se tiče gore spomenute tačke, Unitedov izbornik web stranica je previše kompliciran (previše je mogućnosti za posjetitelje):

primer lošeg menija.png
Evo apsolutnog primjera šta treba izbjegavati na svom blogu. Suprotno tome, Cafebond.com pruža dobro organiziran primjer kada je u pitanju jednostavna kategorizacija:
primer dobrog menija.png
  • Pregledajte svoj meni s vremena na vrijeme. Uklonite veze na koje se rijetko klikće. Preimenujte generičke oznake kako biste bili opisiviji za vaše posjetitelje i pretraživače.

To je sve za ove savjete, nadam se da će vam omogućiti bolju organizaciju različitih menija na WordPressu. Imate li prakse koje nisu navedene, slobodno ih objavite.