{"id":17211,"date":"2023-10-26T16:07:58","date_gmt":"2023-10-26T14:07:58","guid":{"rendered":"https:\/\/xlogic.org\/blog\/?p=17211"},"modified":"2023-12-28T14:36:40","modified_gmt":"2023-12-28T13:36:40","slug":"ottimizzare-html-seo","status":"publish","type":"post","link":"https:\/\/xlogic.org\/blog\/ottimizzare-html-seo.html\/","title":{"rendered":"Come ottimizzare il codice HTML per la SEO"},"content":{"rendered":"

Al giorno d’oggi non basta avere un sito web esteticamente bello per potersi posizionare tra le prime posizioni dei motori di ricerca, ma \u00e8 necessario partire dalla struttura del sito ed effettuare un’accurata ottimizzazione SEO.<\/p>\n

La maggior parte delle tecniche di miglioramento delle risorse che utilizziamo quotidianamente per scalare le posizioni su Google, non fanno altro che sfruttare le basi del codice HTML.<\/p>\n

Di seguito vi forniamo le principali regole SEO per HTML da seguire che vi permetteranno di migliorare il codice sorgente delle pagine web e di conseguenza il ranking su Google e sugli altri motori di ricerca.<\/p>\n

Come ottimizzare il codice HTML per la SEO<\/strong><\/h1>\n\n\n\n
I principali Tag HTML per la SEO<\/strong><\/p>\n

Rel Nofollow
\nTag title
\nMeta description
\nHeading
\nRel canonical
\nTag Noindex
\nA href
\nTag alt<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Rel Nofollow<\/strong><\/h3>\n

L’attributo rel=\u201dnofollow\u201d permette ad un link di non essere seguito dai motori di ricerca, in questo modo Google non dar\u00e0 valore al collegamento che hai inserito pur mantenendo inalterata l’esperienza dell’utente sulla pagina web (UX).<\/p>\n

Quando dovresti utilizzare rel=”nofollow”? E’ di fondamentale importanza inserire questo attributo su tutti quei collegamenti esterni che potrebbero essere poco affidabili con la conseguenza che il tuo sito web verrebbe penalizzato da Google.<\/p>\n

A partire dalla versione 4.7.4 di WordPress, \u00e8 stato aggiunto di default l’attributo rel=”noopener” accanto al tag target=”blank”; questo attributo \u00e8 stato introdotto per aumentare la sicurezza del sito web in quanto ha lo scopo principale di impedire ai link malevoli di assumere il controllo su una scheda aperta. Per maggiori informazioni puoi leggere il seguente articolo: Che cos’\u00e8 il rel=”noopener” e come rimuoverlo<\/strong><\/a><\/p>\n

 <\/p>\n

Tag title<\/strong><\/h3>\n

Uno tra gli elementi fondamentali da compilare per la SEO \u00e8 il tag title che ha la funzione di comunicare a Google il titolo principale di quella determinata pagina \/ articolo.<\/p>\n

Per creare un buon titolo consigliamo di non inserire pi\u00f9 volte la stessa parola chiave e quindi di evitare di ripetere il testo, inoltre consigliamo di inserire al massimo 65 caratteri.<\/p>\n

 <\/p>\n

Meta description<\/strong><\/h3>\n

Subito dopo il titolo \u00e8 importante compilare anche l’attributo Meta Description che ha l’obiettivo di riassumere il contenuto presente all’interno di quella determinata pagina web.<\/p>\n

La Meta Deacription in termini di ranking non ha alcun valore ma permette di ottimizzare il click-through rate, nonch\u00e9 la percentuale di visite ricevute in relazione alle impressioni (che possono essere monitorate con Google Search Console).<\/p>\n

Consigliamo anche in questo caso di non ripetere pi\u00f9 volte la parola chiave e di non superare i 150 caratteri.<\/p>\n

 <\/p>\n

PS. Sia il titolo che la descrizione possono essere inseriti facilmente utilizzando il plugin WordPress Yoast SEO<\/strong><\/a><\/p>\n

 <\/p>\n

Heading<\/strong><\/h3>\n

All’interno di un contenuto di una pagina o di un articolo \u00e8 importante utilizzare i tag Heading che servono a classificare in ordine di importanza i titoli presenti all’interno, consentendo cosi di creare una struttura logica e gerarchica.<\/p>\n

In che modo devono essere inseriti e gestiti?<\/p>\n