Upotrebljivost web mjesta trebala bi biti jedno od vaših glavnih razloga prilikom izrade ili održavanja web mjesta. Ako je vaše web mjesto teško koristiti, ljude će obeshrabriti da ga koriste ili se vraćaju. Također, u mnogim slučajevima dobra upotrebljivost izravno rezultira boljim rezultatima SEO-a.

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 ljestvicu 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 s web stranicama. Prema Kissmetricsu, 47% potrošača očekuje da će se web stranica učitati za 2 sekunde ili manje!
  • Navigacija web-mjesta: Prema Orbit Media Studios, ako je vaše web mjesto jednostavno za upotrebu i sadržaj je lako pronaći, to pozitivno utječe na promet koji ćete dobiti od tražilica. 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 web-lokaciji

Pretraživanje weba je opći pojam koji se odnosi na unutarnju arhitekturu veza web mjesta. Iznad svega, njegova je primarna svrha pomoći korisnicima da lako pronađu relevantan sadržaj na vašoj web stranici. Vaša navigacijska struktura također čini osnovu karte web mjesta, što pomaže divovima pretraživača poput Googlea da indeksiraju vaše web mjesto u skladu s tim.

Svakako, postoji nekoliko stvari koje mogu pridonijeti učinkovitoj navigaciji web stranicama, ali zasad ćemo se posebno usredotočiti na meni jer je to obično prva stranica s kojom korisnici stupaju u interakciju kada odu na novo web mjesto.

Navigacija u izborniku

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

Danas su u emisiji minimalizma (i mobilnosti) mnoge web stranice prihvatile dizajn jelovnika za hamburgere (u osnovi kvadrat s tri kratke vodoravne crte, što ukazuje na to da se izbornik može proširiti jednim klikom) .

Tema Storefront of WooCommerce daje praktičan primjer, u gornjem desnom kutu:

primjer izbornika.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 izbornik koji se može koristiti na mobilnim web mjestima!

To je rekao, mnogi dizajneri prezirati izbornik hamburgera, koji je doveo do novog pokreta za pronalaženje kreativnih načina da navigacija web stranicama učini zabavnom i funkcionalnom. Imajući to 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 izbornika

Većina WordPress tema dolazi s unaprijed definiranim dizajnom izbornika web stranice. Bilo da želite zadržati takav kakav jest ili ga planirate potpuno preurediti, ovdje su najbolje prakse za dizajniranje navigacije izbornika imajući na umu upotrebljivost i funkcionalnost. SEO na umu:

  • Ako je moguće, izbjegavajte padajuće izbornike. Mnoge web stranice vole koristiti padajuće izbornike jer štede prostor, ali se ne preporučuju, osobito kada je riječ SEO tehničkog. Testiranje upotrebljivosti pokazalo je da većina ljudi ne voli padajuće izbornike. To je zato što ljudsko oko radi brže od ruke, a ljudima je neugodno kada su već odlučili na što kliknuti, a nešto drugo ispadne, što dovodi do manjeg broja posjeta određenim stranicama. Ipak, "mega padajući" izbornik malo je prihvatljiviji ako stranica koju dizajnirate ima toliko sadržaja da ne možete bez padajućeg izbornika.
  • Budite opisni. Riješite se generičkih riječi poput "Usluge" ili "Proizvodi". Umjesto toga navedite kako vaši proizvodi ili usluge dosljedan, jer nitko zapravo ne traži proizvode s "generičkim riječima ili" uslugama ". Još je bolje, prije nego što odlučite o točnim imenima stavki izbornika, 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 povezan s vašom djelatnošću, upozoravate Google da vam je zaista stalo. Ne zaboravite da se svaka stranica može rangirati sve dok je usredotočena na određenu temu.
  • Osim toga, Orbit Media obeshrabruje navigacija na formati, kao'organizacija stranice temeljene na sadržaju kao što su svi videozapisi, sve infografike itd. To je zato što ljudi pretražuju po temi, a ne po formatu.
  • Pozicioniranje (ili izgled) stavki u navigacijskom izborniku je važno. Postoji općeniti popis stranica koje se mogu ponuditi na web mjestu, poput stranice „O programu“, stranice „Kontakt“ itd., A to su stranice koje posjetitelji web mjesta najčešće pretražuju. Te istaknute stranice, koje često imaju velik promet (budući da su jasno vidljivi), često imaju nisku stopu angažmana. Pomoću Google Analyticsa odredite svoje najvažnije stranice i pronađite mogućnosti za optimizaciju. Prvo prikažite najvažnije navigacijske stavke (ili vrh, ovisno o orijentaciji trake izbornika).
  • Stavke u izborniku neka budu do jedne maksimalno 7 . Studije su pokazale da se ljudi odjednom mogu sjetiti ili unijeti najviše sedam podataka. Previše kategorija stavki izbornika potencijalno može 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 točke, Unitedov izbornik web stranica je previše kompliciran (previše je mogućnosti za posjetitelje):

primjer lošeg izbornika.png
Evo apsolutnog primjera što treba izbjegavati na svom blogu. Suprotno tome, Cafebond.com pruža dobro organiziran primjer kada je u pitanju jednostavna kategorizacija:
primjer dobre menu.png
  • Provjerite svoj izbornik 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 izbornika na WordPressu. Imate li prakse koje nisu navedene, slobodno ih objavite.