Použitelnost stránek by měla být jedním z vašich hlavních hledisek při vytváření nebo údržbě webových stránek. Pokud je váš web obtížně použitelný, bude lidi odrazovat od jeho používání nebo návratu. Dobrá použitelnost se také v mnoha případech promítne přímo do lepších výsledků SEO.

Mezi vlastnosti dobrého používání webových stránek patří:

  • Mobilní citlivost : Stále více lidí přistupuje k internetu prostřednictvím svých mobilních telefonů (a Google je přesvědčen, že je to důležité pro hodnocení v rámci jejich mobilní iniciativy).
  • Rychlost načítání stránky : Další důležitý hodnotící signál od společnosti Google prostřednictvím korelace s tím, jak lidé interagují s webovými stránkami. Podle Kissmetrics očekává 47 % spotřebitelů, že se webová stránka načte do 2 sekund nebo méně!
  • Navigace na webu: Podle Orbit Media Studios platí, že pokud je vaše webová stránka snadno použitelná a lze snadno najít její obsah, pozitivně to ovlivní provoz, který získáte z vyhledávačů. Gerry McGovern provedl studii, která ukazuje, že 70% lidí se při hledání něčeho spoléhá spíše na navigaci než na vyhledávání, protože klikání na odkazy na konkrétní stránky je snazší a rychlejší. webové stránky.

Pro účely tohoto tutoriálu se zaměříme na použitelnost z hlediska designu menu a osvědčených postupů.

Navigace na webu

Prohlížení webu je obecný pojem, který označuje architekturu interních odkazů webu. Hlavním účelem je především pomoci uživatelům snadno najít relevantní obsah na vašem webu. Vaše navigační struktura také tvoří základ souboru Sitemap vašeho webu, který pomáhá gigantům vyhledávacích strojů, jako je Google, odpovídajícím způsobem indexovat váš web.

Jistě existuje několik věcí, které mohou přispět k efektivní navigaci po webových stránkách, ale prozatím se zaměříme konkrétně na menu protože toto je obvykle první stránka, se kterou uživatelé interagují, když přejdou na nový web.

Navigace v nabídce

Navigační nabídky mají tendenci být umístěny vpředu a uprostřed webové stránky (obrazně řečeno, středové menu by bylo hezké). U webů s různými kategoriemi je funkce rozevírací nabídky možností šetřit místo a splňovat potřebu kategorizace.

V dnešní době, v ukázce minimalismu (a použitelnosti v mobilních zařízeních), mnoho webů přijalo design hamburgerového menu (v podstatě čtverec se třemi krátkými vodorovnými čarami, což naznačuje, že nabídku lze rozšířit jedním kliknutím). .

The Storefront téma WooCommerce poskytuje praktický příklad v pravém horním rohu:

Příklad menu.png

Hamburger styl designu nabídky webových stránek je nejoblíbenější, pokud jde o design mobilních webových stránek, protože vývojáři jsou zodpovědní za vytváření použitelné navigace ve velmi malých prostorech. Je pravda, že může být obtížné vytvořit rozevírací nabídku použitelnou na mobilních webech!

To znamená, že mnoho návrhářů opovrhovat nabídka hamburgerů, která vedla k novému pohybu k hledání kreativních způsobů, jak učinit navigaci na webu zábavnou a funkční. S ohledem na tuto skutečnost zahrnuje společná heuristika návrhu nabídky webových stránek trvalé umístění navigace v nabídce v horní části každé webové stránky, aby se uživatel mohl snadno orientovat nebo vyhledat další stránku.

Osvědčené postupy v návrhu menu

Většina témat WordPress přichází s předdefinovaným designem nabídky webových stránek. Ať už to chcete ponechat tak, jak je, nebo ho plánujete úplně předělat, zde jsou osvědčené postupy pro navrhování navigace v nabídce s ohledem na použitelnost a funkčnost. SEO na mysli:

  • Pokud je to možné, vyhněte se rozevíracím nabídkám. Mnoho webových stránek rádo používá rozbalovací nabídky, protože šetří místo, ale nedoporučuje se to, zejména pokud jde o SEO technický. Testování použitelnosti odhalilo, že většina lidí nemá ráda rozbalovací nabídky. Lidské oko totiž funguje rychleji než ruka a lidem vadí, když už se rozhodli, na co kliknou a vypadne jim něco jiného, ​​což vede k menší návštěvnosti určitých stránek. To znamená, že „mega rozbalovací“ nabídka je o něco přijatelnější, pokud má web, který navrhujete, tolik obsahu, že se bez rozbalovací nabídky neobejdete.
  • Buďte popisný. Zbavte se obecných slov jako „Služby“ nebo „Produkty“. Místo toho zadejte, jak vaše produkty nebo služby konzistentní, protože nikdo ve skutečnosti nehledá produkty s „obecnými slovy nebo„ službami “. Ještě lépe, než se rozhodnete pro přesný název položek nabídky, ospravedlněte zahrnutí pomocí výzkumu klíčových slov SEO. Orbit Media doporučujepoužívat popisné štítkyprotože tato praxe přináší výhody uživatelům i vám, když vyhledávače procházejí web. Navigace se zobrazuje na každé stránce, takže pokud použijete výraz související s vaším průmyslovým odvětvím, upozorníte Google, že vám na něm opravdu záleží. Pamatujte, že každou stránku lze zařadit, pokud je zaměřena na konkrétní téma.
  • Orbit Media navíc odrazuje založené na navigaci na formáty, tak jako'organizace obsahové stránky, jako jsou všechna videa, všechny infografiky atd. Je to proto, že lidé vyhledávají podle tématu, nikoli podle formátu.
  • Umístění (nebo rozvržení) položek v navigační nabídce je důležité. Na webu existuje obecný seznam stránek, které lze nabídnout, například stránky „O nás“, „Kontakt“ atd., Což jsou stránky, které návštěvníci stránek nejčastěji vyhledávají. Tyto prominentní stránky, které často mají vysoký provoz (protože jsou jasně viditelné), mají často nízkou míru zapojení. Pomocí Google Analytics můžete určit své nejdůležitější stránky a najít příležitosti k optimalizaci. Nejdříve zobrazte nejdůležitější položky navigace (nebo nahoře, v závislosti na orientaci panelu nabídek).
  • Uchovávejte položky nabídky až pro jednu maximálně 7 . Studie ukázaly, že si lidé mohou pamatovat nebo se postarat pouze o maximálně sedm informací najednou. Příliš mnoho kategorií položek nabídky může potenciálně ovlivnit vaši schopnost umístění ve vyhledávání, protože Google může interpretovat příliš mnoho zdánlivě nesouvisejících kategorií jako znamení toho, že váš web nebyl naladěn na konkrétní mezeru. Pokud víte, že budete potřebovat více než 7 položek nabídky, rozdělte je do podkategorií.

Pokud jde o výše zmíněný bod, design menu United je příliš komplikovaný (pro návštěvníky je příliš mnoho možností):

příklad špatného menu.png
Zde je absolutní příklad toho, čemu se ve svém blogu vyhnout. Naopak, Cafebond.com poskytuje dobře organizovaný příklad, pokud jde o jednoduchou kategorizaci:
příklad dobrého menu.png
  • Zkontrolujte nabídku čas od času. Odeberte odkazy, na které klikáte jen zřídka. Přejmenujte obecné štítky, aby byly pro vaše lidské návštěvníky a vyhledávače popisnější.

To je vše pro tyto tipy, doufám, že vám umožní lépe uspořádat různá menu na WordPress. Máte nějaké postupy, které zde nejsou uvedeny, neváhejte je zveřejnit.