Técnicas de SEO para móviles
En la actualidad, millones de usuarios acceden a la web mediante teléfonos inteligentes que funcionan con Android, iOS o Windows. Por lo tanto, se ha vuelto imperativo que los sitios web se adapten a este entorno cambiante y realicen los cambios adecuados en el diseño de su sitio web para atraer más espectadores.
La versión de escritorio de un sitio puede ser difícil de ver y usar en un dispositivo móvil. La versión que no es compatible con dispositivos móviles requiere que el usuario pellizque o haga zoom para leer el contenido. Los usuarios encuentran esta experiencia frustrante y es probable que abandonen el sitio. Por el contrario, una versión compatible con dispositivos móviles es legible y utilizable de inmediato.
Una actualización reciente de Google hace obligatorio que un sitio web sea compatible con dispositivos móviles para que sea eficaz en los motores de búsqueda móviles. Tenga en cuenta que un sitio web que no sea compatible con dispositivos móviles tampoco tendrá ningún impacto en los motores de búsqueda habituales.
En este capítulo, veremos cómo hacer que un sitio web sea compatible con dispositivos móviles para garantizar que los visitantes que acceden al sitio web desde dispositivos móviles tengan una experiencia optimizada.
¿Qué es el SEO móvil?
La optimización del motor de búsqueda móvil es el proceso de diseño de un sitio web para que sea adecuado para su visualización en dispositivos móviles de diferentes tamaños de pantalla que tienen poco ancho de banda. Además de seguir todas las reglas de SEO que son aplicables a un sitio web de escritorio, debemos tener más cuidado al diseñar un sitio web para dispositivos móviles. Un sitio web es compatible con dispositivos móviles si tiene los siguientes atributos:
Un buen sitio web móvil tiene un diseño receptivo que funciona bien tanto en computadoras de escritorio como en dispositivos móviles. No solo reduce el mantenimiento del sitio web, sino que también hace que el contenido sea coherente para los motores de búsqueda.
El contenido de un buen sitio web móvil es fácil de leer en un dispositivo móvil sin tener que hacer zoom en la pantalla. Tiene fuentes, colores y diseños apropiados.
Es fácil navegar a través de un buen sitio web móvil en una pantalla pequeña. Proporciona enlaces y botones que se pueden maniobrar fácilmente con un dedo.
Un buen sitio web para dispositivos móviles es liviano, por lo que se necesita menos ancho de banda y menos tiempo para cargarse en las redes móviles.
La página de inicio de un sitio web móvil juega el papel más importante a la hora de conectar a los usuarios con el contenido que buscan. Por lo tanto, los buenos sitios web móviles se aseguran de que los enlaces más importantes se muestren en la página de inicio para que tengan suficiente visibilidad.
La clasificación de un sitio web depende en gran medida de su facilidad de uso. Puede seguir las pautas que se indican a continuación para diseñar un excelente sitio web optimizado para dispositivos móviles.
Optimice su sitio para dispositivos móviles
Si su sitio ya está optimizado para motores de búsqueda, entonces no debería ser demasiado difícil optimizarlo para dispositivos móviles. Primero, entendamos qué se necesita para ser móvil. Podemos clasificar los pasos en tres categorías amplias:
Step 1 - Seleccione una configuración móvil
Step 2 - Informar a los motores de búsqueda
Step 3 - Evite errores comunes
Seleccione una configuración móvil
Hay tres configuraciones móviles diferentes entre las que puede elegir:
Step 1 - Diseño web receptivo
Step 2 - Servicio dinámico
Step 3 - URL independientes
Cada uno tiene sus propias ventajas y desventajas. Google recomienda un diseño receptivo, sin embargo, admite las tres configuraciones. La siguiente tabla muestra cómo la configuración móvil afecta su URL y código HTML:
| Configuración móvil | URL | HTML |
|---|---|---|
| Diseño web adaptable | Sigue igual | Sigue igual |
| Servicio dinámico | Sigue igual | Diferentes HTML |
| URL independientes | Diferentes URL | Diferentes HTML |
Diseño web adaptable
Google recomienda un diseño web receptivo porque es la configuración móvil más simple y muy fácil de implementar. Sirve el mismo código HTML en la misma URL, sin embargo, ajusta la visualización según el tamaño de la pantalla del dispositivo móvil.
Servicio dinámico
La publicación dinámica es un tipo de configuración móvil en la que la URL de su sitio web permanece sin cambios, pero ofrece contenido HTML diferente cuando se accede desde un dispositivo móvil.
Cuando su contenido se entrega dinámicamente desde el servidor, asegúrese de informar a Google que el contenido que está rastreando puede verse diferente en los dispositivos móviles. Un gran inconveniente de este enfoque es que tendrá que realizar un procesamiento adicional en su contenido a nivel de servidor antes de cortarlo al usuario. Este enfoque coloca una carga innecesaria en su servidor y lo ralentiza.
URL independientes
Cuando mantiene dos URL diferentes, una para usuarios móviles y otra para usuarios de escritorio, asegúrese de informar a Google explícitamente cuándo publicar qué versión. Google no recomienda direcciones URL separadas porque puede detectar automáticamente que sus páginas móviles son diferentes de las páginas de su escritorio.
Este enfoque no es práctico cuando tiene un sitio web grande porque mantener dos versiones del mismo sitio web requerirá el doble de esfuerzo y dinero. Al mismo tiempo, no puede evitar varias discrepancias en su contenido mientras mantiene dos versiones.
Desde el punto de vista del SEO, cada URL funciona por separado. Por lo tanto, su clasificación de escritorio nunca se agregará a la clasificación de dispositivos móviles y siempre se asumirá como sitios web separados. No recomendamos mantener diferentes URL para las versiones móviles y de escritorio si desea aprovechar los beneficios del SEO.
Informar a los motores de búsqueda
Asegúrese de que Google y otros motores de búsqueda comprendan su configuración móvil. Lo más importante de todo es que Google debe comprender su página para que pueda clasificar su sitio web correctamente. La forma en que informa a Google depende de la configuración móvil por la que haya optado (diseño web adaptable, publicación dinámica o URL independientes).
En caso de que su sitio tenga una responsive design,Los algoritmos de Google pueden entenderlo automáticamente sin que tenga que informar a Google. Cuando tenga un diseño receptivo, asegúrese de tener la siguiente metaetiqueta en el encabezado de su página web:
<meta name="viewport" content="width=device-width, initial-scale=1.0">La ventana gráfica decide cómo se mostrará su página web en un dispositivo. Un sitio con diseño receptivo varía su tamaño en función del tamaño de la pantalla del dispositivo. Declare una ventana gráfica para que su página web se muestre correctamente en cualquier dispositivo.
Si su sitio web es dynamically served, asegúrese de permitir que Google detecte su configuración usando el encabezado HTTP Vary -
Vary: User-Agentlos VaryEl encabezado es importante para decirle a los motores de búsqueda que se ofrecerá contenido diferente en computadoras de escritorio y dispositivos móviles. Este encabezado es realmente importante cuando su contenido es servido por cualquier sistema de caché como unContent Delivery Network y esos sistemas harán uso de este encabezado mientras sirven contenido en diferentes dispositivos.
En caso de que mantengas separate URLs, p.ej, example.com y m.example.com, luego puede informar a Google agregando un especial link rel=alternate etiqueta en su versión de escritorio y viceversa de la siguiente manera.
Desktop page should have following in its header:
<link rel="alternate" media="only screen and (max-width: 640px)"
href="http://m.example.com" >
Mobile page should have following in its header:
<link rel="canonical" href="http://www.example.com" >Evite errores comunes
Para optimizar su sitio web para dispositivos móviles, asegúrese de evitar cometer los siguientes errores:
Slow Mobile Pages- Las redes móviles son más lentas en comparación con las redes de Internet por cable, por lo que es importante prestar atención a la rapidez con la que se cargan las páginas móviles. Es un factor crítico de clasificación de Google. Utilice una herramienta de SEO móvil para conocer la velocidad de su página móvil. Google proporciona una serie de buenas herramientas que puede utilizar. Navegue por el siguiente enlace -https://www.google.com/webmasters/tools/mobile-friendly/
Don't Block CSS and JavaScript- Google recomienda utilizar CSS y JavaScript en línea para sitios web optimizados para dispositivos móviles para que puedan descargarse junto con el contenido. Entonces, si no tiene mucho CSS, intente ajustarlo dentro de la etiqueta; pero si está utilizando mucho CSS en archivos separados, intente incluirlo en la parte inferior, lo que dejará de bloquear el otro contenido que se descarga. La misma regla se aplica a Javascript, que puede mantenerse dentro de la página o incluirse en la parte inferior de la página. Si puede evitar incluir el archivo en la parte superior de la página, utiliceasync atributo al incluirlos.
<script async type="text/javascript" src="jquery.js"></script>Mobile Redirects- Dado que las redes móviles suelen ser lentas, demasiados redireccionamientos pueden dañar la velocidad de su página. Si mantiene varias URL, asegúrese de que todos sus enlaces apunten a las páginas relevantes. En caso de que mantenga varias URL y reconozca que un usuario está visitando una página de escritorio desde un dispositivo móvil y tiene una página móvil equivalente en una URL diferente, redirija al usuario a esa URL en lugar de mostrar un error 404.
Heavy Images- Las imágenes pesadas aumentan el tiempo de carga, sin embargo no podemos deshacernos de ellas por completo ya que son útiles y efectivas. Por lo tanto, debe mantener un buen equilibrio entre el texto y las imágenes pesadas. Utilice una buena herramienta para optimizar sus imágenes y guardarlas a baja resolución para evitar descargas pesadas.
Avoid plug-ins and pop-ups- Es posible que los complementos como Flash y Java no estén disponibles en el dispositivo móvil del usuario. Asegúrese siempre de no tener ningún contenido que no se pueda reproducir en su página móvil. Evite el uso de ventanas emergentes en páginas móviles porque es bastante torpe cerrar estas ventanas emergentes en un dispositivo móvil.
Al crear una página móvil, siempre tenga en cuenta que el usuario tiene un espacio limitado para trabajar. Por lo tanto, debe ser lo más conciso posible al crear títulos, URL y metadescripciones, por supuesto sin comprometer la esencia o la calidad de la información.
Herramientas útiles
A continuación, se muestra una lista de algunas herramientas útiles que puede utilizar para averiguar qué tan optimizado es su sitio para dispositivos móviles:
Google Webmaster Tools - Utilice las herramientas y técnicas de Google disponibles para comprender qué se debe usar y qué se debe evitar al diseñar sitios web para computadoras de escritorio y móviles.
Mobile Emulator - Le permite ver cómo aparece su sitio en una amplia variedad de dispositivos móviles.
Moz Local - Utilice esta herramienta para asegurarse de que su SEO local esté en orden.
Responsive Web Design Testing Tool - Utilice esta herramienta para ver cómo se ve su sitio receptivo en una variedad de dispositivos móviles con diferentes tamaños de pantalla estándar.
Screaming Frog - Esta es una herramienta útil que le permite analizar su sitio y verificar todas las redirecciones.
User Agent Switcher - Este es un complemento de Firefox que puede usar para averiguar cómo se ve su sitio cuando se accede desde un agente de usuario diferente.