Responsive design e semantica
Un layout responsive garantisce che il sito si adatti a qualsiasi schermo. L’uso corretto di <header>, <nav>, <main> e <footer> aiuta i motori di ricerca a comprendere la struttura della pagina.
Per il mobile, è fondamentale ridurre al minimo le richieste HTTP. Consolidare CSS e JavaScript in file minificati, utilizzare font web ottimizzati e evitare script blocking sono passi chiave.
Contenuto mobile-friendly
- Paragrafi brevi con spaziatura adeguata per la lettura su schermi piccoli.
- Immagini con dimensioni dinamiche tramite attributo
srcset. - Link e pulsanti di dimensioni sufficienti (≥48 px) per l’interazione touch.