Come aggiungere “facilmente” collegamenti di ancoraggio in WordPress (passo dopo passo)

Siete alla ricerca di un modo semplice per aggiungere link di ancoraggio ai post e alle pagine del vostro blog?

I link di ancoraggio sono spesso utilizzati nelle sezioni della tabella dei contenuti perché aiutano gli utenti a spostarsi su e giù per un articolo più lungo senza ricaricare la pagina. Inoltre, possono essere utili per la SEO, in quanto Google potrebbe mostrare i vostri contenuti nei featured snippet.

In questa guida vi mostreremo come aggiungere facilmente link di ancoraggio in WordPress.

Che cos’è un link di ancoraggio?

Un link di ancoraggio è un tipo di link sulla pagina che porta a un punto specifico della stessa pagina. Permette agli utenti di saltare alla sezione che più interessa.

Come si può notare, facendo clic sul link di ancoraggio si accede alla sezione specifica della stessa pagina.

I link di ancoraggio sono comunemente utilizzati negli articoli più lunghi come indice, che permette agli utenti di saltare rapidamente alle sezioni che desiderano leggere.

Un altro uso dei link di ancoraggio è la creazione di link segnalibro sul vostro sito WordPress. In questo modo è possibile condividere il link del segnalibro sui media o nelle newsletter via email, in modo che quando la pagina viene caricata, gli utenti saltino immediatamente alla sezione che desiderano vedere.

Perché e quando usare i link di ancoraggio?

Un utente medio trascorre meno di qualche secondo prima di decidere se rimanere o lasciare il vostro sito WordPress. Avete solo quei pochi secondi per convincere gli utenti a rimanere.

Il modo migliore per farlo è aiutarli a visualizzare rapidamente le informazioni che stanno cercando.

I link di ancoraggio facilitano questo compito, consentendo agli utenti di saltare il resto del contenuto e di arrivare direttamente alla parte che interessa loro. Questo migliora l’esperienza dell’utente e vi aiuta a conquistare nuovi clienti/lettori.

Anche i link di ancoraggio sono ottimi per la SEO di WordPress. Google può visualizzare diversi link di ancoraggio nei risultati di ricerca come link di accesso.

È dimostrato che questo aumenta il tasso di clic nei risultati di ricerca. In altre parole, aumenta il traffico verso il vostro sito web.

Se si crea un indice utilizzando i link di ancoraggio, Google può anche visualizzare i titoli nei featured snippet.

Detto questo, vediamo come aggiungere facilmente i link di ancoraggio in WordPress. Di seguito sono elencati tutti gli argomenti che tratteremo in questa guida.

Fate clic su uno dei link sottostanti per accedere alla sezione specifica:

Come aggiungere manualmente i link di ancoraggio in WordPress

Se volete aggiungere solo alcuni link di ancoraggio o link di segnalibro nel vostro articolo, potete facilmente farlo manualmente.

In sostanza, affinché un testo di ancoraggio funzioni come previsto, è necessario aggiungere due elementi:

1. Creare un link di ancoraggio con un segno # prima del testo di ancoraggio.
2. Aggiungere l’attributo id al testo in cui si vuole portare l’utente.

Cominciamo con la parte del link di ancoraggio.

Passo 1. Creare un link di ancoraggio

Innanzitutto, è necessario modificare o creare un nuovo post o una nuova pagina. Quindi, selezionare il testo che si desidera collegare e fare clic sul pulsante Inserisci collegamento nell’editor di blocchi di WordPress.

Si aprirà la finestra di popup “inserisci link”, dove di solito si aggiunge l’URL o si cerca un post o una pagina da collegare.

Tuttavia, per un link di ancoraggio, si userà semplicemente # come prefisso invece di HTTP. Basta inserire le parole chiave della sezione a cui si vuole che l’utente salti dopo.

Quindi, fare clic sul pulsante di invio per creare il link. Tuttavia, non andrà ancora da nessuna parte. Si dovrà creare l’ID nel passaggio successivo.

Alcuni consigli utili per scegliere il testo da utilizzare come link di ancoraggio:

• Utilizzate le parole chiave relative alla sezione che state linkando.
• Non rendete il vostro link di ancoraggio inutilmente lungo o complesso.
• Usate i trattini per separare le parole e renderle più leggibili.
• È possibile utilizzare la maiuscola nel testo di ancoraggio per renderlo più leggibile. Ad esempio: #Best-Coffee-Shops-New-York.

Una volta scelto il testo del link giusto, è il momento di ancorarlo a un’area, a una sezione o a un testo della pagina che si desidera mostrare quando gli utenti fanno clic sul link di ancoraggio.

Passo 2. Aggiungere l’attributo ID alla sezione collegata

Nell’editor dei contenuti, scorrere fino alla sezione a cui si vuole che l’utente navighi quando fa clic sul link di ancoraggio. Di solito, si tratta di un titolo per una nuova sezione.

Successivamente, è sufficiente selezionare il blocco. Quindi, nelle impostazioni del blocco sul pannello sinistro, fare clic sulla scheda “Avanzate” per espanderla.

Successivamente, è necessario aggiungere lo stesso testo che è stato aggiunto come link di ancoraggio nel campo ‘HTML Anchor’.

Assicuratevi di aggiungere il testo senza il prefisso #.

Ora è possibile salvare il post e vedere il link di ancoraggio in azione facendo clic sulla scheda di anteprima.

E se la sezione che si vuole mostrare non è un’intestazione, ma un normale paragrafo o qualsiasi altro blocco?

In questo caso, è necessario fare clic sul menu a tre punti delle impostazioni del blocco e selezionare l’opzione “Modifica come HTML”.

Ciò consentirà di modificare il codice HTML di quel particolare blocco. È necessario selezionare il tag HTML dell’elemento a cui si vuole puntare. Ad esempio, <p> se si tratta di un paragrafo o <table> se si tratta di un blocco di tabelle e così via.

Ora è necessario aggiungere l’ancora come attributo ID a quel tag, come nel codice seguente:

<p id="best-coffee-shops-manhattan">

A questo punto, è sufficiente fare di nuovo clic sul pulsante “Modifica visiva” e il link di ancoraggio indirizzerà l’utente a quel blocco quando viene cliccato.

Come aggiungere manualmente un collegamento di ancoraggio nell’editor classico

Se si utilizza ancora il vecchio editor classico di WordPress, ecco come aggiungere il link di ancoraggio/jump link.

Passo 1. Creare il link di ancoraggio

Per prima cosa, è necessario modificare o creare una nuova pagina o un post. Quindi, selezionate il testo che volete trasformare in un link di ancoraggio e fate clic sul pulsante ‘Inserisci link’.

Successivamente, è necessario aggiungere il link di ancoraggio con un prefisso # seguito dallo slug che si desidera utilizzare per il link.

Passo 2. Aggiungere l’attributo ID alla sezione collegata

Il passo successivo consiste nell’indirizzare i browser verso la sezione che si desidera mostrare quando gli utenti fanno clic sul link di ancoraggio.

A tale scopo, è necessario passare alla modalità “Testo” nell’editor classico. Dopodiché, scorrere verso il basso fino alla sezione che si desidera collegare.

A questo punto, individuate il tag HTML che desiderate utilizzare. Ad esempio, <h2>, <h3>, <p> e così via.

È necessario aggiungere l’attributo ID con lo slug del link di ancoraggio senza il prefisso #, in questo modo:

<h2 id="best-coffee-shops-new-york">

A questo punto è possibile salvare le modifiche e fare clic sul pulsante di anteprima per vedere il link di ancoraggio in azione.

Come aggiungere manualmente i link di ancoraggio in HTML

Se siete abituati a scrivere nella modalità Testo del vecchio Editor classico di WordPress, ecco come creare manualmente un link di ancoraggio in HTML.

Per prima cosa, è necessario creare il link di ancoraggio con un prefisso # usando il solito tag <a href="">, come questo:

<a href="#best-coffee-shops-manhattan">Best Coffee Shops in Manhattan</a>

Successivamente, è necessario scorrere verso il basso fino alla sezione che si desidera mostrare quando gli utenti fanno clic sul link.

Di solito, questa sezione è un’intestazione, ma potrebbe essere qualsiasi altro elemento HTML o anche un semplice tag <p> di paragrafo.

È necessario aggiungere l’attributo ID al tag HTML e poi aggiungere lo slug del link di ancoraggio senza il prefisso #.

<h2 id="best-coffee-shops-manhattan">Best Coffee Shops in Manhattan</h2>

A questo punto è possibile salvare le modifiche e visualizzare l’anteprima del sito web per testare il link di ancoraggio.

Come aggiungere automaticamente i titoli come link di ancoraggio in WordPress (consigliato)

Il modo migliore per aggiungere automaticamente i link di ancoraggio in WordPress è utilizzare il plugin All in One SEO (AIOSEO). Questo metodo è adatto agli utenti che pubblicano regolarmente articoli di forma lunga e hanno bisogno di creare un indice con link di ancoraggio.

AIOSEO è il miglior plugin SEO per WordPress ed è dotato di un blocco WordPress integrato per aggiungere un indice.

Per questo tutorial, utilizzeremo la versione AIOSEO Lite, gratuita, perché include il blocco dell’indice. Esiste anche una versione AIOSEO Pro che include ulteriori funzioni per aiutarvi a posizionarvi meglio sui motori di ricerca.

La prima cosa da fare è installare e attivare il plugin AIOSEO. Per maggiori dettagli, consultate la nostra guida passo-passo su come installare un plugin di WordPress.

Dopo l’attivazione, verrà visualizzata la procedura di configurazione guidata. È sufficiente fare clic sul pulsante “Cominciamo” e seguire le istruzioni sullo schermo.

Per maggiori dettagli, consultate la nostra guida su come impostare All in One SEO per WordPress.

Successivamente, è possibile creare o modificare un nuovo post o una pagina in cui si desidera aggiungere i link di ancoraggio. Una volta entrati nell’editor dei contenuti, è sufficiente fare clic sul pulsante “+” e aggiungere il blocco “AIOSEO – Table of Contents”.

Il plugin rileva automaticamente i diversi titoli della pagina e li mostra nell’indice.

È possibile personalizzare ulteriormente ogni link di ancoraggio del blocco. Ad esempio, il pannello delle impostazioni sulla destra offre l’opzione di cambiare lo ‘Stile elenco’ da puntato a numerico.

Inoltre, è possibile rinominare i titoli, riorganizzarne l’ordine nel blocco dell’indice e nascondere titoli specifici.

Ora è possibile salvare le modifiche e visualizzare l’anteprima dell’articolo. Il plugin visualizzerà automaticamente un elenco di link di ancoraggio come indice.

Per istruzioni più dettagliate, consultate il nostro articolo su come aggiungere un indice in WordPress.

Speriamo che questo articolo vi abbia aiutato a capire come aggiungere facilmente anchor link in WordPress. Potreste anche leggere i nostri consigli su come ottimizzare correttamente i post del vostro blog per la SEO e la nostra scelta dei migliori plugin per lo schema markup.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.