Consejos para mejorar el SEO en los móviles

Consejos para mejorar el SEO en el móvil. Es un concepto muy básico, para iniciados o para usuarios que todavía no son conscientes de que su web se visualiza en un dispositivo móvil, y se quedarían sorprendidos de la cantidad de vistas que pierden por no tener en cuenta esto.

La velocidad de carga de una web es más importante en un dispositivo móvil que en un ordenador (computadora si me lees desde el otro lado del charco). La estimación de espera es de entre 3 y 2 segundos, siendo un mal resultado mas de 5 segundos. Es todo un reto reducir la carga a tan solo 3 segundos.

¿Cómo lo hago?

Antes se hacía con una primera página de presentación, la típica con el botón ENTRAR o los idiomas, este tipo de páginas ya en desuso tiene una carga rápida pero no funcionan muy bien a la hora de hacer SEO. Así que hay formas de mostrar de un primer vistazo que haces, que vendes, que ofreces, por ejemplo, mediante el uso de un slider. Esto es para la versión escritorio, pero para la de móvil más que el diseño, lo más importante es que cargue rápido. Y para eso, hay trucos que veremos a continuación.

Pero antes de llegar a eso, necesitas saber cómo medir la velocidad de carga, para medir la velocidad de carga hay varias herramientas que te puede ayudar a saber como de optimizada esta tu web, por ejemplo:

De poco sirve si tengo una web mal optimizada en un servidor rápido, o por el contrario una web bien optimizada en un servidor lento. Lo mejor es la combinación de ambos, una web bien optimizada en un servidor rápido.

En este ejemplo vemos como está la web optimizada para el móvil desde la herramienta de Google PageSpeed Insights, ¿Y será realmente rápida? hablamos desde el punto de vista de un smartphone, y para esto hay varias formas de medirlo.

Desde la propia herramienta Think With Google me indica cuál será la velocidad ideal para que logre un mayor éxito, bajar de 13 segundos a tan solo 3 segundos, uff me queda mucho por hacer.

puedo no hacer nada, lo mismo no se dan cuenta…

Pero mi cliente quiere que le cree campañas de Google Ad y también quiere SEO. En definitiva, quiere hacer reservas, quiere vender, quiere que la web que le ha costado un dinero, le dé el mejor resultado. Y desde aulatina eso es lo que buscamos, que la web sea más que un buen diseño.

En este ejemplo, al tratarse de una web que requiere SEO y también Ad Google, tiene que estar muy bien optimizada para que cargue rápidamente, y de este modo poder reducir los abandonos o rebotes en la web. Además de mejorar la experiencia del usuario, y al mismo tiempo mejorar los resultados en Google, y los clic en los anuncios de las campañas de Google Ad. Eso sí, siempre teniendo en cuenta la versión para móvil.

Ya sabemos como medir la velocidad tanto de la versión de escritorio como la de móvil, pero la pregunta qué tienes que hacerte es…

Hay infinidad de formas de ver tu web de forma responsiv. La más obvia es de tu propio móvil. Otra es estrechar el navegador, si eres desarrollador o diseñador hay herramientas para ver en tiempo real una web desde un móvil. Pero la mas cómoda para mi y rápida es el desde chrome, es muy sencillo: Botón derecho del ratón y busca al final del menú «Inspeccionar», verás una ventana con el código HTML y CSS, y arriba del todo a la Izquierda dos iconos, el primero para separar la ventana de Inspeccionar de la web, y el segundo para ver tu web como si fuera desde un móvil, importante recargar la web (F15 o Comando ⌘R).

De esta forma puedes ver la web en varias resoluciones y lo más importante, ver el código HTML que se genera.

Desde el propio Chrome podrás ver qué problemas de carga tiene la web, y tratar de solucionarlos uno a uno.

Antes de nada, si se trata de un WordPress, tratar de trabajar desde la versión child. Si tu wordpress no tiene una versión child, puedes crearla o a mano, busca «cómo crear un child theme«. Pero lo más fácil y sencillo es hacerlo desde un plugin. Hay varios, pero yo recomiendo «Child Theme Configurator«. Una vez lo hayas creado, desactivas o bórralo, ya no es necesario tenerlo en tu wordpress. Una vez realizado esto entramos en ver de que forma podemos mejorar la versión para smartphone de nuestra web.

De esta forma separas la carga, no solo de las hojas de estilo, sino de los propios plugin y del mismo contenido de la web

Si tienes un control maestro en PHP, seguro que sabes cómo hacerlo, pero si no quieres morir en el intento y ganar tiempo usa el plugin «Mobile Smart Pro«. Desde el plugin mencionado anterior-mente “Child Theme Configurator” creas un segundo child theme, en este caso, no le llames child, lo mas lógico es que lo llames theme_name-mobile o theme_name-movile y desde el plugin «Mobile Smart Pro» carga este theme solo smartphone o tablet. De esta forma, desde el archivo style.css puedes separar una hoja de estilo para smartphone o tablet de la carga desde un ordenador, y ya tu web es responsive y adaptive

Desde el plugin «Mobile Smart Pro» puedes ordenar la carga o no de determinados plugins. Esto es muy util para liberar carga en los smartphone, tanto para smartphone como para tablet. Seguro que tienes algún plugin que se puede sustituir o desactivar en la versión de smartphone. En el caso de que quieras sustituir un plugin, es decir, tener uno para la versión escritorio y otro para la version smartphone, con este plugin es posible.

Dejo para el final lo que a mi parecer es la opción más eficaz. Para lograr una carga rápida en los smartphones es tener una home distinta para la versión de dispositivo. En este punto puedes crear una segunda home desde páginas dentro de wordpress. Y con el plugin “Child Theme Configurator” hacer que se cargue esta página tanto en smartphone como en tablet. También hay otras formas, como el uso de plugins específicos para esta tarea como «wptouch«, este plugin tiene una opción gratuita y una de pago.

Si consideras que no necesitas SEO y tampoco pagar a Google para tener una mejor presencia en internet, busca siempre que tu web tenga un buen resultado final. No solo en el aspecto del diseño ,si no en el de la optimización y de la velocidad de carga. No pagues por una web bien diseñada pero que sea muy lenta al cargar, busca la forma de que sea una web de calidad en todos los sentidos.

Ver el post anterior: Web de calidad