Occasionalmente utilizziamo collegamenti di ancoraggio nei nostri post più lunghi di WordPress per aiutare gli utenti a passare rapidamente alla sezione che desiderano leggere.
I link di ancoraggio vengono spesso utilizzati nelle sezioni dell’indice perché aiutano gli utenti a spostarsi su e giù per un articolo più lungo senza dover ricaricare la pagina. Può anche aiutare con la SEO poiché Google potrebbe mostrarli sotto i tuoi elenchi di ricerca per una facile navigazione (ne parleremo più avanti).
In questa guida passo passo, spiegheremo cosa sono i link di ancoraggio e ti mostreremo come aggiungere facilmente link di ancoraggio in WordPress.
Vuoi un sito web anche tu?
Pronto? Cominciamo con un esempio dal vivo di link di ancoraggio.
Di seguito è riportato un elenco di tutti gli argomenti che tratteremo in questa guida. Vai avanti e fai clic su uno di questi collegamenti e verrai indirizzato a quella sezione specifica.
Cos’è un collegamento di ancoraggio?
Un link di ancoraggio è un tipo di link sulla pagina che ti porta in un punto specifico della stessa pagina. Consente agli utenti di passare alla sezione a cui sono più interessati.
Dai un’occhiata allo screenshot animato qui sotto:
Come puoi vedere, facendo clic sul collegamento di ancoraggio l’utente viene indirizzato alla sezione specifica della stessa pagina.
I link di ancoraggio sono comunemente usati negli articoli più lunghi come l’indice che consente agli utenti di passare rapidamente alle sezioni che desiderano leggere.
Perché e quando dovresti usare i link di ancoraggio?
Un utente medio trascorre meno di pochi secondi prima di decidere se vuole rimanere o lasciare il tuo sito web. Hai solo quei pochi secondi per convincere gli utenti a rimanere.
Il modo migliore per farlo è aiutarli a vedere rapidamente le informazioni che stanno cercando.
I collegamenti di ancoraggio lo rendono più semplice consentendo agli utenti di saltare il resto del contenuto e passare direttamente alla parte che li interessa. Ciò migliora l’esperienza dell’utente e ti aiuta a conquistare nuovi clienti / lettori.
I link di ancoraggio sono ottimi anche per WordPress SEO. Google può visualizzare un collegamento di ancoraggio nei risultati di ricerca come un “collegamento a un collegamento”.
A volte Google può anche visualizzare diversi collegamenti da quella pagina come collegamenti ai collegamenti e questo ha dimostrato di aumentare la percentuale di clic nei risultati di ricerca. In altre parole, ottieni più traffico sul tuo sito web.
Detto questo, diamo un’occhiata a come aggiungere facilmente link di ancoraggio in WordPress.
Come aggiungere manualmente collegamenti di ancoraggio in WordPress
Se vuoi solo aggiungere alcuni link di ancoraggio nel tuo articolo, puoi farlo facilmente manualmente.
Fondamentalmente è necessario aggiungere due cose affinché un testo di ancoraggio funzioni come previsto.
- Crea un link di ancoraggio con un segno # prima del testo di ancoraggio.
- Aggiungi l’attributo id al testo in cui desideri che l’utente venga portato.
Cominciamo con la parte del collegamento di ancoraggio.
Passaggio 1. Creazione di un collegamento di ancoraggio
Per prima cosa devi selezionare il testo che desideri collegare e quindi fare clic sul pulsante Inserisci collegamento nell’editor Gutenberg di WordPress.
Verrà visualizzato il popup di inserimento del collegamento in cui di solito aggiungi l’URL o cerchi un post o una pagina da collegare.
Tuttavia, per un collegamento di ancoraggio, utilizzerai semplicemente # come prefisso e inserisci le parole chiave per la sezione a cui desideri che l’utente salti.
Successivamente, fai clic sul pulsante Invio per creare il collegamento.
Alcuni suggerimenti utili sulla scelta del testo da utilizzare come link di ancoraggio #:
- Utilizza le parole chiave relative alla sezione a cui ti stai collegando.
- Non rendere il tuo link di ancoraggio inutilmente lungo o complesso.
- Usa i trattini per separare le parole e renderle più leggibili.
- Puoi usare le maiuscole nel testo di ancoraggio per renderlo più leggibile. Ad esempio: # Best-Coffee-Shops-Manhattan.
Dopo aver aggiunto il collegamento, sarai in grado di vedere il collegamento che hai creato nell’editor. Tuttavia, fare clic sul collegamento non fa nulla.
Questo perché i browser non riescono a trovare il collegamento di ancoraggio come ID.
Risolviamolo puntando i browser all’area, alla sezione o al testo che desideri mostrare quando gli utenti fanno clic sul collegamento di ancoraggio.
Passaggio 2. Aggiungere l’attributo ID alla sezione collegata
Nell’editor di contenuti, scorri verso il basso fino alla sezione in cui desideri che l’utente passi quando fa clic sul collegamento di ancoraggio. Di solito è un’intestazione per una nuova sezione.
Quindi, fare clic per selezionare il blocco e quindi nelle impostazioni del blocco fare clic sulla scheda Avanzate per espanderla. Puoi semplicemente fare clic sulla scheda “Avanzate” sotto le impostazioni del blocco dell’intestazione.
Dopodiché, devi aggiungere lo stesso testo che hai aggiunto come link di ancoraggio nel campo “Ancoraggio HTML”. Assicurati di aggiungere il testo senza il prefisso #.
Ora puoi salvare il tuo post e vedere il tuo link di ancoraggio in azione facendo clic sulla scheda di anteprima.
E se la sezione che vuoi mostrare non è un’intestazione ma solo un normale paragrafo o qualsiasi altro blocco?
In tal caso, è necessario fare clic sul menu a tre punti nelle impostazioni del blocco e selezionare “Modifica come HTML”.
Ciò ti consentirà di modificare il codice HTML per quel particolare blocco. Devi selezionare trova il tag HTML per l’elemento a cui vuoi puntare. Ad esempio,
se è un pagraph, o