{"id":69241,"date":"2023-05-30T12:45:14","date_gmt":"2023-05-30T11:45:14","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=69241&#038;preview=true&#038;preview_id=69241"},"modified":"2023-05-31T08:20:13","modified_gmt":"2023-05-31T07:20:13","slug":"come-rendere-link-cliccabile","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/","title":{"rendered":"Come Rendere un Link Cliccabile"},"content":{"rendered":"<p>I link online pongono le basi per una semplice interattivit\u00e0 online, sia che si tratti di inviare gli utenti a pagine web, <a href=\"https:\/\/kinsta.com\/it\/blog\/gestione-download-wordpress\/\">documenti scaricabili<\/a> o altre applicazioni.<\/p>\n<p>Il bello \u00e8 che potete creare link cliccabili in molte applicazioni, tra cui <a href=\"https:\/\/kinsta.com\/it\/blog\/content-management-system\/\">sistemi di gestione dei contenuti<\/a>, <a href=\"https:\/\/kinsta.com\/it\/blog\/software-progettazione-siti-web\/\">creatori di siti web<\/a>, word processor e <a href=\"https:\/\/kinsta.com\/it\/blog\/provider-di-email-sicure\/\">client di posta elettronica<\/a>.<\/p>\n<p>In questa guida presentiamo tutto ci\u00f2 che dovete sapere su come rendere un link cliccabile: vi spieghiamo anche le basi di un link e la terminologia che potreste incontrare durante la creazione di un link.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<h2>Nozioni di base sui collegamenti ipertestuali (Hyperlink)<\/h2>\n<p>Esistono diversi termini per indicare che un contenuto, come un testo o un&#8217;immagine, offre la possibilit\u00e0 di cliccare, ovvero di posizionare il cursore sul contenuto e navigare altrove.<\/p>\n<p>Alcuni di questi termini includono:<\/p>\n<ul>\n<li>Link<\/li>\n<li>Collegamento ipertestuale<\/li>\n<li>Link cliccabile<\/li>\n<\/ul>\n\n<p>Tecnicamente, tutti questi elementi hanno una propria definizione, ma al giorno d&#8217;oggi si usano in modo intercambiabile.<\/p>\n<p>La capacit\u00e0 dell&#8217;utente di interagire con i contenuti online si basa su questi collegamenti ipertestuali, in cui l&#8217;utente pu\u00f2 scorrere su un pezzo di testo, un&#8217;immagine o un pulsante e cliccarci sopra, inviandolo cos\u00ec a un altro contenuto (come una pagina web esterna) o a eseguire un&#8217;azione (come chiamare un numero di telefono dallo smartphone).<\/p>\n<p>Una semplice <a href=\"https:\/\/kinsta.com\/it\/blog\/html\/\">versione codificata in HTML<\/a> di un collegamento ipertestuale si presenta cos\u00ec:<\/p>\n<pre><code class=\"language-html\">&lt;a href=\"https:\/\/example.com\/\"&gt;the hyperlink text&lt;\/a&gt;<\/code><\/pre>\n<p>Ma diventa pi\u00f9 complesso quando si aggiungono elementi opzionali come i target e gli elementi nofollow:<\/p>\n<pre><code class=\"language-html\"> &lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/example.com\/\"<\/span> <span class=\"syntax-all syntax-entity\">target<\/span>=<span class=\"syntax-all syntax-string\">\"_blank\"<\/span> <span class=\"syntax-all syntax-entity\">rel<\/span>=<span class=\"syntax-all syntax-string\">\"noreferrer noopener\"<\/span>&gt;the hyperlink text&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Per creare un link cliccabile, dovete sostituire &#8220;https:\/\/example.com\/&#8221; e &#8220;the hyperlink text&#8221; dell&#8217;esempio precedente con le vostre informazioni.<\/p>\n<\/aside>\n\n<p>Ecco gli elementi che compongono un collegamento ipertestuale:<\/p>\n<ol>\n<li>Il contenuto<\/li>\n<li>L&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-e-un-url\/\">URL<\/a> o il <a href=\"https:\/\/kinsta.com\/it\/blog\/permalink-wordpress\/\">permalink<\/a><\/li>\n<li>L&#8217;obiettivo<\/li>\n<li>Nofollow, noreferrer e noopener<\/li>\n<\/ol>\n<figure id=\"attachment_131266\" aria-describedby=\"caption-attachment-131266\" style=\"width: 1421px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131266 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/the-elements-of-a-hyperlink.jpg\" alt=\"Il testo di un collegamento ipertestuale scomposto nelle sue parti, come indicato nella lista precedente\" width=\"1421\" height=\"394\"><figcaption id=\"caption-attachment-131266\" class=\"wp-caption-text\">Gli elementi di un collegamento ipertestuale<\/figcaption><\/figure>\n<p>Continuate a leggere per conoscere ciascuno di questi elementi e il loro funzionamento.<\/p>\n<h3>Il contenuto<\/h3>\n<p>Potete creare link cliccabili con due tipi di contenuto:<\/p>\n<ol>\n<li>Testo<\/li>\n<li>Grafica<\/li>\n<\/ol>\n<p>Ci\u00f2 significa che se l&#8217;applicazione che state utilizzando supporta i collegamenti ipertestuali, potete trovare qualsiasi riga di testo scritto o <a href=\"https:\/\/kinsta.com\/it\/blog\/immagini-gratuite-per-wordpress\/\">immagine all&#8217;interno del vostro contenuto<\/a> e trasformarla in un link cliccabile.<\/p>\n<h4>Testo con collegamento ipertestuale<\/h4>\n<p>Il testo \u00e8 una delle opzioni di contenuto per la creazione di link cliccabili.<\/p>\n<p>Se usate un editor come WordPress, potete evidenziare il testo che desiderate nella schermata dell&#8217;editor e poi selezionare il pulsante <strong>Link<\/strong>.<\/p>\n<figure id=\"attachment_131257\" aria-describedby=\"caption-attachment-131257\" style=\"width: 938px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131257 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Adding-a-link-in-WordPress-.jpeg\" alt=\"Schermata di una riga di testo nell\u2019editor di WordPress: si \u00e8 aperto il menu di Gutenberg, l\u2019icona del link \u00e8 cliccata ed \u00e8 comparsa la finestra con i campi Testo e URL\" width=\"938\" height=\"548\"><figcaption id=\"caption-attachment-131257\" class=\"wp-caption-text\">Aggiungere un link in WordPress<\/figcaption><\/figure>\n<p>In questo modo il link viene visualizzato sul frontend, di solito con un testo colorato e sottolineato.<\/p>\n<figure id=\"attachment_131259\" aria-describedby=\"caption-attachment-131259\" style=\"width: 1015px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131259 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-clickable-link-on-the-frontend.jpeg\" alt=\"Porzione di un post WordPress dove parte del testo di descrizione della foto \u00e8 un link\" width=\"1015\" height=\"437\"><figcaption id=\"caption-attachment-131259\" class=\"wp-caption-text\">Un link cliccabile nel frontend<\/figcaption><\/figure>\n<p>Un collegamento ipertestuale di testo cambia aspetto quando un utente ci passa sopra con il mouse: pu\u00f2 cambiare colore o cambiare lo stile della sottolineatura per specificare che si tratta di un link cliccabile.<\/p>\n<p>Inoltre, quando si passa con il mouse su un link testuale, i browser di solito mostrano un&#8217;anteprima dell&#8217;URL collegato per vedere dove porta.<\/p>\n<figure id=\"attachment_131268\" aria-describedby=\"caption-attachment-131268\" style=\"width: 1039px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131268 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-preview-of-the-target-URL.jpg\" alt=\"Porzione di un post WordPress dove parte del testo di descrizione della foto \u00e8 un link: passando con il mouse sopra il link si intravede, in basso a sinistra nella finestra del browser, l\u2019anteprima dell\u2019URL\" width=\"1039\" height=\"588\"><figcaption id=\"caption-attachment-131268\" class=\"wp-caption-text\">Un&#8217;anteprima dell&#8217;URL di destinazione<\/figcaption><\/figure>\n<h4>Immagini con collegamento ipertestuale<\/h4>\n<p>Molti programmi, <a href=\"https:\/\/kinsta.com\/it\/blog\/versione-wordpress\/\">tra cui WordPress<\/a>, vi permettono di generare collegamenti ipertestuali utilizzando media online, come le immagini.<\/p>\n<p>Questo funziona selezionando un&#8217;immagine nel backend (invece del testo) e aggiungendo l&#8217;URL desiderato tramite la funzione <strong>Link<\/strong>.<\/p>\n<figure id=\"attachment_131269\" aria-describedby=\"caption-attachment-131269\" style=\"width: 1028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131269 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Linking-an-image.jpg\" alt=\"Immagine di un tramezzino in un post WordPress: in alto compare il menu di Gutenberg, dove \u00e8 evidenziata l\u2019icona del link e il campo in cui inserire l\u2019URL per il collegamento ipertestuale\" width=\"1028\" height=\"804\"><figcaption id=\"caption-attachment-131269\" class=\"wp-caption-text\">Aggiungere un link a un&#8217;immagine<\/figcaption><\/figure>\n<p>Una volta pubblicata, passando sopra l&#8217;immagine la freccia del cursore standard si trasformer\u00e0 in un cursore a forma di mano, e il browser mostrer\u00e0 un&#8217;anteprima dell&#8217;URL collegato.<\/p>\n<figure id=\"attachment_131270\" aria-describedby=\"caption-attachment-131270\" style=\"width: 1048px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131270 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Image-links-show-URL-previews-when-scrolled-over.jpg\" alt=\"Immagine di un tramezzino in un post WordPress: in basso a sinistra nel browser si vede l\u2019anteprima dell\u2019URL collegata all\u2019immagine\" width=\"1048\" height=\"718\"><figcaption id=\"caption-attachment-131270\" class=\"wp-caption-text\">Un&#8217;anteprima dell&#8217;URL di destinazione<\/figcaption><\/figure>\n<p>Che si tratti di un link a un&#8217;immagine o a un testo, cliccando su di esso si attiva un&#8217;azione, per esempio l&#8217;invio dell&#8217;utente a un altro URL.<\/p>\n<figure id=\"attachment_131271\" aria-describedby=\"caption-attachment-131271\" style=\"width: 1372px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131271 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/An-external-target-page.jpg\" alt=\"Pagina di un sito web con l\u2019immagine in primo piano di un panino ripieno e un testo che invita all\u2019acquisto\" width=\"1372\" height=\"759\"><figcaption id=\"caption-attachment-131271\" class=\"wp-caption-text\">Una pagina di destinazione esterna<\/figcaption><\/figure>\n<h4>Come si presenta il codice<\/h4>\n<p>Il contenuto del testo o dell&#8217;immagine di un collegamento ipertestuale \u00e8 rappresentato dalla stringa &#8220;The Link Text&#8221; nell&#8217;esempio seguente:<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/example.com\/\"<\/span> <span class=\"syntax-all syntax-entity\">target<\/span>=<span class=\"syntax-all syntax-string\">\"_blank\"<\/span> <span class=\"syntax-all syntax-entity\">rel<\/span>=<span class=\"syntax-all syntax-string\">\"noreferrer noopener\"<\/span>&gt;The Link Text&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<p>Per creare il vostro link cliccabile dovete sostituire il testo con il vostro contenuto.<\/p>\n<p>Per un link testuale, il testo cliccabile si trova subito prima della parentesi di chiusura <em>&lt;\/a&gt;<\/em>.<\/p>\n<figure id=\"attachment_131272\" aria-describedby=\"caption-attachment-131272\" style=\"width: 1202px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131272 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-link-text.jpg\" alt=\"Esempio di un link testuale dove \u00e8 evidenziato il testo del link \"View the entire menu\"\" width=\"1202\" height=\"174\"><figcaption id=\"caption-attachment-131272\" class=\"wp-caption-text\">Il testo del link<\/figcaption><\/figure>\n<p>I link alle immagini sono un po&#8217; diversi perch\u00e9 devono includere l&#8217;URL dell&#8217;immagine (meglio se <a href=\"https:\/\/kinsta.com\/it\/blog\/aumentare-dimensione-massima-caricamento-wordpress\/\">caricata nel database dei media del vostro sito<\/a>).<\/p>\n<p>L&#8217;URL va inserito tra le virgolette nella sezione <em>img src=&#8221;&#8221;<\/em>.<\/p>\n<p><img class=\"size&lt;span id=\"><\/p>\n<figure id=\"attachment_138644\" aria-describedby=\"caption-attachment-138644\" style=\"width: 1462px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-138644\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/11\/image-source.jpeg\" alt=\"Esempio di un link testuale dove \u00e8 evidenziata l\u2019URL dell\u2019immagine collegata\" width=\"1462\" height=\"220\"><figcaption id=\"caption-attachment-138644\" class=\"wp-caption-text\">L&#8217;URL di origine dell&#8217;immagine<\/figcaption><\/figure>\n<p>Ci sono altri elementi da aggiungere ai link alle immagini, come per esempio:<\/p>\n<ul>\n<li><strong>Un tag alt (<em>alt=&#8221;&#8221;<\/em>):<\/strong> Un testo che descrive l&#8217;immagine per i motori di ricerca e per le persone cieche o ipovedenti che leggono con una tecnologia assistiva.<\/li>\n<li><strong>Una classe (<em>class=&#8221;&#8221;<\/em>):<\/strong> Un nome codificato per usare l&#8217;immagine in altre parti del codice o dei file del vostro sito web.<\/li>\n<\/ul>\n<h3>L&#8217;URL<\/h3>\n<p>Come parte di un collegamento ipertestuale, l&#8217;URL serve come destinazione o azione che si verifica quando si fa clic sul link.<\/p>\n<figure id=\"attachment_131275\" aria-describedby=\"caption-attachment-131275\" style=\"width: 1003px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131275\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-URL-within-a-clickable-link.jpg\" alt=\"Schermata di un post WordPress dove in primo piano c\u2019\u00e8 il menu Gutenberg per l\u2019inserimento di un URL e l\u2019indirizzo del sito potbelly.com\" width=\"1003\" height=\"587\"><figcaption id=\"caption-attachment-131275\" class=\"wp-caption-text\">Un URL all&#8217;interno di un link cliccabile<\/figcaption><\/figure>\n<p>Non tutti gli URL si riferiscono a una <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-cambiare-url\/\">pagina web<\/a>. Potreste scoprire che alcuni collegamenti ipertestuali hanno la funzionalit\u00e0 &#8220;click to call&#8221;, che permette agli utenti di chiamare un numero di telefono direttamente dal loro smartphone con un solo clic.<\/p>\n<figure id=\"attachment_131276\" aria-describedby=\"caption-attachment-131276\" style=\"width: 908px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131276\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/An-example-of-click-to-call-functionality.jpg\" alt=\"Schermata di un post WordPress dove in primo piano c\u2019\u00e8 il menu Gutenberg per l\u2019inserimento di un URL: nel campo URL \u00e8 stato inserito un numero di telefono\" width=\"908\" height=\"404\"><figcaption id=\"caption-attachment-131276\" class=\"wp-caption-text\">Un esempio di funzionalit\u00e0 &#8220;click to call&#8221;<\/figcaption><\/figure>\n<p>Un&#8217;altra opzione \u00e8 quella di inserire una mappa che apre l&#8217;applicazione delle mappe installata nel telefono dell&#8217;utente.<\/p>\n<figure id=\"attachment_131277\" aria-describedby=\"caption-attachment-131277\" style=\"width: 908px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131277\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-link-that-leads-to-a-map-app.jpg\" alt=\"Schermata di un post WordPress dove in primo piano c\u2019\u00e8 il menu Gutenberg per l\u2019inserimento di un URL: nel campo URL \u00e8 stato inserito un URL di Google Maps\" width=\"908\" height=\"635\"><figcaption id=\"caption-attachment-131277\" class=\"wp-caption-text\">Un link che apre un&#8217;applicazione di mappe<\/figcaption><\/figure>\n<h4>Come si presenta il codice<\/h4>\n<p>Gli URL nei link cliccabili vengono inseriti tra virgolette nella parte <em>&lt;a href=&#8221;&#8221;<\/em> del collegamento ipertestuale.<\/p>\n<p>Per esempio, la parte <em>https:\/\/www.example.com<\/em> del codice del seguente collegamento ipertestuale \u00e8 l&#8217;URL:<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/www.example.com\"<\/span> <span class=\"syntax-all syntax-entity\">target<\/span>=<span class=\"syntax-all syntax-string\">\"_blank\"<\/span> <span class=\"syntax-all syntax-entity\">rel<\/span>=<span class=\"syntax-all syntax-string\">\"noreferrer noopener\"<\/span>&gt;View the entire menu.&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt; <\/code><\/pre>\n<figure id=\"attachment_131278\" aria-describedby=\"caption-attachment-131278\" style=\"width: 1565px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131278\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-URL-presented-in-a-hyperlink-HTML-code.jpg\" alt=\"Il testo di un collegamento ipertestuale in cui \u00e8 evidenziata la prima parte che inizia con \"a href=\u201d\u201d\"\" width=\"1565\" height=\"208\"><figcaption id=\"caption-attachment-131278\" class=\"wp-caption-text\">L&#8217;URL nel codice HTML di un collegamento ipertestuale<\/figcaption><\/figure>\n<p>Alcuni URL portano a documenti scaricabili, mentre altri richiedono una codifica speciale. Per esempio, un link &#8220;Click to call&#8221; (in italiano \u201cclicca per chiamare\u201d) richiede di inserire <em>tel:<\/em> e un numero di telefono tra le virgolette <em>href=&#8221;&#8221;<\/em>.<\/p>\n<figure id=\"attachment_131279\" aria-describedby=\"caption-attachment-131279\" style=\"width: 1407px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131279\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Example-of-a-tel-click-to-call-link.jpg\" alt=\"Il testo di un collegamento ipertestuale in cui, dentro la prima parte introdotta da \"a href=\u201d\u201d\" c\u2019\u00e8 un numero di telefono\" width=\"1407\" height=\"166\"><figcaption id=\"caption-attachment-131279\" class=\"wp-caption-text\">Esempio di link tel: Click to call<\/figcaption><\/figure>\n<h3>Scheda di destinazione<\/h3>\n<p>La scheda di destinazione \u00e8 una parte opzionale di un collegamento ipertestuale. Specifica se il contenuto si apre nella stessa scheda del browser o in una nuova scheda del browser.<\/p>\n<p>Su WordPress e su molte altre applicazioni, potete aggiungere una scheda di destinazione senza toccare il codice ma usando l&#8217;editor visuale.<\/p>\n<p>Basta disattivare l\u2019interruttore <strong>&#8220;Apri in una nuova scheda&#8221;<\/strong> se volete che il link si apra nella stessa scheda visualizzata dall&#8217;utente.<\/p>\n<figure id=\"attachment_131280\" aria-describedby=\"caption-attachment-131280\" style=\"width: 992px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131280\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Open-In-New-Tab-switch-turned-off.jpg\" alt=\"Menu di Gutenberg con la finestra \"\u201dApri in una nuova scheda\u201d\" e l\u2019interruttore disattivato\" width=\"992\" height=\"388\"><figcaption id=\"caption-attachment-131280\" class=\"wp-caption-text\">Interruttore &#8220;Apri in una nuova scheda&#8221; disattivato<\/figcaption><\/figure>\n<p>In alternativa, potete attivare l&#8217;interruttore <strong>&#8220;Apri in una nuova scheda&#8221;<\/strong>, che aggiunge automaticamente un attributo <em>_blank<\/em> alla codifica del collegamento ipertestuale e apre l&#8217;URL in una nuova scheda quando viene cliccato.<\/p>\n<figure id=\"attachment_131281\" aria-describedby=\"caption-attachment-131281\" style=\"width: 939px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131281\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Open-In-New-Tab-switch-turned-on.jpg\" alt=\"Menu di Gutenberg con la finestra \"\u201dApri in una nuova scheda\u201d\" e l\u2019interruttore attivato\" width=\"939\" height=\"383\"><figcaption id=\"caption-attachment-131281\" class=\"wp-caption-text\">Interruttore &#8220;Apri in una nuova scheda&#8221; attivato<\/figcaption><\/figure>\n<h4>Come si presenta il codice<\/h4>\n<p>Queste opzioni vengono attivate aggiungendo e modificando l&#8217;elemento <em>target=&#8221;&#8221;<\/em> in un collegamento ipertestuale.<\/p>\n<p>Sebbene l&#8217;attributo target abbia diversi valori, come <em>_blank<\/em>, <em>_parent<\/em>, <em>_self<\/em> e <em>_top<\/em>, generalmente usiamo solo il valore <em>_blank<\/em>.<\/p>\n<p>Un collegamento ipertestuale senza il target <em>_blank<\/em> ha questo aspetto:<\/p>\n<figure id=\"attachment_131282\" aria-describedby=\"caption-attachment-131282\" style=\"width: 1287px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131282\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/No-_blank-target-within-a-link.jpg\" alt=\"Un esempio di codice di collegamento ipertestuale a cui \u00e8 stato rimosso il target blank.\" width=\"1287\" height=\"227\"><figcaption id=\"caption-attachment-131282\" class=\"wp-caption-text\">Quando non c\u2019\u00e8 il target _blank all&#8217;interno di un link<\/figcaption><\/figure>\n<p>Come vedete non \u00e8 diverso da un normale collegamento ipertestuale. Questo perch\u00e9 i collegamenti ipertestuali, per impostazione predefinita, non si aprono in una nuova scheda. Quindi non dovete fare nulla per il link, a meno che non vogliate che si apra in una scheda separata del browser.<\/p>\n<p>Un collegamento ipertestuale con l&#8217;obiettivo _blank, che fa s\u00ec che l&#8217;URL si apra in una scheda separata, ha un aspetto simile a questo:<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/www.example.com\"<\/span> <span class=\"syntax-all syntax-entity\">target<\/span>=<span class=\"syntax-all syntax-string\">\"_blank\"<\/span>&gt;View the entire menu.&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<figure id=\"attachment_131283\" aria-describedby=\"caption-attachment-131283\" style=\"width: 1314px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131283\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Clickable-link-with-a-_blank-target.jpg\" alt=\"Un esempio di codice di collegamento ipertestuale in cui \u00e8 inserito il target blank\" width=\"1314\" height=\"161\"><figcaption id=\"caption-attachment-131283\" class=\"wp-caption-text\">Link cliccabile con target _blank<\/figcaption><\/figure>\n<h3>nofollow, noreferrer e noopener<\/h3>\n<p>Ai link cliccabili si possono aggiungere anche altri elementi, la maggior parte dei quali contribuisce alla sicurezza o <a href=\"https:\/\/kinsta.com\/it\/blog\/scoraggiare-indicizzazione-motori-di-ricerca\/\">a nasconderli dai motori di ricerca<\/a>:<\/p>\n<ul>\n<li><strong><a href=\"https:\/\/kinsta.com\/it\/blog\/link-nofollow-in-wordpress\/\">nofollow<\/a>:<\/strong> un attributo che impedisce al &#8220;SEO link juice&#8221; di raggiungere il sito web collegato. Questo aiuta a proteggere il vostro sito web e pu\u00f2 nascondere il link ai motori di ricerca.<\/li>\n<li><strong>noopener:<\/strong> \u00e8 un attributo HTML che viene aggiunto automaticamente ai link di WordPress contrassegnati come <strong>&#8220;Apri in una nuova scheda&#8221;<\/strong>. Viene abbinato a <em>noreferrer<\/em> per ridurre al minimo alcuni problemi di sicurezza nell&#8217;apertura dei link in nuove schede.<\/li>\n<li><strong>noreferrer:<\/strong> spesso abbinato a <em>noopener<\/em>, l&#8217;attributo <em>noreferrer<\/em> blocca il passaggio di tutte le informazioni di riferimento al sito di destinazione, aggiungendo ulteriore sicurezza e potenzialmente bloccando i dati provenienti da siti di tracciamento e siti di affiliazione.<\/li>\n<\/ul>\n<p>Non \u00e8 possibile identificare nessuno di questi attributi di link osservando un link sul frontend di un sito: per vederli \u00e8 necessario analizzare il codice HTML.<\/p>\n<h4>Come si presenta il codice<\/h4>\n<p>Tutti questi attributi del link si trovano tra le virgolette nella parte <em>rel=&#8221;&#8221;<\/em> del link cliccabile.<\/p>\n<p>\u00c8 possibile includerli tutti in un unico link.<\/p>\n<figure id=\"attachment_131327\" aria-describedby=\"caption-attachment-131327\" style=\"width: 1168px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131327\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Link-with-noreferrer-noopener-and-nofollow-all-included.jpg\" alt=\"rel=Un esempio di codice di collegamento ipertestuale in cui sono inseriti gli elementi noreferrer, noopener e nofollow\" width=\"1168\" height=\"190\"><figcaption id=\"caption-attachment-131327\" class=\"wp-caption-text\">Link che include allo stesso tempo noreferrer, noopener e nofollow<\/figcaption><\/figure>\n<p>In alternativa, potreste notare che alcuni collegamenti ipertestuali includono solo l&#8217;attributo <em>noreferrer noopener<\/em> o un <em>nofollow<\/em> senza gli altri due. Tutto dipende da ci\u00f2 che la persona che ha creato il link vuole ottenere.<\/p>\n<h3>Motivi per Rendere un Link Cliccabile<\/h3>\n<p>Quando imparate a rendere un link cliccabile, \u00e8 importante capire tutte le ragioni che stanno alla base del collegamento ipertestuale. In questo modo, sarete consapevoli delle caratteristiche e potrete sfruttarle in futuro.<\/p>\n<p>Ecco i principali motivi per cui potreste voler rendere un link cliccabile:<\/p>\n<ol>\n<li><strong>Collegamento ipertestuale generale interno\/esterno verso un URL:<\/strong> potete creare dei link testuali che conducono al di fuori del vostro sito web (per esempio per citare le fonti o per rafforzare un&#8217;argomentazione con uno studio di terze parti) o ad altre pagine del vostro sito (particolarmente utile per inviare i lettori a contenuti rilevanti e farli rimanere sul vostro sito per un periodo di tempo pi\u00f9 lungo).<\/li>\n<li><strong>Collegamento di immagini:<\/strong> potete aggiungere collegamenti ipertestuali a URL, file multimediali o pagine allegate a qualsiasi immagine su WordPress e su molti altri costruttori di siti web.<\/li>\n<li><strong>Pulsanti con link:<\/strong> i pulsanti CSS offrono opzioni per l&#8217;aggiunta di collegamenti ipertestuali. Rendono pi\u00f9 accattivante l&#8217;esperienza visiva del vostro link cliccabile rispetto al testo semplice.<\/li>\n<li><strong>Numeri di telefono:<\/strong> spesso chiamati &#8220;Click to call&#8221;, i collegamenti ipertestuali che portano a numeri di telefono aprono applicazioni con funzionalit\u00e0 di chiamata, come l&#8217;app del telefono sul vostro dispositivo o Skype.<\/li>\n<li><strong>Indirizzi:<\/strong> il collegamento ipertestuale a coordinate specifiche su Google o Apple Maps significa che l&#8217;utente che fa clic sul link avr\u00e0 le informazioni automaticamente inserite nella sua applicazione GPS\/mappa per la navigazione.<\/li>\n<li><strong>Indirizzi email:<\/strong> \u00e8 simile ai link &#8220;Click to call&#8221;, ma con gli indirizzi email. Attiva l&#8217;applicazione di posta elettronica su un telefono o un computer, insieme a una nuova composizione di email con un indirizzo email specifico aggiunto nel campo <strong>A.<\/strong><\/li>\n<li><strong><a href=\"https:\/\/kinsta.com\/it\/blog\/link-di-ancoraggio\/\">Creare link di ancoraggio<\/a>:<\/strong> potete collegarvi a contenuti della stessa pagina usando i link di ancoraggio; si usano molto per creare un indice all&#8217;inizio di un lungo post del blog. A volte vengono chiamati &#8220;bookmark hyperlinks&#8221; (cio\u00e8 collegamenti ipertestuali a segnalibro).<\/li>\n<li><strong>Offrire un file scaricabile:<\/strong> WordPress &#8211; e altri costruttori di siti web &#8211; offrono strumenti per caricare <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-svg\/\">file SVG<\/a>, <a href=\"https:\/\/kinsta.com\/it\/blog\/visualizzatore-pdf-wordpress\/\">PDF<\/a>, <a href=\"https:\/\/kinsta.com\/it\/blog\/come-caricare-un-file-html-in-wordpress\/\">HTML<\/a> e molto altro ancora; potete anche <a href=\"https:\/\/kinsta.com\/it\/blog\/caricare-in-massa-file-libreria-media-wordpress-ftp\/\">caricare elementi in blocco<\/a>. Potete poi creare collegamenti ipertestuali all&#8217;interno degli articoli\/pagine per consentire agli utenti di scaricare i file direttamente sui loro dispositivi.<\/li>\n<\/ol>\n<p>Ora che abbiamo analizzato i tipi di collegamenti ipertestuali e i motivi per cui potreste volerne creare uno, continuate a leggere per scoprire come fare.<\/p>\n<h2>Come rendere un link cliccabile<\/h2>\n<p>Il metodo che scegliete per creare un link dipende dalla vostra esperienza. Potete optare per un metodo visivo pi\u00f9 semplice o considerare l&#8217;uso del codice HTML.<\/p>\n<p>Esistono quattro metodi principali per rendere un link cliccabile:<\/p>\n<ol>\n<li>Editor Classico di WordPress<\/li>\n<li><a href=\"https:\/\/kinsta.com\/it\/blog\/disabilitare-editor-wordpress-gutenberg\/\">Editor dei Blocchi di WordPress (Gutenberg)<\/a><\/li>\n<li>HTML<\/li>\n<li>Una qualsiasi interfaccia grafica (GUI)<\/li>\n<\/ol>\n<p>Tenete presente che tutti questi metodi funzionano in modo simile per gli articoli e le pagine di WordPress. Queste guide (in particolare il metodo 4) sono utili anche per altre applicazioni\/siti web, ma alcune terminologie\/funzionalit\u00e0 possono variare.<\/p>\n<h3>Metodo 1: Usare l&#8217;Editor Classico di WordPress<\/h3>\n<p>Se state lavorando con l&#8217;Editor Classico di WordPress, il modo pi\u00f9 semplice per creare un link cliccabile su un articolo o una pagina \u00e8 attraverso la scheda <strong>Editor visuale<\/strong>.<\/p>\n<p>Per farlo, andate nella sezione <strong>Articoli<\/strong> o <strong>Pagine<\/strong> della vostra bacheca di WordPress e selezionate una pagina o un articolo che desiderate modificare, usando la scheda <strong>Visuale<\/strong>.<\/p>\n<h4>Passo 1: Evidenziare il testo che volete rendere cliccabile<\/h4>\n<p>Per un link testuale, \u00e8 meglio che il testo sia gi\u00e0 stato inserito nell&#8217;<strong>editor visuale<\/strong>. Poi usate il cursore per evidenziare la stringa di testo.<\/p>\n<figure id=\"attachment_131328\" aria-describedby=\"caption-attachment-131328\" style=\"width: 1098px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131328\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Highlight-some-text.jpg\" alt=\"Schermata dell\u2019editor classico di WordPress: una freccia indica una parte del testo nell\u2019editor che dice \"this is an internal link\"\" width=\"1098\" height=\"837\"><figcaption id=\"caption-attachment-131328\" class=\"wp-caption-text\">Evidenziare il testo<\/figcaption><\/figure>\n<p><strong>Se state trasformando un&#8217;immagine in un link cliccabile:<\/strong><\/p>\n<p>Selezionate l&#8217;immagine in modo da vedere una barra degli strumenti dell&#8217;editor e un bordo intorno all&#8217;immagine.<\/p>\n<figure id=\"attachment_131329\" aria-describedby=\"caption-attachment-131329\" style=\"width: 1081px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131329\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Select-the-image.jpg\" alt=\"Schermata di un articolo nell\u2019Editor Classico di WordPress: una freccia indica l\u2019immagine centrale che \u00e8 stata selezionata. Si vede il bordo grigio della foto e il piccolo menu con le impostazioni immagine\" width=\"1081\" height=\"835\"><figcaption id=\"caption-attachment-131329\" class=\"wp-caption-text\">Selezionare l&#8217;immagine<\/figcaption><\/figure>\n<h4>Passo 2: Fare clic sul pulsante Inserisci\/Modifica Link<\/h4>\n<p>Con il testo ancora evidenziato, scorrete sul pulsante <strong>Inserisci\/Modifica link<\/strong> nella barra degli strumenti dell&#8217;editor visivo. L&#8217;icona del pulsante ha l&#8217;aspetto della maglia di una catena.<\/p>\n<figure id=\"attachment_131331\" aria-describedby=\"caption-attachment-131331\" style=\"width: 1092px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131331\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Edit-Link-button.jpg\" alt=\"Schermata di un articolo nell\u2019editor classico di WordPress: una freccia indica l\u2019icona del link\" width=\"1092\" height=\"545\"><figcaption id=\"caption-attachment-131331\" class=\"wp-caption-text\">Fate clic sul pulsante Inserisci\/Modifica link<\/figcaption><\/figure>\n<p><strong>Se state trasformando un&#8217;immagine in un link cliccabile:<\/strong><\/p>\n<p>Con l&#8217;immagine ancora selezionata, fate clic sul pulsante <strong>Inserisci\/Modifica link<\/strong> (quello che assomiglia alla maglia di una catena).<\/p>\n<figure id=\"attachment_131335\" aria-describedby=\"caption-attachment-131335\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131335\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Choose-the-Edit-Button.jpg\" alt=\"Schermata di un articolo nell\u2019editor classico di WordPress: l\u2019immagine principale \u00e8 selezionata ed \u00e8 aperto il menu dei link. Una freccia indica l\u2019icona della matita per modificare il pulsante.\" width=\"1024\" height=\"678\"><figcaption id=\"caption-attachment-131335\" class=\"wp-caption-text\">Clic sul pulsante Modifica<\/figcaption><\/figure>\n<h4>Passo 3: Incollare un URL<\/h4>\n<p>In questo modo viene visualizzato un campo URL vuoto. Copiate <strong>(con Command + C o Ctrl + C)<\/strong> l&#8217;URL del link desiderato negli appunti del vostro dispositivo. Questo link pu\u00f2 essere un URL esterno trovato su internet o un URL del vostro sito web.<\/p>\n<p>Una volta copiato, incollatelo <strong>(con Command + V o Ctrl +V)<\/strong> nel campo.<\/p>\n<figure id=\"attachment_131334\" aria-describedby=\"caption-attachment-131334\" style=\"width: 1086px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131334\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Paste-in-a-URL.jpg\" alt=\"Schermata dell\u2019editor classico di WordPress: \u00e8 selezionata una parte del testo e si \u00e8 aperto il campo per inserire un URL.\" width=\"1086\" height=\"630\"><figcaption id=\"caption-attachment-131334\" class=\"wp-caption-text\">Incollare un URL<\/figcaption><\/figure>\n<p><strong>Se state trasformando un&#8217;immagine in un link cliccabile:<\/strong><\/p>\n<p>Incollate l&#8217;URL desiderato nel campo rivelato, quindi fate clic sul pulsante <strong>Applica<\/strong> per attivare il link.<\/p>\n<figure id=\"attachment_131333\" aria-describedby=\"caption-attachment-131333\" style=\"width: 1092px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131333\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Insert-the-link-and-click-the-Apply-button-1.jpg\" alt=\"Schermata di un articolo nell\u2019editor classico di WordPress: una freccia indica l\u2019icona di modifica dei link e sotto l\u2019immagine si vede il campo per l\u2019URL con il pulsante azzurro Apply per confermare l\u2019inserimento.\" width=\"1092\" height=\"837\"><figcaption id=\"caption-attachment-131333\" class=\"wp-caption-text\">Inserite il link e fate clic sul pulsante Applica<\/figcaption><\/figure>\n<h4>Passo 4: Applicare il link<\/h4>\n<p>Fate clic sul pulsante <strong>Applica<\/strong> per attivare il link e rendere il testo cliccabile.<\/p>\n<figure id=\"attachment_131336\" aria-describedby=\"caption-attachment-131336\" style=\"width: 1080px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131336\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-the-Apply-button.jpg\" alt=\"Schermata dell\u2019editor classico di WordPress: \u00e8 selezionata una parte del testo ed \u00e8 aperto il campo URL. Una freccia indica il pulsante azzurro Apply per confermare l\u2019inserimento.\" width=\"1080\" height=\"629\"><figcaption id=\"caption-attachment-131336\" class=\"wp-caption-text\">Fate clic sul pulsante Applica<\/figcaption><\/figure>\n<p>Ora dovreste vedere la parte di testo con il collegamento ipertestuale sottolineata e potenzialmente di un colore diverso.<\/p>\n<figure id=\"attachment_131337\" aria-describedby=\"caption-attachment-131337\" style=\"width: 1084px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131337\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-resulting-link.jpg\" alt=\"Schermata di un articolo nell\u2019editor classico di WordPress: il link \u00e8 sottolineato a indicare che \u00e8 cliccabile nel backend di WordPress.\" width=\"1084\" height=\"475\"><figcaption id=\"caption-attachment-131337\" class=\"wp-caption-text\">Aspetto del testo con link<\/figcaption><\/figure>\n<p>Se fate clic sul collegamento ipertestuale nell&#8217;editor, vedrete un link reale da testare, insieme agli strumenti di modifica nel caso in cui vogliate cambiare il collegamento ipertestuale.<\/p>\n<p><img class=\"size-full wp-image-1313&lt;span id=\"><\/p>\n<h4>Opzioni aggiuntive<\/h4>\n<p>Tratteremo i link cliccabili pi\u00f9 avanzati nelle sezioni successive, ma vale la pena notare che ogni link creato nell&#8217;Editor Classico di WordPress ha un pulsante <strong>Opzioni link<\/strong> per aggiungere ulteriori impostazioni.<\/p>\n<figure id=\"attachment_138643\" aria-describedby=\"caption-attachment-138643\" style=\"width: 1078px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-138643\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/11\/link-for-options.jpeg\" alt=\"Schermata di un articolo nell\u2019editor classico di WordPress: \u00e8 aperto il campo per l\u2019URL con il pulsante azzurro Applica per confermare l\u2019inserimento. Una freccia indica la rotellina a fianco del pulsante Apply, e l\u2019etichetta \"Link options\"\" width=\"1078\" height=\"558\"><figcaption id=\"caption-attachment-138643\" class=\"wp-caption-text\">Fare clic sul pulsante Opzioni link<\/figcaption><\/figure>\n<p>Qui potete:<\/p>\n<ul>\n<li>Regolare l&#8217;URL<\/li>\n<li>Modificare il testo del link<\/li>\n<li>Aprire il link in una nuova scheda<\/li>\n<li>Cercare e linkare i contenuti esistenti sul vostro sito<\/li>\n<\/ul>\n<figure id=\"attachment_131340\" aria-describedby=\"caption-attachment-131340\" style=\"width: 1034px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131340\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/More-options.jpg\" alt=\"Finestra popup \"Insert\/edit link\" dove sono evidenziati i campi URL, Link Text, e il campo di ricerca\" width=\"1034\" height=\"786\"><figcaption id=\"caption-attachment-131340\" class=\"wp-caption-text\">Altre opzioni<\/figcaption><\/figure>\n<p><strong>Se state trasformando un&#8217;immagine in un link cliccabile:<\/strong><\/p>\n<p>L&#8217;Editor Classico di WordPress offre un secondo modo per rendere le immagini cliccabili. \u00c8 sufficiente selezionare l&#8217;immagine e scegliere il pulsante <strong>Modifica<\/strong> (simile a una matita) nella barra degli strumenti a comparsa.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131341\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Choose-the-Edit-Button-1.jpg\" alt=\"Schermata di un articolo nell\u2019editor WordPress: l\u2019immagine centrale \u00e8 selezionata e compare il menu delle opzioni immagine. Una freccia indica l\u2019icona della matita e l\u2019etichetta Edit button\" width=\"1024\" height=\"678\"><\/p>\n<p>Scorrete fino al campo <strong>Link a<\/strong>, che vi permette di collegarvi al campo <strong>URL personalizzato<\/strong>. Basta incollare l&#8217;URL desiderato nel campo sottostante e fare clic su <strong>Aggiorna<\/strong>.<\/p>\n<figure id=\"attachment_131342\" aria-describedby=\"caption-attachment-131342\" style=\"width: 1078px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131342\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Find-and-edit-the-Link-To-field.jpg\" alt=\"Schermata della finestra popup Dettagli Immagine: \u00e8 evidenziato il campo \"Link a\" e nel campo \u00e8 selezionata l\u2019opzione URL personalizzata. Nel campo sotto c\u2019\u00e8 un URL di una pagina del sito di Kinsta.\" width=\"1078\" height=\"884\"><figcaption id=\"caption-attachment-131342\" class=\"wp-caption-text\">Trovate e modificate l\u2019URL nel campo Link a<\/figcaption><\/figure>\n<p>Potete anche selezionare il menu a tendina <strong>Link a<\/strong> per creare un collegamento ipertestuale:<\/p>\n<ul>\n<li>File multimediali<\/li>\n<li>Pagine allegate<\/li>\n<li>URL personalizzati<\/li>\n<li>Nessuno<\/li>\n<\/ul>\n<figure id=\"attachment_131343\" aria-describedby=\"caption-attachment-131343\" style=\"width: 1078px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131343\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Choose-different-linking-options.jpg\" alt=\"Menu a tendina dal campo Link a per aggiungere diverse opzioni di link, come pagina di allegato e URL personalizzato.\" width=\"1078\" height=\"529\"><figcaption id=\"caption-attachment-131343\" class=\"wp-caption-text\">Scegliete diverse opzioni di link<\/figcaption><\/figure>\n<h3>Metodo 2: Usare l&#8217;Editor dei Blocchi di WordPress (Gutenberg)<\/h3>\n<p>I collegamenti ipertestuali funzionano allo stesso modo sia negli articoli che nelle pagine <a href=\"https:\/\/kinsta.com\/it\/blog\/gutenberg-editor-wordpress\/\">dell&#8217;Editor dei Blocchi di WordPress<\/a>.<\/p>\n<p>Per iniziare, andate nella sezione <strong>Articoli<\/strong> o <strong>Pagine<\/strong> della vostra bacheca di WordPress. Selezionate un singolo articolo o una pagina che volete modificare, quindi seguite i passaggi seguenti.<\/p>\n<h4>Passo 1: Evidenziare il testo<\/h4>\n<p>Digitate del testo nell&#8217;editor. Con il cursore, evidenziate la parte di testo che volete rendere cliccabile. Nella barra degli strumenti a comparsa, fate clic sul pulsante <strong>Link<\/strong>.<\/p>\n<figure id=\"attachment_131344\" aria-describedby=\"caption-attachment-131344\" style=\"width: 1043px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131344\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Highlight-text-and-click-the-Link-button.jpg\" alt=\"Schermata di una porzione di articolo nell\u2019editor Gutenberg di WordPress: alcune parole del testo sono evidenziate. Una freccia indica l\u2019icona del link nel menu che si apre sopra il testo.\" width=\"1043\" height=\"424\"><figcaption id=\"caption-attachment-131344\" class=\"wp-caption-text\">Evidenziate il testo e fate clic sul pulsante Link<\/figcaption><\/figure>\n<p><strong>Se state trasformando un&#8217;immagine in un link cliccabile:<\/strong><\/p>\n<p>Per rendere un&#8217;immagine cliccabile nell&#8217;Editor dei Blocchi di WordPress \u00e8 necessario aggiungere un&#8217;immagine all&#8217;editor.<\/p>\n<p>Per farlo, fate clic sul pulsante <strong>Aggiungi blocco<\/strong>, quindi selezionate il blocco <strong>Immagine<\/strong>. Caricate l&#8217;immagine a cui volete aggiungere il link.<\/p>\n<div class=\"mceTemp\">\n<dl id=\"urn:enhancement-cb85b45a-ab00-4574-bc15-2d32c99fad0c\" class=\"textannotation selected\">\n<dt class=\"wp-caption-dt\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131345\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Add-an-image-block.jpg\" alt=\"Schermata di una porzione di articolo nell\u2019editor Gutenberg di WordPress: una freccia indica il segno + per aggiungere un nuovo blocco. Si \u00e8 aperta la finestra popup con le opzioni del blocco, in cui la terza icona \u00e8 quella delle immagini.\" width=\"1044\" height=\"767\"><\/dt>\n<dd class=\"wp-caption-dd\">Aggiungete un blocco immagine<\/dd>\n<\/dl>\n<\/div>\n<p>Fate clic sull&#8217;immagine in modo che sia evidenziata\/selezionata, quindi scegliete il pulsante <strong>Inserisci link<\/strong> nella finestra a comparsa della barra degli strumenti.<\/p>\n<figure id=\"attachment_131346\" aria-describedby=\"caption-attachment-131346\" style=\"width: 953px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131346\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Add-an-image-block-1.jpg\" alt=\"Schermata dell\u2019editor Gutenberg di WordPress: sopra l\u2019immagine compare il menu con le opzioni immagine. Una freccia indica l\u2019icona del link.\" width=\"953\" height=\"774\"><figcaption id=\"caption-attachment-131346\" class=\"wp-caption-text\">Selezionate l&#8217;immagine e inserite il link<\/figcaption><\/figure>\n<h4>Passo 2: Incollare l&#8217;URL e inviare il link<\/h4>\n<p>Verr\u00e0 visualizzato un popup con un campo vuoto. Incollate l&#8217;URL che volete collegare, quindi fate clic su <strong>Invio<\/strong> sulla tastiera o sul pulsante <strong>Invia<\/strong> per attivare il link cliccabile.<\/p>\n<figure id=\"attachment_131347\" aria-describedby=\"caption-attachment-131347\" style=\"width: 1046px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131347\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Insert-a-URL-and-click-Submit.jpg\" alt=\"Finestra popup che si apre dopo aver cliccato sull\u2019icona dei link: nel campo URL \u00e8 stato inserito un indirizzo e una freccia indica l\u2019icona Invia, a forma di freccia ricuerva, per confermare l\u2019inserimento del link\" width=\"1046\" height=\"485\"><figcaption id=\"caption-attachment-131347\" class=\"wp-caption-text\">Inserite un URL e fate clic su Invia<\/figcaption><\/figure>\n<p>Di conseguenza, il testo ipertestuale viene visualizzato con un colore diverso e potete fare clic sul link per vedere un&#8217;anteprima del contenuto e aggiungere impostazioni di collegamento pi\u00f9 avanzate.<\/p>\n<figure id=\"attachment_131348\" aria-describedby=\"caption-attachment-131348\" style=\"width: 1028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131348\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/View-a-preview-and-more-advanced-link-settings.jpg\" alt=\"Schermata dell\u2019editor Gutenberg di WordPress: la finestra popup che si apre su un\u2019immagine con un link ora mostra un\u2019anteprima visiva con il link della pagina, l'immagine in primo piano e ulteriori informazioni sulla pagina linkata.\" width=\"1028\" height=\"611\"><figcaption id=\"caption-attachment-131348\" class=\"wp-caption-text\">Visualizzate l&#8217;anteprima e le impostazioni avanzate dei link<\/figcaption><\/figure>\n<p><strong>Se state trasformando un&#8217;immagine in un link cliccabile:<\/strong><\/p>\n<p>Esistono poi le opzioni per aggiungere link ai file multimediali e alle pagine degli allegati, se vi servono.<\/p>\n<figure id=\"attachment_131350\" aria-describedby=\"caption-attachment-131350\" style=\"width: 918px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131350\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Consider-media-file-and-attachment-page-links.jpg\" alt=\"Un\u2019immagine selezionata nell\u2019editor articoli di WordPress: compare il menu con le opzioni immagini e i campi File Media e Pagine degli allegati.\" width=\"918\" height=\"424\"><figcaption id=\"caption-attachment-131350\" class=\"wp-caption-text\">Potete inserire i link ai file multimediali e alle pagine degli allegati<\/figcaption><\/figure>\n<p>Altrimenti, incollate un URL nel campo vuoto del link. Fate clic sul pulsante <strong>Applica<\/strong> per attivare il link. Dopo la pubblicazione, chiunque clicchi sull&#8217;immagine verr\u00e0 portato al link che avete specificato.<\/p>\n<figure id=\"attachment_131352\" aria-describedby=\"caption-attachment-131352\" style=\"width: 920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131352\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-on-the-Apply-button-after-inserting-a-URL.jpg\" alt=\"Un\u2019immagine selezionata nell\u2019editor articoli di WordPress: l'URL \u00e8 incollato nel campo del link e potete fare clic su Applica.\" width=\"920\" height=\"412\"><figcaption id=\"caption-attachment-131352\" class=\"wp-caption-text\">Fate clic sul pulsante Applica dopo aver inserito un URL<\/figcaption><\/figure>\n<p>Per ulteriori opzioni, fate clic sul pulsante con l\u2019icona della <strong> freccetta verso il basso (v)<\/strong> per:<\/p>\n<ul>\n<li>Aprire il link in una nuova scheda<\/li>\n<li>Aggiungere link Rel<\/li>\n<li>Aggiungere la classe CSS al link<\/li>\n<\/ul>\n<figure id=\"attachment_131353\" aria-describedby=\"caption-attachment-131353\" style=\"width: 983px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131353\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-the-down-carrot-button-for-more-settings.jpg\" alt=\"Un\u2019immagine selezionata nell\u2019editor articoli di WordPress: c'\u00e8 un pulsante a forma di freccetta verso il basso che mostra i campi per aprire in una nuova scheda, il link rel e la classe CSS del link.\" width=\"983\" height=\"712\"><figcaption id=\"caption-attachment-131353\" class=\"wp-caption-text\">Fate clic sul pulsante a forma di freccetta per ulteriori impostazioni<\/figcaption><\/figure>\n<h4>Opzioni Aggiuntive<\/h4>\n<p>Approfondiremo le strutture avanzate dei collegamenti ipertestuali nelle sezioni successive, ma dovete sapere che il pulsante <strong>Modifica<\/strong> \u00e8 disponibile se fate clic con il cursore sul collegamento appena creato.<\/p>\n<figure id=\"attachment_131355\" aria-describedby=\"caption-attachment-131355\" style=\"width: 983px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131355\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-the-Edit-button.jpg\" alt=\"Schermata del menu di modifica immagini: \u00e8 evidenziato il pulsante di modifica con l\u2019icona a forma di matita\" width=\"983\" height=\"612\"><figcaption id=\"caption-attachment-131355\" class=\"wp-caption-text\">Fate clic sul pulsante Modifica<\/figcaption><\/figure>\n<p>La pagina di <strong>modifica<\/strong> mostra i campi per:<\/p>\n<ul>\n<li>Modificare il testo del link<\/li>\n<li>Modificare l&#8217;URL<\/li>\n<li>Aprire il link in una nuova scheda<\/li>\n<\/ul>\n<figure id=\"attachment_131356\" aria-describedby=\"caption-attachment-131356\" style=\"width: 918px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131356\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-Edit-page.jpg\" alt=\"La finestra popup per modificare i link ha campi per inserire il testo, l\u2019URL, e per aprire la pagina su un\u2019altra scheda.\" width=\"918\" height=\"419\"><figcaption id=\"caption-attachment-131356\" class=\"wp-caption-text\">La pagina di modifica<\/figcaption><\/figure>\n<h4>Altri link cliccabili da creare nell&#8217;Editor dei Blocchi<\/h4>\n<p>L&#8217;Editor dei Blocchi di WordPress amplia le opzioni di link disponibili. Grazie alle decine di blocchi integrati potete creare una sorta di struttura di link cliccabili, tra cui:<\/p>\n<ul>\n<li><strong>Pulsanti: <\/strong>un modo elegante per linkare i contenuti rispetto ai semplici link testuali.<\/li>\n<li><strong style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\">File: <\/strong>caricate rapidamente i file e includete un pulsante su cui gli utenti possono fare clic per scaricarli.<\/li>\n<li><strong>Icone social:<\/strong> inserite icone sociali con link cliccabili.<\/li>\n<li><strong>Navigazione:<\/strong> inserite pulsanti di navigazione in qualsiasi punto del sito con l&#8217;uso di link cliccabili.<\/li>\n<li><strong>Leggi di pi\u00f9:<\/strong> si pu\u00f2 usare per abbreviare i vostri contenuti e fornire un link alla versione pi\u00f9 estesa.<\/li>\n<li><strong>Login\/logout:<\/strong> aggiungete un link rapido per consentire agli utenti di accedere al vostro sito.<\/li>\n<li><strong>Articolo successivo:<\/strong> aggiungete un link\/pulsante cliccabile al prossimo articolo del vostro sito.<\/li>\n<li><strong>Articolo precedente: <\/strong>aggiungete un link\/pulsante cliccabile che rimanda all\u2019articolo precedente del vostro sito.<\/li>\n<li style=\"list-style-type: none\">\n<ul>\n<li style=\"list-style-type: none\"><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<figure id=\"attachment_131357\" aria-describedby=\"caption-attachment-131357\" style=\"width: 952px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131357\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-button-is-yet-another-style-of-clickable-link-available-in-the-WordPress-Block-Editor.jpg\" alt=\"Schermata del menu per la modifica dei pulsanti: \u00e8 stato aggiunto un pulsante che si pu\u00f2 collegare come qualsiasi altro testo o immagine.\" width=\"952\" height=\"375\"><figcaption id=\"caption-attachment-131357\" class=\"wp-caption-text\">Il pulsante \u00e8 un altro tipo di link cliccabile disponibile nell&#8217;Editor dei Blocchi di WordPress<\/figcaption><\/figure>\n<h3>Metodo 3: Usare l&#8217;HTML<\/h3>\n<p>Rendere un link cliccabile con l&#8217;HTML funziona allo stesso modo indipendentemente dall&#8217;interfaccia del vostro editor.<\/p>\n<p>Potete modificare l&#8217;HTML con:<\/p>\n<p><strong>Il pannello Testo nell&#8217;Editor Classico di WordPress<\/strong><\/p>\n<figure id=\"attachment_138641\" aria-describedby=\"caption-attachment-138641\" style=\"width: 940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-138641\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/11\/classic-editor-text-panel.jpeg\" alt=\"Schermata dell\u2019editor classico di WordPress: una freccia indica l\u2019etichetta Text che apre la scheda per il solo testo\" width=\"940\" height=\"456\"><figcaption id=\"caption-attachment-138641\" class=\"wp-caption-text\">Il pannello di testo dell&#8217;Editor Classico di WordPress<\/figcaption><\/figure>\n<p><strong>L&#8217;editor di codice nell&#8217;Editor dei Blocchi di WordPress<\/strong><\/p>\n<figure id=\"attachment_138642\" aria-describedby=\"caption-attachment-138642\" style=\"width: 957px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-138642\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/11\/code-editor.jpeg\" alt=\"Schermata dell\u2019Editor dei Blocchi di WordPress: nel menu che si apre sulla destra una freccia indica la sezione Editor e la voce Code Editor per modificare il codice.\" width=\"957\" height=\"556\"><figcaption id=\"caption-attachment-138642\" class=\"wp-caption-text\">L&#8217;editor del codice nell&#8217;Editor dei Blocchi di WordPress<\/figcaption><\/figure>\n<p><strong>Un editor HTML\/testo sul vostro dispositivo<\/strong><\/p>\n<p><a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-editor-di-testo\/\">Gli editor di testo come Atom, Sublime Text e Coda<\/a> offrono l&#8217;interfaccia necessaria per scrivere e modificare l&#8217;HTML, soprattutto per i link cliccabili. \u00c8 anche possibile <a href=\"https:\/\/kinsta.com\/it\/blog\/editor-di-markdown\/\">usare gli editor markdown<\/a>.<\/p>\n<figure id=\"attachment_131360\" aria-describedby=\"caption-attachment-131360\" style=\"width: 1230px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131360\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-Atom-text-editor.jpg\" alt=\"Schermata del text editor Atom: lo sfondo dell\u2019editor di testo \u00e8 nero e ci sono schede aperte con del codice all'interno\" width=\"1230\" height=\"750\"><figcaption id=\"caption-attachment-131360\" class=\"wp-caption-text\">L&#8217;editor di testo Atom<\/figcaption><\/figure>\n<p>Dopo aver lavorato con l&#8217;editor di testo, potete:<\/p>\n<ul>\n<li>Caricare i vostri file per pubblicarli su internet, <a href=\"https:\/\/kinsta.com\/it\/blog\/ftp-sftp\/\">tramite FTP o SFTP<\/a>. <a href=\"https:\/\/kinsta.com\/it\/blog\/come-usare-filezilla\/\">Vi consigliamo di usare FileZilla<\/a> per un processo pi\u00f9 fluido.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/it\/blog\/caricare-in-massa-file-libreria-media-wordpress-ftp\/\">Caricare in massa i file HTML<\/a> nella <a href=\"https:\/\/kinsta.com\/it\/blog\/file-di-wordpress\/\">directory dei file di WordPress<\/a>.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-client-ftp\/\">Usare uno dei tanti altri client FTP<\/a> per caricare i file HTML su WordPress.<\/li>\n<\/ul>\n<p>Dopo aver trovato un editor di testo &#8211; e dopo aver capito come caricare l&#8217;HTML su WordPress &#8211; passate ai passaggi successivi per rendere un link cliccabile con l&#8217;HTML.<\/p>\n<p>Questo formato si usa per i collegamenti ipertestuali di base in HTML:<\/p>\n<pre><code class=\"language-html\">&lt;a href=\"https:\/\/www.example.com\"&gt;Link Text&lt;\/a&gt;<\/code><\/pre>\n<div class=\"mceTemp\">\n<dl id=\"attach&lt;span id=\" class=\"textannotation selected\">\n<dt class=\"wp-caption-dt\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131361\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Basic-HTML-link-format.jpg\" alt=\"Schermata dell\u2019editor classico di WordPress: \u00e8 evidenziata l\u2019etichetta Text e il testo di un link dentro l\u2019editor\" width=\"937\" height=\"299\"><\/dt>\n<dd class=\"wp-caption-dd\">Formato di link HTML di base<\/dd>\n<\/dl>\n<\/div>\n<p>Note:<\/p>\n<ol>\n<li>Sostituite &#8220;https:\/\/www.example.com&#8221; con l&#8217;URL desiderato.<\/li>\n<li>Sostituite &#8220;Link Text&#8221; con il testo del link desiderato.<\/li>\n<\/ol>\n<p>Una volta pronto il link, potete pubblicare l\u2019articolo\/pagina o caricare l&#8217;HTML sul vostro sito. \u00c8 anche possibile ottenere un&#8217;anteprima visiva del link passando alla scheda <strong>Visual<\/strong> di WordPress.<\/p>\n<p>Una versione pubblicata di quel link HTML mostra il link sottolineato e talvolta in un colore diverso. Spostando il mouse sul link si pu\u00f2 vedere la sua destinazione nella parte inferiore del browser.<\/p>\n<figure id=\"attachment_131363\" aria-describedby=\"caption-attachment-131363\" style=\"width: 923px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131363\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Link-on-the-frontend-with-the-browser-preview.jpg\" alt=\"Schermata dell\u2019intestazione di un articolo sull\u2019editor WordPress: dopo il titolo Hello world! c\u2019\u00e8 un link testuale sottolineato. Una freccia indica anche l\u2019URL della pagina a cui \u00e8 collegato il link.\" width=\"923\" height=\"268\"><figcaption id=\"caption-attachment-131363\" class=\"wp-caption-text\">Il link sul frontend con l&#8217;anteprima del browser<\/figcaption><\/figure>\n<h3>Metodo 4: Usare un&#8217;interfaccia grafica (GUI)<\/h3>\n<p>Anche se non possiamo trattare tutte le interfacce grafiche esistenti, imparare a rendere un link cliccabile usando qualcosa di diverso da WordPress o dall\u2019HTML si fa di solito in modo simile a quanto gi\u00e0 visto.<\/p>\n<p>In generale, ogni interfaccia grafica pu\u00f2 usare un nome di pulsante o un&#8217;icona leggermente diversi per creare un collegamento ipertestuale.<\/p>\n<p><strong>Il processo generale dovrebbe essere il seguente:<\/strong><\/p>\n<ol>\n<li>Evidenziate il testo che volete collegare.<\/li>\n<li>Fate clic sull&#8217;icona <strong>Link<\/strong> (potrebbe avere un nome diverso) nell&#8217;editor.<\/li>\n<li>Incollate l&#8217;URL desiderato.<\/li>\n<li>Fate clic sul pulsante <strong>Aggiungi link<\/strong> (anche questo potrebbe avere un nome diverso).<\/li>\n<\/ol>\n<p>Come esempio di base, un costruttore di negozi online come Shopify vi permette di rendere cliccabile un link in qualsiasi pagina o articolo, evidenziando il testo e facendo clic sul pulsante <strong>Inserisci link<\/strong>.<\/p>\n<figure id=\"attachment_131364\" aria-describedby=\"caption-attachment-131364\" style=\"width: 958px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131364\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Inserting-a-link-in-an-alternative-GUI.jpg\" alt=\"L'interfaccia utente di Shopify: una freccia indica l\u2019icona per aggiungere il link e un\u2019altra il testo nell\u2019editor a cui aggiungere il link.\" width=\"958\" height=\"627\"><figcaption id=\"caption-attachment-131364\" class=\"wp-caption-text\">Inserire un link in un&#8217;interfaccia grafica alternativa<\/figcaption><\/figure>\n<p>Dovrete quindi incollare l&#8217;URL di destinazione e fare clic sul pulsante <strong>Inserisci link<\/strong>.<\/p>\n<figure id=\"attachment_131365\" aria-describedby=\"caption-attachment-131365\" style=\"width: 915px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131365\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Paste-the-URL-and-click-Insert-Link.jpg\" alt=\"Schermata della finestra di Shopify con il campo per inserire l\u2019URL del link e il testo del link: una freccia indica il pulsante Inserisci link\" width=\"915\" height=\"522\"><figcaption id=\"caption-attachment-131365\" class=\"wp-caption-text\">Incollare l&#8217;URL e fare clic su Inserisci link<\/figcaption><\/figure>\n<p>In questo modo si ottiene un link cliccabile.<\/p>\n<figure id=\"attachment_131366\" aria-describedby=\"caption-attachment-131366\" style=\"width: 920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131366\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Clickable-link-in-another-GUI.jpg\" alt=\"Interfaccia dell\u2019editor di Shopify con il testo linkato\" width=\"920\" height=\"592\"><figcaption id=\"caption-attachment-131366\" class=\"wp-caption-text\">Un link cliccabile in un&#8217;altra interfaccia grafica<\/figcaption><\/figure>\n<h2>Come far aprire i link in una nuova scheda<\/h2>\n<p>Come abbiamo detto in precedenza, WordPress e altre interfacce offrono ulteriori opzioni di personalizzazione per i link cliccabili, come per esempio la possibilit\u00e0 di forzare l&#8217;apertura di un link in un&#8217;altra scheda.<\/p>\n<p>Come si fa? Vediamolo subito.<\/p>\n<h3>Aprire il link in una nuova scheda con l&#8217;Editor Classico di WordPress<\/h3>\n<p>Una volta creato un link cliccabile nell&#8217;Editor Classico di WordPress, scegliete il pulsante <strong>Opzioni link<\/strong>.<\/p>\n<figure id=\"attachment_151506\" aria-describedby=\"caption-attachment-151506\" style=\"width: 1078px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-151506 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/04\/link-options-button.jpeg\" alt=\"Schermata dell\u2019editor classico di WordPress: facendo clic sull\u2019icona del link si apre il campo per inserire l\u2019URL del link\" width=\"1078\" height=\"558\"><figcaption id=\"caption-attachment-151506\" class=\"wp-caption-text\">Opzioni link<\/figcaption><\/figure>\n<p><img class=\"size-full wp-image-13&lt;span id=\">Spuntate la casella <strong>Apri il link in una nuova scheda<\/strong>.<\/p>\n<p>Poi fate clic sul pulsante <strong>Aggiorna<\/strong>.<\/p>\n<figure id=\"attachment_131368\" aria-describedby=\"caption-attachment-131368\" style=\"width: 974px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131368\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Open-link-in-new-tab.jpg\" alt=\"Finestra popup per inserire i link: una freccia indica la casella spuntata per l\u2019opzione Apri il link in una nuova finestra, mentre una seconda freccia indica il pulsante Aggiorna.\" width=\"974\" height=\"788\"><figcaption id=\"caption-attachment-131368\" class=\"wp-caption-text\">Aprire il link in una nuova scheda<\/figcaption><\/figure>\n<h3>Aprire un link in una nuova scheda usando l&#8217;Editor dei Blocchi di WordPress<\/h3>\n<p>Supponendo che abbiate gi\u00e0 aggiunto un link nell&#8217;Editor dei Blocchi di WordPress, se fate clic sul link si apre un&#8217;anteprima del contenuto di destinazione.<\/p>\n<p>Il pulsante <strong>Modifica<\/strong> consente di accedere ad altre impostazioni (tra cui l&#8217;opzione <strong>Apri in una nuova scheda<\/strong>), ma \u00e8 pi\u00f9 semplice attivare l\u2019interruttore <strong>Apri in una nuova scheda<\/strong> <strong>che si trova nella parte inferiore della finestra popup<\/strong>.<\/p>\n<figure id=\"attachment_131369\" aria-describedby=\"caption-attachment-131369\" style=\"width: 902px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131369\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Open-in-new-tab-switch.jpg\" alt=\"Finestra per inserire il link in un testo nell\u2019Editor dei Blocchi: nella sezione con l\u2019anteprima dell\u2019articolo linkato \u00e8 evidenziato l\u2019interruttore Apri in una nuova scheda.\" width=\"902\" height=\"564\"><figcaption id=\"caption-attachment-131369\" class=\"wp-caption-text\">Interruttore Apri in una nuova scheda<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>L&#8217;Editor dei Blocchi di WordPress aggiunge automaticamente un attributo rel=&#8221;noreferrer noopener&#8221; quando attivate l&#8217;interruttore Apri in una nuova scheda, aggiungendo cos\u00ec una maggiore sicurezza al vostro link.<\/p>\n<\/aside>\n\n<h3><strong>Aprire un link in una nuova scheda usando l&#8217;HTML<\/strong><\/h3>\n<p>Nell&#8217;editor di testo di WordPress, nell&#8217;editor di codice di WordPress o in un editor HTML generico, potete usare il seguente codice per fare in modo che il vostro link cliccabile si apra in una nuova scheda:<\/p>\n<pre><code class=\"language-html\"><span style=\"font-weight: 400\">&lt;a href=\"https:\/\/www.example.com\" target=\"_blank\" rel=\"noreferrer noopener\"&gt;Link Text&lt;\/a&gt;<\/span><\/code><\/pre>\n<ol>\n<li>Sostituite &#8220;https:\/\/www.example.com&#8221; con l&#8217;URL di destinazione desiderato.<\/li>\n<li>Sostituite &#8220;Link Text&#8221; con il testo che volete collegare.<\/li>\n<li>L&#8217;attributo <em>target=&#8221;_blank&#8221;<\/em> \u00e8 il segmento di codice che apre il link nella nuova scheda. \u00c8 l&#8217;unica parte veramente necessaria per questa semplice funzione.<\/li>\n<li>Vi consigliamo di aggiungere gli attributi e i valori <em>rel=&#8221;noreferrer noopener&#8221;<\/em> per bloccare i problemi di sicurezza pi\u00f9 comuni nell&#8217;apertura dei link nelle nuove schede. Potete anche escluderli dal codice e far s\u00ec che il link si apra in una nuova scheda.<\/li>\n<\/ol>\n<p>Dopo la pubblicazione, il link ha lo stesso aspetto, ma quando viene cliccato, l&#8217;URL di destinazione si apre in una nuova scheda.<\/p>\n<figure id=\"attachment_131370\" aria-describedby=\"caption-attachment-131370\" style=\"width: 937px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131370\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-link-opening-its-target-in-a-new-tab.jpg\" alt=\"Schermata del browser con due schede aperte: nella prima c\u2019\u00e8 un articolo che inizia con un link testuale, mentre nella seconda c\u2019\u00e8 la scheda che corrisponde al link\" width=\"937\" height=\"372\"><figcaption id=\"caption-attachment-131370\" class=\"wp-caption-text\">Un link che apre la sua destinazione in una nuova scheda<\/figcaption><\/figure>\n<h2>Come aggiungere il nofollow a un collegamento ipertestuale<\/h2>\n<p>Il valore HTML <em>nofollow<\/em> indica ai motori di ricerca di ignorare un link cliccabile e impedisce che il <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-seo\/\">link juice dei motori di ricerca<\/a> venga trasferito al sito web di destinazione. Lo scopo principale del <em>nofollow<\/em> \u00e8 quello di ridurre i link di spam, ma chi crea contenuti lo usa per i link a pagamento, i commenti, i contenuti generati dagli utenti, gli incorporamenti o o ogni volta che si preferisce non essere percepiti come sostenitori del sito che si linka.<\/p>\n<p>WordPress non ha un modo integrato per aggiungere un link <em>nofollow<\/em>, ma \u00e8 possibile farlo attingendo all&#8217;HTML.<\/p>\n<p>Il codice seguente presenta un link di base con valore <em>nofollow<\/em>:<\/p>\n<pre><code class=\"language-html\">&lt;<span id=\"urn:enhancement-901b2eec-50d9-4c67-83b6-ae549253ef5a\" class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/www.example.com\"<\/span> <span class=\"syntax-all syntax-entity\">rel<\/span>=<span class=\"syntax-all syntax-string\">\"nofollow\"<\/span>&gt;The Link Text.&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<figure id=\"attachment_131371\" aria-describedby=\"caption-attachment-131371\" style=\"width: 1162px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131371\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/HTML-link-code-with-nofollow.jpg\" alt=\"Schermata della parte alta dell\u2019editor di testo di WordPress che contiene del codice HTML\" width=\"1162\" height=\"367\"><figcaption id=\"caption-attachment-131371\" class=\"wp-caption-text\">Codice HTML per link con nofollow<\/figcaption><\/figure>\n<p>Cosa fare:<\/p>\n<ol>\n<li>Sostituite il testo &#8220;https:\/\/www.example.com&#8221; con l&#8217;URL di destinazione desiderato.<\/li>\n<li>Sostituite la parte &#8220;Link Text&#8221; con il testo del link che volete aggiungere.<\/li>\n<li>Usate l&#8217;attributo e il valore <em>rel=&#8221;nofollow&#8221;<\/em> all&#8217;interno dell&#8217;HTML del link.<\/li>\n<\/ol>\n<p>Quando viene pubblicato, o se si usa la vista Editor visuale, un link <em>nofollow<\/em> non appare diverso da un collegamento ipertestuale standard; tuttavia la funzionalit\u00e0 <em>nofollow<\/em> viene salvata nel codice del backend.<\/p>\n<figure id=\"attachment_131372\" aria-describedby=\"caption-attachment-131372\" style=\"width: 1165px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131372\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-nofollow-link-appears-no-different-on-the-frontend.jpg\" alt=\"Schermata della parte alta dell\u2019editor di testo di WordPress che contiene dove si vede un testo sottolineato, a indicare che contiene un link\" width=\"1165\" height=\"378\"><figcaption id=\"caption-attachment-131372\" class=\"wp-caption-text\">Un link nofollow non appare diverso nel frontend<\/figcaption><\/figure>\n<h2>Come aggiungere link a un contenuto esistente<\/h2>\n<p>Il link a contenuti esistenti \u00e8 una funzione esclusiva di WordPress, grazie alla quale potete cercare gli articoli e le pagine del blog creati in precedenza direttamente nell&#8217;editor di WordPress. In questo modo non \u00e8 necessario richiamare gli URL in un&#8217;altra finestra del browser per copiarli e incollarli in un link cliccabile.<\/p>\n<h3>Link a contenuti esistenti nell&#8217;Editor Classico di WordPress<\/h3>\n<p>Create un link evidenziando il testo desiderato e facendo clic sul pulsante Inserisci\/Modifica link (chainlink) nell&#8217;editor. In questo modo si aprir\u00e0 un campo popup in cui potrete cliccare sul pulsante Opzioni link (icona dell&#8217;ingranaggio).<\/p>\n<figure id=\"attachment_131373\" aria-describedby=\"caption-attachment-131373\" style=\"width: 1270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131373\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Go-to-the-Link-Options-button.jpg\" alt=\"Schermata dell\u2019editor classico WordPress con il testo evidenziato e il campo in cui inserire il link: una freccia indica l\u2019icona dell\u2019ingranaggio su cui fare clic per aprire le pzioni link\" width=\"1270\" height=\"576\"><figcaption id=\"caption-attachment-131373\" class=\"wp-caption-text\">Andate al pulsante Opzioni link<\/figcaption><\/figure>\n<ol>\n<li>Andate alla sezione denominata &#8220;Oppure inserisci un link a un contenuto esistente&#8221;.<\/li>\n<li>Digitate una parola chiave nella barra di ricerca e scegliete una pagina o un articolo esistente tra i risultati.<\/li>\n<li>Osservate come il link al contenuto esistente viene automaticamente inserito nel campo URL.<\/li>\n<\/ol>\n<p>Fate clic sul pulsante Aggiungi link quando avete finito.<\/p>\n<figure id=\"attachment_131374\" aria-describedby=\"caption-attachment-131374\" style=\"width: 1121px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131374\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-process-of-finding-existing-content.jpg\" alt=\"Finestra popup con le opzioni per inserire e modificare i link: tre frecce indicano rispettivamente il campo per aggiungere un link al contenuto esistente, il menu a tendina da cui scegliere il contenuto esistente e il campo URL in cui comparir\u00e0 l\u2019indirizzo dell\u2019articolo scelto.\" width=\"1121\" height=\"839\"><figcaption id=\"caption-attachment-131374\" class=\"wp-caption-text\">Il processo di ricerca dei contenuti esistenti<\/figcaption><\/figure>\n<p>Questo produce un link immediato ad altri contenuti (noto anche come link interno) nell&#8217;editor.<\/p>\n<figure id=\"attachment_131375\" aria-describedby=\"caption-attachment-131375\" style=\"width: 1021px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131375\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-resulting-view-of-an-internal-link.jpg\" alt=\"Schermata dell\u2019editor di testo di WordPress dove si vede il testo sottolineato con il link al contenuto esistente.\" width=\"1021\" height=\"450\"><figcaption id=\"caption-attachment-131375\" class=\"wp-caption-text\">La vista risultante di un link interno<\/figcaption><\/figure>\n<h3>Collegamento a un contenuto esistente nell&#8217;Editor dei Blocchi di WordPress<\/h3>\n<p>Evidenziate il testo\/immagine che volete collegare, quindi fate clic sul pulsante Link nella barra degli strumenti a comparsa.<\/p>\n<figure id=\"attachment_131376\" aria-describedby=\"caption-attachment-131376\" style=\"width: 951px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131376\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-the-Link-button.jpg\" alt=\"Schermata dell\u2019editor dei blocchi: una freccia indica l\u2019icona del link nel menu degli strumenti che compare quando si evidenzia il testo.\" width=\"951\" height=\"316\"><figcaption id=\"caption-attachment-131376\" class=\"wp-caption-text\">Clicca sul pulsante Collegamento<\/figcaption><\/figure>\n<p>Il campo fornito ha due funzioni: potete incollare un URL o usarlo come barra di ricerca. Digitate quindi una parola chiave che si riferisca ad alcuni dei vostri contenuti esistenti per visualizzare i risultati correlati.<\/p>\n<p>Una volta visualizzata la pagina o l\u2019articolo desiderato, fateci clic sopra.<\/p>\n<figure id=\"attachment_131377\" aria-describedby=\"caption-attachment-131377\" style=\"width: 908px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131377\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Search-for-previous-content.jpg\" alt=\"Menu che si apre quando si fa clic sull\u2019icona del link: nel campo \u00e8 stata inserita la parola Sample e nel menu a tendina sottostante compare un articolo chiamato Sample Page.\" width=\"908\" height=\"442\"><figcaption id=\"caption-attachment-131377\" class=\"wp-caption-text\">Ricerca di contenuti esistenti<\/figcaption><\/figure>\n<p>In questo modo si crea automaticamente un link al contenuto esistente nell&#8217;Editor dei Blocchi di WordPress.<\/p>\n<h2>Come creare link cliccabili per telefono, SMS ed email<\/h2>\n<p>Esistono alcuni modi per aggiungere azioni speciali ai link cliccabili, sostituendo la struttura standard dell&#8217;URL e collegandosi a qualcosa di diverso, per esempio:<\/p>\n<ul>\n<li>Un numero di telefono che apre l&#8217;applicazione Telefono.<\/li>\n<li>Un numero di telefono che apre l&#8217;app SMS.<\/li>\n<li>Un indirizzo email che apre automaticamente l&#8217;applicazione per le email dell&#8217;utente.<\/li>\n<\/ul>\n<h3>Come creare un link telefonico cliccabile<\/h3>\n<p>Un link telefonico o &#8220;Click to call&#8221; aggiunge automaticamente un numero di telefono specifico nell&#8217;app del telefono dell&#8217;utente o in un&#8217;app che supporta i numeri di telefono, come Skype.<\/p>\n<p>In questo caso, invece di usare un URL, dovete inserire il codice <em>tel:<\/em> nell&#8217;HTML, seguito dal numero di telefono, come in questo caso:<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"tel:555-555-5555\"<\/span>&gt;Click To Call&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<p>Note:<\/p>\n<ol>\n<li>Sostituite il numero di telefono con il numero che volete che gli utenti chiamino.<\/li>\n<li>Sostituite il testo &#8220;Click to call&#8221; con quello che volete che il testo del link mostri.<\/li>\n<\/ol>\n<figure id=\"attachment_131379\" aria-describedby=\"caption-attachment-131379\" style=\"width: 903px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131379 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-tel-link-in-a-visual-editor.jpg\" alt=\"Menu che si apre quando si fa clic sull\u2019icona del link: nel campo URL \u00e8 stato inserito un numero di telefono\" width=\"903\" height=\"422\"><figcaption id=\"caption-attachment-131379\" class=\"wp-caption-text\">Un link tel: nell&#8217;editor visuale<\/figcaption><\/figure>\n<p>Negli editor visuali come l\u2019Editor Classico o l\u2019Editor dei Blocchi di WordPress, basta digitare <em>tel:555-555-5555<\/em> (con il numero di telefono desiderato) nel campo URL per aggiungere un link. Fate clic su Invio per generare automaticamente il link telefonico.<\/p>\n<p>Quando qualcuno fa clic su questo link, si apre direttamente l&#8217;app pi\u00f9 pertinente (l&#8217;app del telefono su uno smartphone) oppure viene richiesto di aprire un&#8217;app come Skype.<\/p>\n<figure id=\"attachment_131380\" aria-describedby=\"caption-attachment-131380\" style=\"width: 907px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131380\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-tel-link-opens-in-Skype-or-other-phone-apps.jpg\" alt=\"Finestra del browser che chiede all'utente di aprire un'applicazione del telefono.\" width=\"907\" height=\"272\"><figcaption id=\"caption-attachment-131380\" class=\"wp-caption-text\">Il link tel: apre Skype o altre applicazioni del telefono per effettuare chiamate<\/figcaption><\/figure>\n<h3><strong>Come creare un link SMS cliccabile<\/strong><\/h3>\n<p>I link SMS cliccabili funzionano come i link telefonici, ma scelgono di aprire automaticamente le app di messaggistica invece di quelle di chiamata.<\/p>\n<p>Per aggiungere un link SMS, usate <em>sms:555-555-5555<\/em> invece di un URL.<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"sms:555-555-5555\"<\/span>&gt;Click To Text&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<p>Note:<\/p>\n<ol>\n<li>Sostituite &#8220;555-555-5555&#8221; con un numero di telefono diverso.<\/li>\n<li>Sostituite &#8220;Click To Text&#8221; con il testo che volete usare per il link.<\/li>\n<\/ol>\n<p>Sia l\u2019Editor Classico che quello dei Blocchi di WordPress supportano i link via SMS quando inserite il valore <em>sms:555-555-5555<\/em> nel campo URL per i link.<\/p>\n<p>Come promesso, gli utenti visualizzano le app di messaggistica quando fanno clic su questo tipo di link.<\/p>\n<figure id=\"attachment_131382\" aria-describedby=\"caption-attachment-131382\" style=\"width: 928px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131382\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/An-sms-link-opens-in-the-most-relevant-messaging-app.jpg\" alt=\"Schermata di un browser che mostra la notifica per aprire il numero di telefono in un'applicazione SMS\" width=\"928\" height=\"252\"><figcaption id=\"caption-attachment-131382\" class=\"wp-caption-text\">Un link sms: si apre nell&#8217;app di messaggistica pi\u00f9 pertinente<\/figcaption><\/figure>\n<h3>Come creare un link email cliccabile<\/h3>\n<p>Quando vengono cliccati, i collegamenti ipertestuali per le email richiedono automaticamente al dispositivo dell&#8217;utente di aprire l&#8217;app di posta elettronica pi\u00f9 importante: comparir\u00e0 un nuovo messaggio email vuoto dove il campo destinatario \u00e8 precompilato con l\u2019indirizzo email che avete specificato.<\/p>\n<p>Per farlo, aggiungete il codice <em>mailto:<\/em>, seguito da un indirizzo email, al posto di un URL di destinazione:<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"mailto:mail@example.com\"<\/span>&gt;Click To Email&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<p>Note:<\/p>\n<ol>\n<li>Sostituite l&#8217;indirizzo email &#8220;mail@example.com&#8221; con l&#8217;indirizzo email di destinazione desiderato.<\/li>\n<li>Sostituite il testo &#8220;Click To Email&#8221; con il testo del link che volete aggiungere.<\/li>\n<\/ol>\n<p>Se usate gli editor WordPress classico o a blocchi, digitate il valore <em>mailto:mail@example.com<\/em> nel campo URL quando create un link.<\/p>\n<div class=\"mceTemp\"><strong><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131383 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-mailto-link-in-a-visual-WordPress-editor.jpg\" alt=\"Un link mailto: nell'editor visuale di WordPress\" width=\"908\" height=\"360\"><\/strong><\/div>\n<p>Dopo aver pubblicato il link, gli utenti che lo cliccano vengono reindirizzati alla loro app di posta elettronica e vedranno nel campo destinatario l&#8217;indirizzo email che avete specificato nel campo A:.<\/p>\n<figure id=\"attachment_131384\" aria-describedby=\"caption-attachment-131384\" style=\"width: 970px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131384\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/mailto-link.jpeg\" alt=\"Client di posta elettronica con l'indirizzo email aggiunto al campo A:\" width=\"970\" height=\"392\"><figcaption id=\"caption-attachment-131384\" class=\"wp-caption-text\">I link Mailto: aprono le applicazioni di posta elettronica con l&#8217;indirizzo email specificato<\/figcaption><\/figure>\n\n<h2><strong>Riepilogo<\/strong><\/h2>\n<p>L&#8217;aggiunta di link cliccabili (noti anche come collegamenti ipertestuali o semplicemente link) pu\u00f2 migliorare l&#8217;interattivit\u00e0 del vostro sito web, portare le persone a leggere i vostri contenuti e rimandare a informazioni importanti da altre parti di Internet. Per questo motivo, imparare a creare un link cliccabile \u00e8 una delle lezioni fondamentali per la progettazione e la creazione di siti web.<\/p>\n<p>Dopo aver letto questo articolo, dovreste essere in grado di riconoscere l&#8217;aspetto di un link cliccabile e sapere esattamente come crearne uno, sia che si tratti di aggiungere un link al testo o alle immagini. Inoltre, \u00e8 bene sapere che esistono vari metodi per rendere un link cliccabile, per esempio attraverso l&#8217;Editor Classico di WordPress, l&#8217;Editor dei Blocchi, l&#8217;HTML o qualsiasi altra interfaccia grafica disponibile.<\/p>\n<p>E, naturalmente, vi invitiamo a esplorare le opzioni di link cliccabili pi\u00f9 avanzate, come i link per i numeri di telefono, gli indirizzi email e quelli con tag nofollow.<\/p>\n<p>Se avete ancora dubbi su come rendere un link cliccabile, condividete le vostre domande e i vostri dubbi nei commenti qui sotto.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I link online pongono le basi per una semplice interattivit\u00e0 online, sia che si tratti di inviare gli utenti a pagine web, documenti scaricabili o altre &#8230;<\/p>\n","protected":false},"author":199,"featured_media":69242,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[25872,25982],"class_list":["post-69241","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-suggerimenti-wordpress","topic-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Come Rendere un Link Cliccabile - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Scopri come rendere un link cliccabile in varie situazioni, come nell&#039;Editor Classico di WordPress, nell&#039;Editor dei Blocchi e con link speciali.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come Rendere un Link Cliccabile\" \/>\n<meta property=\"og:description\" content=\"Scopri come rendere un link cliccabile in varie situazioni, come nell&#039;Editor Classico di WordPress, nell&#039;Editor dei Blocchi e con link speciali.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-30T11:45:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-31T07:20:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/how-to-make-a-link-clickable.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Scopri come rendere un link cliccabile in varie situazioni, come nell&#039;Editor Classico di WordPress, nell&#039;Editor dei Blocchi e con link speciali.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/how-to-make-a-link-clickable.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"38 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Come Rendere un Link Cliccabile\",\"datePublished\":\"2023-05-30T11:45:14+00:00\",\"dateModified\":\"2023-05-31T07:20:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/\"},\"wordCount\":5721,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/how-to-make-a-link-clickable.jpg\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/\",\"name\":\"Come Rendere un Link Cliccabile - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/how-to-make-a-link-clickable.jpg\",\"datePublished\":\"2023-05-30T11:45:14+00:00\",\"dateModified\":\"2023-05-31T07:20:13+00:00\",\"description\":\"Scopri come rendere un link cliccabile in varie situazioni, come nell'Editor Classico di WordPress, nell'Editor dei Blocchi e con link speciali.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/how-to-make-a-link-clickable.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/how-to-make-a-link-clickable.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Suggerimenti per WordPress\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/suggerimenti-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Come Rendere un Link Cliccabile\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Come Rendere un Link Cliccabile - Kinsta\u00ae","description":"Scopri come rendere un link cliccabile in varie situazioni, come nell'Editor Classico di WordPress, nell'Editor dei Blocchi e con link speciali.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/","og_locale":"it_IT","og_type":"article","og_title":"Come Rendere un Link Cliccabile","og_description":"Scopri come rendere un link cliccabile in varie situazioni, come nell'Editor Classico di WordPress, nell'Editor dei Blocchi e con link speciali.","og_url":"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2023-05-30T11:45:14+00:00","article_modified_time":"2023-05-31T07:20:13+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/how-to-make-a-link-clickable.jpg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Scopri come rendere un link cliccabile in varie situazioni, come nell'Editor Classico di WordPress, nell'Editor dei Blocchi e con link speciali.","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/how-to-make-a-link-clickable.jpg","twitter_creator":"@Kinsta_IT","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Jeremy Holcombe","Tempo di lettura stimato":"38 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Come Rendere un Link Cliccabile","datePublished":"2023-05-30T11:45:14+00:00","dateModified":"2023-05-31T07:20:13+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/"},"wordCount":5721,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/how-to-make-a-link-clickable.jpg","inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/","url":"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/","name":"Come Rendere un Link Cliccabile - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/how-to-make-a-link-clickable.jpg","datePublished":"2023-05-30T11:45:14+00:00","dateModified":"2023-05-31T07:20:13+00:00","description":"Scopri come rendere un link cliccabile in varie situazioni, come nell'Editor Classico di WordPress, nell'Editor dei Blocchi e con link speciali.","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/how-to-make-a-link-clickable.jpg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/how-to-make-a-link-clickable.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/come-rendere-link-cliccabile\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Suggerimenti per WordPress","item":"https:\/\/kinsta.com\/it\/argomenti\/suggerimenti-wordpress\/"},{"@type":"ListItem","position":3,"name":"Come Rendere un Link Cliccabile"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinsta.com\/it\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/69241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=69241"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/69241\/revisions"}],"predecessor-version":[{"id":69632,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/69241\/revisions\/69632"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/69241\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/69241\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/69241\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/69241\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/69241\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/69241\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/69241\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/69241\/translations\/es"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/69241\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/69242"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=69241"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=69241"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=69241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}