Navigace Breadcrumps: Breadcrumbs, která pomáhá uživateli i Google

Skutečný problém v životě

Už jste si někdy užívali web a cítili jste se jako „ztraceni“? Nevím, kde jste na webu. A vrátí se na hlavní stránku nebo jak mít zájem? Nebo možná kliknete z výsledků vyhledávání Google na jednu stránku přímo na webu. A zjistili, že ta „plovoucí“ tvář sama, žádný kontext, nevíte, s čím souvisí nebo existuje větší stránka?

Tento problém není jen uživatelem jako my. Pouze pro digitální marketing majitele webových stránek nebo SEO je tento problém „noční můrou“, která má přímý dopad na efektivitu webu. Ať už je:

• Uživatel je zmatený a frustrovaný: Když uživatel nemůže najít cestu. Nebo nerozumíte struktuře webových stránek, na které se pravděpodobně „na konci„ stisknete “. Také známý jako vysoká míra opuštění
• Míra konverze klesá: Pokud zákazníci najdou informace o produktu, službě nebo tlačítko pro volání k akci, nelze najít kvůli komplikované navigaci. Rozhodnutí koupit nebo kontaktu je téměř ne.
• Google je zmatený. Tek na vašem webu: Pokud přijde Google Bot, aby se plazil, shromažďoval data a nechápe, která stránka je důležitá. Která stránka je tváří dítěte? Která stránka je kategorií Pro váš web je obtížné hodnotit dobře.

Pokud narazíte na takovou situaci, nejste sami. Jedná se o klasický problém, kterému čelí mnoho webových stránek. Dobrou zprávou však je, že existuje „odchod“, který je velmi jednoduchý, ale silný. To pomůže vyřešit tento problém jako „jeden výstřel se dvěma jezdeckými zbraněmi“, uživatele i Google, „Navigace Breadcrumps“ nebo „Frake Frake“.

Výzva pro ilustrace: Obrázek uživatele používá počítač a mobilní telefon se zmateným výrazem. S rušivou cestou jako bludiště na obrazovce

Proč k tomuto problému došlo?

Proč mnoho webových stránek zanedbává nebo navrhuje navigaci strouhanky, i když má obrovské výhody? Hlavním důvodem je často nedorozumění. Nebo dávat větší důležitost pro jiné věci

• S výhledem na význam: Někteří lidé si myslí, že strouhanka je jen malý prvek, který je zbytečně nebo si myslí, že je to k dispozici jen „dekorace“.
• Zdůrazněte příliš mnoho designu: Někteří návrháři se mohou příliš zaměřit na krásu nebo jednoduchost designu. Dokud nezanedbává základní funkce, které pomáhají vést uživatele, jako je skrytí strouhanky nebo použití příliš malých znaků
• Struktura webových stránek není od začátku jasná: pokud informační architektura (IA) webu nebyla od začátku dobře naplánována. Udělejte strukturu komplexu bez jasné hierarchie Je obtížné vytvořit efektivní strouhanku. můžete studovat více na článcích informační architektury pro SEO a UX, abyste tomu porozuměli?
• SEO Technická nevědomost: Někteří majitelé webových stránek nebo vývojáři nemusí vědět, že Breadcrumps není pro uživatele užitečný. Ale také hraje důležitou roli v SEO, zejména aby pomohl Googlu lépe porozumět struktuře webu prostřednictvím značky schématu
• Aktualizace webových stránek, která není konzistentní: Někdy, když jsou nové stránky přidány nebo zlepšují obsah, ale neaktualizace struktury strouhanky tak, aby byla konzistentní, může způsobit, že strouhanky zobrazí chyby. Nebo neúplné

Tyto příčiny vedou k problémům, které uživatelé „ztratili“ a Google “nerozumí“ struktuře webových stránek. Což je důležitou překážkou hodnocení a rostoucí konverze

Výzva pro ilustrace: Návrháři webových stránek se dívají na malé komponenty na obrazovce nebo na strukturu obrazu webu, která vypadá komplikovaně a nemá žádná předpisy.

Pokud to odejde, jak to ovlivní?

Dobrá nevědomost a instalace dobré navigace strouhanky může vést k „bolestivým“ výsledkům, a to jak z hlediska uživatelských zkušeností, tak z hlediska SEO výkonu vašeho webu. Uvidíme, jestli ponecháno na dlouhou dobu, co se stane:

• Míra dluhopisů je vysoká: Když uživatelé vstoupí na web a nemohou najít, co chtějí. Nebo nemohou najít způsob, jak pokračovat, budou „tlačit“ web rychle, což způsobí, že míra okamžitého opuštění je vyšší, což je pro Google špatný signál.
• Doba trvání uživatele na webu (čas přetržení) se snížila: Pokud uživatel nemůže na webu výhodně prozkoumat jiný obsah, stráví méně času. Což negativně ovlivňuje hodnocení Google a snižuje příležitost objevit další cenný obsah
• Míra konverze dolů: zda nákup produktů, vyplnění formuláře nebo předplatné, pokud uživatel nemůže hladce vést cílovou stránku, šance na konverzi se dramaticky sníží.
• SEO není tak třesk, jak by měl: Google Bot bude mít problémy s porozuměním hierarchii vašeho webu. Pokud struktura není jasná, může Google hodnotit váš web, než byste měli být. Což ovlivňuje vaše vyhledávací hodnocení
• Vytvoření nesprávného interního odkazu: Žádná dobrá strouhanka na strouhanku vám nezmeškáte příležitost vytvořit kvalitní interní odkaz, což je důležité distribuovat autoritu stránky a pomoci Googlu objevit okna. Na vašem webu jednodušší
• Uživatelská zkušenost (UX) je špatná: uživatel se bude cítit frustrovaný a na váš web nebude ohromen. Způsobuje, že se v budoucnu nemyslejí na návrat k použití

Dobrá investice s designem UX od samého počátku je důležitá pro studium struktur UX pro web IR vám může pomoci vidět důležitost dobré struktury.

Výzva pro ilustrace: Graf zobrazující rostoucí graf míry okamžitého opuštění a sníženou rychlost konverze, spolu s otazníkem a obrazovkou počítače, která ukazuje špatné výsledky vyhledávání.

Existuje nějaké řešení? A kde by to mělo začít?

Neboj se! Řešení těchto problémů s navigací strouhanky není obtížné. A má hodnotu, která stojí více, než se očekávalo! Uvidíme, kde byste měli začít. A jaké techniky

První krok: Pochopte strukturu vašich webových stránek

Než začnete dávat strouhanku, musíte nejprve pochopit strukturu samotného webu, kolik úrovní. Která stránka je pod kterou stránkou? Například: Domů> Kategorie> Produkty nebo hlavní stránka> Služba> Sub -servis> Články

Techniky pro řešení problémů s navigací

1. Vyčistěte design strouhanky a snadno použitelný:
   • Pozice: Měla by být umístěna na vrchol hlavního obsahu. V hlavní navigační nabídce nebo pod H1 stránky, aby uživatelé mohli snadno vidět
   • Formát: Použijte textové formuláře se šipkami nebo značkami ">" oddělené mezi obličejem, jako je hlavní stránka> Produkty> T -Shirts
   • Barva a velikost: Použijte barvu a velikost znaků, které jsou snadno čitelné. Nepolkla pozadí, ale není vynikající soutěžit o pozornost hlavního obsahu
2. Použijte strouhanku založenou na hierachy (podle hierarchie):
   • Toto je nejběžnější a doporučené formuláře pro SEO, které zobrazí trasu podle skutečné struktury webových stránek, jako je domov> kategorie> podkategorie> aktuální stránka.
   • To umožňuje uživatelům i Googlu jasně porozumět hierarchii webu.
3. Ujistěte se, že každá stránka má správnou strouhanku:
   • S výjimkou domovské stránky (domovská stránka) by měla mít každá stránka strouhanka, která vedou zpět na zapojené hlavní stránky a stránky.
   • Odkaz v strouhance musí být odkaz, který lze kliknout, a použít uživatele do správného cíle.
4. použití Označení schématu stroubku:
   • Toto je „SEO“, nejdůležitější strouhanka! Zvýšení strukturované struháře (ve formě JSON-LD) do kódu webu pomůže Googlu lépe porozumět struktuře vašich webových stránek a může vaši strouhanku na vyhledávání zobrazit (bohatý úryvek), díky nimž bude váš odkaz více kliknout.
   • Můžete použít různé nástroje, jako je Google Search Central, abyste zkontrolovali, zda je vaše značení schématu správné.
5. Vytváření mobilních zařízení:
   • Nezapomeňte, že mnoho uživatelů přistupuje k webu prostřednictvím mobilu. Ujistěte se, že vaše strouhanka se dobře zobrazuje na malé obrazovce. Ne příliš velké nebo komplikované, dokud je obtížné číst
   • Pokud existuje příliš mnoho hierarchie na mobilu, může zvážit nějaké skryté nebo použít JavaScript ke zkrácení „...“ mezi hlavními a aktuálními hlavními stránkami. Ušetřit prostor
6. Vhodně navazujte vnitřní odkazy:
   • Breadcrumbs je skvělý nástroj pro vnitřní spojení. Pomáhá distribuovat autoritu stránky a sdělit Google, kterou stránku je propojena s jakou stránkou.
   • Zvažte připojení strouhanky na mega menu, která se zaměřuje na vaše SEO pro posílení struktury. mega nabídky WebFlow SEO můžete vidět z .

Nejdůležitějším bodem je počínaje „průzkumem webových stránek“. Poté začalo tyto techniky upravovat krok za krokem.

Výzva pro ilustrace: Obrázek rukou skládačky na štěrbinu na jasném diagramu webových stránek. Představuje strukturu

Příklady ze skutečné věci, která bývala úspěšná

Aby bylo možné jasně vidět, že navigace strouhanky může skutečně vytvořit hmatatelné výsledky. Chtěl bych sdílet příklad z jednoho z „webových stránek elektronického obchodování“, které prodávají elektronická zařízení. Který se setkal s problémem s mírou uživatele a konverze

Původní problém: Uživatel je zmatený, Google nerozumí.

Jejich původní web nemá jasnou strouhanku nebo je to jen normální zpráva. To nelze kliknout, když uživatelé zadají produkt přímo z Google, jsou často zmateni o tom, ve které kategorii tohoto produktu je. Nebo se v důsledku toho vrátí, aby viděli jiné produkty ve stejné kategorii, vysoká míra opuštění vozíku a většina uživatelů vychází ze stránky, aniž by prozkoumala jiné části. Webu. Google sám, zdá se, že trvá dlouho, než se plazíte. A nehodnotí některé stránky, jak by to mělo být

Metoda: Nainstalujte navigaci s strečením s označením schématu

Tým se rozhodl „přepracovat“ novou navigaci. Jedním z klíčů je instalace správné navigace strouhanky. Postupují takto:

• Analýza struktury webových stránek: Vytvoření nového plánu webových stránek, abyste se ujistili, že existuje jasná hierarchie (například hlavní stránka> Počítač> Laptop> MacBook Pro)
• Určitá strouhanka Design: Umístěte strouhanku na jasnou polohu na horní části produktu a stránky. Použijte velikost písma a kontrastní barvy. A umožňuje každému odkazu na strouhanku kliknout
• Pilot s značením schématu: Přidejte ke všem funkcím značení schématu strouhanky (JSON-LD) Existuje strouhanka, která Google jasně řekne, že se jedná o strukturu webu.
• Vylepšete mobilní zážitek: Ujistěte se, že strouhanky na mobilní využití nebrání. A stále snadno čitelné a klikněte

Výsledky: Prodej, SEO je znatelně lepší!

Po použití navigace strouhanky po dobu několika měsíců je výsledkem:

• Míra konverze se zvýšila o 15%: Uživatelé mohou snadno najít související produkty a kategorie. Zrychluje rozhodnutí o nákupu
• Míra Bookce se snížila o 8%: Uživatelé utratili na webu déle. A prozkoumejte více oken
• Hodnocení SEO je lepší: Mnoho stránek produktů se začalo objevovat jako bohatý úder ve výsledcích vyhledávání Google (ukazující strouhanku pod názvem odkazu), což činí odkaz zajímavější a s větší pravděpodobností klikne. Provoz z ekologického vyhledávání se jasně zvýšil.
• Míra opuštění vozíku se snížila o 10%: uživatelé procházejí procesem výběru produktů snadněji. Snižte příležitost zahodit koše

Toto je důkaz, že strouhanka není jen „strouhanka“, ale „nástrojem“, který je ve účinnosti vašeho webu opravdu silný.

Výzva pro ilustrace: Web elektronického obchodování s jasnou strouhaním se se zvýšenými prodejními grafy a ikony výsledků vyhledávání Google, které ukazují bohatý úryvek.

Pokud chcete následovat, co dělat? (Lze použít okamžitě)

Jste připraveni upgradovat svůj web pomocí navigace Breadcrumps, že? Toto je jednoduchý kontrolní seznam, který můžete okamžitě sledovat:

1. Posoudit svou aktuální strukturu webových stránek:
   • Nakreslete jednoduchý plán webových stránek. Chcete -li vidět celkovou hierarchii (hlavní stránka> Kategorie> Page/článek)
   • Určete, která stránka je hlavní stránka před matkou a dítětem
2. Vyberte polohu strouhanky:
   • Nejlepší pozice je „horní část hlavního obsahu“ (nad H1 nebo pod navigační nabídkou)
   • V souladu s doporučenými postupy pro známé uživatele
3. Navržená a vytvořená strouhanka:
   • Použijte Easy -To -TOUNSTAND Text: Název stránky v strouhance by měl být stejný název jako skutečné jméno.
   • Použijte správné oddělení: například > nebo / /
   • Vytvořte odkaz. Klikněte: Všechny části strouhanky kromě aktuální stránky. By měl být odkaz, který může kliknout zpět na tvář matky nebo hlavní stránku
   • Nastavení stylu: Použijte CSS k ovládání velikosti, barvy a vzdálenosti, abyste vypadali čistě a snadno čistili. Nerušte hlavní obsah
4. instalovat Označení schématu stroubku (JSON-LD):
   • To je pro SEO důležitý krok.
   • Pokud používáte CMS, jako je WordPress, může existovat plugin (například Yoast SEO), který pomáhá automaticky vytvořit značku schématu.
   • Pokud se jedná o webflow nebo vlastní kód, budete muset vložit kód JSON-LD Každé stránky
   • Příklad kódu:
     {
"@context": "https://schema.org/",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "หน้าหลัก",
"item": "https://www.yourwebsite.com/"
},{
"@type": "ListItem",
"position": 2,
"name": "หมวดหมู่",
"item": "https://www.yourwebsite.com/category/"
},{
"@type": "ListItem",
"position": 3,
"name": "หน้าปัจจุบัน",
"item": "https://www.yourwebsite.com/category/current-page/"
}]
}
     
5. Zkoušejte a zlepšují:
   • Testujte na ploše a mobilu: Zkontrolujte, zda strouhanka ukazuje výsledky správně, krásně a snadno použitelné ve všech zařízeních.
   • Použijte test výsledků Google Rich Test : Zkontrolujte, zda je vaše značení schématu správné a Google si může přečíst.
   • Zkontrolujte rozbité odkazy: Ujistěte se, že odkaz v strouhance není rozbit.
6. Související interní odkaz:
   • Kromě používání strouhanky pomáhá vytvoření dobrého interního odkazu v obsahu článku také vylepšit SEO, například můžete doporučit čtenářům, aby studovali více o vytvoření přátelské stránky FAQ, která může být součástí struktury vašeho webu.

Tento kontrolní seznam vám poskytne přátelskou navigaci s občerstvením s uživateli i Google! A pokud potřebujete pomoc od odborníků na UX/UI k navrhování komplexních struktur nebo učinit web, aby byl nejúčinnější, neváhejte se poradit s vizí X Brain Ux/UI odborníky pro nejlepší výsledky

Výzva pro ilustrace: Obrázky kontrolního seznamu, které mají všechny správné značky, snadno představují kroky.

Otázky, které lidé mají tendenci divit a odpovědi, které jsou vymazány

Poté, co jsme se dozvěděli o důležitosti a způsobu výroby navigace strouhanky, věřím, že mnozí z vás mohou mít stále nějaké otázky. Sestavil jsem populární otázku s jasnou odpovědí.

Q1: Streaty, je to nezbytné pro všechny typy webových stránek?

Odpověď: V zásadě „velmi nezbytné“, zejména pro webové stránky se složitými strukturami, existuje mnoho podkategorií, jako jsou webové stránky elektronického obchodování, zpravodajské webové stránky, blogy s různými kategoriemi nebo velké webové stránky s velkým obsahem. Pro malý web s několika stránkami nemusí být strouhanka tak moc. Ale mít to je stále lepší než žádné, protože to vždy pomáhá UX

Q2: Používání strouhanky vytvoří naše interní odkazy „duplikát“? A bude si Google myslet ten spam?

A: Vůbec ne! Breadcrumbs je jedním z vnitřních odkazů, kterým Google rozumí a dokonce má rád. Způsobuje to duplicita poškozeným způsobem. Pomáhá však Googlu pochopit hierarchii a vztah mezi okny. Na vašem webu ještě lépe je používání značení Schema Whearcrumblist Schéma ještě více potvrzuje Google, že se jedná o správnou a užitečnou navigační strukturu pro uživatele.

Q3: Kam mám dát strouhanku na webovou stránku?

Odpověď: Nejvhodnější pozice je „horní část hlavního obsahu“ nebo „v hlavní navigační nabídce“. Obvykle je pod záhlaví nebo navigační lištou webové stránky, protože je to místo, které uživatelé obeznámili, a snaží se pochopit, kde jsou na webu. Umístění v této pozici také pomáhá procházení Google Bot a snadno pochopitelné.

Otázka 4: Pokud má náš web stránku nebo článek v mnoha kategoriích současně, jak by měla dělat strouhanku?

A: Toto je běžná situace. Nejlepší způsob je, že „vyberte pouze jednu hlavní trasu“, která je pro vaše uživatele a vaše firma nejasnější, například pokud je jeden produkt v kategorii „košile“ a „propagace“, vyberte kategorii „tričko“ jako hlavní trasu v strouhance, protože je to hlavní struktura produktu a použijte interní odkaz, aby se připojil k stránce „propagace“, aby byl příliš komplikovaný.

Q5: Máte nějaké nástroje nebo zástrčky, které pomáhají vytvářet strouhanku v CMS, například WordPress?

A: Samozřejmě! Pro WordPress má populární SEO plugin, Yoast SEO nebo Rank Math, funkce pro otevření a snadno nastavit strouhanku a také automaticky vytvářet značení schématu. Pro webflow nebo pro web vytvořený pomocí vlastního kódu budete možná muset použít další kód k zápisu kódu v části. "Pokud chcete následovat, co dělat?"

Výzva pro ilustrace: Q&A Bubble Images vznášející se nad logem Google a usmívající se ikona uživatele, jako je přijímání odpovědí.

Shrnutí, které má být snadno pochopitelné + chtějí to zkusit udělat

Jak se máte? S příběhem „Navigace strouhanky: Breadcricks, které pomáhají uživateli i Googlu“. Doufám, že nyní pochopíte, jak má tato malá navigace „moc“!

Snadno si pamatujte, že strouhanka je „skutečným přítelem“ uživatelů i Google:

• Pro uživatele: Jedná se o „mapu života“, která jim pomáhá neztratit se na vašem webu. Víte, kde jste a kam můžete jít dál? Dělá zážitek (UX) vynikající, dokud nechcete zůstat a nechtějte si koupit
• Pro Google: Je to „kompas“, který pomáhá Google Bot pochopit hierarchii vašeho webu. Je efektivní hodnocení (SEO) a také pomáhá vašemu webu mít příležitost zobrazit bohatý úryvek také ve výsledcích vyhledávání!

Investice se správným návrhem a instalací strouhanky není jen „malým“ vylepšením, ale „investicí“, které za váš web vytvoří mnoho odměn, jako je snížená míra opuštění, prodloužená doba přetržení, míra přeměny a lepší hodnocení SEO.

Už nečekejte!

Zvu vás od dnešního dne. Vraťme se a prozkoumáme svůj web, abychom zjistili, zda existuje strouhanka? Pokud máte, funguje to dostatečně dobře? Pokud ještě není čas na instalaci vážně!

Počínaje:

1. Pochopte svou webovou strukturu.
2. Jasně a design strouhanky
3. Nejdůležitější je „Nezapomeňte dát značení schématu strouhanky“, aby Google jasně řekl!

Pokud máte pocit, že to, že to uděláte sami, je komplikované nebo chcete, aby odborníci pomohli starat se od začátku do konce, aby získali web se silnou strukturou a působivou konverzí konzultujte s odborníkem na Vision Webflow X Brain zdarma! Žádná povinnost! Jsme připraveni být „partnerem“, který pomůže „vytvořit“ váš web. „Průvodce chlebem“, které přivádějí uživatele k cíli a vezmou vaše podnikání k udržitelnému úspěchu!

Výzva pro ilustrace: Obrázky rukou, které posypávají vločky chleba na jasné trase na mapě s logem Google a ikony usmívající se uživatel.

‍