Come inserire collegamenti ipertestuali di ancoraggio WordPress in WordPress (3 tecniche)

Pubblicato: 2022-04-26

Molte delle decisioni di progettazione che prenderai in tutto il tuo sito Web fanno riferimento all'usabilità e all'esperienza del consumatore (UX). Cosa c'è di più, il contenuto del sito web – di norma, guardando attraverso le pagine web del tuo sito – ha un prezzo molto alto. Se sposi ognuno di questi, penserai spesso a mezzi per supportare l'UX delle tue informazioni. Gli anchor backlink di WordPress sono un punto fermo per l'UX dei tuoi contenuti.

Pensa ai collegamenti unidirezionali di ancoraggio come navigazione in linea per la stesura in questione. Puoi individuarli ovunque, ma le intestazioni sono un caso d'uso diffuso. Ciò consente a un lettore di saltare vicino a un post se lo desidera senza la necessità di perdersi. È una cosa UX di prim'ordine da considerare e una cosa che la maggior parte dei proprietari di siti Web dovrebbe immaginare.

Per dimostrarti quanto sia semplice usarli, questo articolo apparirà sui link di ancoraggio di WordPress. Prima di entrare nelle diverse tecniche puoi incorporarle, discutiamo di cosa sono e cosa possono fare per te.

Che cos'è una connessione di ancoraggio

In un senso tipico, una connessione di ancoraggio è un pezzo cliccabile di navigazione in linea. È distinto da un pezzo di contenuto e ti porterà a un livello successivo sulla pagina web. Li usiamo in WPKube per aiutarti a passare alle azioni distinte nei tutorial:

Un link di ancoraggio WordPress su un post WPKube.

Se fai semplicemente clic sull'URL, il sito salterà alla parte correlata da te specificata. È un'implementazione molto semplice che può avere effetti fantastici sull'usabilità del tuo sito web. Parleremo di alcune di queste circostanze in seguito.

Perché vorresti utilizzare Anchor Link unidirezionali in WordPress

Citiamo l'usabilità come una motivazione essenziale per l'utilizzo dei backlink di ancoraggio di WordPress, e questo è un valido motivo chiave per utilizzarli. D'altra parte, ci sono moltissimi scenari di utilizzo per aggiungerli al tuo sito web. Per esempio:

  • Se ti piace fornire ai tuoi lettori un enorme contenuto scritto di lunga durata (questo tipo di post di 3.000 termini), avrai spesso un sommario. Questo è un uso su misura per i collegamenti in entrata di ancoraggio.
  • Le ancore possono funzionare anche quando condividi i post dei segnalibri. Se conteni un'ancora all'interno dell'URL, un lettore rimbalzerà direttamente al palco che desideri che vedano.
  • Il tuo Look for Engine Optimization (Ottimizzazione per i motori di ricerca) può ottenere un miglioramento, principalmente perché in alcune condizioni, i motori di ricerca mostreranno quelle persone che ancorano i link unidirezionali di WordPress come voci diverse.

In poche parole, se vuoi che il tuo pubblico rimanga vicino al tuo sito e interagisca con i tuoi articoli, i link di ancoraggio in entrata di WordPress sono un'arma fondamentale nella lotta per il traffico. Per quanto riguarda come aggiungerli al tuo sito web, il numero futuro di sezioni ti mostrerà.

Come includere i backlink di ancoraggio in qualsiasi codice HTML

La base per includere i collegamenti ipertestuali di ancoraggio di WordPress è in HTML. In pratica, puoi usarli su qualsiasi sito Internet, non solo all'interno di WordPress. Ci sono due parti: l'ancora e il tag.

Innanzitutto, aumenterai il backlink di ancoraggio come faresti con qualsiasi altro collegamento ipertestuale, utilizzando i tag. Per la sola connessione, utilizzerai un "octothorpe" (altrimenti noto come segnale hash o pound) subito prima di esso:

Click on further more down the web page

Detto questo, se fai clic su questo, l'URL non andrà da nessuna parte. Per farlo andare da qualche parte, incorporerai lo stesso collegamento ipertestuale href come id più avanti negli articoli, senza la necessità dell'octothorpe:

La nostra rotta ancorata

Questo ricollegherà entrambi i tag insieme e costruirà la navigazione in linea che devi avere. Tieni presente che in questo articolo utilizziamo un tag di intestazione, ma può essere qualsiasi tag HTML. Puoi utilizzare tag di paragrafo, tag immagine o qualsiasi altro aspetto del tuo HTML se ciò porterà i clienti a dove dovranno essere.

Come aggiungere link di ancoraggio WordPress (3 metodi)

Ti mostreremo un caso serio a livello mondiale dei backlink di ancoraggio di WordPress in questo momento! Ecco di cosa ci occuperemo probabilmente nel prossimo numero di sezioni:

  • Puoi includere ancoraggi alle funzioni dell'Editor blocchi e ID stabiliti su altri componenti. Questo è probabile anche nell'editor classico.
  • I costruttori di siti come Elementor forniranno un modulo per consentirti di inserire collegamenti unidirezionali di ancoraggio WordPress al materiale.
  • Esistono plug-in che possono aumentare i collegamenti ipertestuali di ancoraggio automatizzati ai tuoi contenuti, il che può aiutarti a risparmiare tempo per la configurazione.

Inizialmente spento, parleremo del metodo guida. Anche se sembra difficile, l'applicazione dell'Editor blocchi lo rende molto semplice.

1. Utilizzare una tecnica guida per inserire collegamenti in entrata di ancoraggio all'editor blocchi

Per la maggior parte degli utenti finali, l'Editor blocchi offre tutte le cose necessarie per aumentare i collegamenti di ancoraggio in entrata di WordPress alle tue informazioni. Per iniziare, evidenzia una parte di testo a cui desideri aggiungere un collegamento a un sito Web, come faresti con un collegamento ipertestuale:

Scelta del testo sulla pagina da utilizzare come collegamento ipertestuale.

Quindi, trasformalo in un collegamento a un sito Web utilizzando la scelta applicabile e inserisci il tag di ancoraggio, preceduto da un octothorpe:

Aggiunta di un collegamento di ancoraggio al testo, utilizzando un ottothorpe.

Saprai se lo ottieni correttamente, perché vedrai la parola "Interno" accanto al backlink. Non appena lo conservi, vai alla sezione del tuo contenuto scritto a cui vorresti fissare l'ancora. Stiamo andando a usare un'intestazione.

Ti consigliamo di andare alla parte Blocco> Altamente sviluppato nella barra laterale della mano ideale e farla crescere. Lì vedrai la disciplina dell'ancora HTML :

Aggiunta di un ID al campo di ancoraggio HTML all'interno dell'Editor blocchi.

Qui, incorpora il testo del tuo URL di ancoraggio WordPress, senza l'octothorpe. Questo è tutto ciò che devi fare e, se controlli l'anteprima dal vivo, vedrai che il collegamento al sito Web di ancoraggio funziona.

Aggiungi collegamenti Anchor Back all'editor vintage

Il metodo per l'editor tipico è una sorta di ibrido tra la soluzione HTML totalmente manuale e quella dell'editor blocchi. Per prima cosa, inserirai il collegamento ipertestuale al tuo materiale solo nella pagina Visibile...

Aggiunta di un'ancora HTML al testo all'interno dell'editor classico.

...poi passerai all'editor di contenuti testuali e aggiungerai l'ancora al tuo fattore ideale:

Utilizzo dell'editor di testo per aggiungere un ID collegamento di ancoraggio.

Quando torni di nuovo all'editor Visibile, vedrai il backlink inserito, ma potrebbe non funzionare come previsto finché non visualizzi l'anteprima del tuo articolo.

2. Inserisci link Anchor Back Facendo uso di un plug-in Site Builder

La maggior parte dei plug-in per la creazione di pagine, come Elementor o Beaver Builder, offrono moduli per includere collegamenti ipertestuali di ancoraggio nel materiale dei contenuti. Questi possono essere versatili quanto l'HTML, principalmente perché possono andare ovunque altri moduli possono.

Ad esempio, in Elementor, utilizzerai l'elemento Menu Anchor:

Elemento di ancoraggio del menu di Elementor.

Per usarlo, trascinalo nella posizione selezionata. Ti consigliamo di arearlo prima di qualsiasi aspetto dell'intestazione, o almeno prima dell'area che dovrai ancorare.

Aggiunta di un ID all'ancora del menu all'interno di Elementor.

Nel momento in cui ti aiuti a salvare le tue variazioni, puoi esaminare l'URL di ancoraggio. I costruttori di siti unici utilizzano una varietà di approcci per inserire collegamenti ipertestuali di ancoraggio di WordPress e troverai anche diverse implementazioni sul front-end. Tuttavia, il concetto è l'esatto e otterrai anche i vantaggi finali esatti.

3. Usa un plug-in per incorporare collegamenti automatici di Anchor Back al tuo sito

Se vuoi inserire molte più prestazioni nella tua pagina web e aiutare i tuoi backlink di ancoraggio di WordPress a brillare, puoi utilizzare un plug-in Sommario (ToC). Ci sono un certo numero di accessibili, ma la maggior parte in realtà non ha valutazioni per le ultime versioni di WordPress o non ha mai aggiornamenti frequenti. Anche così, il plug-in SimpleTOC spunta tutti i contenitori appropriati:

Il plugin SimpleTOC.

Ovviamente, dovrai configurare e attivare il plug-in in modo regolare, quindi vai all'Editor blocchi. Successivamente, conserva i tuoi articoli, quindi cerca il blocco SimpleTOC:

Trovare il blocco SimpleTOC all'interno di WordPress.

Dopo averlo aggiunto alla tua pubblicazione, prenderà immediatamente i collegamenti per qualsiasi titolo nei tuoi articoli. Il ToC visualizzerà le intestazioni delle persone e non dovrai eseguire alcuna etichettatura della guida.

Generazione di un sommario da parte del plug-in SimpleTOC.

Anche così, se lo desideri, puoi limitare alcune intestazioni del tuo ToC. Se aumenti il ​​​​corso CSS simpletoc-concealed al settore delle classi CSS aggiuntive di un blocco di intestazione, questo lo nasconderà dal tuo ToC. Puoi imbatterti in questa disciplina nello stesso punto della disciplina di ancoraggio HTML: Nella barra laterale Blocco > Innovativa :

Il campo Classi CSS aggiuntive all'interno dell'Editor blocchi.

È un'implementazione molto semplice che potrebbe non avere l'esatto grado di flessibilità generale delle procedure del manuale, ma è veloce e ti consente di utilizzare i collegamenti ipertestuali di ancoraggio di WordPress in modo normale senza avere molta energia.

In sintesi

L'incontro dell'utente è fondamentale e, in questo tipo, vorrai pensare a tutti i metodi con cui puoi dedicare il loro tempo al problema del sito web. I link di ancoraggio in entrata di WordPress possono raggiungere questo obiettivo. Ti aiutano a creare la navigazione dei contenuti in linea e, in alternativa, questo aiuterà i tuoi acquirenti a scorrere fino al contenuto scritto di cui hanno bisogno senza fare storie o trattenere.

Questo post è apparso su alcune strategie per incorporare link di ancoraggio WordPress al tuo sito. Ecco un veloce riassunto:

  • Puoi incorporarli come parte dei tag HTML su qualsiasi sito Web, non solo su WordPress.
  • L'editor blocchi ti consente di incorporare le ancore esattamente nel modo in cui aumenteresti i collegamenti ipertestuali.
  • I costruttori di siti Web come Elementor normalmente hanno moduli mirati per consentirti di incorporare ancoraggi al tuo materiale.
  • Un plug-in come SimpleTOC può incorporare link di ancoraggio WordPress automatici al tuo materiale. In alcuni casi, un plug-in aggiornerà il suo sommario in modo che corrisponda ai titoli del tuo post.

Ritieni che i link di ancoraggio di WordPress diano benefici alla tua SEO e ai tuoi spettatori e, in caso contrario, cosa li aiuta a impegnarsi? Facci sapere nella parte delle risposte qui sotto!