SEO per dispositivi mobili (per altri dispositivi)

Tablet

Quando si pensa a come configurare un sito web per gli utenti di dispositivi mobili, solitamente si dà per scontato che verrà visualizzato su un tablet. 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, qui di seguito puoi trovare alcuni suggerimenti validi per gli utenti di computer desktop, smartphone e tablet.

Responsive web design

Il nostro consiglio è di 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 gli smartphone, infatti, i tablet possono avere schermi di svariati formati e diverse risoluzioni.

Contenuti specifici per 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 sito specifiche per 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 distinti 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 supporti CSS, i webmaster che vogliono supportare i feature phone devono configurare i propri siti affinché usino la pubblicazione dinamica o URL distinti per pubblicare contenuti per feature phone.

Consigliamo anche di includere il tag <link rel="alternate" media="handheld"> nelle pagine che dovrebbero 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 distinti

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

Configurazione di URL dedicati

In questa configurazione, le impostazioni dovrebbero corrispondere alle seguenti:

  • http://www.example.com/page-1 per le richieste per desktop
  • http://m.example.com/page-1 per gli utenti di smartphone
  • http://phone.example.com/page-1 gestisce 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:

A 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" />
    

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

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

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

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

Configurazione di URL per desktop e per tutti i dispositivi mobili

Con questa configurazione, sul 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 distinto. Ad esempio:

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

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

<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" />
    

Nella pagina m.example.com, includi il seguente tag:

<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 deve includere l'intestazione HTTP Vary: User-Agent nella 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. Googlebot utilizza questo segnale per eseguire la scansione.

Configurazione di URL distinti per feature phone

Con questa configurazione, sul 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 distinto. Ad esempio:

  • http://www.example.com/page-1 per gli utenti di 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 è il seguente tag:

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

L'annotazione su http://m.example.com/page-1 è il seguente tag:

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

Reindirizzamenti e intestazione HTTP Vary

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.