Es bastante común ver a personas que usan dispositivos de mano para ponerse al día con su lectura o para buscar cualquier cosa en línea. Estimaciones de un informe que el 60% de las búsquedas se inician desde un dispositivo móvil. Si su público objetivo es parte de esta población que está en constante movimiento, realmente no tiene otra opción: debe asegurarse de que su sitio web se vea bien y funcione bien en teléfonos móviles. En esta publicación, veamos algunas cosas que puede hacer para que su sitio web de WordPress sea compatible con dispositivos móviles.
Un sitio web optimizado para dispositivos móviles parece una pequeña versión de su sitio web habitual. Para lograr este aspecto, es necesario optimizar todos los elementos de su sitio web para responder al tamaño de su pantalla. Y, para atraer y retener tráfico, deberá asegurarse de que su sitio web se cargue rápidamente, especialmente en dispositivos móviles.
Un robot de Google analiza muchos aspectos al comprobar si una página web es compatible con dispositivos móviles, incluidos,
- si la página incluye demasiados anuncios o software que no es adecuado para dispositivos móviles, como Flash y Java.
- si el tamaño del contenido se reduce a la pantalla y el texto es legible, sin zoom ni desplazamiento horizontal.
- si los enlaces se colocan claramente separados para que sean fáciles de tocar.
¿Por qué su sitio web de WordPress debería ser compatible con dispositivos móviles?
Hacer que un sitio web de WordPress sea compatible con dispositivos móviles es un corolario natural del aumento explosivo en la cantidad de teléfonos móviles, una mejor conectividad de red y acceso a wifi en lugares públicos. Las razones más convincentes son,
- Los motores de búsqueda consideran la compatibilidad con dispositivos móviles como un factor de clasificación. La compatibilidad con dispositivos móviles se determina página por página. Esto significa que las áreas optimizadas para dispositivos móviles de su sitio web tendrán una clasificación más alta en los resultados de búsqueda, mientras que el contenido restante tendrá una clasificación más baja.
- Una página web difícil de navegar puede resultar en una tasa de rebote más alta que puede dañar el SEO de su sitio. Por el contrario, una página web optimizada para dispositivos móviles puede traducirse en una mejor velocidad del sitio y SEO.
- Hacer que sus páginas web sean compatibles con dispositivos móviles a menudo significa que tiene cuadrículas y diseños limpios, y posiblemente una URL universal y una base de código.
- La compatibilidad con dispositivos móviles mejora el refuerzo de la marca y las ventas.
Cómo hacer que su sitio web de WordPress sea compatible con dispositivos móviles
Hoy en día, los temas modernos de WordPress como Total responden y pueden mostrar el sitio web en cualquier dispositivo. Pero puedes hacer muchas cosas para optimiza tu sitio web para dispositivos móviles, además de utilizar un tema adaptable.
1. Nosotros, un enfoque móvil primero
En el actual escenario digital, no se puede dejar de insistir en la importancia de ser compatible con dispositivos móviles. En los EE.UU, El tiempo de medios digitales para móviles es superior al 51%. en comparación con las computadoras de escritorio al 42%. Para llegar a esta audiencia de tocar y deslizar, los propietarios de sitios web no están simplemente optimizando el diseño de sitios web existentes para múltiples tamaños de pantalla. Van un paso por delante y adoptan un enfoque móvil primero.
El primer enfoque móvil crea un diseño UX específicamente para móviles y prioriza la estrategia de contenido para el tamaño de pantalla más pequeño. No se limita a optimizar el sitio web de escritorio regular existente para móviles.
Otra razón importante para optar por los dispositivos móviles es el anuncio de Google en noviembre de 2016 de cambiar gradualmente a una indexación de dispositivos móviles primero. Este método de indexación implica que Google primero verifique las páginas móviles del sitio para la indexación, antes que las páginas de escritorio. Al seleccionar un sitio para el primer índice móvil, Google utiliza «clasificadores» para averiguar qué tan preparado está un sitio para el índice de dispositivos móviles primero. Los clasificadores determinan qué tan igual o comparable es el sitio para computadoras de escritorio con el sitio para dispositivos móviles en lo que respecta a contenido, enlaces, esquema, multimedia, etc. De hecho, en octubre Gary Illyes de Google indicó a una audiencia en la conferencia SMX East en la ciudad de Nueva York que algunos sitios ya están en la lista del índice móvil, con más por seguir.
2. Optimizar imágenes
Los archivos de imágenes suelen tener muchos bytes. Se cargan más lentamente que otros recursos como texto y HTML. Para que su sitio web sea compatible con dispositivos móviles, debe optimizar las imágenes para que se ajusten a pantallas más pequeñas. Desde la versión 4.4 WordPress en gran parte se encarga de esto, pero siempre puede usar un complemento de WordPress para optimizar aún más sus imágenes.
Puede hacer mucho más para optimizar las imágenes, siempre teniendo en cuenta que la optimización de imágenes requiere un equilibrio entre la experiencia del usuario, el atractivo visual y el rendimiento de la página. En primer lugar, elimine las imágenes que no añadan valor. A continuación, incluso antes de cargar las imágenes, optimícelas comprimiéndolas a tamaños de archivo más pequeños. Si está utilizando Photoshop, utilice el Guardar para Web opción. Herramientas en línea como TinyPNG o complementos como WPSmush también puede hacer el trabajo de manera bastante eficiente. Además, hay un Página de Github que puede ayudarlo a comparar diferentes herramientas de compresión. Para obtener más información sobre la optimización de imágenes, utilice nuestra guía de optimización de imágenes.
3. Implementar páginas móviles aceleradas
Accelerated Mobile Pages es una iniciativa de código abierto de Google para proporcionar contenido de carga rápida en dispositivos móviles. Brinda a los editores los medios para crear contenido apto para dispositivos móviles solo una vez y para que se cargue en cualquier lugar de la Web móvil al instante. AMP es en realidad una gran cantidad de optimizaciones al sitio web realizado de manera uniforme según lo requiera Google. Estará disponible una gama estándar de formatos publicitarios, redes publicitarias y tecnologías. Al mismo tiempo, los editores también pueden elegir sus propios formatos, siempre que no sea un obstáculo para la velocidad. Tenemos nuestro propio tutorial de AMP para WordPress para crear páginas AMP para ayudarlo a comenzar. También recomendamos Inicio de AMP de Google también lo ayuda a crear páginas AMP de excelente apariencia, con plantillas y componentes AMP listos para usar.
El contenido de AMP estará disponible instantáneamente en una búsqueda de Google y se podrá acceder a él a través de plataformas sociales como Twitter, LinkedIn y Pinterest.
El formato especial y la entrega de páginas para móviles hace que estas páginas sean mucho más rápidas en dispositivos móviles. El tiempo medio de carga de una página AMP desde Google es de menos de medio segundo. A octubre de 2017, más de 25 millones de dominios de sitios web han publicado más de 4 mil millones de páginas AMP. AMP genera un aumento del 10% en el tráfico del sitio web y duplica el tiempo dedicado a la página. Los sitios web de comercio electrónico de AMP experimentaron un aumento del 20% en las conversiones de ventas con respecto a las páginas que no son de AMP.
AMP aún no es un factor de clasificación sin embargo, puede tener un gran impacto en la experiencia del usuario y, en consecuencia, en el SEO.
4. Evite las ventanas emergentes de pantalla completa
No hay duda de que las ventanas emergentes funcionan. Sin embargo, al usar ventanas emergentes, debemos mantener siempre la experiencia del usuario a la vanguardia. Las ventanas emergentes que son relevantes para el contexto, tienen titulares pegadizos y ofrecen un valor real al lector tienen una mejor oportunidad de conversión. Por otro lado, las ventanas emergentes con spam, difíciles de descartar, que muestran anuncios sobre el contenido principal, son suficientes para hacer que un visitante se escape.
Cuando un usuario hace clic en una página de Google, el contenido que tiene indexado en una búsqueda móvil debe estar fácilmente disponible. De lo contrario, es posible que no tengan una clasificación alta en los resultados de búsqueda para dispositivos móviles (desde enero de 2017). Las ventanas emergentes en respuesta a obligaciones legales, como las cookies y las confirmaciones de edad, o los cuadros de diálogo de inicio de sesión que permiten el acceso a contenido bloqueado, están bien con Google. Lo mismo ocurre con los anuncios que ocupan un espacio mínimo en la pantalla y se pueden descartar fácilmente.
Por el contrario, las ventanas emergentes que aparecen tan pronto como un visitante llega a la página desde una búsqueda, que cubren el contenido principal, o que aparecen mientras un visitante navega, no encuentran el favor de Google. Lo mismo ocurre con los intersticiales independientes que un usuario debe descartar antes de acceder al contenido principal.
Otras buenas prácticas a seguir con respecto a las ventanas emergentes en los móviles incluyen evitar las ventanas emergentes en pantalla completa o incluir contenido expandible como acordeones o cuadros expandibles en su sitio móvil. Use mensajes más pequeños como pancartas, líneas integradas o diapositivas, u oculte el contenido detrás de las pestañas.
John Mueller de Google advierte que los intersticiales que aparecen entre el clic de búsqueda y el acceso al contenido tienen un impacto negativo en la clasificación. En consecuencia, las ventanas emergentes al pasar de una página a otra o las ventanas emergentes de intención de salida pueden no afectar la clasificación.
5. Considere la posibilidad de crear una aplicación móvil
Una aplicación móvil es un programa informático que se ejecuta en un dispositivo móvil, como un teléfono o un reloj. Por ejemplo, Amazon tiene una aplicación de compras Alexa. Las aplicaciones ahora están disponibles y se pueden descargar para todo: utilidad, productividad, navegación, entretenimiento, deportes o fitness. Facebook es la aplicación más descargada, con 140 millones descargas mensuales de aplicaciones.
Muchos sitios web tienen sitios web móviles y aplicaciones móviles. Una aplicación proporciona información específica en un formato fácil de entender. Es intuitivo de usar y ofrece más interactividad. Hoy en día, gran parte de la actividad del comercio electrónico, incluidos los pagos, se realiza a través de teléfonos móviles. Siendo ese el caso, las aplicaciones móviles están aquí para quedarse y crecer en número. La mejor parte es que es fácil convertir su sitio web de WordPress en una aplicación o crear una aplicación para sus pequeñas empresas.
Las aplicaciones móviles aumentan el tráfico al permitir a los usuarios tocar directamente desde sus teléfonos. Los usuarios pueden acceder a usted en un instante con unos pocos clics. Las aplicaciones lo ayudan a llegar a más clientes e integrarse bien con las redes sociales. Puede utilizar aplicaciones para actualizar periódicamente su lista de productos y realizar descuentos y ofertas. O bien, conéctese con sitios web asociados para acceder a su aplicación y para una mejor visibilidad.
Para concluir
Una vez que haya realizado todas las optimizaciones para que su sitio web sea compatible con dispositivos móviles, no olvide probarlo en PageSpeed Insights. los Prueba de compatibilidad con dispositivos móviles de Google también prueba sitios web por URL.
Los consejos de esta publicación no son exhaustivos. Hay toneladas de complementos de optimización de WordPress y más guías para ayudarlo a mejorar su sitio web en dispositivos móviles. Entonces, si tiene algo que agregar o tiene alguna pregunta para nosotros, comparta los comentarios a continuación.