Le basi della semantica
Semantica è una parola che colpisce la paura nel cuore di molti designer, ma non deve essere un argomento difficile o complicato. Riguarda un'espressione significativa, evitando il markup di presentazione e usando, ove possibile, tag appropriati e significativi.
Fondamentalmente, progettare e scrivere codice HTML in modo semantico è semplice come mantenere il tuo HTML interessato al contenuto della pagina e non al layout. Alcuni dei semplici passaggi seguenti ti aiuteranno a rimanere semanticamente piacevole per i motori di ricerca, i ragni e i visitatori
Esplora Envato Elements
Tag del titolo
Assicurati che il tag del titolo della pagina sia descrittivo e significativo. Assicurati che cambi per ogni pagina del tuo sito per riflettere il contenuto di quella pagina.
Titoli
È possibile definire le intestazioni della pagina con tag div e span, ma ciò non significa che si tratti di un'intestazione. Usare i tag da h1 a h6 per differenziare e dare uno stile ai titoli della tua pagina è molto meglio.
Tabelle e moduli
Per impostazione predefinita, tabelle e moduli non sono molto semantici e possono essere molto generici. Mancano anche accessibilità per coloro che utilizzano browser non standard. Per le tabelle, assicurati di utilizzare il tag thead per spiegare le colonne della tabella. Per i moduli, attenersi all'uso del tag label per descrivere a cosa servono gli input, le caselle di controllo ecc.
immagini
Sembra che venga ripetuto più e più volte, ma usiamo i tributi per tutte le tue immagini per assicurarci che siano descritte all'interno del contenuto della pagina, sia a beneficio dei motori di ricerca che degli utenti disabili.
Sembra semplice ... ma perché?
L'uso del codice semantico non renderà il tuo sito web diverso e non gioverà direttamente ai tuoi lettori in alcun modo. Un effetto diretto che potresti notare è che i motori di ricerca gestiscono il tuo sito Web in modo più corretto ed efficace.
Inoltre, la codifica semantica sta aprendo la strada al futuro. Nuovi dispositivi, software e applicazioni saranno disponibili nei prossimi 5, 10, 100 anni che ancora utilizzano i contenuti sul Web per alimentarli. La semantica stabilisce lo standard a cui i sistemi futuri aderiranno e interpreteranno, quindi prova tu stesso il futuro!
