Il design responsive migliora il posizionamento nei motori di ricerca
Molte ricerche su internet vengono effettuate da dispositivi mobile. Google e Bing stanno attuando una politica di retrocessione nella SERP per i siti che non sono mobile friendly quando si effettuano ricerche dai dispositivi mobile, per cui la realizzazione di siti web con un design responsive assime sempre più importanza
Google mette a disposizione un tool per verificare se una pagina è mobile friendly
Responsive web design
La progettazione dei siti responsive utilizza le Media Query di CSS3 per servire lo stesso contenuto agli utenti mobili e desktop utilizzando un design flessibile per adattarsi automaticamente alle dimensioni dello schermo di un utente. Le media query sono usate per indirizzare la disposizione degli oggetti in base alla larghezza dello schermo, l'orientamento e la risoluzione.
Vediamo un esempio:
<style>
@media screen and (max-width: 420px)
{
.nomeClasse
{
/*Stili per la classe mobile*/
}
}
@media screen and (max-width: 1100px)
{
.nomeClasse
{
/*Stili per la classe tablet*/
}
}
</style>E’ solo un esempio di come si possono utilizzare le media query, costruire un sito responsive è ovviamente più complesso, ma non è questo lo scopo di questa breve guida.
Site Speed
Un parametro di ranking dei titi web è anche la velocità di caricamento degli stessi, anche se non ha una grossissima rilevanza. In ogni caso un sito veloce, fa contento l’utente finale, quindi perché non farlo? Anche in questo caso google ci viene in aiuto con un tool per testare la velocità delle pagine che oltre ad effettuare un test di velocità delle pagine, da anche una serie di consigli su come ottimizzarle
