Esto es lo que se necesita para hacer un sitio amigable de WordPress para dispositivos móviles

El ascenso de los dispositivos móviles fue uno de los cambios más decisivos en Internet. Hoy en día, ningún sitio web puede manejarlo sin ser amigable con los dispositivos móviles o, más bien, sin sitio web que quiera tener éxito. Hasta ahora, los usuarios de teléfonos móviles son más de la mitad de todo el tráfico de Internet y también representan la mayoría de las reinas de búsqueda. Por esta razón, no hay forma de tratar con este grupo de usuarios. Además, ahora Google lo castiga en los resultados de búsqueda si no tiene una versión optimizada de su sitio. Si esto no es suficiente motivación, no sé qué es.
Sin embargo, ¿qué significa un sitio para ser amigable con los dispositivos móviles? ¿Simplemente instale el tema receptivo y haya terminado? Aunque este es un buen comienzo, no lo es todo. Por esta razón, en este artículo queremos detallar exactamente lo que significa tener un sitio amigable para dispositivos móviles hoy y cómo puede implementarlo en su sitio de WordPress. Hablaremos sobre la compatibilidad con dispositivos móviles en la web, cómo probar su sitio para ver si se encuentra con Google y cómo mover incluso su sitio móvil de WordPress. ¿Estás listo para comenzar tu móvil? Entonces sigamos, ¿verdad?
Cómo hacer que su sitio amigable con WordPress para dispositivos móviles a continuación, encontrará instrucciones detalladas sobre cómo optimizar su sitio web de WordPress para dispositivos móviles. Síguelos y sus visitantes navegando en teléfonos y tabletas estarán agradecidos. Implemente una versión móvil de su sitio El primer paso para hacer que el sitio amigable de WordPress para dispositivos móviles sea adaptarlo a diferentes tamaños de pantalla. Esto se llama diseño receptivo. Las ventajas del diseño receptivo son numerosas. Lo principal que tiene es que debes cuidar solo un sitio. Con un tema receptivo, cada usuario puede acceder al mismo sitio web, por lo que no necesita ejecutar y actualizar una versión móvil por separado. Esto mantiene su marca y elimina muchos dolores de cabeza. Por la felicidad, todos los temas modernos de WordPress vienen con capacidades de respuesta. Entonces, si está buscando un nuevo tema para su sitio, hay altas posibilidades de encontrar uno que ya esté adaptado para dispositivos móviles. Sin embargo, aun así, asegúrese de probarlo con cuidado. Si tiene un tema existente que aún no es receptivo, tiene más opciones. Primero, consulte para verificar para estar actualizado. Si está ejecutando una versión obsoleta, el desarrollador puede haber agregado funcionalidad receptiva mientras tanto. Si no es el caso y está listo para mantener su tema actual, tiene la opción de hacerlo receptivo después del hecho. Para esto, tenemos una nota sobre el diseño receptivo que va más allá de los principios principales de este enfoque de diseño y también una introducción para hacer cualquier WordPress receptiva.

Además, hay otras opciones. WordPress proporciona múltiples complementos para crear versiones móviles de su sitio, que incluyen: WpTouch
Paquete móvil de WordPress
Jetpack
Cualquier cambio de tema móvil
WP Mobile Edition
Sin embargo, a diferencia de los temas receptivos, a menudo se les ocurre un diseño estándar y pocas opciones de personalización. Por lo tanto, en general, siempre recomendaría un tema receptivo. Finalmente, si tiene mucho tráfico, incluso puede pensar en construir una aplicación móvil para su sitio web de la API de WP puede ayudar con eso. Use complementos optimizados para complementos móviles son maravillosas terminaciones en cualquier sitio web de WordPress. Estos pueden traer todo tipo de características y características nuevas y mejorar su sitio.
Sin embargo, si sus complementos agregan cosas en el frente, asegúrese de que funcione bien en el móvil. Nada es peor que descubrir que su nuevo widget, deslizamiento o botón no se escala correctamente. Al igual que con los temas, consulte las revisiones por adelantado y realice una prueba en un entorno de prueba local. O use solo complementos que han demostrado que funcionan en sitios móviles como:
Menú receptivo
Formas gravitacionales
Formulario de contacto 7
Diapositivas receptivas
Además, casi todos los complementos premium deberían estar listos para dispositivos móviles hasta ahora. Cualquier otra cosa no tendría sentido en los negocios. Consulte nuestra lista de complementos premium de WordPress que valen el dinero.
Optimizar imágenes Las imágenes a menudo forman grandes partes de los datos del sitio web. Por esta razón, para hacer que los sitios de WordPress sea amigable con los dispositivos móviles, es absolutamente esencial cuidar las imágenes. WordPress ya ha hecho mucho en esta dirección. Comenzando con la versión 4.4, el CMS ofrece automáticamente la imagen más pequeña posible a los usuarios que utilizan SRCSET HTML SRCSET. Como resultado, si su sitio todavía se ejecuta en una versión más pequeña, ¡es hora de actualizar! Si, por alguna razón, no desea hacer esto (sugerir, es una mala idea), al menos instale la imagen del complemento RICG. Sin embargo, la optimización de la imagen no se detiene con su versión de WordPress. Hay muchas cosas que puede hacer para mejorar su uso en dispositivos móviles (leer, hacerlos más pequeños). Lo más importante a este respecto es optimizarlos antes de cargar. Si tiene Photoshop, puede usar el rescate web para crear el tamaño más pequeño posible. Todos los demás pueden usar servicios como TinyPng para reducir el tamaño de su imagen. O, si desea ir a la ruta del complemento, considere WP Smush o Ewww Image Optimizer. Ambos comprimirán automáticamente las imágenes cuando se carguen.
Hazlo rápidamente en tu móvil
Acelerar su sitio de WordPress es una buena idea en general. El tiempo de carga de la página es un excelente indicador de uso, SEO y muchos más.

Esto es dos veces cierto en el móvil. Si bien las conexiones de Internet móvil se han vuelto más rápidas, no son tan confiables como WiFi. Además, a menudo son limitados, y las personas son molestas cuando usa su plan de datos innecesariamente. Entonces, incluso en teléfonos móviles, las personas todavía esperan que su sitio cobre rápidamente. ¿Qué rápido? Bueno, el 40% de los usuarios dejarán un sitio si no se ha cargado en tres segundos. La velocidad también es un factor de clasificación, que hace que dos veces sea importante que su sitio cargue rápidamente. Al lado de nuestro artículo al comienzo de esta sección, además de nuestras técnicas avanzadas para hacer que WordPress sea más rápido, tiene otras fuentes de información sobre cómo mejorar esto. medición. La mejor manera de comenzar es Google PageSpeed ​​Insights. Le dará una visión general de cómo el gigante de los motores de búsqueda ve la velocidad de su página tanto para dispositivos móviles como para escritorio. Puede completar esta información con información de Pingdom y Gtmetrix. Esto le dará un excelente punto de partida para acelerar su sitio para obtener mejores ideas sobre cómo hacer esto, también tenemos un estudio de caso para usted.
Además, considere buscar páginas móviles aceleradas. Soy un tipo especial de marca HTML que hace que sus páginas se carguen rápidamente en los resultados de búsqueda de Google. Aunque hay algunas críticas al amplificador, es incrustable rápidamente y me gusta hacer clic en los enlaces de AMP en el teléfono. Para implementar AMP en WordPress, todo lo que tiene que hacer es instalar el complemento oficial. Eso es todo. Para obtener más control sobre el estilo de sus artículos de amplificador, consulte el amplificador para WP. No use ventanas emergentes en toda la pantalla emergente o ventanas intersticiales que cubren toda la pantalla son bastante molestas en el escritorio. Sin embargo, pueden estar aún más en los dispositivos móviles, especialmente cuando hablan de teléfonos. El control táctil hace que sea muy difícil cerrarlos, lo que pone una carga inútil sobre los nervios de sus visitantes. Tanto que Google está oficialmente mal visto en las ventanas emergentes que dificultan el contenido de acceder, especialmente en la primera página. Sin embargo, ¿qué debe hacer una persona tratando de desarrollar su lista de correo electrónico?
Google recomendó cómo usar pancartas, enlaces de texto y CTA dentro del contenido. Los formularios de registro clásicos en los lugares correctos todavía están funcionando. Haga la prueba de compatibilidad con dispositivos móviles si ha implementado las medidas anteriores y aún no está seguro de si su sitio es compatible con dispositivos móviles, es hora de hacer la prueba. Debido a que Google quiere hacer su mejor trabajo, ha creado una herramienta de prueba inteligente para la compatibilidad móvil. Aquí, simplemente puede ingresar la URL de su sitio, presionar el botón y decirle que algo está mal en optimizar su sitio para dispositivos móviles. De esta manera, puede tomar medidas correctivas. También puede encontrar una sección como esa dentro de la consola de búsqueda de Google. Se llama uso móvil y está bajo el tráfico de búsqueda. Aquí descubrirá si los elementos de su sitio están demasiado cerca, la fuente es demasiado pequeña y de otro tipo.

Por cierto, también puede usar esta prueba para determinar si el tema que considera es realmente compatible con los dispositivos móviles. La mayoría de los temas de hoy ofrecen un sitio demostrativo donde puede verlo en acción. Simplemente copie la URL de este sitio y conéctela a la herramienta para ver si el tema está recibiendo el sello oficial de Google o no. La facilidad de administración del sitio móvil para dispositivos móviles no se refiere solo al front-end. Para un sitio web verdaderamente amigable con dispositivos móviles, el Backynd también debe funcionar para dispositivos móviles. Esto es especialmente cierto si implementa sitios para enviarlos a los clientes o tiene un sitio de membresía donde las personas necesitan acceso a partes de la back -end. Afortunadamente, WordPress ya te apoya en esto. El backend de WordPress es completamente receptivo al móvil (al menos comenzando con la versión 3.8) y le permite realizar todas las tareas básicas. Si tiene una tableta, incluso puede pensar en escribir contenido a largo plazo (teléfonos, no es así). Para dar un paso más allá, también hay aplicaciones móviles de WordPress que están disponibles tanto para iOS como para Android. Incluso le permiten tomar fotos con dispositivos móviles y usarlas inmediatamente en su sitio. Las aplicaciones le permiten acceder a más de un sitio simultáneamente y están optimizados al tacto. Do WordPress Mobile Friendly a corto plazo es una característica obligatoria para cualquier sitio web en Internet de hoy. Su audiencia y motores de búsqueda requieren esto de los sitios modernos.