No es un secreto que el porcentaje de usuarios que acceden al sitio desde dispositivos móviles crece constantemente cada año, esta es una tendencia global. Con el crecimiento del tráfico móvil, los motores de búsqueda han introducido nuevos criterios para evaluar los sitios para clasificar en las consultas de búsqueda. Cuanto más el sitio cumpla con los criterios de la optimización interna del motor de búsqueda, más alto se clasificará en el tema, todas las demás cosas serán iguales. Los sitios que no están optimizados para la visualización en dispositivos móviles pueden incluso caer fuera del índice, si no tienen contenido único y solicitado. ayuda con el ensayo
Hace un mes, Google envió una carta donde expresaba su extrema preocupación por la mala optimización de la tienda en línea. teplyipol.net para dispositivos móviles.
Los sistemas de Google han sido probados al 100% de estos errores móviles. Este sitio web tiene una experiencia que afecta gravemente. Esta página no se verá como compatible con dispositivos móviles en la Búsqueda de Google.
Para evaluar la optimización interna del sitio, utilizaremos el servicio. PageSpeed Insights . El servicio evalúa el sitio en 3 áreas:
- Para móviles - Velocidad - 47/100
- Para móvil - Fácil de usar - 66/100
- Para computadoras - Recomendaciones - 59/100
Los principales problemas en la opinión de PageSpeed Insights:
- Mala optimización de imágenes, scripts y estilos css. Por ejemplo, una de las imágenes de producto de 200x200 píxeles tiene un tamaño de 128 kilobytes.
- Sin compresión de datos durante la transferencia de contenido al usuario.
- El almacenamiento en caché de datos no se aplica en el navegador del usuario, es decir, Cuando vuelva a visitar la página, los archivos descargados anteriormente se cargarán nuevamente.
Para solucionar rápidamente estos y otros problemas relacionados, utilizaremos el módulo. Módulo PageSpeed para el servidor. El módulo combina las mejores soluciones para optimizar la carga de páginas web y realiza automáticamente todas las acciones necesarias. El módulo se puede instalar para el servidor web apache o ngnix e inmediatamente después de la instalación permite aumentar la velocidad de procesamiento de las páginas web. Para instalar el módulo PageSpeed, el sitio tuvo que ser transferido a un servidor dedicado. Inmediatamente después de la instalación y la activación, el módulo intercepta el contenido que el servidor envía al usuario, elimina todo lo innecesario, comprime y almacena en caché.
El siguiente paso es mejorar la calidad de la visualización del sitio en las pantallas de los dispositivos móviles. Al desarrollar una plantilla de tienda en línea, se aplicó el principio de diseño adaptativo, es decir, El sitio no requiere una versión móvil especial y se ajusta automáticamente a la pantalla del usuario. Pero los elementos individuales del sitio: los botones de enlace, los menús son pequeños y están demasiado cerca como para verlos cómodamente desde la pantalla de un teléfono móvil o tableta. En lugar de arreglar la plantilla de MegaShop actual, que ya está desactualizada, fue más fácil instalar una nueva plantilla de World más adecuada.
En el estado inicial, la plantilla de World también está lejos de ser ideal y debe mejorarse, eliminar los scripts no utilizados y los estilos CSS para acelerar la carga de páginas web, pero en general cumple con los requisitos de los motores de búsqueda.
Después de la optimización, repetimos la comprobación de la tienda en línea, el resultado:
- Para móviles - Velocidad - 90/100
- Para móvil - Fácil de usar - 96/100
- Para ordenadores - Recomendaciones - 96/100