Usa breadcrumbs per ottimizzare completamente il tuo sito mobile con questi 7 suggerimenti

I breadcrumb sono una tecnica di ottimizzazione sottovalutata per migliorare i tuoi siti mobili

I breadcrumb sono un elemento di design popolare sui siti Web preferiti da Google. Ma cosa sono e come aiutano esattamente nell'ottimizzazione dei motori di ricerca ?

Anche se non sai cosa sono i breadcrumb, probabilmente li hai incontrati esplorando il web. In effetti, dovresti notare che tutti i documenti e i suggerimenti relativi alla SEO di Google sottolineano il valore di questi elementi.

Questo perché i breadcrumb sono utili per entrambi i crawler dei motori di ricerca; aiutandoli a capire la struttura del tuo sito. Più questi crawler capiscono il tuo sito web, meglio si classificheranno su Google.

Le briciole di pane sono utili anche per i tuoi visitatori. Con questi in atto, i visitatori del tuo sito possono usarli per navigare e scoprire meglio i contenuti del tuo sito web.

In questo post imparerai tutto sui breadcrumb, sui loro vantaggi e su come utilizzarli per ottimizzare il tuo sito mobile.

Le basi: cosa sono i breadcrumb?

I breadcrumb sono un elemento di navigazione cruciale che aiuta gli utenti a farsi strada attraverso un sito web. Questi breadcrumb sanno dove si trovano in relazione alla gerarchia generale del tuo sito web.

Molti esperti hanno raccomandato l'uso dei breadcrumb perché offrono molti vantaggi agli utenti senza influire drasticamente sull'interfaccia.

Per aiutarti a visualizzare: come suggerisce il nome, i breadcrumb sono collegamenti alla home page di un sito Web e alle pagine precedenti nella gerarchia del sito (come la pagina principale).

I percorsi di collegamento breadcrumb sono indicati da ">" o "/" e appaiono nella parte superiore di una pagina, appena sotto la navigazione globale, come puoi vedere nell'immagine, sotto

La Home Page è sempre il primo link nel percorso, e non c'è alcuna differenza pratica, il carattere preferibile per il separatore è '>'.

In che modo i breadcrumb avvantaggiano le ottimizzazioni del layout mobile?

Ci sono numerosi vantaggi nell'usare i breadcrumb sul tuo sito web. Dai un'occhiata a quanto segue:

• Guadagna il favore di Google: sebbene Google utilizzi i breadcrumb per comprendere meglio la struttura del tuo sito Web, possono anche essere utilizzati nei risultati di ricerca per rendere il clic sul tuo sito Web più attraente per le persone.
• Più scansione: i breadcrumb aiutano i crawler dei motori di ricerca a vedere tutti i livelli della gerarchia creando collegamenti interni.
• Migliora l'esperienza utente: i breadcrumb possono migliorare l'esperienza utente del tuo sito Web perché sono una funzionalità di interfaccia standard che rivela immediatamente un percorso verso la home page di un sito Web.
• Sistema di indicizzazione più accurato: Google può contestualizzare i contenuti del sito e associare accuratamente le pagine web alla struttura del sito grazie ai collegamenti gerarchici.
• Frequenze di rimbalzo ridotte: le frequenze di rimbalzo possono essere ridotte utilizzando i breadcrumb poiché offrono ai visitatori un altro metodo per esplorare il tuo sito.

Ricorda, è importante ottimizzare il tuo sito Web per un'esperienza utente mobile e di facile utilizzo poiché oltre la metà di tutto il traffico Web proviene ora da dispositivi mobili. Vuoi conoscere il ruolo svolto dai breadcrumb nell'aiutare a ottimizzare l'esperienza utente mobile? Continua a leggere di seguito:

Cose che puoi fare per ottimizzare i tuoi breadcrumb per i layout mobili

I breadcrumb possono avere un aspetto diverso sui dispositivi mobili rispetto alla parte superiore di una pagina Web perché svolgono un ruolo cruciale nel modo in cui i visitatori Web possono navigare nel sito e visualizzare la gerarchia del sito Web.

Ecco 8 suggerimenti che puoi utilizzare per ottimizzare il tuo sito per dispositivi mobili con breadcrumb.

1. Assicurati che i breadcrumb siano attivi e accessibili agli utenti.

Può sembrare buon senso, ma molte persone che progettano siti Web hanno l'abitudine di nascondere la traccia di breadcrumb perché credono che non si adatti al design generale.

Non è assolutamente il caso. Le breadcrumb sono un elemento essenziale che aiuta gli utenti a navigare nel sito Web e consente a Google di comprendere chiaramente il percorso. Quindi, assicurati che siano facilmente accessibili agli utenti.

2. Modificare il layout breadcrumb per i dispositivi mobili.

Spesso i breadcrumb vengono mostrati su schermi più grandi ma vengono rimossi dai dispositivi mobili per risparmiare spazio sullo schermo. Tuttavia, questo è un problema, poiché la navigazione rapida è più critica sui dispositivi più piccoli. Quindi dovrai comunque usare i breadcrumb sul tuo layout mobile.

La tua soluzione è semplicemente adattarli allo spazio disponibile.

Potrebbe essere necessario modificare la spaziatura orizzontale e verticale del percorso per adattarsi agli schermi più piccoli dei visitatori mobili.

Tuttavia, la sicurezza di un utente durante la navigazione in un sito Web potrebbe essere compromessa. Un modo per proteggere i tuoi visitatori è incoraggiarli a utilizzare una VPN.

LEGGI ANCHE: Come proteggere la privacy dei dati dei clienti nel marketing digitale

3. Personalizza l'aspetto della tua traccia breadcrumb

Il tuo percorso breadcrumb può essere realizzato per adattarsi allo stile e al tema del tuo sito dopo averlo aggiunto e configurato. Preimpostazioni, regolazioni del layout e personalizzazione del design sono modi per convincere gli utenti a tornare al tuo sito ed esplorarlo di più.

Apporta le modifiche e le modifiche necessarie al layout del tuo percorso. Puoi fare in modo che lo sfondo, i separatori e gli oggetti del tuo sito appaiano esattamente come desideri, il che invoglia gli utenti mobili a rimanere e guardarsi intorno. Esempi di buoni miglioramenti UI/UX che puoi apportare al tuo sito includono:

• ridurre il più possibile il disordine per una navigazione più semplice e ridurre la velocità di caricamento della pagina;
• utilizzando un layout progettato per adattarsi a uno schermo mobile e;
• attenersi a un design più semplice nel suo insieme: meno è meglio, dopo tutto.

4. Evita il pangrattato avvolto in numerose righe.

I breadcrumb possono rapidamente avvolgersi in numerose righe sui siti Web mobili, il che occupa molto spazio su un display mobile già congestionato.

Una traccia breadcrumb con più linee potrebbe non illustrare bene la struttura della catena, specialmente quando alcune cose occupano la loro linea e altre possono avere più di un collegamento in una singola riga. Risolvere questo separando le linee utilizzando le frecce alla fine delle linee.

5. Evita di usare pangrattato piccolo o affollato

Su alcuni siti Web, i breadcrumb sono formattati per occupare meno spazio sullo schermo avendo collegamenti più piccoli o disposti più da vicino.

Sfortunatamente, i touchscreen non sono compatibili con questa soluzione. Quindi, evita di usare il pangrattato troppo ravvicinato o troppo piccolo. La dimensione minima per i target tap è 1 cm x 1 cm.

6. Accorciare la traccia del breadcrumb.

Potresti voler ridurre la traccia di breadcrumb per includere il livello finale. È possibile supportare gli obiettivi dell'utente principale con nient'altro che un singolo breadcrumb che punta a un livello.

Ad esempio, un visitatore della pagina dei dettagli del prodotto potrebbe voler esplorare altre varietà di prodotti nella stessa categoria per confrontare i negozi.

Pertanto, una breadcrumb nella gerarchia che si accoppia con il livello genitore (ad esempio, Red Shoes) promuove questa funzione. Utilizzando questa tecnica, è possibile evitare un lungo percorso di briciole di pane pieno di collegamenti e l'occupazione di immobili mobili di valore.

7. Aggiungi lo schema breadcrumb.

Se abiliti il ​​markup dello schema breadcrumb sul tuo sito web, i breadcrumb vengono visualizzati al posto degli URL nei risultati di ricerca di Google.

Che cos'è esattamente il markup dello schema, però? È un metodo per attirare l'attenzione dei crawler dei motori di ricerca su parti specifiche del tuo sito web.

Puoi fornire ai motori di ricerca informazioni aggiuntive sulla tua pagina web e sul suo contenuto includendo parti di codice nel tuo HTML. Questo è chiamato dati strutturati.

Potrebbe aumentare le tue possibilità di ottenere rich snippet nei risultati dei motori di ricerca e breadcrumb formattati correttamente.

Da asporto chiave

Le breadcrumb sembrano una piccola cosa, ma è necessario prestare attenzione poiché questa opzione per la navigazione è vantaggiosa per l'esperienza dell'utente. Per ribadire l'importanza di questi breadcrumb, tieni presente che:

• Una navigazione più semplice porta a conversioni. Per quanto poco siano, i breadcrumb possono anche influire sulle conversioni riducendo l'attrito durante la navigazione. E, nell'ottimizzazione del tasso di conversione, minore è l'attrito, meglio è.
• Aiuta la rilevabilità. Oltre ad essere scansionabili, i breadcrumb migliorano anche l'aspetto degli snippet dei risultati di ricerca. Questi sono molto apprezzati da Google e ti fanno guadagnare facilmente i primi posti.
• L'ottimizzazione per dispositivi mobili non è negoziabile. Con la maggior parte degli utenti che attualmente navigano su dispositivi mobili, sono necessarie ottimizzazioni per questa categoria di dispositivi. Non saltare il lavoro, altrimenti perderai clienti perché non sei riuscito a tenere il passo con i cambiamenti nel loro comportamento di navigazione.

Cerchi altri suggerimenti su come ottimizzare i layout mobili del tuo sito web? Assicurati di iscriverti alla newsletter di Propelrr e di ricevere gli aggiornamenti direttamente nella tua casella di posta.

Hai idee che vorresti condividere con il nostro pubblico di Propelrr? Invialo tramite un guest post.

Circa l'autore

Lee Li è un project manager e copywriter B2B con un decennio di esperienza nello spazio delle startup fintech cinesi come PM per TaoBao, MeitTuan e DouYin (ora TikTok).