Tutorial WordPress affidabili, quando ne hai più bisogno.
Guida per principianti a WordPress
WPB Cup
25 Milioni+
Siti web che utilizzano i nostri plugin
16+
Anni di esperienza con WordPress
3000+
Tutorial WordPress di esperti

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

Hai mai aperto un lungo post di WordPress e ti sei sentito un po' perso nel tentativo di trovare ciò di cui avevi bisogno? Ci siamo passati tutti. Può essere frustrante scorrere muri di testo solo per arrivare alla parte che ti interessa.

È esattamente per questo che utilizziamo i link di ancoraggio su WPBeginner. Rendono facile per i lettori saltare direttamente alla sezione che li interessa, sia in una guida che in un elenco di esperti.

Secondo la nostra esperienza, i link di ancoraggio non rendono solo la lettura più facile. Aiutano anche i visitatori a rimanere più a lungo sul tuo sito perché possono trovare rapidamente ciò di cui hanno bisogno. E come bonus, i tuoi contenuti appariranno più organizzati e professionali.

In questa guida, ti spiegheremo come aggiungere link di ancoraggio ai tuoi post e pagine di WordPress. È un piccolo cambiamento che può fare una grande differenza per i tuoi lettori.

Come aggiungere link di ancoraggio in WordPress wp

Un link di ancoraggio è un tipo speciale di link che indirizza gli utenti a una sezione specifica della stessa pagina anziché a una pagina diversa o a un sito web WordPress.

Questi link agiscono come scorciatoie, aiutando i lettori a saltare direttamente alla parte del contenuto che li interessa di più *senza* scorrere l'intera pagina.

Ad esempio, potresti vedere link di ancoraggio utilizzati in una tabella dei contenuti per un lungo articolo o una guida. Quando vengono cliccati, spostano immediatamente l'utente alla sezione pertinente.

Anteprima link di ancoraggio

Un altro modo in cui puoi utilizzare i link di ancoraggio è creare collegamenti segnalibro sul tuo sito WordPress.

Questo ti permette di condividere il link del segnalibro sui social media o nelle newsletter via email. In questo modo, quando la pagina viene caricata, i tuoi utenti salteranno immediatamente alla sezione che vuoi che vedano.

Un utente medio trascorre meno di pochi secondi prima di decidere se vuole rimanere o abbandonare il tuo sito. 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 link di ancoraggio rendono questo più facile permettendo agli utenti di saltare il resto del contenuto e passare direttamente alla parte che li interessa. Questo migliora l'esperienza utente e ti aiuta a conquistare nuovi clienti/lettori.

I link di ancoraggio sono ottimi anche per il SEO di WordPress. Google può visualizzare diversi link di ancoraggio nei risultati di ricerca come link di salto.

Salta ai link nei risultati di ricerca

È stato dimostrato che questo aumenta il tasso di clic nei risultati di ricerca, il che a sua volta porta più traffico al tuo sito web.

Se crei un indice usando i link di ancoraggio, allora Google può visualizzare le intestazioni nei featured snippet.

Anteprima snippet in primo piano

Tenendo conto di ciò, daremo un'occhiata a come aggiungere facilmente link di ancoraggio in WordPress.

Di seguito è riportato un elenco di tutti gli argomenti che tratteremo in questa guida. Fai clic su uno qualsiasi di questi collegamenti di ancoraggio sottostanti e verrai portato a quella sezione specifica:

Se vuoi solo aggiungere alcuni collegamenti di ancoraggio o collegamenti segnalibro nel tuo articolo, puoi farlo facilmente manualmente.

Fondamentalmente, devi aggiungere due cose affinché un testo di ancoraggio funzioni come previsto:

  1. Crea un link di ancoraggio con un segno # prima del testo dell'ancora.
  2. Aggiungi l'attributo id al testo dove vuoi che l'utente venga indirizzato.

Inizieremo con la parte del link di ancoraggio.

Passaggio 1. Creazione di un link di ancoraggio

Innanzitutto, devi modificare o creare un nuovo post o una nuova pagina. Successivamente, seleziona il testo a cui vuoi collegarti e fai clic sul pulsante Inserisci link nell'editor a blocchi di WordPress.

Seleziona il testo e fai clic sul pulsante link

Questo aprirà il popup 'Inserisci link' dove solitamente aggiungi l'URL o cerchi un post o una pagina a cui collegarti.

Tuttavia, per un link di ancoraggio, userai semplicemente # come prefisso invece di HTTP. Dopodiché, inserisci semplicemente le parole chiave per la sezione a cui vuoi che l'utente salti.

Inserisci la parola chiave a cui vuoi collegarti

Quindi, premi il pulsante Invio per creare il link. Non andrà ancora da nessuna parte, però. Dovrai creare l'ID nel passaggio successivo.

Alcuni suggerimenti utili per scegliere il testo da usare come # link di ancoraggio:

  • Usa 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 la capitalizzazione nel testo dell'ancora per renderlo più leggibile. Ad esempio: #Migliori-Negozi-di-Caffè-New-York.

Una volta scelto il testo del link corretto, è il momento di ancorarlo a un'area, una sezione o un testo nella pagina che vuoi mostrare quando gli utenti fanno clic sul link di ancoraggio.

Passaggio 2. Aggiungi l'attributo ID alla sezione collegata

Nell'editor di contenuto, scorri verso il basso fino alla sezione a cui vuoi che l'utente navighi quando fa clic sul collegamento di ancoraggio. Di solito, è un'intestazione per una nuova sezione.

Successivamente, seleziona semplicemente il blocco. Quindi, nelle impostazioni del blocco nel pannello di sinistra, fai clic sulla scheda 'Avanzate' per espanderla.

Inserisci l'ancora HTML

Dopo di che, devi aggiungere lo stesso testo che hai aggiunto come collegamento di ancoraggio nel campo 'Ancoraggio HTML'.

Assicurati di aggiungere il testo senza il prefisso #.

Ora puoi salvare il tuo post e vedere il tuo collegamento di ancoraggio in azione facendo clic sulla scheda di anteprima.

Cosa succede se la sezione che vuoi mostrare non è un'intestazione ma solo un normale paragrafo o un altro blocco?

In tal caso, devi fare clic sul menu a tre punti nelle impostazioni del blocco e selezionare l'opzione 'Modifica come HTML'.

Passare alla visualizzazione HTML di un blocco nell'editor a blocchi di WordPress

Questo ti permetterà di modificare il codice HTML per quel particolare blocco. Devi selezionare il tag HTML per l'elemento a cui vuoi puntare. Ad esempio,

se si tratta di un paragrafo o

se si tratta di un blocco tabella, e così via.

Ora, devi aggiungere il tuo ancoraggio come attributo ID a quel tag, come il seguente codice:

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

Quindi, puoi semplicemente fare clic di nuovo sul pulsante 'Modifica visivamente' e il tuo collegamento di ancoraggio indirizzerà l'utente a quel blocco quando viene fatto clic.

Come aggiungere manualmente un collegamento di ancoraggio nell'editor classico

Se stai ancora utilizzando il vecchio editor classico per WordPress, ecco come puoi aggiungere il collegamento di ancoraggio/collegamento di salto.

Passaggio 1. Crea il collegamento di ancoraggio

Innanzitutto, dovrai modificare o creare un nuovo post o una nuova pagina. Quindi, seleziona il testo che desideri trasformare in un link di ancoraggio e fai clic sul pulsante 'Inserisci link'.

Aggiungi link di ancoraggio nel menu classico

Dopodiché, devi aggiungere il tuo link di ancoraggio con un prefisso # seguito dallo slug che desideri utilizzare per il link.

Passaggio 2. Aggiungi l'attributo ID alla sezione collegata

Il passaggio successivo consiste nell'indicare ai browser la sezione che desideri mostrare quando gli utenti fanno clic sul tuo link di ancoraggio.

Per farlo, dovrai passare alla modalità 'Testo' nell'editor classico. Successivamente, scorri verso il basso fino alla sezione a cui desideri collegarti.

Passa alla visualizzazione di testo

Ora, individua il tag HTML che desideri come destinazione. Ad esempio, <h2>, <h3>, <p> e così via.

Devi aggiungere l'attributo ID ad esso con lo slug del tuo link di ancoraggio senza il prefisso #, in questo modo:

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

Ora puoi salvare le modifiche e fare clic sul pulsante di anteprima per vedere il tuo link di ancoraggio in azione.

Come aggiungere manualmente collegamenti di ancoraggio in HTML

Se sei abituato a scrivere nella modalità Testo del vecchio Editor Classico in WordPress, ecco come crearesti manualmente un link di ancoraggio in HTML.

Innanzitutto, devi creare il link di ancoraggio con un prefisso # utilizzando il solito tag <a href="">, in questo modo:

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

Successivamente, devi scorrere fino alla sezione che desideri 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 di paragrafo <p>.

Devi aggiungere l'attributo ID al tag HTML e quindi aggiungere lo slug del link di ancoraggio senza il prefisso #.

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

Ora puoi salvare le modifiche e visualizzare in anteprima il tuo sito web per testare il link di ancoraggio.

Il modo migliore per aggiungere automaticamente link di ancoraggio in WordPress è utilizzare All in One SEO (AIOSEO), il miglior plugin SEO per WordPress.

Questo metodo è adatto agli utenti che pubblicano regolarmente articoli lunghi e necessitano di creare un indice con link di ancoraggio. Inoltre, AIOSEO è dotato di un blocco WordPress integrato per l'aggiunta di un indice.

Siamo grandi fan anche noi e ci affidiamo ad AIOSEO per varie attività SEO, tra cui la gestione delle sitemap XML, le impostazioni di OpenGraph per Facebook e X, le meta descrizioni e i titoli. Consulta la nostra recensione dettagliata di AIOSEO per maggiori dettagli.

Homepage di AIOSEO

Per questo tutorial, utilizzeremo la versione gratuita AIOSEO Lite perché include il blocco della tabella dei contenuti. Esiste anche una versione AIOSEO Pro che include più funzionalità per aiutarti a posizionarti meglio sui motori di ricerca.

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

Dopo l'attivazione, vedrai la procedura guidata di configurazione. Fai semplicemente clic sul pulsante 'Inizia' e segui le istruzioni sullo schermo.

Fai clic su Iniziamo con la procedura guidata di configurazione di AIOSEO

Per maggiori dettagli, consulta la nostra guida su come configurare correttamente All in One SEO per WordPress.

Successivamente, puoi creare o modificare un nuovo post o una nuova pagina in cui desideri aggiungere collegamenti di ancoraggio. Una volta nell'editor dei contenuti, fai semplicemente clic sul pulsante '+' e aggiungi il blocco 'AIOSEO – Tabella dei contenuti'.

Aggiungi un blocco Tabella dei contenuti di AIOSEO al post o alla pagina

Il plugin rileverà automaticamente le diverse intestazioni nella tua pagina e le mostrerà nella tabella dei contenuti.

Puoi personalizzare ulteriormente ogni link di ancoraggio nel blocco. Ad esempio, il pannello delle impostazioni sulla destra offre l'opzione di cambiare lo 'Stile elenco' da punti elenco a numeri.

Personalizzazione del sommario

Inoltre, puoi rinominare le intestazioni, riordinarle nel blocco indice e nascondere intestazioni specifiche.

Ora puoi salvare le modifiche e visualizzare in anteprima il tuo articolo. Il plugin visualizzerà automaticamente un elenco di link di ancoraggio come indice.

Il tuo sommario è un elenco di collegamenti alle intestazioni del post o della pagina

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

Suggerimento bonus: combina i collegamenti di ancoraggio con i collegamenti interni per un migliore SEO

Mentre i link di ancoraggio aiutano gli utenti a navigare all'interno di una singola pagina, i link interni li portano ad altri post o pagine correlate sul tuo sito. Insieme, queste strategie possono creare un'esperienza di navigazione fluida e migliorare il tuo SEO di WordPress.

I link interni aiutano i motori di ricerca come Google a scansionare il tuo sito, scoprire nuovi contenuti e classificare le tue pagine. Le pagine con più link che puntano verso di esse spesso si classificano più in alto nei risultati di ricerca.

Aggiungi un collegamento a un post

Utilizzando i link interni in modo strategico, puoi guidare i visitatori verso le tue pagine più importanti e generare più traffico.

Ora, l'aggiunta di anchor link rende i tuoi contenuti più facili da usare, mentre i link interni incoraggiano i lettori a esplorare ulteriormente. Insieme, mantengono i visitatori coinvolti, aumentano le visualizzazioni di pagina e riducono il tuo tasso di rimbalzo – tutto ciò contribuisce a una migliore esperienza utente e a un SEO più forte.

Per saperne di più, consulta la nostra guida definitiva sul linking interno per la SEO.

Hai ancora domande sull'utilizzo degli anchor link in WordPress? Ecco alcune domande comuni che riceviamo dai lettori, insieme a risposte rapide per aiutarti.

Cosa sono gli anchor link e perché dovrei usarli?

Gli anchor link sono collegamenti che portano gli utenti a una sezione specifica della stessa pagina.

Sono ottimi per migliorare la navigazione, rendere i post lunghi più facili da sfogliare e creare un'esperienza generale migliore per i tuoi lettori. Possono persino aiutare con la SEO rendendo i tuoi contenuti più accessibili ai motori di ricerca.

Posso aggiungere anchor link se non ho familiarità con la codifica?

Assolutamente! Sebbene tu possa aggiungerli manualmente con un po' di HTML, i plugin SEO come All in One SEO (AIOSEO) lo rendono facilissimo, anche se non hai alcuna esperienza di codifica.

Gli anchor link influiscono sulla SEO del mio sito?

Sì, in senso positivo! I link di ancoraggio aiutano gli utenti a trovare più velocemente ciò che cercano, il che può portare a un tempo di permanenza maggiore sulla pagina e tassi di rimbalzo inferiori. Questi sono tutti segnali positivi per la SEO.

Esistono plugin che possono aiutare ad aggiungere automaticamente i link di ancoraggio?

Sì! Plugin come All in One SEO (AIOSEO) includono funzionalità per generare automaticamente un indice dei contenuti con link di ancoraggio. Fa risparmiare tempo e riduce la possibilità di errori.

Posso usare i link di ancoraggio per migliorare la navigazione del mio sito?

Assolutamente! I link di ancoraggio sono un ottimo modo per suddividere contenuti lunghi e aiutare i lettori a saltare direttamente alle sezioni che contano di più per loro.

Risorse aggiuntive: migliora il tuo SEO su WordPress

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere facilmente link di ancoraggio in WordPress. Successivamente, potresti anche voler consultare le nostre guide su:

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.

Dichiarazione: Il nostro contenuto è supportato dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come è finanziato WPBeginner, perché è importante e come puoi supportarci. Ecco il nostro processo editoriale.

Il Toolkit WordPress Definitivo

Ottieni l'accesso GRATUITO al nostro toolkit - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Interazioni del lettore

53 CommentsLeave a Reply

  1. Questo è fantastico. Questo post mi ha fatto capire di più sui collegamenti di ancoraggio e su come aggiungerli nell'editor, li ho usati solo quando modificavo i pagebuilder perché non sapevo come usarli nell'editor a blocchi.
    Grazie anche per i consigli sulla scelta dei testi dei collegamenti di ancoraggio per i benefici SEO. Non sapevo che i collegamenti di ancoraggio avessero questi benefici SEO per far apparire i contenuti negli snippet in primo piano di Google.

  2. Recentemente ho visto un sito web di micro SaaS che aveva collegamenti di ancoraggio nel suo menu di navigazione. Quando ho cliccato sulle voci del menu, invece di andare su una nuova pagina, ha semplicemente fatto scorrere la pagina corrente a una sezione specifica.
    Penso che sia un modo intelligente di usare i collegamenti di ancoraggio nelle barre di navigazione per mantenere un utente sulla stessa pagina.

    • Sì, lo vedo come un modo intelligente per collegarsi all'altra parte del sito dalle voci di menu. Alcuni siti, come i portfolio personali, utilizzano un sito a pagina singola che include diverse sezioni per "chi sono", "servizi", "competenze" e altro, quindi implementano l'ancoraggio per collegare queste parti insieme su quella singola pagina.

  3. Grazie per questo. Penso anche che un uso corretto dei collegamenti di ancoraggio possa aiutare nella strategia di collegamento interno del nostro sito web. Collegandoci a diverse sezioni all'interno della stessa pagina o a contenuti correlati su altre pagine, possiamo mantenere i visitatori più a lungo impegnati e aiutare a distribuire l'autorità dei link in tutto il sito.

  4. Posso chiedere, ho diverse voci nel menu dove è impostato un link con # alla fine. È così di proposito. Darò un esempio. Nel menu c'è una voce listino prezzi con # che non porta da nessuna parte. Solo dopo aver passato il mouse sopra, il menu si espande, portando ai singoli listini prezzi. Google Search Console si preoccupa di questa pratica, perché il link non porta da nessuna parte. Si può risolvere in qualche modo?

    • Per questo potresti pensare di creare una pagina prezzi che rimandi alle sottopagine nel tuo menu.

      Amministratore

      • Cioè, invece di #, che non porta da nessuna parte, creare almeno una pagina informativa con del testo. Ok, sembra una soluzione molto buona, semplice e veloce. Grazie. Non mi aspettavo che la mia soluzione disturbasse Google come link inattivo.

    • Mi sono imbattuto in un problema simile con i link segnaposto nel menu del mio sito. Avevo usato `#` in alcune voci di menu per i menu a discesa, ma questo approccio è stato anche segnalato come cattiva pratica per i motori di ricerca. Per risolverlo, ho modificato la struttura del menu assicurandomi che ogni voce di primo livello fosse collegata a un URL valido, anche se si trattava di un'ancora non cliccabile o di una sezione specifica della stessa pagina. In questo modo, Google ha visto ogni link come se portasse da qualche parte, preservando comunque la funzionalità dei menu a discesa. Questa modifica ha contribuito a eliminare gli avvisi e a migliorare l'esperienza utente generale sul mio sito.

  5. Ciao, grazie per il post.
    Vorrei chiederti aiuto: come posso creare un'ancora html al titolo della pagina?

    • La maggior parte dei titoli delle pagine dovrebbe trovarsi in cima alla pagina, quindi a meno che il tuo tema non li posizioni altrove, dovresti essere in grado di collegarti direttamente a una pagina per ottenere ciò che desideri senza bisogno di un link di ancoraggio.

      Amministratore

  6. Ciao, cari
    Ho bisogno del vostro aiuto perché ho reso un elemento del mio menu di navigazione un link di ancoraggio, e funziona solo sulla mia home page, ma se navigo su qualsiasi altra pagina e provo a cliccare su questo elemento nel menu di navigazione, per trasferirmi nella stessa area della home page, non funziona, quindi come posso risolvere questo problema

    • Se vuoi che il link di ancoraggio funzioni anche su altre pagine, dovresti assicurarti che il tuo link nel menu contenga l'intero URL da https alla fine e questo dovrebbe risolvere il problema.

      Amministratore

  7. Utile… il nuovo editor a blocchi in WordPress ha una scheda 'avanzate' nella barra laterale destra

  8. Non funziona per me – sto cercando di collegarmi a un widget della barra laterale da un'altra pagina e questo mi sta facendo impazzire

    • Per quel problema, quando il link si trova su un'altra pagina, dovrai inserire l'URL completo dell'altra pagina, incluso l'&anchor alla fine, affinché funzioni.

      Amministratore

  9. Grazie. Dopo una lunga lotta e ricerca di aiuto, ci sono riuscito seguendo queste istruzioni.

  10. Articolo molto utile. Intendo includere contenuti più lunghi nel mio blog e i link di ancoraggio renderanno la navigazione e l'usabilità più efficienti. Grazie mille.

  11. Come posso aggiungere un link di ancoraggio da un pulsante a un'intestazione sulla stessa pagina, per favore?

    • Potrebbe essere necessario utilizzare il metodo manuale da questa guida per questo.

      Amministratore

  12. Buona presentazione. Raccomando tuttavia di suggerire un pulsante HOME alla fine di ogni paragrafo collegato internamente.

    • That is a personal preference but thank you for sharing your recommendation :)

      Amministratore

  13. Ciao. Il post è molto buono. Come posso creare il link da una pagina a un'altra pagina con un'ancora? Vorrei creare il link a un'altra parte specifica della pagina.

    • Ti collegheresti alla pagina con i link ancora e aggiungeresti il # con l'id alla fine dell'URL

      Amministratore

  14. Ciao, grazie per questo tutorial.
    Ho una domanda per favore. Sulla mia homepage ho alcune ancore come "chi sono" e "contattami". Queste ancore sono nel mio menu di intestazione (usando l'intestazione di WordPress).
    Il problema che sto riscontrando è sul sito web mobile, sulla homepage l'utente apre il menu e seleziona un'ancora che scorre verso il basso sulla stessa pagina, ma la barra del menu rimane aperta.
    Come posso far collassare la barra del menu al clic di un'ancora?
    Grazie.

    • Dovresti contattare il supporto del tuo tema attuale per assicurarti che il menu si chiuda correttamente.

      Amministratore

    • Potresti modificare i tuoi contenuti durante la creazione o la modifica di un post o di una pagina

      Amministratore

  15. Ho tre link ancora in cima alla mia pagina. Una volta che lo spettatore ha cliccato sul link ancora #1 — ed è stato portato al punto della pagina a cui punta il link —, come può tornare in cima, per poter cliccare sui link ancora #2 e #3?

    • Ciò richiederebbe JavaScript personalizzato o un plugin per aggiungerlo al tuo sito.

      Amministratore

  16. Questo NON sembra affrontare l'opzione di collegarsi da una pagina a un'ancora in un'altra pagina. È possibile in WordPress?

    • Puoi usare questa guida e poi usare il link ancora per una sezione specifica di una pagina ovunque sul web.

      Amministratore

  17. Articolo abbastanza buono ma hai omesso il passaggio necessario per posizionare un'ancora su una pagina DIVERSA! Molto importante.

    • Puoi seguire questi passaggi e anche se il link si trova su una pagina diversa, dovrebbe comunque funzionare.

      Amministratore

  18. Grazie ragazzi, per questo post. Imparo ogni giorno da quando ho trovato questa piattaforma.

    • Per questo tutorial, stiamo usando l'editor Gutenberg/a blocchi. Dal suono della tua domanda, probabilmente stai usando l'editor classico.

      Amministratore

Lascia un commento

Grazie per aver scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra politica sui commenti, e il tuo indirizzo email NON verrà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.