SEO para Paginas Móviles

La optimización SEO para Paginas Móviles es el proceso de asegurar que los visitantes que accedan a su sitio desde dispositivos móviles tengan una experiencia optimizada para el dispositivo.

¿Qué es SEO para Paginas Móviles?

Cada año la gente pasa más y más tiempo en sus dispositivos móviles y tabletas, pero muchos sitios web todavía no están diseñados para dar cuenta de diferentes tamaños de pantalla y tiempos de carga. La optimización SEO para Paginas Móviles le da una mirada al diseño del sitio, la estructura del sitio, la velocidad de la página, y más para asegurarse de que no está inadvertidamente convirtiendo a los visitantes móviles lejos.

Mejores prácticas SEO para móviles

Si su sitio ya está bien optimizado para los motores de búsqueda, sólo hay algunas cosas adicionales que usted necesita para pensar al optimizar para el móvil.

Velocidad de página

Debido a problemas de hardware y conectividad, la velocidad de página es aún más importante para los usuarios móviles que los usuarios de escritorio. Además de optimizar las imágenes, querrá minify código, aprovechar el almacenamiento en caché del explorador y reducir las redirecciones. Más información sobre la velocidad de la página se puede encontrar en nuestro SEO mejores prácticas para la página de velocidad de página.

No bloquee CSS, JavaScript o imágenes

En los viejos tiempos, algunos dispositivos móviles no podían soportar todos estos elementos, por lo que los webmasters de los sitios móviles bloqueaban uno o los tres. Pero en su mayor parte eso ya no es cierto, y el smartphone Googlebot quiere ser capaz de ver y categorizar el mismo contenido que los usuarios hacen. Así que no lo escondas. Estos elementos también son críticos para ayudar a entender a Google si usted tiene un sitio de respuesta o una solución móvil diferente.

Diseño de sitio para móviles

Los dispositivos móviles están simplificando y revolucionando las formas en que se diseñan los sitios. «por encima del pliegue» ya no tiene sentido en un mundo donde nos desplazamos infinitamente

No utilice Flash

Es posible que el plugin no esté disponible en el teléfono de su usuario, lo que significa que se perderán toda la diversión. Si desea crear efectos especiales, utilice HTML5 en su lugar.

No utilice pop-ups ya sea

Puede ser difícil y frustrante tratar de cerrar estos en un dispositivo móvil. Esto podría llevar a una alta tasa de rebote.

Diseño para el dedo gordo

La navegación de la pantalla táctil puede conducir a chasquidos accidentales si sus botones son demasiado grandes, demasiado pequeños, o en la trayectoria de un dedo que está intentando conseguir la página para desplazar.

SEO para Paginas Móviles en títulos y descripciones de meta

Recuerde que está trabajando con menos espacio de pantalla cuando un usuario busca con un dispositivo móvil. Para mostrar su mejor trabajo en SERPs, sea lo más conciso posible (sin sacrificar la calidad de la información) al crear títulos, URLs, y descripciones de meta.

Utilizar datos estructurados Schema.org

Debido al limitado espacio de la pantalla, un resultado de búsqueda con fragmentos enriquecidos es aún más probable que se destacan que en un escritorio. Lea más sobre los datos estructurados de Schema.org.

Optimizar para la búsqueda local

Si su empresa tiene un elemento local, recuerde optimizar su contenido móvil para la búsqueda local. Esto incluye estandarizar su nombre, dirección y número de teléfono e incluir su nombre de ciudad y estado en los metadatos de su sitio. Más información sobre SEO local se puede encontrar aquí.

Configuración de sitios móviles

Probablemente la decisión más importante que usted tomará al configurar un sitio es decidir si desea utilizar una configuración de sitio independiente o receptiva. Cada uno tiene sus ventajas y desventajas. Google prefiere el diseño receptivo, pero soporta las tres opciones, siempre y cuando se han configurado correctamente.

Mobile-pros-and-cons. png? mtime = 20170104131406 # Asset: 2261: URL

Diseño web receptivo

Los sitios de diseño receptivo utilizan las consultas de medios de CSS3 para servir el mismo contenido a los usuarios de ordenadores móviles y de escritorio, utilizando una cuadrícula de fluidos y diseños flexibles para adaptarse automáticamente al tamaño de la pantalla de un usuario.

responsive-Design-testing. png? mtime = 20170104131424 # Asset: 2295: URL

Los diseños sensibles utilizan consultas de medios para orientar el diseño basándose en el ancho de la pantalla, la orientación y la resolución. Por ejemplo, puede utilizar el siguiente CSS para instruir a los exploradores cómo mostrar el contenido de una pantalla de 420 o menos píxeles de ancho:

Ejemplo de código

@media pantalla y (Max-width: 420px) {
clase{
[estilos para esta clase aquí]
}
}
Y para enlazar a una hoja de estilos separada en su lugar, ponga el siguiente HTML entre sus etiquetas :

Ejemplo de código

< link href = "mobile. css" type = "texto/css" media = "screen and (max-device-width: 480px)" rel = "stylesheet"/>
Los diseños sensibles le permiten tener una variedad de estas consultas de medios para que los usuarios en pequeñas pantallas móviles, pantallas móviles más grandes que la media, e incluso tabletas pueden ver un sitio que parece diseñado para sus dispositivos.

Utilice un emulador como la herramienta de prueba de diseño web de respuesta para comprobar que su diseño de respuesta se ve de la manera que usted desea.

Servicio dinámico

Si no tiene los recursos para un rediseño completo del sitio o desea mostrar contenido diferente para los visitantes móviles que para los de escritorio, una solución es utilizar una URL para mostrar diferentes conjuntos de HTML y CSS dependiendo del tipo de dispositivo que utilice su visitante (también se llama detección de agentes de usuario). Esto puede ser útil, por ejemplo, si usted es un restaurante que quiere SEO para Paginas Móviles debera tener presente presupeustos para conseguir un sitio movil.