In questo articolo spiegheremo l'importanza di avere un sommario o un indice in tutti i tuoi articoli e post sul tuo sito web. Spiegheremo anche come creare il tuo sommario in WordPress stesso o in HTML. Iniziamo con un riassunto:
Esattamente come riassumo i miei articoli in WordPress. Manualmente e senza plug-in, posso usare qualsiasi parola e ID voglio. Tutto questo negli articoli che voglio, senza appesantire WordPress con centinaia di plugin.
Che cos'è un indice o un sommario?
Nell'articolo o nel post, questi sono link di ancoraggio interni che reindirizzano il lettore direttamente a un sottotitolo (di solito H2) del tuo post. Questo può impedirgli di perdere molto tempo a leggere articoli di 2.000 parole o ad avere diversi argomenti in un unico post.
Quando si tratta della parola in generale, index è un elenco di parole che possono essere organizzate in ordine alfabetico, sistematico, cronologico, numerico o alfanumerico.
Un indice è lo stesso di indicatore, segnale o sintomo, un fattore di riferimento che serve per confrontare, spiegare una determinata situazione o condizioni, indicando anche le rispettive pagine di un libro o un elenco di cose.
Il sommario è un elenco che si trova all'inizio dell'articolo, [monografia, libro ecc.] con tutti i capitoli dell'opera. Il sommario è l'enumerazione delle principali divisioni, sezioni di un altro documento, nell'ordine in cui la materia si succede, risultando quindi un riassunto rapido, semplice, sintetico e conciso.
Traducendo, entrambi sono la stessa cosa, ma personalmente preferisco chiamarlo riassunto. Alcune persone probabilmente hanno cercato indici in WordPress, altri hanno cercato sommario e alcuni hanno persino cercato link di ancoraggio.
Il motivo principale per cui utilizzo entrambe le espressioni in questo articolo è proprio per migliorare la posizione e il ranking su Google e raggiungere più persone. In effetti, questo è l'obiettivo dell'utilizzo del sommario e degli indici negli articoli.
L'importanza dei collegamenti di ancoraggio e un sommario
I link di ancoraggio sono qualsiasi collegamento che ti indirizza a una sezione della tua pagina o anche a un'altra pagina del tuo sito. Sono di grande importanza e non dovrebbero essere ignorati in alcun modo se vuoi distinguerti dalla concorrenza.
I riepiloghi e gli indici sono molto importanti in un articolo o in un post. Questo perché i link di ancoraggio rendono più facile il posizionamento del tuo articolo e consentono anche che appaia più frequentemente in parole chiave alternative.
Quindi aggiungi sempre un sommario al tuo articolo per migliorare la SEO. Lo faccio manualmente, molti usano plugin, ma credo che manualmente mi permetta di personalizzare meglio gli ID dei link di ancoraggio.
Come dovrebbe essere un indice con link di ancoraggio?
Gli indici devono essere elencati in un blocco che si distingua, con un colore di sfondo diverso e con un titolo in grassetto (io uso il blocco Preformattato). L'elenco del sommario può essere ordinato con un trattino [-] seguito dal tema che avrà il collegamento di ancoraggio.
Puoi o meno elencare gli argomenti nel sommario con le stesse parole del sottotitolo. A volte preferisco variare un po' l'indice e il sottotitolo H2. Cerco di variarlo con parole diverse in modo che sia più probabile che il testo venga trovato su Google.
Le ancore sono collegamenti che iniziano con [#] che indicano che il percorso è all'interno della pagina stessa. Alcuni hanno l'abitudine di inserire collegamenti di ancoraggio casuali con numeri o parole che non hanno nulla a che fare con l'oggetto del sottotitolo.
Bisogna ricordare che anche nel caso di un anchor [#example], è importante che contenga parole chiave per posizionarsi meglio in google e altri motori di ricerca. Quindi non usare mai numeri o cose casuali nelle tue ancore.
Hai notato che nelle icone un anello è sempre rappresentato da una catena? Già l'ancora è rappresentata letteralmente da un'ancora? In poche parole, l'ancora è la fine della catena o la destinazione finale dell'anello che si stabilisce da qualche parte.
Quali sono i problemi con la creazione di un indice nel tuo articolo?
Nonostante sia molto vantaggioso per la SEO e il posizionamento del tuo sito, un indice può far passare il lettore direttamente alla parte desiderata, trascorrendo meno tempo sul tuo sito e visualizzando meno annunci. Può influenzare o meno la frequenza di rimbalzo e il CPC.
Anche gli indici di articoli e post con poche parole possono sembrare strani. Di solito uso indici con link di ancoraggio in articoli che contengono più di 800 parole e 3+ sottotitoli H2.
Se si esegue questa operazione manualmente, gli ID generati automaticamente non passano la stessa autorizzazione di un ID generato manualmente. Farlo manualmente ti consente di aggiungere ancoraggi personalizzati e riduce la possibilità che Google lo consideri una cosa negativa.
Come creare un sommario in HTML
Prima della nuova versione di WordPress con l'editor Gutenberg, dovevamo utilizzare manualmente il codice HTML per creare il sommario con i link di ancoraggio. In questi giorni questo è diventato più facile grazie al nuovo editore Gutenberg.
Anche così, spiegherò in dettaglio come funzionano i link di ancoraggio in HTML. Oltre al sommario, devi aggiungere manualmente l'[ID] dove ti porteranno i link di ancoraggio. Di solito questo ID viene inserito nelle intestazioni (H2, H3 e H4).
Innanzitutto nel sommario o nell'indice, il codice HTML sarà simile al seguente:
<strong>Riepilogo articolo</strong> <a href="/it/”/#nome_da_ancora”">- titolo dell'ancora</a> <a href="/it/”/#nome_da_ancora2”">- Titolo dell'ancora 2</a> <a href="/it/”/#nome_da_ancora3”">- Titolo dell'ancora 2</a>
Il risultato nella visualizzazione HTML sarà simile a questo:
Questo è un sommario fatto in HTML. Nota che utilizzi lo stesso tag per i link , ma invece del link aggiungi un href=#blabla dove l'hastag [#] indica che il link è nella stessa pagina e si tratta di un ID.
Una volta posizionato l'hashtag, devi aggiungere il percorso al sottotitolo H2 o in un altro posto in cui desideri che il riepilogo ti porti. L'output HTML di solito è simile a questo:
<h2 id="nome_da_ancora">
Come fare riepiloghi per WordPress senza plug-in
nessun hashtag necessario. Nell'editor di WordPress puoi aggiungere l'ID senza usare virgolette tra la parola chiave. Risolve questo problema automaticamente, credo che la maggior parte dei lettori e degli editor HTML possa capire usando le virgolette.
Ora, come sai come funziona il sommario, ti consiglio di fare qualcosa di meglio nel nuovo editor Gutenberg. Dopo aver scritto tutti gli articoli con tutti i titoli H2, puoi semplicemente cliccare sul pulsante informazioni e copiare tutto il sommario che appare lì sotto Panoramica del documento.
Questo riepilogo conterrà anche gli hashtag e gli ID interni dell'editor di Gutenberg. Puoi semplicemente copiare e incollare tutto in una casella WordPress preformattata con uno sfondo grigio, cancellare gli H2 forniti con l'incolla e finire aggiungendo un trattino [-].
Basta modificare i collegamenti nel riepilogo e posizionare i tuoi hashtag personalizzati, finché non assomiglia all'esempio che abbiamo lasciato sopra. Dopo averlo fatto, sfoglia l'articolo attraverso le intestazioni H2, selezionale e quindi vai alle opzioni di blocco.
Nelle opzioni dei blocchi H2 e altri intestazioni, puoi trovare nella scheda Avanzate l'opzione Ancora HTML. Basta inserire l'ID che hai aggiunto nel sommario in questo campo, senza usare la hashtag [#]. WordPress aggiungerà automaticamente senza la necessità di modificare l'HTML.
Sommario – Plugin per creare sommario in WordPress
In tutto l'articolo ho parlato di fare i riepiloghi manualmente e del mio grande rifiuto di utilizzare i plug-in per mantenere il collegamento ipertestuale più pulito. Purtroppo ho finito per cambiare idea e per evitare sprechi di tempo e lavoro ho finito per attenermi a un plugin.
Attualmente utilizzo il plugin LuckyWP Table of Contents e lo configuro in modo che il link ancora sia in minuscolo, senza accenti e uguale al titolo H2 e H3. Non ho molto da dire sul plugin, se stavi cercando uno, considero questo il migliore.
Ancoraggi nel sommario gigante usando l'editor di testo
Esistono editor di testo che dispongono di strumenti di sostituzione delle variabili che possono consentirti di aggiungere automaticamente hashtag e ID ai riepiloghi degli articoli di WordPress o ad altro testo HTML.
Poiché ho MacOS, utilizzo l'editor di testo CODA 2. È stato l'unico che ho trovato e mi consente di aggiungere facilmente gli ID alle intestazioni senza dover andare avanti e indietro dall'inizio e dalla fine dell'articolo. Credo che Dreamweaver abbia anche ottime opzioni per trovare e sostituire il testo.
Con un programma di editor di testo che supporta le variabili in trova e sostituisci, aggiungi quanto segue per trovare e sostituire. Le variabili saranno racchiuse tra [].
<a href=”#[1]”>- [2]</a>[3]<h2>
La prima variabile localizzerà e memorizzerà l'ID dell'indice. La seconda variabile uguaglierà il resto della riga all'interno dell'indice, la terza variabile porterà il resto dell'articolo fino all'intestazione a cui non è stata ancora aggiunta una ID. Sostituisci con:
<a lol href=”#[1]”>- [2]</a>[3]<h2 id="[1]">
A volte il tuo localizzatore può entrare in conflitto con uno spazio o un simbolo, ma di solito lo sostituirà solo una volta. Devi fare clic su sostituisci più volte per farlo con tutte le intestazioni degli articoli.
È importante farlo solo con articoli di intestazione di un tipo come
, inoltre non puoi aver aggiunto alcun tag tra le intestazioni H2 del codice articolo. Nel caso qualcosa non va, l'editor assegnerà le variabili sbagliate ogni volta che sostituisci.
La sostituzione prenderà le informazioni dal primo sommario. Lo lol nel testo serve per evitare che la sostituzione ripeta il processo nella stessa riga della lista (non dimenticare di eliminarlo dopo). Nella ripetizione del processo salterà lo con ID e andrà direttamente all'intestazione corretta.
Potrebbe sembrare un po' confuso, penso che tutto questo potrebbe essere spiegato meglio in video. Ad ogni modo, usa un po' la testa, velocizza il tuo lavoro e metti indici su tutti i tuoi articoli per distinguerti dalla concorrenza e migliorare il tuo SEO.
Ho anche fatto una lezione video molto lunga parlando di come scrivo i miei articoli. Puoi guardarla qui sotto: