Cómo utilizar las herramientas de desarrollo web
1
Navega por la web como un robot: desactiva JavaScript y las cookies a través de la configuración, para que las páginas que veas cuando navegas por la web sean exactamente como las que ven las arañas de los motores de búsqueda (Cookies). no son compatibles y JavaScript no se ejecuta en la mayoría de los casos). Este pequeño cambio puede ayudarle rápidamente a identificar problemas estructurales en su sitio, como la visualización de la barra de navegación principal que se implementa mediante JavaScript o que los visitantes siempre son redirigidos a la página de inicio cuando no pueden usar cookies. (Para no ser alarmista, ¡ambas situaciones las he presenciado con mis propios ojos!)
2
Simular páginas web de visualización de arañas: para restaurar el efecto de simulación del núcleo Spider funciona tanto como sea posible, puede usar Web La barra de herramientas del desarrollador bloquea los estilos e imágenes de las páginas web. En este momento, se sorprenderá al descubrir que: el texto previamente oculto ya no es visible. El título aparentemente "de primera clase" es en realidad solo un elemento H4 y la saturación del contenido alcanza el 75%, lo que puede indicar que existe. es un problema con una página determinada. Aunque las arañas de diferentes motores de búsqueda tratan los metaredireccionamientos de manera diferente, a menudo puedes diagnosticar algunos problemas reales más fácilmente "deshabilitar → deshabilitar los metaredireccionamientos".
3
Ver la estructura de la página web: en cuanto a la estructura de la página web, puede hacer clic en "Información de la página web → Ver esquema del archivo" para ver la estructura de una página, o más simplemente use la función "Marcar → Título" para ver la clasificación del elemento de título en la página.
4
Verificación y mejores prácticas: la barra de herramientas también proporciona un canal de verificación de especificaciones de código muy conveniente (similar a la verificación HTML, CSS y RSS del W3C) y también puede verificar especificaciones de código futuras. Se resaltan los enlaces con el conjunto de atributos "tittle" o los elementos de imagen sin el conjunto de atributos "alt".
5
Funciones útiles para investigación y pruebas: Para aquellos de nosotros que hemos estado usando pantallas grandes durante mucho tiempo, es posible que no siempre esté claro cómo navegan las personas por la página web. . Sin embargo, simplemente tocando el botón "" (Restaurar abajo) le permitirá ver cómo se vería la página cuando se vea desde un monitor o netbook más antiguo.