TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

Come aggiungere collegamenti ipertestuali in WordPress con attributi?

37

WordPress ha introdotto l’editor di blocchi Gutenberg con la versione 5.0. Ti consente di inserire rapidamente collegamenti ipertestuali simili alla precedente interfaccia dell’editor classico. Inoltre, puoi facilmente aggiungere attributi di collegamento come sponsorizzato e nofollow nell’editor di Gutenberg. In questo articolo spiegheremo come aggiungere collegamenti ipertestuali in WordPress con attributi.

Correlati: come inserire collegamenti ipertestuali in Weebly?

Aggiungi collegamenti ipertestuali in WordPress

Puoi aggiungere collegamenti a testo e immagini nell’editor utilizzando metodi diversi.

  • Copia incolla da Microsoft Word e altri editor di testo RTF
  • Inserisci link di testo
  • Aggiungi collegamenti alle immagini
  • Utilizzo dei collegamenti nei pulsanti
  • Inserimento di collegamenti nella tabella

Copia incolla da editor di testo

Molti di noi preparano contenuti in editor di testo RTF come Microsoft Word o Apple Pages. Questo è un modo semplice per preparare i contenuti offline e incollarli rapidamente nell’editor. Sia gli editor classici che quelli di Gutenberg manterranno la formattazione e manterranno intestazioni e collegamenti ipertestuali come li hai creati offline. Tuttavia, ha pochi problemi che le immagini vengano rimosse nell’editor classico e sostituite con segnaposto in Gutenberg. Inoltre, non puoi aggiungere attributi come nofollow ai link.

Inserisci link di testo in WordPress

Poiché l’editor classico si sta allontanando, spiegheremo l’inserimento di collegamenti con l’editor Gutenberg. Puoi inserire un collegamento su qualsiasi elemento di testo come Paragrafo e Intestazione. Quando sei nell’editor, fai clic sull’icona + e aggiungi un blocco "Paragrafo".

Come aggiungere collegamenti ipertestuali in WordPress con attributi?

Inserisci blocco paragrafo

In alternativa, puoi iniziare a digitare direttamente poiché il blocco di paragrafo è disponibile per impostazione predefinita nell’editor. Quando hai un testo all’interno del blocco paragrafo, seleziona il testo in cui desideri inserire un collegamento ipertestuale.

Come aggiungere collegamenti ipertestuali in WordPress con attributi?

Fare clic sull’icona del collegamento ipertestuale sulla barra degli strumenti del blocco in alto. Vedrai un suggerimento che ti chiederà di "Incolla URL o digita per cercare". È possibile inserire qualsiasi collegamento esterno nella casella di testo e premere il tasto Invio o l’icona della freccia.

Come aggiungere collegamenti ipertestuali in WordPress con attributi?

Tipo collegamento esterno

Questo aggiungerà un collegamento ipertestuale al testo selezionato nel tuo paragrafo. Se vuoi inserire il link dell’articolo già esistente sul tuo sito, digita la parola chiave nella casella di testo.

Come aggiungere collegamenti ipertestuali in WordPress con attributi?

Seleziona articolo esistente come collegamento

WordPress inizierà a fare la ricerca Ajax e mostrerà l’elenco dei post che si adattano alle tue parole chiave. Selezionare il collegamento e fare clic sull’icona di invio per inserire il collegamento di un articolo esistente.

Rimozione o modifica del collegamento ipertestuale

Quando si desidera rimuovere il collegamento, è sufficiente fare clic sul testo del collegamento ipertestuale. Questo evidenzierà l’icona del collegamento in un modo diverso, come spezzare la catena. Fare clic sull’icona per rimuovere il collegamento dal testo.

Come aggiungere collegamenti ipertestuali in WordPress con attributi?

Rimuovi o modifica collegamento

Puoi fare clic sull’icona della matita e seguire la stessa procedura sopra per modificare il collegamento ipertestuale.

Offerta SEO: ottimizza il tuo sito con la speciale prova gratuita di 14 giorni di Semrush Pro.

Aggiunta di attributi ai collegamenti ipertestuali

È una buona idea aggiungere l’attributo "rel=" per indicare il tipo di collegamento a fini SEO. Ad esempio, secondo le linee guida di Google è necessario identificare i link come "rel=sponsored" se si pubblica un link sponsorizzato. Fare clic sull’icona a forma di freccia verso il basso nel popup del collegamento per visualizzare le opzioni degli attributi.

Come aggiungere collegamenti ipertestuali in WordPress con attributi?

Aggiungi attributi ai collegamenti di testo

  • Apri in una nuova scheda: abilita questa opzione per aprire il collegamento in una nuova finestra. Questo aggiungerà l’attributo "target=_blank" al tag di collegamento.
  • Nofollow: utilizzalo per rendere il collegamento nofollow in modo che i motori di ricerca ignorino il collegamento. Questo aggiungerà l’attributo "rel="nofollow" al tag di collegamento.
  • Sponsorizzato: utilizzalo quando inserisci link a pagamento dai tuoi sponsor. Questo aggiungerà l’attributo "rel=sponsored" al tag di collegamento.

Puoi fare clic sul pulsante delle impostazioni dei tre punti e selezionare "Modifica come HTML" per vedere il codice di backend.

Come aggiungere collegamenti ipertestuali in WordPress con attributi?

Modifica come HTML per vedere il codice

Il codice sarà simile a quello riportato di seguito. Come puoi vedere, WordPress aggiungerà automaticamente altri due attributi.

Come aggiungere collegamenti ipertestuali in WordPress con attributi?

Codice sorgente dei collegamenti ipertestuali in WordPress

  • Aria-label="(apri in una nuova scheda)" – questo è per uno screen reader per indicare che il collegamento verrà aperto in una nuova scheda. WordPress lo aggiungerà per scopi di accessibilità quando scegli l’opzione "Apri in una nuova scheda".
  • Rel="noreferrer noopener” – WordPress aggiungerà automaticamente questi attributi quando scegli di aprire in una nuova finestra. È per motivi di sicurezza disabilitare il monitoraggio del collegamento quando si apre un collegamento in una nuova finestra o scheda del browser.

Puoi tornare alla modalità visiva facendo nuovamente clic sulle impostazioni dei tre punti e scegli "Modifica visivamente".

Nota, puoi aggiungere collegamenti all’elemento di testo all’interno del paragrafo, dell’intestazione o del blocco elenco.

Aggiunta di collegamenti ipertestuali nelle immagini

Ora che sai come inserire link nel testo, WordPress ti consente di inserire link anche nelle immagini. Per prima cosa inserisci un’immagine nel tuo post usando il blocco "Immagine". Fare clic sull’immagine e poi sull’icona del collegamento.

Come aggiungere collegamenti ipertestuali in WordPress con attributi?

Aggiungi link all’immagine in WordPress

Hai tutte le opzioni simili all’inserimento di link di testo.

  • Incolla il link esterno nella casella e premi invio.
  • Digita una parola chiave per la ricerca e inserisci un collegamento interno esistente sul tuo sito.
  • Selezionare l’opzione "File multimediale" per inserire il collegamento al file immagine.
  • Selezionare l’opzione "Pagina allegato" per inserire il collegamento della pagina dell’allegato dell’immagine all’immagine.

Dopo aver aggiunto il collegamento ipertestuale a un’immagine, fare nuovamente clic sull’icona del collegamento e quindi sulla piccola freccia in giù. Ora puoi vedere attributi aggiuntivi per impostare il collegamento in modo che si apra in una nuova scheda e aggiungere attributi "rel". Puoi digitare nofollow sponsorizzato nella casella "Link Rel" per rendere il link nofollow e sponsorizzato.

Come aggiungere collegamenti ipertestuali in WordPress con attributi?

Aggiungi attributi di collegamento nell’immagine

Aggiungi collegamenti nel pulsante

Dopo aver aggiunto il blocco dei pulsanti alla tua pagina, fai clic sull’icona del collegamento. È possibile inserire collegamenti esterni o cercare interni simili a testo e immagine.

Come aggiungere collegamenti ipertestuali in WordPress con attributi?

Aggiungi collegamento nel pulsante

Il blocco dei pulsanti ha gli attributi nella barra laterale. Seleziona il pulsante e guarda sotto la sezione "Blocca" della barra laterale destra. Qui puoi impostare gli attributi da aprire in una nuova finestra o aggiungere attributi rel. Come puoi vedere, l’opzione "Apri in una nuova scheda" è disponibile sia sotto il blocco che nella barra laterale.

Impara WordPress: dai un’occhiata a oltre 400 tutorial gratuiti su WordPress.

Inserisci collegamenti nella tabella di Gutenberg

Simile agli elementi di testo e immagine, puoi anche inserire collegamenti al contenuto all’interno di un blocco tabella Gutenberg.

  • Link di testo: seleziona il testo e inserisci il link come spiegato sopra.
  • Collegamento immagine: fai clic sulla piccola freccia sulla barra degli strumenti e scegli "Immagine in linea". Questo aprirà la "Libreria multimediale" per selezionare e inserire l’immagine all’interno di una cella di tabella. Fare clic sull’immagine e quindi sull’icona del collegamento per aggiungere il collegamento ipertestuale.

Come aggiungere collegamenti ipertestuali in WordPress con attributi?

Inserisci collegamento nella tabella di Gutenberg

Scorciatoie da tastiera per inserire link

WordPress ti consente di inserire e rimuovere facilmente i collegamenti con le scorciatoie da tastiera.

scorciatoia Funzione
Comando + K Inserisci collegamento in Mac
Maiusc + Comando + K Rimuovi collegamento in Mac
Ctrl + K Inserisci collegamento nel PC Windows
Maiusc + Ctrl + K Rimuovi collegamento nel PC Windows

Nota: il tuo tema può influenzare le impostazioni del collegamento nell’editor Gutenberg. Ad esempio, vedrai il pulsante "Modifica" invece dell’icona a forma di matita e nessuna opzione per aggiungere attributi nofollow/sponsorizzati. Il modo migliore è controllare con il tema WordPress predefinito e contattare lo sviluppatore del tema se ti mancano delle opzioni. In ogni caso, puoi aggiungere attributi di collegamento nell’HTML di origine attivando la visualizzazione "Modifica come HTML" o andando su "Editor di codice".

Fonte di registrazione: www.webnots.com
Lascia una risposta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More