{"id":1023,"date":"2019-10-05T18:53:33","date_gmt":"2019-10-05T18:53:33","guid":{"rendered":"http:\/\/kevinbk.com\/\/?p=1023"},"modified":"2022-02-17T09:40:27","modified_gmt":"2022-02-17T09:40:27","slug":"indice-ou-sumario-de-links-ancoras-em-seu-site","status":"publish","type":"post","link":"https:\/\/kevinbk.com\/it\/link-indice-o-riassunto-di-ancoraggio-sul-tuo-sito\/","title":{"rendered":"Indice o Riepilogo dei link di ancoraggio sul tuo sito"},"content":{"rendered":"

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:<\/p>\n\n\n\n

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. <\/p>\n\n\n\n

Che cos'\u00e8 un indice o un sommario? <\/h2>\n\n\n\n

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\u00f2 impedirgli di perdere molto tempo a leggere articoli di 2.000 parole o ad avere diversi argomenti in un unico post. <\/p>\n\n\n\n

Quando si tratta della parola in generale, index \u00e8 un elenco di parole che possono essere organizzate in ordine alfabetico, sistematico, cronologico, numerico o alfanumerico. <\/p>\n\n\n\n

Uno indice<\/em><\/strong> \u00e8 lo stesso di un indicatore, segno o sintomo, un fattore di riferimento che serve a confrontare, a spiegare una certa situazione o condizioni, indicando anche le rispettive pagine di un libro o un elenco di cose. <\/p>\n\n\n\n\n\n

riepilogo<\/em><\/strong> \u00e8 un elenco all'inizio dell'articolo, [monografia, libro, ecc.] con tutti i capitoli dell'opera. Il riassunto \u00e8 l'enumerazione delle principali divisioni, sezioni di altri documenti, nell'ordine in cui il soggetto riesce<\/em>, essendo quindi un riassunto rapido, semplice, sintetico e conciso.<\/p>\n\n\n\n

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. <\/p>\n\n\n\n

Il motivo principale per cui utilizzo entrambe le espressioni in questo articolo \u00e8 proprio per migliorare la posizione e il ranking su Google e raggiungere pi\u00f9 persone. In effetti, questo \u00e8 l'obiettivo dell'utilizzo del sommario e degli indici negli articoli. <\/p>\n\n\n\n

L'importanza dei collegamenti di ancoraggio e un sommario<\/h2>\n\n\n\n

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. <\/p>\n\n\n\n

I riepiloghi e gli indici sono molto importanti in un articolo o in un post. Questo perch\u00e9 i link di ancoraggio rendono pi\u00f9 facile il posizionamento del tuo articolo e consentono anche che appaia pi\u00f9 frequentemente in parole chiave alternative. <\/p>\n\n\n\n

\"\u00cdndice<\/figure><\/div>\n\n\n\n

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. <\/p>\n\n\n\n

Come dovrebbe essere un indice con link di ancoraggio? <\/h2>\n\n\n\n

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\u00f2 essere ordinato con un trattino [-] seguito dal tema che avr\u00e0 il collegamento di ancoraggio. <\/p>\n\n\n\n

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\u00f9 probabile che il testo venga trovato su Google. <\/p>\n\n\n\n

\"\u00cdndice<\/figure><\/div>\n\n\n\n

Le ancore sono collegamenti che iniziano con [#] che indicano che il percorso \u00e8 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. <\/p>\n\n\n\n

Bisogna ricordare che anche nel caso di un anchor [#example], \u00e8 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. <\/p>\n\n\n\n

Hai notato che nelle icone un anello \u00e8 sempre rappresentato da una catena? Gi\u00e0 l'ancora \u00e8 rappresentata letteralmente da un'ancora? In poche parole, l'ancora \u00e8 la fine della catena o la destinazione finale dell'anello che si stabilisce da qualche parte. <\/p>\n\n\n\n

Quali sono i problemi con la creazione di un indice nel tuo articolo?<\/h2>\n\n\n\n

Nonostante sia molto vantaggioso per la SEO e il posizionamento del tuo sito, un indice pu\u00f2 far passare il lettore direttamente alla parte desiderata, trascorrendo meno tempo sul tuo sito e visualizzando meno annunci. Pu\u00f2 influenzare o meno la frequenza di rimbalzo e il CPC.<\/p>\n\n\n\n

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\u00f9 di 800 parole e 3+ sottotitoli H2.<\/p>\n\n\n\n

\"\u00cdndice<\/figure><\/div>\n\n\n\n

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\u00e0 che Google lo consideri una cosa negativa. <\/p>\n\n\n\n

Come creare un sommario in HTML<\/h2>\n\n\n\n

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 \u00e8 diventato pi\u00f9 facile grazie al nuovo editore Gutenberg. <\/p>\n\n\n\n

Anche cos\u00ec, spiegher\u00f2 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). <\/p>\n\n\n\n

Innanzitutto nel sommario o nell'indice, il codice HTML sar\u00e0 simile al seguente: <\/p>\n\n\n\n

<strong>Riepilogo articolo<\/strong> \n<a href="\/it\/”\/#nome_da_ancora”">- titolo dell&#039;ancora<\/a>\n<a href="\/it\/”\/#nome_da_ancora2”">- Titolo dell&#039;ancora 2<\/a>\n<a href="\/it\/”\/#nome_da_ancora3”">- Titolo dell&#039;ancora 2<\/a><\/pre>\n\n\n\n

Il risultato nella visualizzazione HTML sar\u00e0 simile a questo: <\/p>\n\n\n\n

Questo è un riassunto realizzato in HTML. Tieni presente che utilizzi lo stesso tag di collegamento <a>, ma al posto del link aggiungi a href=1TP4Blabla<\/strong> dove l'hashtag [#<\/strong>] indica che il collegamento si trova sulla stessa pagina ed \u00e8 a ID<\/strong>.<\/p>\n\n\n\n

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 \u00e8 simile a questo:<\/p>\n\n\n\n

<h2 id="nome_da_ancora"> <\/pre>\n\n\n\n

Come fare riepiloghi per WordPress senza plug-in <\/h2>\n\n\n\n

o ID<\/strong> 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.<\/p>\n\n\n\n

Ora che sai come funziona il sommario, ti suggerisco di fare qualcosa di meglio nel nuovo editor di Gutenberg. Una volta che hai scritto tutti gli articoli con tutte le intestazioni H2, puoi semplicemente cliccare sul pulsante delle informazioni e copiare tutto il riepilogo che appare l\u00ec sotto il Panoramica del documento<\/strong>.<\/p>\n\n\n\n

Questo riepilogo conterr\u00e0 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 [-].<\/p>\n\n\n\n

\"\u00cdndice<\/figure><\/div>\n\n\n\n

Basta modificare i collegamenti nel riepilogo e posizionare i tuoi hashtag personalizzati, finch\u00e9 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.<\/p>\n\n\n\n

Nelle opzioni di blocco di H2 e di altre intestazioni, puoi trovare la scheda Avanzate<\/strong> l'opzione Ancora HTML<\/strong>. Basta inserire l'ID che hai aggiunto nel sommario in questo campo, senza utilizzare il hashtag<\/strong> [#]. WordPress lo aggiunger\u00e0 automaticamente senza dover modificare l'HTML.<\/p>\n\n\n\n

Sommario \u2013 Plugin per creare sommario in WordPress<\/h2>\n\n\n\n

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\u00f9 pulito. Purtroppo ho finito per cambiare idea e per evitare sprechi di tempo e lavoro ho finito per attenermi a un plugin. <\/p>\n\n\n\n

Attualmente uso il plugin LuckyWP Sommario<\/strong> e lo configuro in modo da lasciare il link di ancoraggio minuscolo, senza accentuazione e uguale alle intestazioni H2 e H3. Non ho molto da dire sul plugin, se ne stavo cercando uno, questo \u00e8 il migliore. <\/p>\n\n\n\n

Ancoraggi nel sommario gigante usando l'editor di testo<\/h2>\n\n\n\n

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.<\/p>\n\n\n\n

Poich\u00e9 ho MacOS, utilizzo l'editor di testo CODA 2. \u00c8 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.<\/p>\n\n\n\n

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 [].<\/p>\n\n\n\n

<a href=\u201d#[1<\/strong>]\u201d>- [2<\/strong>]<\/a>[3<\/strong>]<h2><\/pre>\n\n\n\n

La prima variabile individuer\u00e0 e memorizzer\u00e0 l'ID del riepilogo. La seconda variabile eguaglier\u00e0 il resto della riga all'interno del sommario, la terza variabile porter\u00e0 il resto dell'articolo all'intestazione che non \u00e8 stata ancora aggiunta a ID<\/strong>. Sostituirlo con:<\/p>\n\n\n\n

<a lol href=\u201d#[1<\/strong>]\u201d>- [2<\/strong>]<\/a>[3<\/strong>]<h2 id="[1]"><\/pre>\n\n\n\n
\"\u00cdndice<\/figure><\/div>\n\n\n\n

A volte il tuo localizzatore pu\u00f2 entrare in conflitto con uno spazio o un simbolo, ma di solito lo sostituir\u00e0 solo una volta. Devi fare clic su sostituisci pi\u00f9 volte per farlo con tutte le intestazioni degli articoli.<\/p>\n\n\n\n

\u00c8 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\u00e0 le variabili sbagliate ogni volta che sostituisci.<\/p>\n\n\n\n

Il sostituto prender\u00e0 le informazioni dal primo sommario. o lol<\/strong> nel testo per evitare che il sostituto ripeta il processo sulla stessa riga dell'elenco (non dimenticare di eliminarlo in seguito). Ripetendo il processo salter\u00e0 il

<\/strong> con ID e va direttamente all'intestazione corretta.<\/p>\n\n\n\n

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.<\/p>\n\n\n\n

Ho fatto anche una video lezione molto lunga di cui parlavo come scrivo i miei articoli<\/a>. Puoi guardarlo qui sotto:<\/p>\n\n\n\n