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

Come fare riferimento a un paragrafo o una frase specifica nei post di WordPress

I contenuti lunghi sono ottimi per costruire autorevolezza e rispondere a fondo alle domande. Ma quando un lettore cerca una risposta specifica, farlo scorrere attraverso migliaia di parole può essere frustrante.

È qui che i link a paragrafi o frasi specifiche possono fare una grande differenza. Invece di puntare semplicemente i lettori a una pagina, puoi guidarli direttamente alle informazioni che vuoi che vedano.

In questo articolo, ti mostreremo come collegarti direttamente a un paragrafo o a una frase specifica nei tuoi articoli di WordPress utilizzando due semplici metodi.

Come fare riferimento a un paragrafo o una frase specifica nei post di WordPress

Ecco cosa tratteremo in questo articolo:

Il modo più semplice per creare un link che punta a un paragrafo o a una frase specifica è lasciare che il tuo browser lo generi per te con un clic. 

Apri semplicemente la pagina a cui vuoi collegarti ed evidenzia le parole esatte che vuoi condividere. Dopodiché, fai clic con il pulsante destro del mouse sulla selezione e scegli 'Copia link all'evidenziazione'.

Scegli 'Copia link da evidenziare' dal menu

Se stai usando Safari, questa opzione è elencata come 'Copia link con evidenziazione'.

La tua clipboard ora contiene il link completato. Contiene l'indirizzo della pagina, i caratteri #:~:text= e le parole che hai selezionato in forma codificata. Ciò significa che spazi e punteggiatura sono sostituiti da codici come %20 in modo che possano essere inseriti in modo sicuro in un URL.

https://example.com/wordpress-post/#:~:text=Start%20highlight%20here

Quando un lettore fa clic su quel link, il suo browser scorre immediatamente al passaggio designato ed evidenzia il testo.

Link a un'anteprima di frammento di testo in Chrome

Tieni presente che questo funziona solo su testo standard e selezionabile. I link di evidenziazione non funzioneranno su testo incorporato in immagini, documenti PDF o frame incorporati come un lettore video di YouTube.

Il Modo Manuale: Scrivi Tu Stesso l'URL del Frammento di Testo

A volte, il link generato automaticamente non è esattamente ciò di cui hai bisogno. Ad esempio, la frase esatta potrebbe apparire più volte nella pagina, o potresti voler evidenziare un intero passaggio senza utilizzare diversi paragrafi di testo nel tuo link.

Per questi casi, capire come è strutturato l'URL ti dà il controllo completo su ciò che viene selezionato:

https://example.com/page/#:~:text=prefix-,textStart,textEnd,-suffix
  • textStart è l'unica parte richiesta. Da sola, dice al browser di evidenziare quella frase esatta.
  • textEnd trasforma la tua selezione in un intervallo, evidenziando tutto dalla tua frase di inizio fino alla tua frase di fine.
  • prefix- e -suffix specificano le parole immediatamente prima e dopo il tuo testo di destinazione. Sono utili quando la stessa frase appare più volte nella pagina e devi dire al browser quale occorrenza utilizzare.

Per evidenziare un lungo passaggio senza digitare ogni parola, devi solo digitare la frase di apertura e la frase di chiusura, separate da una virgola. Il browser evidenzierà automaticamente tutto ciò che si trova tra di esse.

https://example.com/page/#:~:text=Start%20of%20the%20passage,end%20of%20the%20passage

Allo stesso modo, puoi evidenziare due passaggi separati sulla stessa pagina unendoli con &text=. Questo è utile quando vuoi indirizzare i lettori a due informazioni correlate, come un'affermazione e la nota a piè di pagina che la segue.

https://example.com/page/#:~:text=first%20passage&text=second%20passage

Se non vuoi scrivere URL manualmente, il gratuito Text Fragment Link Generator può costruire l'URL per te automaticamente.

Lo strumento Generatore di frammenti di testo

Nello strumento, incolla l'indirizzo della pagina di destinazione insieme al testo esatto che desideri evidenziare.

Se il testo appare più volte nella pagina, puoi compilare i campi prefisso e suffisso opzionali per individuare la posizione esatta. Lo strumento applicherà automaticamente la codifica corretta e produrrà un link finito pronto per essere copiato e condiviso.

Aggiungere il Link di Evidenziazione al Tuo Post di WordPress

Una volta copiato il link negli appunti, puoi aggiungerlo nell'editor a blocchi di WordPress esattamente come aggiungeresti qualsiasi altro link. Non sono necessari plugin aggiuntivi o blocchi personalizzati.

Apri semplicemente il post o la pagina che desideri modificare e seleziona il testo di ancoraggio. Questa è la parola o la frase su cui vuoi che il lettore faccia clic.

Successivamente, fai clic sull'icona Link nella barra degli strumenti del blocco o utilizza la scorciatoia da tastiera Ctrl+K su Windows / Command+K su Mac.

Aggiungere un link a WordPress

Dopo di che, incolla il link di evidenziazione nel campo e premi Invio. WordPress memorizza l'intero URL, incluso il frammento di testo alla fine.

Infine, pubblica o aggiorna il post e fai clic sul link nella pagina live. Il browser dovrebbe saltare al passaggio ed evidenziarlo, confermando che il riferimento funziona.

Collegarsi a una parte specifica di un post utilizzando collegamenti di ancoraggio

Un link di ancoraggio porta il lettore a una sezione specifica di una pagina utilizzando un attributo id HTML aggiunto a un blocco nell'editor. Sebbene non evidenzi il testo come fa un frammento di testo, non si romperà mai se aggiorni o modifichi il testo in seguito.

Per aggiungere un link di ancoraggio, seleziona il blocco a cui desideri collegarti, come un'intestazione, all'interno dell'editor di contenuti di WordPress.

Quindi, apri la scheda Blocco nella barra laterale delle Impostazioni a destra, espandi il pannello "Avanzate" e digita una breve parola chiave nel campo "Ancoraggio HTML".

I collegamenti di ancoraggio si basano sugli attributi ID di ancoraggio HTML

Puoi usare l'ancoraggio HTML per creare un link di ancoraggio. All'interno della stessa pagina, il link appare così:

<a href="#linkedsection">

Se stai puntando a un attributo ID su una pagina web diversa, il link appare così:

<a href="https://example.com/#linkedsection">

Per aggiungere un ID, dovrai modificare il post in modo che questo metodo funzioni al meglio per i tuoi contenuti.

Per la guida completa in entrambi gli editor, consulta la nostra guida passo passo su come aggiungere facilmente link di ancoraggio in WordPress.

Domande frequenti sui riferimenti testuali in WordPress

Di seguito sono riportate le risposte ad alcune delle domande più comuni che riceviamo sulla creazione di link a paragrafi e frasi specifiche.

1. Qual è la differenza tra un link di ancoraggio e un link di evidenziazione?

La differenza è ciò che ogni link ha come obiettivo.

Un link di ancoraggio punta a un ID HTML fisso aggiunto alla pagina, mantenendo il link attivo indipendentemente da come cambiano le parole circostanti.

Un link di evidenziazione punta alle parole stesse e le evidenzia al caricamento della pagina. Non è necessario modificare la pagina di destinazione, quindi è ideale per citare altri siti. Tuttavia, smetterà di funzionare se quel testo viene mai modificato.

2. I link di ancoraggio funzionano su tutti i siti web?

Sì, i link di ancoraggio sono una parte fondamentale dell'HTML e funzionano su qualsiasi sito web in tutti i browser moderni.

3. Cosa succede se il testo sulla pagina cambia?

Il link potrebbe smettere di funzionare come previsto se il testo a cui si fa riferimento viene rimosso o modificato in modo significativo. Poiché il browser deve trovare le parole specificate sulla pagina, il testo deve ancora corrispondere affinché l'evidenziazione funzioni.

Speriamo che questo tutorial ti abbia aiutato a imparare come fare riferimento a un paragrafo o a una frase specifica nei post di WordPress. Potresti anche voler consultare la nostra guida su WordPress SEO e i nostri suggerimenti su link interni per la SEO.

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

Divulgazione: 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

4 CommentiLascia una risposta

  1. Lavoravo con gli ancoraggi, ma collegarsi al testo evidenziato è sempre stato un mistero per me. In realtà è abbastanza semplice. Mi è molto utile quando scrivo articoli e sono contento di averlo imparato da questo articolo. Non mi aspettavo davvero che fosse così facile.

  2. ho trovato particolarmente utile il suggerimento di utilizzare la funzione "Copia link all'evidenziazione" di Google Chrome
    Mi ricorda come funzionano gli snippet in primo piano di Google: quando fai clic su un sitelink, ti porta direttamente alla sezione pertinente ed evidenzia il testo. Questo è un modo pratico per fare riferimento a parti specifiche di un articolo senza dover aggiungere manualmente collegamenti di ancoraggio. Grazie per aver condiviso queste tecniche, saranno sicuramente utili per migliorare l'esperienza utente quando si collega ai contenuti

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.