Volete che i titoli delle vostre pagine o delle vostre pubblicazioni rimandino a link esterni in WordPress?
Forse volete reindirizzare gli utenti del vostro sito WordPress a una pagina o a un sito web esterno quando cliccano sul titolo di una pubblicazione. Questo potrebbe essere utile se utilizzate il vostro sito web come hub per indirizzare il traffico verso altri contenuti.
Sebbene WordPress non lo permetta in modo predefinito, alcuni lettori di WPBeginner hanno richiesto una soluzione e noi ne abbiamo proposte un paio per voi.
In questo articolo vi mostreremo come collegare i link esterni dal titolo della pagina o del post in WordPress.
Quando è necessario aggiungere link nel titolo della pubblicazione di WordPress?
Ci sono diverse situazioni in cui è utile linkare il titolo di un post, di una pagina o di un post type personalizzato di WordPress a un URL personalizzato.
Supponiamo che sul vostro sito WordPress offriate uno spazio pubblicitario che assomiglia a una normale pubblicazione. Il titolo può linkare al sito web dell’inserzionista invece che al vostro contenuto, creando un percorso chiaro per gli utenti.
O forse gestite un sito web aggregatore di notizie, caratterizzato da contenuti propri e articoli curati da altre fonti. L’ideale sarebbe che la sezione notizie della vostra homepage linkasse automaticamente i titoli degli articoli alla giusta destinazione, che sia sul vostro sito o su uno esterno.
In alternativa, forse la vostra homepage mostra i prodotti, ma facendo clic su di essi si accede alle pagine dei singoli prodotti. Potreste preferire linkare i titoli direttamente alla pagina del catalogo prodotti della categoria per avere una panoramica più ampia.
Tenendo presente tutto ciò, vediamo come collegare i titoli delle pubblicazioni del vostro sito web WordPress a URL esterni. Potete usare questi link rapidi per navigare nel tutorial:
Metodo 1: Utilizzo del plugin Page Links To (adatto ai principianti)
Questo metodo è perfetto per i principianti o per chi vuole una soluzione semplice per linkare il titolo della pagina o della pubblicazione a un URL esterno.
Inoltre, questo metodo è un’ottima opzione se si desidera che il titolo si colleghi a URL personalizzati in tutto il sito web.
Per prima cosa, è necessario installare il plugin Page Links To. Abbiamo una guida utile su come installare un plugin di WordPress, se avete bisogno di una guida passo-passo.
Una volta installato e attivato il plugin, aprire un nuovo post, una pagina o un tipo di post personalizzato o modificarne uno esistente utilizzando l’editor a blocchi. A questo punto, nella barra laterale delle impostazioni della pagina, verrà visualizzata una nuova scheda denominata “Page Links To”.
Qui si vedranno due opzioni: L’URL normale di WordPress” (predefinito) e “Un URL personalizzato”: poiché vogliamo linkare un sito esterno, scegliamo “Un URL personalizzato”.
A questo punto, è sufficiente incollare l’URL esterno completo (compreso https://) nel campo “Link a”. Ad esempio, se il link fosse al sito web di WPForms, si dovrebbe inserire “https://wpforms.com”.
C’è anche un checkbox per “Apri in una nuova scheda” se si desidera che i visitatori del sito esterno mantengano la pagina aperta nella scheda originale quando cliccano sul titolo. Spuntate questa casella se necessario.
Infine, fare clic su “Aggiorna” o “Pubblica” per salvare le modifiche.
Se si va sulla pagina del blog di WordPress, sulla homepage, sulla pagina dell’archivio o in qualsiasi altro luogo in cui il titolo della pagina o del post è visualizzato come riassunto, si può provare ad effettuare un passaggio del mouse sul titolo.
Si vedrà che ora il link è all’URL esterno specificato.
Metodo 2: Utilizzo del codice personalizzato (maggiore controllo)
Questo metodo è ideale per gli utenti che hanno dimestichezza con il codice e per coloro che vogliono avere un maggiore controllo sulle pagine che i titoli delle loro pubblicazioni linkano a un URL diverso.
Ad esempio, si può desiderare che il titolo del post linki a un URL esterno se viene visualizzato nel template della pubblicazione singola, ma non quando appare sulla homepage o sulle pagine dell’archivio.
Per rendere le cose sicure, utilizzeremo WPCode invece di modificare direttamente i file del tema. Questo plugin rende sicuro l’inserimento di codice personalizzato in WordPress, in quanto può evitare che il sito web si rompa in caso di errori nel codice.
Per saperne di più, potete consultare la nostra recensione del plugin WPCode.
Passo 1: Installazione e impostazione di WPCode
Per prima cosa, è necessario installare e attivare il plugin WPCode. Abbiamo una guida su come installare un plugin di WordPress, se avete bisogno di aiuto.
Una volta attivato, navigare su Code Snippets ” + Add Snippet. Qui, scegliere “Aggiungi codice personalizzato (nuovo snippet)” e fare clic sul pulsante “Usa snippet”.
Quindi, modificare il “Tipo di codice” da Snippet HTML a “Snippet PHP”.
Assegnate al vostro snippet un nome cancellato, come “Link esterni dai titoli delle pubblicazioni”, in modo da poterlo identificare facilmente in seguito.
Ora, scegliete uno dei seguenti frammenti di codice:
Opzione 1: fare in modo che tutti i titoli delle pubblicazioni linkino a URL esterni
Questo snippet di codice modificherà l’URL dei titoli dei post in varie posizioni del sito, tra cui le singole pubblicazioni, la homepage e le pagine di archivio.
Il codice verifica se si tratta della pagina di una singola pubblicazione, della homepage, della home page o dell’archivio. Se lo è e se si è impostato un URL personalizzato utilizzando i passaggi indicati più avanti, il codice utilizzerà quell’URL al posto del permalink predefinito.
Nel prossimo passo aggiungeremo un campo personalizzato chiamato ‘custom_url’ nell’editor a blocchi, per specificare l’URL esterno per ogni pubblicazione.
// Change post title URL for single post pages and homepage/front page
add_filter('post_link', 'check_for_custom_url', 10, 3);
function check_for_custom_url($permalink, $post, $leavename) {
$custom = false;
// Check if it's a single post page
if (is_single()) {
$custom = get_post_meta($post->ID, 'custom_url', true);
}
// Check if it's the homepage, front page, or archive pages
elseif (is_home() || is_front_page() || is_category() || is_tag() || is_archive()) {
$custom = get_post_meta($post->ID, 'custom_url', true);
}
// Return the custom URL if set, otherwise return the default permalink
return ($custom) ? esc_url($custom) : $permalink;
}
Supponiamo di voler eseguire questo codice solo sulla home page, ma non sulle pagine degli archivi.
Quindi, si può semplicemente rimuovere il codice che dice is_category()
, is_tag()
o is_archive()
, in questo modo:
// Change post title URL for single post pages and homepage/front page
add_filter('post_link', 'check_for_custom_url', 10, 3);
function check_for_custom_url($permalink, $post, $leavename) {
$custom = false;
// Check if it's a single post page
if (is_single()) {
$custom = get_post_meta($post->ID, 'custom_url', true);
}
// Check if it's the homepage, front page, or archive pages
elseif (is_home() || is_front_page()) {
$custom = get_post_meta($post->ID, 'custom_url', true);
}
// Return the custom URL if set, otherwise return the default permalink
return ($custom) ? esc_url($custom) : $permalink;
}
Opzione 2: fare in modo che i titoli dei post nei template dei singoli post linkino a URL esterni
Questo codice è utile se si vuole che solo il titolo del post nel template della singola pubblicazione sia linkato a URL esterni, non a quelli di altre pagine come la homepage, le pagine di archivio e così via.
In questo modo, l’utente può ancora visitare il post del blog e leggerlo, ma può anche cliccare sul titolo della pubblicazione per consultare un’altra risorsa.
Un esempio è il sito web di un podcast. Potreste usare il vostro sito per pubblicare i riassunti o le trascrizioni degli episodi, ma ospitare l’audio su Spotify. Con questo metodo, potete pubblicare gli episodi del podcast sul vostro sito, ma indirizzare le persone a Spotify quando fanno clic sul titolo della pubblicazione.
Il codice sottostante verifica se la richiesta corrente è per una singola pubblicazione. Se lo è e se è stato impostato un URL personalizzato tramite il campo personalizzato, verrà utilizzato tale URL nel titolo della pubblicazione:
// Hook into the 'post_link' filter to modify the permalink of a post.
add_filter('post_link', 'check_for_custom_url', 10, 3);
// Define the callback function for the 'post_link' filter.
function check_for_custom_url($permalink, $post, $leavename) {
// Check if the current request is for a single post.
if (is_single()) {
// Retrieve the value of the 'custom_url' custom field for the current post.
$custom = get_post_meta($post->ID, 'custom_url', true);
// If the custom field has a value, use it as the permalink. Otherwise, use the default permalink.
return ($custom) ? esc_url($custom) : $permalink;
} else {
// If the current request is not for a single post, return the default permalink.
return $permalink;
}
}
Una volta incollato il frammento di codice, scorrere giù fino alla sezione “Inserimento”. Assicuratevi che il Metodo di inserimento sia impostato su “Inserisci automaticamente” e che la Posizione sia impostata su “Esegui ovunque”.
Infine, attivare lo snippet tramite l’attivazione/disattiva e fare clic su “Salva snippet”.
Passo 2: Abilitazione dei link nei titoli (solo per gli utenti del tema Block)
Se si utilizza un tema a blocchi, c’è un passo in più da fare per assicurarsi che il codice funzioni.
Per prima cosa, andare su Aspetto ” Editor per aprire l’Editor completo del sito.
A questo punto vengono visualizzate alcune opzioni per modificare il tema del blocco.
Fate clic su “template”.
A questo punto, individuare il template “Pubblicazioni singole”.
Una volta trovato, cliccate su di esso.
A questo punto, fare clic sull’icona della matita “Modifica”.
Si aprirà l’editor a blocchi.
Una volta all’interno dell’editor, fare clic sul blocco “Titolo”.
Nella barra laterale delle impostazioni del blocco, abilitare l’opzione “Rendi il titolo un link” e l’opzione facoltativa “Apri in una nuova scheda”. Lasciare vuoto il campo “Link Rel”.
Dopodiché, fare clic su “Salva”.
Passo 3: Aggiungere un nuovo campo personalizzato
Ora, aggiungiamo il campo personalizzato ‘custom_url’ nell’editor a blocchi.
All’interno dell’editor, fare clic sul menu a tre punti in alto a destra dell’editor a blocchi e selezionare “Preferenze”.
Passare alla scheda “Generale”.
Quindi, scorrere giù fino a “Campi personalizzati”. Abilitateli e aggiornate la pagina facendo clic su “Mostra e ricarica la pagina”.
Verrà visualizzata una nuova sezione di campi personalizzati.
A questo punto è necessario fare clic su “Inserisci nuovo”.
Nella sezione “Aggiungi nuovi campi personalizzati”, inserire “custom_url” o il campo personalizzato specificato nel codice precedente nel campo Etichetta.
Nel campo ‘Valore’, incollare l’URL esterno che si desidera linkare. Una volta fatto, fare clic su “Aggiungi campo personalizzato”.
Quindi, è sufficiente cliccare su “Aggiorna” o “Pubblica” per rendere effettive le modifiche.
Infine, visitate il vostro sito web per vedere se il codice funziona. Per verificare, potete passare al passaggio del mouse sul titolo della vostra pubblicazione o utilizzare lo strumento Inspect.
Ecco come dovrebbe apparire l’URL del titolo della pubblicazione, se si utilizza il codice dell’opzione 2:
L’aggiunta di link esterni nei titoli delle pubblicazioni influisce sulla SEO?
L’aggiunta di link esterni direttamente nei titoli delle vostre pubblicazioni ha un impatto minimo sull’ottimizzazione per i motori di ricerca (SEO).
Tuttavia, ci sono alcune cose da considerare. Quando si effettua un link a un altro sito web, si comunica essenzialmente ai motori di ricerca che l’altro sito potrebbe essere una buona fonte di informazioni. Una parte del vostro “link juice” potrebbe passare al sito esterno, ma in genere si tratta di una piccola quantità.
Detto questo, se i titoli contengono molti link esterni, potrebbero confondere gli utenti o far loro pensare di lasciare immediatamente il sito.
Se volete comunque utilizzare link esterni nei titoli, vi consigliamo di farlo solo quando il sito esterno aggiunge veramente valore al vostro contenuto ed è di alta qualità e altamente rilevante per il vostro pubblico.
È anche possibile aggiungere l’attributo “nofollow” ai link esterni nel codice del titolo. Questo indica ai motori di ricerca di non seguire quei link ai fini del posizionamento.
D’altra parte, se state leggendo questo tutorial per reindirizzare gli utenti dal vostro vecchio sito web a quello nuovo, potreste prendere in considerazione l’uso di reindirizzamenti.
I reindirizzamenti indicano ai motori di ricerca (e agli utenti) che una determinata pagina è stata spostata in modo permanente in una nuova posizione. Questo può essere vantaggioso per la SEO di WordPress, perché il link juice della pagina originale viene trasferito alla nuova posizione.
All in One SEO (AIOSEO) è un plugin per WordPress che può aiutarvi a farlo. La sua interfaccia user-friendly rende facile l’impostazione di reindirizzamenti per specifiche pagine o post. Non è necessario alcun codice, il che rende questo plugin adatto ai principianti.
Chi è interessato può approfondire l’argomento nella nostra guida per principianti sull’impostazione delle reindirizzazioni 301.
Speriamo che questo articolo vi abbia aiutato a capire come collegare i link esterni dal titolo della pubblicazione in WordPress. Potreste anche voler selezionare la nostra guida definitiva ai link interni e la nostra scelta di plugin WordPress indispensabili per far crescere il vostro sito web.
Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
John
Will this work on images relating to the post titles as well? So clicking on either image or post title takes you to the page on the external site?
WPBeginner Support
The plugin would do that for your featured image if that is what you mean.
Admin
Alessandro
is there a way to link post titles to custom links, but only if they are present in one page (so not for the whole site)?
Example: search results page of plugins like search & filter or toolset
WPBeginner Support
We do not have a recommended method for setting that up at the moment.
Admin
Kam
Thank you. This is really helpful. Would this plugin work for automated RSS feeds? i.e. for aggregator sites? I’m assuming no, as the titles are constantly changing. I’m trying to take the user to the original source with one click on the title.
WPBeginner Support
You would want to reach out to the support for the aggregator tool you are using for the options you have available.
Admin
Sing
Is the above method and Content syndication are one and the same? Or both are different topic.
WPBeginner Support
That is a different topic
Admin
Maksym
Amazing! This is what I was looking for. Thank you so much
WPBeginner Support
Glad our article was helpful
Admin
mostafa
Thank you for this tutorial. It helped me a lot but how to use this for cpt (in my case a testimonial) and open the link in a new tab . Thank you.
WPBeginner Support
You’re welcome
Admin
Brandon H.
You saved my website! Thank you so much!!
mehmet
Thank you for useful information.
My English is a little bad.
I want to use this kind of plugin on my site
But the bold type in the text will be automatically linked to the text.
Links to other posts within the site
Is there such an extension?
martin
Thanks for that, pretty helpful. Found a lot of help on this site already!
Best from Italy,
Martin
Tammy
Is there a way to require the external url to be unique? I’m using wp-directory and would love to be able to make this custom field “unique required”
Melch Wanga
Its a good post indeed. In response to Toni, in my case I am developing a website for film production company and I have “Equipment Hire” as a services in ‘service’ custom post type. Equipment Hire is quite huge and I am using WooCommerce to add the various equipment hence I have Shop page that lists all the equipment available for hire. The trick is to ensure that whenever a user clicks on “Equipment Hire” service, they are directed to the Page set as the Shop page instead of the default Equipment Hire single post page.
Mel
Hi, how is this going to affect SEO? Can we add rel=”nofollow” to an external link?
Thanks
Ariel
great post!
Palashtd
Recently I have started blogging.
I could think how to add External Links from the Post Title. But finally I got an awesome tip from this post. I have tested by following this tutorial. I am happy to get these tips because it’s working for me.
Thanks for sharing this information.
Toni Weidman
I’m not sure why you would want to do this. Can you clarify what the purpose of this process is. Thank you.