Tecniche di SEO mobile
Milioni di utenti in questi giorni accedono al Web utilizzando smartphone con Android, iOS o Windows. Pertanto, è diventato imperativo che i siti Web si adattino a questo ambiente in evoluzione e apportino modifiche adeguate al design del loro sito Web per attirare più spettatori.
La versione desktop di un sito potrebbe essere difficile da visualizzare e utilizzare su un dispositivo mobile. La versione che non è ottimizzata per i dispositivi mobili richiede all'utente di pizzicare o ingrandire per leggere il contenuto. Gli utenti trovano questa esperienza frustrante ed è probabile che abbandonino il sito. Al contrario, una versione ottimizzata per i dispositivi mobili è leggibile e immediatamente utilizzabile.
Un recente aggiornamento di Google rende obbligatorio che un sito web sia ottimizzato per i dispositivi mobili per essere efficace sui motori di ricerca per dispositivi mobili. Tieni presente che un sito Web che non è ottimizzato per i dispositivi mobili non avrà alcun impatto sui normali motori di ricerca.
In questo capitolo vedremo come rendere un sito web ottimizzato per i dispositivi mobili in modo da garantire ai visitatori che accedono al sito web da dispositivi mobili un'esperienza ottimizzata.
Cos'è il Mobile SEO?
L'ottimizzazione del motore di ricerca mobile è il processo di progettazione di un sito Web per renderlo adatto alla visualizzazione su dispositivi mobili di diverse dimensioni dello schermo con larghezza di banda ridotta. Oltre a seguire tutte le regole SEO applicabili a un sito Web desktop, dobbiamo prestare ulteriore attenzione durante la progettazione di un sito Web per dispositivi mobili. Un sito web è ottimizzato per i dispositivi mobili se ha i seguenti attributi:
Un buon sito web per dispositivi mobili ha un design reattivo che funziona bene sui desktop e sui dispositivi mobili. Non solo riduce la manutenzione del sito web, ma rende anche il contenuto coerente per i motori di ricerca.
I contenuti di un buon sito web per dispositivi mobili sono facili da leggere su un dispositivo mobile senza dover ingrandire lo schermo. Ha caratteri, colori e layout appropriati.
È facile navigare in un buon sito web per dispositivi mobili su un piccolo schermo. Fornisce collegamenti e pulsanti che possono essere facilmente manovrati con un dito.
Un buon sito web per dispositivi mobili è così leggero che richiede meno tempo e larghezza di banda per il caricamento sulle reti mobili.
La home page di un sito web per dispositivi mobili svolge il ruolo più importante nel collegare gli utenti al contenuto che stanno cercando. Pertanto, buoni siti Web per dispositivi mobili assicurano che i collegamenti più importanti siano visualizzati nella home page in modo che ottengano una visibilità sufficiente.
Il posizionamento di un sito web dipende in larga misura dalla sua facilità d'uso. Puoi seguire le linee guida fornite di seguito per progettare un ottimo sito web ottimizzato per i dispositivi mobili.
Ottimizza il tuo sito per dispositivi mobili
Se il tuo sito è già ottimizzato per i motori di ricerca, non dovrebbe essere troppo difficile ottimizzarlo per i dispositivi mobili. Innanzitutto, cerchiamo di capire cosa serve per passare ai dispositivi mobili. Possiamo classificare i passaggi in tre grandi categorie:
Step 1 - Seleziona una configurazione mobile
Step 2 - Informare i motori di ricerca
Step 3 - Evita errori comuni
Seleziona una configurazione mobile
Sono disponibili tre diverse configurazioni mobili tra cui scegliere:
Step 1 - Responsive Web Design
Step 2 - Servizio dinamico
Step 3 - URL separati
Ognuno ha i propri vantaggi e svantaggi. Google consiglia il responsive design, tuttavia supporta tutte e tre le configurazioni. La tabella seguente mostra come la configurazione mobile influisce sul tuo URL e sul codice HTML:
| Configurazione mobile | URL | HTML |
|---|---|---|
| Web design reattivo | Resta lo stesso | Resta lo stesso |
| Servizio dinamico | Resta lo stesso | HTML diversi |
| URL separati | URL diversi | HTML diversi |
Web design reattivo
Google consiglia il responsive web design perché è la configurazione mobile più semplice e molto facile da implementare. Serve lo stesso codice HTML sullo stesso URL, tuttavia regola la visualizzazione in base alle dimensioni dello schermo del dispositivo mobile.
Servizio dinamico
La pubblicazione dinamica è un tipo di configurazione mobile in cui l'URL del tuo sito web rimane invariato, ma offre contenuti HTML diversi quando vi si accede da un dispositivo mobile.
Quando i tuoi contenuti vengono offerti dinamicamente dal server, assicurati di informare Google che i contenuti di cui esegue la scansione potrebbero avere un aspetto diverso sui dispositivi mobili. Uno dei principali svantaggi di questo approccio è che dovrai eseguire un'elaborazione aggiuntiva sul tuo contenuto a livello di server prima di dividerlo per l'utente. Questo approccio carica inutilmente il tuo server e lo rallenta.
URL separati
Quando gestisci due URL diversi, uno per gli utenti di dispositivi mobili e un altro per gli utenti di computer desktop, assicurati di informare esplicitamente Google quando fornire quale versione. Google non consiglia URL separati perché è in grado di rilevare automaticamente che le tue pagine per dispositivi mobili sono diverse dalle tue pagine desktop.
Questo approccio non è pratico quando si dispone di un grande sito Web perché mantenere due versioni dello stesso sito Web richiederà il doppio dello sforzo e del denaro. Allo stesso tempo, non puoi evitare varie discrepanze nei tuoi contenuti mantenendo due versioni.
Dal punto di vista del SEO, ogni URL funziona separatamente. Quindi la tua classifica desktop non verrà mai aggiunta alla classifica mobile e saranno sempre considerate come siti web separati. Non consigliamo di mantenere URL diversi per le versioni mobile e desktop se desideri trarre vantaggio dalla SEO.
Informare i motori di ricerca
Assicurati che Google e altri motori di ricerca comprendano la tua configurazione mobile. Soprattutto, Google deve comprendere la tua pagina in modo da poter classificare correttamente il tuo sito web. Il modo in cui informi Google dipende dalla configurazione mobile (responsive web design, pubblicazione dinamica o URL separati) che hai scelto.
Nel caso in cui il tuo sito abbia un responsive design,Gli algoritmi di Google possono capirlo automaticamente senza che tu debba informare Google. Quando hai un design reattivo, assicurati di avere il seguente meta-tag nell'intestazione della tua pagina web:
<meta name="viewport" content="width=device-width, initial-scale=1.0">Il viewport decide come verrà visualizzata la tua pagina web su un dispositivo. Un sito con un design reattivo varia le sue dimensioni in base alle dimensioni dello schermo del dispositivo. Dichiara una visualizzazione in modo che la tua pagina web venga visualizzata correttamente su qualsiasi dispositivo.
Se il tuo sito web è dynamically served, assicurati di consentire a Google di rilevare la tua configurazione utilizzando l'intestazione HTTP Vary -
Vary: User-AgentIl VaryL'intestazione è importante per indicare ai motori di ricerca che contenuti diversi verranno offerti su desktop e dispositivi mobili. Questa intestazione è molto importante quando i tuoi contenuti sono serviti da qualsiasi sistema di cache come un fileContent Delivery Network e quei sistemi utilizzeranno questa intestazione durante la pubblicazione di contenuti su dispositivi diversi.
Nel caso tu mantenga separate URLs, per esempio, example.com e m.example.com, quindi puoi informare Google aggiungendo uno speciale link rel=alternate tag nella versione desktop e viceversa come segue.
Desktop page should have following in its header:
<link rel="alternate" media="only screen and (max-width: 640px)"
href="http://m.example.com" >
Mobile page should have following in its header:
<link rel="canonical" href="http://www.example.com" >Evita gli errori comuni
Per ottimizzare il tuo sito web per i dispositivi mobili, assicurati di evitare di commettere i seguenti errori:
Slow Mobile Pages- Le reti mobili sono più lente rispetto alle reti Internet cablate, quindi è importante prestare attenzione alla velocità di caricamento delle pagine mobili. È un fattore critico di ranking di Google. Usa uno strumento SEO mobile per scoprire la velocità della tua pagina mobile. Google fornisce una serie di buoni strumenti che puoi utilizzare. Sfoglia il seguente collegamento -https://www.google.com/webmasters/tools/mobile-friendly/
Don't Block CSS and JavaScript- Google consiglia di utilizzare CSS e Javascript in linea per siti Web ottimizzati per dispositivi mobili in modo che possano essere scaricati insieme al contenuto. Quindi, se non hai molto CSS, prova a regolarlo all'interno del tag stesso; ma se stai usando molti CSS in file separati, prova a includerlo in fondo, il che smetterà di bloccare il download degli altri contenuti. La stessa regola vale per Javascript, che può essere mantenuto all'interno della pagina stessa o incluso in fondo alla pagina. Se puoi evitare di includere il file nella parte superiore della pagina, usaasync attributo includendoli.
<script async type="text/javascript" src="jquery.js"></script>Mobile Redirects- Poiché le reti mobili sono normalmente lente, troppi reindirizzamenti possono ridurre la velocità della pagina. Se gestisci più URL, assicurati che tutti i tuoi link puntino alle pagine pertinenti. Se gestisci più URL e riconosci che un utente sta visitando una pagina desktop da un dispositivo mobile e disponi di una pagina mobile equivalente a un URL diverso, reindirizza l'utente a quell'URL invece di visualizzare un errore 404.
Heavy Images- Le immagini pesanti aumentano il tempo di caricamento, tuttavia non possiamo eliminarle completamente poiché sono utili ed efficaci. Pertanto dovresti mantenere un buon equilibrio tra testo e immagini pesanti. Usa un buon strumento per ottimizzare le tue immagini e salvarle a bassa risoluzione per evitare download pesanti.
Avoid plug-ins and pop-ups- Plug-in come Flash e Java potrebbero non essere disponibili sul dispositivo mobile dell'utente. Assicurati sempre di non avere contenuti non riproducibili sulla tua pagina mobile. Evita di utilizzare i popup sulle pagine mobili perché diventa piuttosto goffo chiudere questi popup su un dispositivo mobile.
Durante la creazione di una pagina per dispositivi mobili, tieni sempre presente che l'utente dispone di uno spazio limitato su cui lavorare. Quindi, devi essere il più conciso possibile durante la creazione di titoli, URL e meta-descrizioni, ovviamente senza compromettere l'essenza o la qualità delle informazioni.
Strumenti utili
Ecco un elenco di alcuni strumenti utili che puoi utilizzare per scoprire quanto il tuo sito sia ottimizzato per i dispositivi mobili:
Google Webmaster Tools - Utilizza gli strumenti e le tecniche di Google disponibili per capire cosa dovrebbe essere usato e cosa dovrebbe essere evitato durante la progettazione di siti web desktop e mobili.
Mobile Emulator - Ti consente di vedere come appare il tuo sito su un'ampia varietà di dispositivi mobili.
Moz Local - Usa questo strumento per assicurarti che il tuo SEO locale sia in ordine.
Responsive Web Design Testing Tool - Utilizza questo strumento per vedere come appare il tuo sito reattivo su una varietà di dispositivi mobili con schermi di dimensioni standard differenti.
Screaming Frog - Questo è uno strumento utile che ti consente di analizzare il tuo sito e ricontrollare tutti i reindirizzamenti.
User Agent Switcher - Questo è un componente aggiuntivo di Firefox che puoi utilizzare per scoprire come appare il tuo sito quando vi si accede da un altro agente utente.