Consejos para mejorar el SEO en el móvil, una concepto muy básico, para iniciados o parar empresarios que no se han enterado de que su web se visualiza en un dispositivo móvil, y se sorprenderán de la cantidad de vistas que pierden sin tener esto en cuenta.
Velocidad de Carga
La velocidad de carga de una web es mas 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 todo un reto reducir la carga a tan solo 3 segundos, en ordenador / computadora es también importante sobre todo si tu web esta orientada la venta, pero con el tipo de carga de estas web se puede jugar para que siendo de mas de 10 segundos el porcentaje de abandono baje.
¿cómo lo hago?
Antes se hacia con una primera pagina 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 primes vistazo que haces, que vendes, que ofreces, y es por ejemplo mediante el uso de un slider, esto para la versión escritorio, para la de móvil mas que el diseño lo mas importante es que cargue rápido y para eso hay trucos que veremos a continuación.
Pero antes de llegar a eso necesitas saber como 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, como:
Optimizar una Web
Luego tenemos desde el punto de vista de la optimización, que siempre esta muy relacionada a la velocidad de la carga, es como tener 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 el ejemplo vemos como esta la web para móvil de optimizada desde la herramienta de Google PageSpeed Insights, ¿pero sera rápida? siempre desde el punto de vista de un smartphone, y para esto hay varias formas de medirlo.
Think With Google
Esta herramienta de Google es la mejor y la que te da consejos reales no necesitas contratar ningún servicio sin necesidad de tener que registrarte, te muestra en que punto esta tu web y que tiene que hacer para mejorarla. Esta herramienta esta desarrollada por webpagetest.org, si quieres ver al detalle lo posibles problemas de carga de tu web haz el test desde webpagetest.org
😱 Sorpresa, la web con una puntuación excelente en PageSpeed Insights tiene una carga en los móviles de 13 segundo, que horror, y yo que pensaba que estaba haciendo un buen trabajo con la web de mi cliente.
puedo no hacer nada lo mismo no se dan cuenta…
Desde la propia herramienta Think With Google ya me indica cual sera la velocidad ideal para que logre un mayor éxito, bajar de 13 segundo a tan solo 3 segundo, 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 a costado un dinero le de el mejor resultado, y desde aulatina eso es lo que buscamos que al web sea mas que un buen diseño.
Optimizando la web
En este ejemplo al tratarse una una web que requiere SEO y Ad Google tiene que esta muy bien optimizada para que cargue rápidamente y de este modo se reduzcan los abandones o rebotes en la web y así mejorar la experiencia del usuario, al mismo tiempo mejorar los resultados en Google y los clic en los anuncios de las campañas de Google Ad, 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 que tienes que hacerte es…
¿cómo de responsive es mi web?
Hay infinidad de formas de ver tu web de forma responsive, la mas 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” veras una ventana con el código HTML y CSS, y arriba del todo a la Izquierda dos icono, 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 mas importante ver el código HTML que se genera.
Y ver todos los errores en el diseño o la maquinación, por descontado que si tu web no es responsive no es necesario que continúes leyendo.
Cómo Solucionar la carga en los dispositivos móviles
Desde el propio Chrome podrás ver que problemas de carga tiene la web y tratar de solucionarlos uno a uno
Turcos si se trata de un WordPress
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 mas fácil y sencillo es hacerlo desde un plugin hay varios pero yo recomiendo “Child Theme Configurator” después de crear desactivas o bórralo ya no es necesario tenerlo en tu wordpress, una vez dicho esto entramos en de que forma podemos mejorar la versión para smartphone de nuestra web.
Crea un child theme solo para smartphone
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
¿Cómo crear child theme solo para smartphone?
Si tienes un control maestro en php seguro que sabes como 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” crear 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, des esta forma desde el archivo style.css puedes separar una hoja de estilo para smartphone o tablet de la carga desde un ordenador, ahora tu web es responsive y adaptive
¿Cómo cargar los plugin solo para smartphone?
Desde el plugin “Mobile Smart Pro” puedes ordenar la carga o no de determinados plugin 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 tiene uno para la versión escritorio y otro para la version smartphone, con este plugin es posible.
¿Cómo puedo tener una home distinta para smartphone?
Dejo para el final lo que a mi parecer es la opción mas eficaz para lograr una carga rápida en los smartphone, y es la de tener una home distinta para versión de dispositivo, en este punto puedes crear una segunda home desde paginas dentro de wordpress y con el plugin “Child Theme Configurator” hacer que se cargue esta página tanto en smartphone como en tablet, o hay otras forma como el uso de plugin específicos para esta tarea como “wptouch” este plugin tiene una opción gratuita y una de pago.
En Resumen
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.
Acelera tu version móvil con: AMP for WordPress
En estos momentos la version oficial es la 0.7.2 pero he recopilados todas las betas de la version 1.0, incluso la versión 1.1 que esta en su fase alfa, que es la que esta instalada ahora en esta web, con este plugin y un poco de magia espero poder hacer la web un poco mas rápida en su version móvil. este plugin es un proyecto de varias empresas toda la información con respectos a que es AMP lo tienes en la página oficial ampproject.org