¿Está su sitio web listo para dispositivos móviles? Aquí hay 10 cosas que debe verificar para asegurarse

¿Está listo su sitio web para dispositivos móviles?

Prepara tu sitio web para dispositivos móviles

¿Está su sitio web listo para dispositivos móviles? Parece una pregunta casi tonta en 2017. Por supuesto, lo es, ¿verdad?

Pero vale la pena echar un segundo vistazo para ver cómo aparece en los dispositivos móviles. Es igualmente importante pensar cómo Google lo ve en el móvil.

La primera pista que tuve de que mi sitio podría no ser tan amigable para dispositivos móviles como pensé que era una alerta en Herramientas para webmasters de Google que algunos elementos táctiles estaban demasiado juntos. A partir de ahí, llegó una revisión completa. Hay más que solo tecnología.

A continuación hay 10 cosas que debes hacer para sacar provecho de la revolución móvil

Cuando digo "revolución", lo digo en dos sentidos:

primero, ahora más personas navegan en Internet por dispositivos móviles que por computadora de escritorio y portátil. Hay muchos clientes a los que poner en riesgo al no tener un sitio web listo para visitantes móviles. Lo más importante es que muchas personas que compran en computadoras de escritorio o en una tienda minorista toman sus decisiones de compra en sus dispositivos móviles.

¿Está su sitio web listo para dispositivos móviles? Estadísticas globales de Statcounter – Cuota de mercado de escritorio vs móvil vs tableta en todo el mundo – agosto de 2016 – 2017

Segundo, Google adoptó un "Móvil primero" índice. Eso significa que su índice principal ahora está sesgado para mostrar páginas web optimizadas para dispositivos móviles. Todavía no hemos visto este efecto en su índice de escritorio, pero probablemente lo hará pronto. ¿Por qué? Sigue este escenario:

  1. Haces una búsqueda en Google de algo en tu escritorio.
  2. Lo que encuentras es interesante.
  3. Se lo mandas a un amigo.
  4. El amigo lo abre en el móvil … y se ve horrible.

Para evitar esto, Google podría comenzar a degradar sitios web no aptos para dispositivos móviles incluso en búsquedas de escritorio. Es casi obvio, y exactamente la razón para tener un índice móvil primero.

PUBLICACIÓN RELACIONADA – Guía SEO Mi guía simple para la optimización de motores de búsqueda

Sé totalmente receptivo

Que hace un sitio web "receptivo" ¿media? Muy simple: se adapta a cualquier tamaño de pantalla en la que se encuentre.

Pantalla de pared de gran tamaño? No hay problema.

Mini tableta? No hay problema.

¿Ordenador portátil? No hay problema.

iPhone? No hay problema.

No necesita que cada dispositivo verifique si su sitio web es totalmente receptivo. En una computadora de escritorio o portátil, tome el borde izquierdo o derecho de la ventana del navegador y arrástrelo lentamente hacia el lado opuesto. A medida que la ventana se estrecha, observe cómo se ajusta el texto para que coincida con el ancho de la pantalla. Observe cómo las imágenes se hacen más pequeñas a medida que la ventana se estrecha.

Si el texto y las imágenes no responden al cambio de tamaño, su sitio web no responde. Obtenga un nuevo tema o contrate a un programador. Este fue un gran enfoque para mí hace aproximadamente un año. Es uno de los tres cambios que realicé que ha aumentado considerablemente la cantidad de clientes de escritura que estoy recibiendo.

Páginas móviles aceleradas

Google configuró un protocolo llamado "Páginas móviles aceleradas (AMP)". Estas páginas son páginas fantasmas que crea, cada una sombreando una página normal. Se aceleran de dos maneras. Primero, se eliminan para cargar más rápido, pero no se mostrarán todos los elementos. En segundo lugar, Google los almacena en caché, para que puedan ser entregados más rápidamente a los usuarios en una búsqueda directamente desde el servidor de Google.

Algunas personas han agregado páginas móviles aceleradas a sus sitios web. Otros prefieren ser totalmente receptivos. Hacer ambas cosas podría ser una exageración, ya que Google no enviará a nadie a sus páginas totalmente receptivas si tienen una página AMP almacenada en caché para esa URL.

yo tengo no hay planes para implementar AMP. Si Google comienza a dar mejores clasificaciones a las páginas de AMP, podría cambiar de opinión. Pero tengo mucho más control sobre las páginas receptivas. No quiero que mis páginas aparezcan despojadas.

Si decide AMPificar su sitio web, existen herramientas que pueden ayudarlo. Por ejemplo, aquí hay un lista de complementos de WordPress AMP.

Optimizar imágenes

La velocidad es importante al determinar si está listo para el sitio web para dispositivos móviles. Acelera una gran motivación detrás de AMP. Una forma fácil de aumenta la velocidad de tus páginas móviles es reduciendo el tamaño de tus imágenes.

Primero, asegúrese de que sus imágenes no sean más grandes de lo que necesita. Si el espacio para su imagen es de solo 600 píxeles de ancho, no muestre una imagen de 3.000 píxeles de ancho. Si las personas necesitan poder ver gran detalle cuando hacen clic, use dos imágenes diferentes: una imagen de 600 píxeles de ancho en la página y una imagen de 3.000 píxeles de ancho cuando hagan clic.

Segundo, optimizar las imágenes. yo suelo Opimizilla. Es una herramienta en línea gratuita. Simplemente arrastre y suelte la imagen que desea reducir, y Optimizilla la optimiza automáticamente. Simplemente guárdelo en su disco duro y use la imagen optimizada en lugar del original.

Más subtítulos

La gente no lee en Internet. Ellos escanean. Eso no es totalmente cierto. Escaneamos hasta que vemos algo que nos llama la atención. Los subtítulos frecuentes son importantes para captar la atención de las personas.

Las personas no solo escanean dispositivos móviles, sino que se desplazan a medida que escanean. Los subtítulos son aún más importantes en dispositivos móviles que en equipos de escritorio.

Detener el escaneo. Detén el desplazamiento. Comienza la lectura.

Párrafos más pequeños

Más importante que los subtítulos es longitud del párrafo. Probablemente ya sepa que los grandes bloques de texto parecen intimidantes. Cuanto más grande es el párrafo, más trabajo parece leer.

Si un párrafo se ve grande en una computadora de escritorio, imagine cómo se ve en un dispositivo móvil. En un teléfono, podría llenar una pantalla. Incluso la mitad de una pantalla o un tercio de una pantalla se ve grande y demasiado fácil de pasar.

Información del tamaño de un bocado

No son solo párrafos enormes. Incluso pequeños bloques de texto son fáciles de omitir.

Una solución es usar listas. Intento crear listas de viñetas cada vez que una oración tiene una lista de al menos tres elementos. Esto puede convertir una oración muy larga y desafiante en tres viñetas más fáciles de leer.

Ocultar contenido menos importante

También reestructuré cierta información para que no se vea al cargar la página. Verá esto en las páginas de servicio, como en mi página de escritor de blog. Vea lo que sucede cuando hace clic en "Toque o haga clic para leer más razones para contratar a un escritor de blogs profesional". Esto me permite incluir contenido útil de formato largo, sin sobrecargar al usuario móvil. Recuerda que el texto se ajusta en el móvil. Lo que aparece en tres o cuatro pantallas en el escritorio puede ocupar 12 o 15 páginas en un teléfono.

Cualquiera que lo desee aún puede abrir los detalles. En mi caso, esta es información de fondo para las personas que les gusta leer más y tener una idea de lo que está involucrado.

Mantenga su CTA visible

Pensé que era realmente genial. Tenía un formulario de consulta de barra lateral que flotaba en el lado derecho de la pantalla. No importa qué tan abajo se desplace una página, el formulario flota. La idea es que siempre que alguien piense en contratarnos, la forma está ahí. No hay trabajo para encontrarlo. Es casi una obviedad completarlo. Ahora que lo pienso, fui realmente genial. Pero no tan genial en el móvil.

El problema es que el formulario en sí es del tamaño de una pantalla de teléfono. Obviamente, no puede flotar en la barra lateral en dispositivos móviles.

Entonces, en su lugar, puse un botón que flota sobre la página en el móvil. En el escritorio, el botón reemplaza el formulario solo cuando uno se desplaza debajo del formulario.

Así es como se ve el formulario en el escritorio.

¿Está su sitio web listo para dispositivos móviles? Así es como se ve el formulario en el escritorio

Esto es lo que sucede cuando pasa el formulario.

¿Está su sitio web listo para dispositivos móviles?

Y así es como se ve en el móvil (usando rápidamente ese truco para reducir su navegador).


¿Está su sitio web listo para dispositivos móviles? Vista móvilAhora nuestro sitio web está listo para dispositivos móviles

Ahora soy realmente genial otra vez 😉

Verifique que su sitio web esté listo para dispositivos móviles

No olvide verificar que su sitio web esté listo para dispositivos móviles. Dije que no necesita cada dispositivo para ver si su sitio web está completamente optimizado. Reducir su pantalla puede decirle rápidamente si no es así.

Pero una vez que el trabajo está hecho, debe verificarlo en diferentes dispositivos. Es posible que encuentre más mejoras para hacer.

También vale la pena consultar con las Herramientas para webmasters de Google. Después de todo, si hay algo que a Google todavía no le gusta, al menos vale la pena echarle un vistazo.

Entonces, ¿su sitio web está listo para dispositivos móviles? ¡Déjame saber abajo en los comentarios!

Artículos s

Botón volver arriba