Niekoľko tipov na vytvorenie moderného menu pre váš blog

Medzi vlastnosti dobrého používania webových stránok patrí napríklad:

• Mobilná citlivosť : Stále viac ľudí pristupuje na internet prostredníctvom svojich mobilných telefónov (a Google je presvedčený, že je to dôležité pre hodnotenie v rámci mobilnej iniciatívy).
• Rýchlosť načítania stránky : Ďalší dôležitý hodnotiaci signál od spoločnosti Google prostredníctvom korelácie s tým, ako ľudia interagujú s webovými stránkami. Podľa Kissmetrics 47 % spotrebiteľov očakáva načítanie webovej stránky za 2 sekundy alebo menej!
• Navigácia na webe: Podľa Orbit Media Studios platí, že ak je váš web ľahko použiteľný a ľahko sa dá nájsť obsah, má to pozitívny vplyv na prenos, ktorý získate z vyhľadávačov. Gerry McGovern uskutočnil štúdiu, ktorá ukazuje, že 70% ľudí sa pri hľadaní niečoho spolieha skôr na navigáciu ako na vyhľadávanie, pretože klikanie na odkazy na konkrétne stránky je jednoduchšie a rýchlejšie. webovej stránky.

Na účely tohto tutoriálu sa zameriame na použiteľnosť z hľadiska návrhu menu a osvedčených postupov.

Navigácia na stránkach

Prehliadanie webu je všeobecný pojem, ktorý označuje architektúru interných odkazov na stránku. Hlavným účelom je predovšetkým pomôcť používateľom ľahko nájsť relevantný obsah na vašom webe. Vaša navigačná štruktúra tiež tvorí základ súboru Sitemap na vašom webe, ktorý pomáha gigantom vyhľadávacích nástrojov, ako je Google, zodpovedajúcim spôsobom indexovať vaše webové stránky.

Existuje určite niekoľko vecí, ktoré môžu prispieť k efektívnej navigácii po webových stránkach, ale zatiaľ sa zameriame konkrétne na menu pretože to je zvyčajne prvá stránka, s ktorou používatelia interagujú, keď idú na nový web.

Navigácia v menu

Navigačné ponuky bývajú umiestnené v prednej a strednej časti webovej stránky (obrazne povedané, pekná by bola stredová ponuka). Pre webové stránky s rôznymi kategóriami je funkcia rozbaľovacej ponuky možnosťou šetriť miesto a uspokojiť potrebu kategorizácie.

V dnešnej dobe, v ukážke minimalizmu (a mobilnej použiteľnosti), mnoho webových stránok prijalo dizajn hamburgerového menu (v podstate štvorec s tromi krátkymi vodorovnými čiarami, čo naznačuje, že ponuku je možné rozšíriť jedným kliknutím). .

Téma výkladu WooCommerce poskytuje praktický príklad v pravom hornom rohu:

Dizajn ponuky webových stránok v štýle hamburgerov je najbežnejší, pokiaľ ide o dizajn mobilných webových stránok, pretože vývojári sú zodpovední za vytvorenie použiteľnej navigácie vo veľmi malých priestoroch. Je pravda, že vytvoriť rozbaľovaciu ponuku, ktorá sa dá použiť na mobilných weboch, môže byť ťažké.

To znamená, že mnoho dizajnérov opovrhovať hamburgerové menu, ktoré viedlo k novému smerovaniu k hľadaniu kreatívnych spôsobov, ako urobiť navigáciu na webe zábavnou a funkčnou. V tejto súvislosti predstavuje spoločná heuristika návrhu ponuky webových stránok trvalé umiestenie navigácie v ponuke na vrch každej webovej stránky, aby sa používateľ mohol ľahko zorientovať alebo vyhľadať nasledujúcu stránku.

Najlepšie postupy v návrhu menu

Väčšina tém WordPress prichádza s preddefinovaným dizajnom ponuky webových stránok. Či už ho chcete ponechať tak, ako je, alebo ho plánujete úplne prerobiť, tu sú najlepšie postupy pri navrhovaní navigácie v ponuke s ohľadom na použiteľnosť a funkčnosť. SEO na mysli:

• Ak je to možné, vyvarujte sa rozbaľovacích ponúk. Mnoho webových stránok rád používa rozbaľovacie ponuky, pretože šetria miesto, ale neodporúčajú sa, najmä pokiaľ ide o SEO technické. Testovanie použiteľnosti odhalilo, že väčšina ľudí nemá rada rozbaľovacie ponuky. Ľudské oko totiž funguje rýchlejšie ako ruka a ľuďom vadí, keď sa už rozhodli, na čo kliknú a vypadne im niečo iné, čo vedie k menšiemu počtu návštev na určitých stránkach. To znamená, že „mega rozbaľovacia“ ponuka je o niečo prijateľnejšia, ak má stránka, ktorú navrhujete, toľko obsahu, že sa bez rozbaľovacej ponuky nezaobídete.
• Buďte popisný. Zbavte sa všeobecných slov ako „Služby“ alebo „Produkty“. Namiesto toho zadajte spôsob svojich produktov alebo služieb dôsledný, pretože nikto v skutočnosti nehľadá produkty, ktoré obsahujú „všeobecné slová alebo„ služby “. Ešte lepšie je, skôr ako sa rozhodnete pre presný názov položiek ponuky, odôvodnite ich zahrnutím pomocou výskumu kľúčových slov SEO. Orbit Media odporúčapoužívať popisné štítkypretože tento postup prináša výhody používateľom aj vám, keď vyhľadávače prehľadávajú web. Navigácia sa zobrazuje na každej stránke, takže ak použijete výraz súvisiaci s vašim odvetvím, upozorníte tím Google, že vám na ňom skutočne záleží. Pamätajte, že každú stránku je možné zaradiť, pokiaľ je zameraná na konkrétnu tému.
• Spoločnosť Orbit Media navyše odrádza založené na navigácii sur les formáty, ako'organizácie obsahové stránky, ako sú všetky videá, všetky infografiky atď. Je to preto, že ľudia vyhľadávajú podľa témy, nie podľa formátu.
• Umiestnenie (alebo rozloženie) položiek v navigačnej ponuke je dôležité. Existuje všeobecný zoznam stránok, ktoré môžu byť na webových stránkach ponúkané, napríklad stránky „O mne“, „Kontakt“ atď., Čo sú stránky, ktoré návštevníci stránok najčastejšie vyhľadávajú. Tieto prominentné stránky, ktoré majú často vysokú návštevnosť (pretože sú dobre viditeľné), majú často nízku mieru zapojenia. Pomocou služby Google Analytics môžete určiť svoje najdôležitejšie stránky a nájsť príležitosti na optimalizáciu. Najprv zobrazte najdôležitejšie položky navigácie (alebo horné, v závislosti od orientácie panela s ponukami).
• Ponechajte položky ponuky až pre jednu maximálne 7 . Štúdie preukázali, že ľudia si môžu pamätať alebo prijímať naraz najviac sedem informácií. Príliš veľa kategórií položiek v ponuke môže mať vplyv na vašu pozíciu vo vyhľadávaní, pretože Google môže interpretovať príliš veľa zdanlivo nesúvisiacich kategórií na znak toho, že váš web nebol naladený na konkrétny výklenok. Ak viete, že budete potrebovať viac ako 7 položiek ponuky, rozdeľte ich do podkategórií.

Pokiaľ ide o bod uvedený vyššie, návrh menu webových stránok spoločnosti United je príliš komplikovaný (pre návštevníkov je príliš veľa možností):

• Skontrolujte svoje menu z času na čas. Odstráňte odkazy, na ktoré sa kliká zriedka. Premenujte všeobecné štítky, aby boli popisnejšie pre vašich ľudských návštevníkov a vyhľadávače.

To je všetko pre tieto tipy, dúfam, že vám umožnia lepšie usporiadať rôzne ponuky na WordPress. Máte nejaké postupy, ktoré tu nie sú uvedené, pokojne ich uverejnite.