Tema Escuro: Página não é amigável para dispositivos móveis (pelo Google Search Console)

[neounix (Dark Matter)]

FYI, o uso do Tema Escuro padrão (sem modificações) como nosso tema padrão tem causado reclamações do GSC:

A página não é amigável para dispositivos móveis

Se mudarmos o tema padrão, por exemplo, para Graceful, o GSE não reclamará e o Google informará que a página é amigável para dispositivos móveis.

É estranho que, ao analisarmos a visão do Google (captura de tela), o Google esteja relatando a visualização de desktop como sendo para dispositivos móveis.

É possível corrigir isso, já que preferimos muito o Tema Escuro como padrão:

[neounix (Dark Matter)]

OK. Corrigi isso no GSE adicionando um pouco de CSS ao tema “Escuro”:

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

Não é uma solução “perfeita”, mas pelo menos passará no GSE (até que uma solução melhor seja criada) e o temido “Esta página não é compatível com dispositivos móveis” desaparecerá dos resultados de pesquisa do Google:

[neounix (Dark Matter)]

Uma atualização para quem se interessa.

Adicionar o 2px para deixar o Google satisfeito (sem mais avisos de “não amigável para dispositivos móveis” para “Dark”) causou uma quebra de linha quando havia mais de quatro avatares de usuário. Então, adicionei um pequeno trecho extra de CSS e agora fica ótimo:

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

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

Veja a imagem de exemplo com o 2px extra e apenas quatro avatares. Fica bom, eu acho (limpo) e agora passa na GSE:

Se alguém se interessar, futuras atualizações (e mais detalhes) aqui:

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