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!

© Copyright 2024 | computer06.com