Tema scuro: la pagina non è ottimizzata per dispositivi mobili (da Google Search Console)

[neounix (Dark Matter)]

Per tua informazione, l’utilizzo del tema scuro non modificato (OOTB) come tema predefinito ha causato lamentele da parte di GSC:

La pagina non è ottimizzata per dispositivi mobili

Se cambiamo il tema predefinito, ad esempio in “Graceful”, GSE non si lamenta e Google segnala che la pagina è ottimizzata per dispositivi mobili.

È strano che, guardando la visualizzazione di Google (lo screenshot), Google stia segnalando la visualizzazione desktop come se fosse per dispositivi mobili.

È possibile risolvere questo problema, dato che preferiamo molto di più il tema scuro come predefinito:

[neounix (Dark Matter)]

OK. Ho risolto il problema in GSE aggiungendo un pizzico di CSS al tema “Dark”:

td.posters > a > img{
    margin:2px;
}

Non è una soluzione “perfetta”, ma almeno supererà i controlli di GSE (finché non verrà creata una soluzione migliore) e il temuto “Questa pagina non è ottimizzata per i dispositivi mobili” scomparirà dai risultati di ricerca di Google:

[neounix (Dark Matter)]

Un aggiornamento per chi è interessato.

L’aggiunta di 2px per accontentare Google (niente più avvisi di “non ottimizzato per dispositivi mobili” per “Dark”) ha causato un’interruzione di riga quando le immagini degli utenti erano più di quattro, quindi ho aggiunto un pizzico di CSS in più e ora si presenta benissimo:

td.posters > a > img{
    margin:2px;
}

td.posters > a:nth-child(5) > img{
    display:none;
}

Vedi l’immagine di esempio con l’aggiunta di 2px e solo quattro avatar. Mi sembra che stia bene (pulito) e ora supera il controllo di GSE:

Se qualcuno è interessato, gli aggiornamenti futuri (e ulteriori dettagli) sono qui:

Dark Theme: Page is not mobile friendly (by Google Search Console)