Cuando recientemente busqué palabras clave de blog en Google, descubrí que había un recordatorio debajo de cada enlace:

Mi blog se basa en Hexo, que es lógicamente adaptable para escritorio y móvil. Es raro 🤷 ♂️.

# Pregunta

Como es un recordatorio de Google, haré clic en él y la página se mostrará así:

La razón parece ser clara:

pero! Mi blog definitivamente no es como la captura de pantalla de la derecha, ¡debe haber algún malentendido aquí! Así que seguiré adelante e iré a Problemas de carga de página en la esquina superior izquierda para obtener más detalles.

Así que el problema es claro:

La clave es la columna de estado en la esquina inferior derecha, 'robots.txt' prohíbe el rastreo de hojas de estilo, lo que hace que 'Googlebot' capture archivos html sin procesar, páginas HTML que no han sido pulidas por js y css. Es extraño que una página de este tipo pueda pasar la prueba de idoneidad móvil, y el resto de este artículo trata sobre cómo resolver este problema.

# Solución

Dado que se debe a la prohibición de 'robots.txt' y no se puede obtener, lo modificaremos, y la modificación específica de varios archivos depende de con qué esté construido su blog o sitio web, pero no importa de qué manera construir el sitio web, los 'robots.txt' finales presentados estarán en el directorio raíz del sitio web, que es mi 'robots.txt':

#hexo robots.txt
Agente de usuario: *
Conceder:/
Permitir: /archives/

No permitir: /js/
No permitir: /css/
No permitir: /fonts/
No permitir: /fancybox/

mapa del sitio: https://tstrs.me/sitemap.xml

Solo necesito eliminar las líneas 6, 7 y actualizar la página de prueba:

Tada~

Así es, para que cuando busque mi blog en un motor de búsqueda, ¡no vea el mensaje de que no es compatible con dispositivos móviles!

Consejos: Debido a que estoy usando HEXO para construir un blog, también necesito modificar los 'robots.txt' en la carpeta de origen en el directorio raíz de HEXO, porque cada vez que HEXO renderice el archivo HTML, los archivos anteriores se copiarán en el directorio raíz del sitio web, y si solo modifica los 'robots.txt' en el directorio raíz del sitio web, se sobrescribirá la próxima vez que actualice el blog, lo que equivale a cambios blancos.