Semplici passaggi rendono il sito web mobile friendly (design reattivo)?
Ho finalmente creato il mio sito: steakovercooked.com mobile user friendly e quindi tutte le pagine web di tutti i miei 6 domini finora sono qualificati per user-mobile friendly.
Il mobile user friendly ora è un fattore di ranking, ad esempio i motori di ricerca di Google tendono a promuovere i siti che superano il test mobile user-friendly.
mobile friendly
Ecco i passaggi per rendere mobile user friendly, noto anche con il Responsive CSS Design.
Pulisci i CSS in linea nei tag HTML
I CSS in linea nei tag HTML sono cattivi, poiché mescolano la presentazione e l’HTML, ad esempio,
Lo stile è definito direttamente nel tag div HTML, che non è possibile modificare utilizzando fogli di stile esterni.
Non utilizzare pixel di larghezza specificata/fissa
Se definisci qualcosa come ad esempio width:900px, è probabile che non sia mobile friendly. Puoi sostituirlo con una percentuale, ad esempio 30%. È meno probabile che i pixel più piccoli siano un problema, ad esempio le icone vanno bene in risoluzioni di schermi piccoli. Immagina, la larghezza dello schermo più piccola è di 300 pixel (circa), quindi non vuoi che nessuno dei tuoi elementi HTML sia più largo di quello.
Inserisci quanto segue all’interno del tag head
Immagini/tabelle sono i peggiori
Le tabelle sono peggiori per il design reattivo, quindi potrebbe essere necessario sostituirle con semplici elementi div. Le immagini devono essere specificate con il seguente stile di larghezza massima, ad es
Questo è tutto, niente cose complesse! Tieni presente che una pagina mobile user friendly non è la stessa di AMP (Accelerated Mobile Pages).