SEO per dispositivi mobili (per altri dispositivi)

Tablet

Quando si tratta di configurare un sito web per gli utenti di dispositivi mobili, si pensa in genere ai visitatori che utilizzano tablet per accedere al sito. Anche se non abbiamo consigli specifici per lo sviluppo di siti web ottimizzati per i tablet e conformi alle indicazioni per i motori di ricerca, esistono alcuni suggerimenti per la creazione di siti web che sono validi per utenti di computer desktop, smartphone e tablet.

Responsive Web Design

Il nostro consiglio è utilizzare il responsive web design. In questo modo il tuo sito web pubblica lo stesso codice HTML per tutti i dispositivi, insieme a regole di stile CSS diverse che consentono di ottimizzare l'interfaccia del sito su computer desktop, smartphone e tablet.

Se il tuo sito web utilizza il responsive web design, provalo su vari tablet per assicurarti che il rendering venga eseguito correttamente. Proprio come per gli smartphone, infatti, esistono svariati formati e diverse risoluzioni dello schermo per i tablet.

Contenuti specifici del dispositivo

Un sito web può restituire pagine differenti (HTML, CSS, JavaScript e così via) in base al dispositivo. Tali pagine possono essere pubblicate sullo stesso URL (una configurazione chiamata pubblicazione dinamica) o su URL dedicati distinti.

Se il tuo sito web mostra pagine differenti agli utenti di computer desktop e smartphone e non mostra pagine specifiche per i tablet, basandoci sulla nostra esperienza possiamo dire che gli utenti di tablet solitamente si aspettano di vedere il tuo sito per desktop anziché le pagine del tuo sito specifiche per gli smartphone.

Se il tuo sito web è ottimizzato per i tablet, queste linee guida possono aiutarti a configurarlo:

  • Pubblicazione dinamica. In questo caso gli stessi URL servono gli utenti di computer desktop, smartphone e tablet pubblicando diversi file HTML (e CSS) a seconda dello user-agent. Come descritto nei nostri consigli sui siti web per smartphone, consigliamo vivamente di utilizzare l'intestazione HTTP Vary.
  • URL separati dedicati per tablet. In questo caso, ti consigliamo vivamente di consentire a Googlebot di eseguire la scansione degli URL per tablet e di utilizzare rel="canonical" in ogni URL per tablet allo scopo di indirizzare gli utenti all'URL desktop equivalente.

Feature phone

Il nostro consiglio per i siti destinati agli utenti di smartphone è di utilizzare ove possibile il responsive web design. Tuttavia, poiché i feature phone non dispongono della funzionalità che consente di seguire le query multimediali CSS, i webmaster che desiderano supportare i feature phone devono configurare i loro siti in modo da utilizzare la pubblicazione dinamica o URL separati per pubblicare contenuti per feature phone.

Consigliamo anche di includere il tag <link rel="alternate" media="handheld"> nelle pagine che intendono supportare i feature phone, come descritto di seguito.

In questa sezione viene spiegato come implementare ognuna di queste configurazioni.

Pubblicazione dinamica

Per configurare il tuo server in modo da pubblicare dinamicamente contenuti ottimizzati per i feature phone in corrispondenza dello stesso URL destinato ad altri dispositivi, puoi utilizzare la stessa implementazione valida per la pubblicazione di contenuti per gli smartphone. Il server dovrebbe includere l'intestazione della risposta HTTP "Vary: User-Agent" ed è inoltre necessario prestare attenzione alle insidie comuni che si presentano durante il rilevamento degli user-agent. Inserisci inoltre il seguente tag sulla tua pagina:

<link rel="alternate" media="handheld" href="[current page URL]" />

URL separati

I webmaster hanno a disposizione tre configurazioni supportate per pubblicare contenuti destinati a utenti di computer desktop, smartphone e feature phone in corrispondenza di URL diversi. Per queste configurazioni vengono utilizzate le annotazioni descritte in precedenza per la realizzazione di siti ottimizzati per feature phone e smartphone.

Configurazione di URL dedicati

In questa configurazione, le impostazioni dovrebbero corrispondere alle seguenti:

  • http://www.example.com/page-1 per gli utenti di computer desktop
  • http://m.example.com/page-1 per gli utenti di smartphone
  • http://phone.example.com/page-1 per gli utenti di feature phone

Per questa configurazione è consigliabile aggiungere le seguenti annotazioni per consentire ai nostri algoritmi di comprendere la relazione tra pagine equivalenti destinate a dispositivi diversi:

Per www.example.com/page-1 aggiungi:

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" />
<link rel="alternate" media="handheld" href="http://phone.example.com/page-1" />

Per m.example.com/page-1 aggiungi:

<link rel="canonical" href="http://www.example.com/page-1" />

Per phone.example.com/page-1 aggiungi:

<link rel="canonical" href="http://www.example.com/page-1" />

Configurazione di URL per computer desktop e per tutti i dispositivi mobili

Con questa configurazione, su un sito web vengono pubblicati contenuti per dispositivi desktop in corrispondenza di un URL e contenuti per tutti i dispositivi mobili, vale a dire sia smartphone sia feature phone, in corrispondenza di un URL separato. Ad esempio:

  • http://www.example.com/page-1 per gli utenti di computer desktop
  • http://m.example.com/page-1 per gli utenti di smartphone e feature phone

In questo caso, l'annotazione su http://www.example.com/page-1 sarebbe:

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" />
<link rel="alternate" media="handheld" href="http://m.example.com/page-1" />

Per la pagina m.example.com, includi quanto segue:

<link rel="canonical" href="http://www.example.com/page-1" />

Questo tag rel="canonical" deve essere incluso a prescindere dal fatto che si tratti di pagine per feature phone o per smartphone.

Il server dovrebbe includere l'intestazione HTTP Vary: User-Agent nella sua risposta. In questo modo viene inviato un segnale a Googlebot e alle cache di Internet in cui si specifica che la risposta del server può variare a seconda dello user-agent. Questo segnale serve a Googlebot per eseguire la scansione.

Configurazione di URL separati per feature phone

Con questa configurazione, su un sito web vengono pubblicati contenuti per computer desktop e smartphone in corrispondenza di un URL utilizzando il responsive web design o la pubblicazione dinamica e contenuti per feature phone su un URL separato. Ad esempio:

  • http://www.example.com/page-1 per utenti di computer desktop e smartphone
  • http://m.example.com/page-1 per gli utenti di feature phone

In questo caso, l'annotazione su http://www.example.com/page-1 sarebbe:

<link rel="alternate" media="handheld" href="http://m.example.com/page-1" />

Su http://m.example.com/page-1 sarebbe:

<link rel="canonical" href="http://www.example.com/page-1" />

Reindirizzamenti e intestazione HTTP Vary

Tieni presente che se il tuo sito reindirizza automaticamente gli utenti di dispositivi mobili che visitano il sito desktop al sito per dispositivi mobili o viceversa, devi assicurarti di configurare il tuo server in modo da includere l'intestazione HTTP Vary.

Sitemap

Il nostro consiglio di utilizzare Sitemap per feature phone e Sitemap per gli URL alternativi destinati agli smartphone rimane sempre valido.

Invia feedback per...