Errori comuni nella semantica HTML4 / HTML5 e perché dovrebbero essere evitati - Profit Hunter

Un contenuto altrettanto strutturato rende la comunicazione con il sito più conveniente per il visitatore, quindi il markup semantico, a mio parere, rende la comunicazione con il sito più conveniente per il motore di ricerca.

No, non intendo che per il SEO sia una questione di vita o di morte - questo non è nemmeno vicino - ma se condividi la mia opinione e consideri che la corretta strutturazione delle informazioni integri il contenuto con il contesto e promuova l'indicizzazione e classifica - non prendere mai il tempo per controllare a fondo la semantica del tuo codice.

Un articolo di markup è stato recentemente pubblicato su springboardseo. com, che ho diligentemente e tradotto.

Errori semantici comuni

Abuso div

Div viene utilizzato per suddividere un modello in segmenti logici quando non è possibile applicare un tag semanticamente corretto. Prima di HTML5, non c'erano tag come. intestazione. e. piè di pagina. quindi, quando si utilizza DOCTYPEHTML4 o XHTML, non dimenticare di creare ID per le sezioni pertinenti, nonché per le barre laterali, le colonne principali e altre partizioni logiche del modello. Non dovresti mai perdere l'opportunità di pensare alla semantica.

Multiple H1

In XTML e versioni HTML precedenti di HTML (che, nel complesso, sono ancora le versioni più comuni di HTML), uno degli errori semantici più comuni era l'uso di più H1 su uno pagina. Il tag H1 viene utilizzato esclusivamente per il titolo della pagina principale e deve essere utilizzato solo una volta appena prima della parte del contenuto, simile a un articolo di giornale in cui possono essere presenti i sottotitoli, ma esiste sempre un solo titolo principale.

La specifica HTML5 aggiunge una nuova dimensione a questo problema: il fatto è che raccomanda dal punto di vista di HTML 4. 01 era un errore semantico, vale a dire l'uso di più di un H1. Intestazioni multiple sono abbastanza appropriate in HTML5, poiché le pagine in esso sono segmentate di più (e non diversamente), ma nelle versioni precedenti a HTML5 dovrebbe esserci solo un H1 sulla pagina.

Salti livelli di intestazione

Se H4 è presente nel tuo markup, è meglio sostituirlo con H3. Non perdere i livelli del titolo. Se vuoi che il carattere dei sottotitoli sia più piccolo, apri il foglio di stile e apporta le modifiche necessarie.

Modelli basati sulle tabelle

Abbiamo vissuto nel XXI secolo per più di dieci anni, quindi questo, in generale, potrebbe essere stato silenzioso. Tuttavia: nelle tabelle HTML sono previsti dati tabulari. Cioè: per le tabelle immagini - per favore. Per il modello di pagina - non ne vale la pena.

Il posizionamento dei CSS non è così difficile da padroneggiare come sembra a prima vista, soprattutto se è possibile rivolgersi a uno specialista esperto che può superare l'incompatibilità con i principali browser con due o tre correzioni eleganti.

La cosa principale che devi ricordare del posizionamento CSS è che è raggiungibile al 90% solo attraverso le proprietà float e margin. Per la maggior parte dei modelli, non è necessario ingombrare fogli di stile con proprietà di posizionamento eccessivamente dettagliate, quindi sarà difficile per te comprendere i tuoi stili in un secondo momento.

Elementi di blocco all'interno di elementi di linea

Per i principianti, la differenza tra elementi di linea e elementi di blocco spesso risulta essere fonte di notevole confusione.

Abuso BR

Se si inserisce un'interruzione di linea, o. br. Dopo ogni poche parole, è probabilmente necessario applicare l'elenco. Se inserisci molto. br. di fila, probabilmente è il momento di pensare ad aggiungere stili.

Ma in che modo il markup semantico influisce sul SEO?

Il principio delle "parole giuste nei punti giusti" non è sufficiente per aiutare i visitatori del sito a ottenere il massimo dai tuoi contenuti, né per una proficua interazione con algoritmi di ranking . Io, naturalmente, generalizzo, ma questo è esclusivamente per portare il mio pensiero a voi, vale a dire:

La struttura del testo è un concetto di percezione visiva che ha senso solo per le persone. I motori di ricerca ricevono stimoli contestuali dai significati semantici contenuti in titoli, sottotitoli, liste di definizioni e altri elementi HTML semanticamente ricchi.

Semantica, SEO e il futuro

Se non stai già scrivendo i tuoi codici HTML e CSS, dovresti fare attenzione a iniziare a farlo nel prossimo futuro. Perché? Con l'avvento del controverso sistema Schema. L'org, creata da tre giganti della ricerca, l'avvento del Web Semantico si sta spostando sempre più dall'area delle idee, dove è stata trovata per più di un decennio, nell'area della realtà.

Il Web semantico è un nuovo livello di influenza della semantica sulla ricerca, nonché su molti altri aspetti della vita della rete, e chi non tiene il passo con i cambiamenti rischia di trovarsi in una posizione estremamente poco invidiabile.

Ti piace articoli? Iscriviti alla newsletter!

Ricerca

articoli Correlati