Cómo hacer su sitio de WordPress para dispositivos móviles gratis

Es 2017. Esto significa que ya no puede ignorar este pequeño diseño llamado dispositivos móviles cuando se trata de WordPress. Pero no todos somos grandes empresas con millones en el banco, ¿verdad? Entonces, si solo es un viejo usuario ordinario de WordPress, ¿cómo puede hacer su sitio web de WordPress gratis?

¡Aquí está la fricción! Puede parecer un gran orden, pero hay muchos principios básicos que puede implementar solo para mejorar la compatibilidad móvil de su sitio y discutiré todo. Aquí está todo lo que cubriré en esta publicación bastante larga:
¿Por qué es esencial hacer que su sitio web de WordPress sea compatible con móviles?
Una herramienta gratuita para probar la amistad de su sitio móvil
Algunas formas simples de hacer que su sitio amigable con WordPress sea móvil gratis
Dos formas diferentes de crear una versión de aplicación de su sitio de WordPress
Entraré en detalles aquí … ¡así que espero que tengas una taza de café fresca! Vamos a empezar…
Nuestro equipo de WP Buffs ayuda a los propietarios de sitios web, socios de la agencia y socios independientes a hacer sus sitios amigables con los dispositivos móviles. Ya sea que necesite que administremos un sitio web o admitirá 1000 sitios de clientes, respaldaremos.
La disminución de la amistad móvil como objetivo de la cara de Internet está cambiando. Hace diez años, ni siquiera vería una publicación sobre el diseño adecuado para dispositivos móviles, pero uno de ellos es un objetivo importante para su sitio.
En 2016, la navegación móvil superó por primera vez la navegación de escritorio. Sí, el tráfico móvil representaba el 51.3% del tráfico mundial. Y, aunque el escritorio sigue siendo un pequeño líder en los Estados Unidos (que representa el 58% de todo el tráfico), las tendencias ciertamente trasladan todo al móvil. Entonces, creo que lo que digo es esto … pronto, podríamos ver publicaciones sobre “¿Por qué tienes que hacer que tu sitio sea amigable para el escritorio”? Es una broma, pero las tendencias se dirigen en esa dirección. Ya hay movimientos como “móvil primero” que admiten una concentración móvil para el diseño web. Más allá del hecho de que su sitio generalmente es accesible para una de las formas más populares en que las personas navegan en la web, el diseño móvil móvil puede ayudar a su sitio de WordPress mejor en los resultados de búsqueda de Google Mobile. Esto se debe a que Google tiene un algoritmo específico compatible con el Dispositivos móviles que se aplican a los resultados de búsqueda móvil. Como resultado del algoritmo, los sitios compatibles con dispositivos móviles reciben un aumento en la clasificación en los resultados de la búsqueda móvil. Parte de esto también incluye el seguro de su tienda en línea para dispositivos móviles, que puede encontrar más en el stand de comercio electrónico. En cualquier caso, cuando considera que la mayoría de las búsquedas de Google están ahora en su móvil, ¡este es un incentivo bastante grande! ¿Qué tan compatible es móvil su sitio de WordPress … en este momento? Ok, sabes que un diseño compatible con dispositivos móviles es importante. Pero, ¿cómo puedes darte cuenta?
¿Cuál es el diseño adecuado para dispositivos móviles?
¡Ya sea que su sitio web de WordPress sea compatible con dispositivos móviles ahora o Nuasta, cubriré en esta sección! ¿Qué considera que Google es compatible con los dispositivos móviles? Afortunadamente, no tiene que adivinar cuándo se trata de lo que es un diseño compatible con dispositivos móviles para su sitio de WordPress. Google ha publicado, de hecho, pautas específicas para la facilidad de los dispositivos móviles. Esto es lo que Google dice para evitar cuando intenta hacer su sitio amigable para WordPress para su móvil:
Contenido que no se puede reproducir: asegúrese de que todas las fuentes de contenido que incluya se reproducen tanto en dispositivos móviles como en escritorio.
Tamaños pequeños de fuentes: Google recomienda al menos 16 PX para fuentes móviles.
Toque los artículos demasiado cerca: ¡sus dedos están gordos! Tienes que dar a las personas suficiente espacio para alcanzar el elemento correcto.
Vista incorrecta: asegúrese de que la página móvil establezca la vista correcta.
Más allá de las pautas de Google, también puede encontrar muchos recursos de diseñadores web para diseño móvil. Un lugar maravilloso para comenzar es la guía de Smashing Magazine para el desarrollo web móvil.
Cómo usar la herramienta de verificación de Google para dispositivos móviles, entonces, ¿cómo puede decir si su WordPress existente es compatible con dispositivos móviles? De hecho, es bastante fácil debido a un instrumento que Google ha desarrollado. Todo lo que tienes que hacer es ir aquí. Luego ingrese la URL del sitio que desea verificar y hacer clic en Ejecutar la prueba:
Google analizará su página y le mostrará qué tan móvil es su diseño actual:
¡Parece que mi sitio ya es compatible con dispositivos móviles! ¿Pero es tuyo? ¡Veamos cómo puede hacer que su WordPress Mobile WordPress GRATIS! Cómo hacer que su sitio web amigable para WordPress para dispositivos móviles gratuitos a continuación, obtendré algunos consejos sobre cómo hacer que su sitio gratuito de WordPress sea amigable. Cubriré todo, desde decisiones principales, como elegir temas y complementos, hasta cosas más pequeñas, como limitar la ventana emergente y las ventanas de Google AMP. Vamos a cavar. Use un tema receptivo de WordPress esto puede parecer obvio, pero el hecho es que es mucho más fácil elegir un tema de WordPress compatible con dispositivos móviles que devolver y cambiar un tema existente de WordPress para ser compatible con los dispositivos móviles. ¡Y este proceso definitivamente no es gratis!

Entonces, si desea que su sitio de WordPress sea compatible con dispositivos móviles, asegúrese de elegir un tema que responda. Si mantiene su tarea libre, todo en el director de WordPress.org es receptivo hasta el día de hoy. Y lo mismo es cierto para casi cualquier otro tema allí. Pero solo porque un tema ha implementado los principios básicos del diseño receptivo, eso no significa que sea 100% compatible con dispositivos móviles. Entonces … ¿cómo puedes averiguar qué tan móvil es el tema de WordPress que miras? ¡Por esto, tengo un pequeño truco! Vea, la mayoría de los temas de WordPress ofrecen un sitio demostrativo para obtener una vista previa de la apariencia del tema en un entorno en vivo. Bueno, todo lo que tiene que hacer es tomar la URL del sitio de demostración y conectarla al instrumento de prueba amigable para los móviles de Google:

Por ejemplo, la imagen de arriba nos dice que el tema popular Zerif Pro a ThemeIsle es 100% compatible con dispositivos móviles. Entonces, antes de elegir cualquier tema de WordPress, asegúrese de que sea realmente compatible con los dispositivos móviles, yendo más allá de buscar el nombre “receptivo”. O … use un tema diferente para una sola advertencia: no recomiendo este enfoque para la gran mayoría de los sitios de WordPress. Pero si está enamorado de la apariencia de escritorio de su base actual, pero no está satisfecho con la amistad con dispositivos móviles, en realidad es fácil usar un tema diferente para su tráfico móvil. Un complemento gratuito llamado Mobile Smart le permite usar Un tema diferente de WordPress dependiendo del dispositivo de cada visitante. O bien, simplemente puede usar diferentes plantillas de WordPress para trabajar en el mismo tema. La versión Pro también permite:
Especificar diferentes versiones de sus páginas para diferentes dispositivos
Enviar tráfico móvil a otra URL
Deshabilitar complementos específicos en su sitio móvil
Controlar los widgets / códigos cortos de acuerdo con el dispositivo de un visitante
También puede encontrar muchos otros complementos móviles de WordPress para ayudarlo. Personalmente, creo que el uso de un solo tema receptivo sigue siendo el mejor enfoque. Pero Mobile Smart es una excelente opción si esto no es posible hoy para su situación. Asegúrese de que sus complementos respeten y el diseño receptivo aquí sea una faceta a menudo ignorada de WordPress móvil: no solo es elegir un tema receptivo de WordPress. Debe asegurarse de que cada complemento que instale también funcione en principios de diseño receptivo. Por ejemplo, si instala un complemento que agrega un formulario de contacto en su sitio de WordPress, es mejor que se asegure de que el formulario de contacto se vea muy bien tanto en escritorio como en dispositivos móviles. Desafortunadamente, no hay una prueba automática para ello. En su lugar, deberá verificar manualmente cuando instale un nuevo complemento. Puede: use su propio teléfono inteligente para ver cómo se ve el complemento en el móvil
Use un sitio como tengo que responder para ver cómo funciona el complemento en una variedad de dispositivos diferentes
Utilice la funcionalidad de los desarrolladores en los desarrolladores de navegadores
¿Usas un generador de páginas? Aproveche los constructores de páginas de controles receptivos son bastante populares hoy en día. Pero si no está familiarizado, le permiten crear modelos complejos sin tener que conocer ningún código. Por lo general, use una interfaz de deslizamiento y colocación simple para mover “elementos”. Entonces, ¿cómo conectamos las páginas para hacer que su sitio amigable con WordPress para su móvil? Debido a que la mayoría de los constructores de páginas le permiten activar o desactivar elementos de acuerdo con el dispositivo que su visitante usa, por ejemplo, para echar un vistazo a mi constructor de páginas personales, Elementor. Digamos que tengo una imagen que se ve muy bien en el escritorio … pero multiplica la página en el móvil o dura siempre que se cargue. Todo lo que tengo que hacer es desmarcar un cuadro para asegurarse de que la imagen no se muestre en la versión móvil de mi página: puede usar estas configuraciones para asegurarse de que:

Tienes espacio apropiado para artículos táctiles
Todo el contenido en su sitio móvil se representa
Su sitio móvil no está demasiado lleno
Entonces, si usa un generador de páginas, vale la pena elegir uno que le permita implementar páginas receptivas. Limite las ventanas emergentes agresivas en el móvil. Especialmente en la primera página esto es muy fácil, porque todo lo que necesita es no hacer algo. En lugar de agregar algunas técnicas nuevas, todo lo que tiene que hacer es no mostrar ventanas emergentes en la versión móvil de su sitio ¿Por qué? Porque, además del hecho de que los visitantes móviles solo perturban y violan los estándares de diseño de Google, afecta negativamente la búsqueda móvil de su sitio. Esto se debe al hecho de que Google ha lanzado una penalización de clasificación móvil para sitios donde “el contenido no es fácilmente accesible para un usuario cuando se mueve de los resultados de búsqueda móvil”. Esta penalización está activa a partir del 10 de enero de 2017. Por lo tanto, no use ventanas emergentes o anuncios intercalados móviles en los resultados de búsqueda móviles de Google de su sitio. Considere la integración de Google para WordPress si no está familiarizado, AMP significa páginas móviles accesorias. Es una iniciativa compatible con Google para acelerar el tiempo de carga de la página móvil transmitiendo una versión cortada de una página. Si estaba buscando algo en la búsqueda de muebles de Google, probablemente conoció los sitios marcados con el nombre de AMP:

Entonces, ¿cuál es el beneficio de Google Amp para WordPress? Si bien cede un cierto control sobre el aspecto de su sitio móvil (porque se elimina el código), las páginas de Google AMP son inherentemente rápidas y compatibles con los dispositivos móviles. Entonces, si desea crear rápidamente su sitio móvil de WordPress gratuito … AMP es una excelente opción. También es muy fácil configurar Google Amp para WordPress. ¡Incluso hay un complemento oficial de Automatic para ayudarlo a hacer esto! Casi todo lo que tiene que hacer es instalar y activar el amplificador de complementos. Luego, su sitio comenzará a transmitir el contenido de los visitantes móviles de Google. Y si está buscando una guía de capacitación detallada, lea esto: Google Amp: cómo implementarlo en WordPress si desea más flexibilidad en su contenido de WordPress Amp, WP Plugin es una excelente opción. Se basa en el complemento AMP oficial con nuevas opciones de estilo, así como opciones para agregar anuncios y botones de intercambio social: si le preocupa el impacto SEO de sus páginas de Google WordPress, aquí hay dos cosas importantes a considerar:


El AMP del complemento agrega automáticamente las etiquetas Rel = “canónicas” a su contenido, por lo que no tiene que preocuparse por las penalizaciones de contenido duplicados.
Puede asegurarse de que su configuración de SEO Yoast se transfiera a su amplificador de contenido instalando complementos gratuitos para Yoast SEO y AMP. Además, todo en un SEO acepta el AMP de Google en el complemento base.
Al pasar más allá de WordPress en una aplicación móvil OK, los consejos anteriores se refieren a la mejora de la WordPress básica para Mobile.Pero, si desea ingresar al móvil, puede hacer las cosas mucho más allá del diseño básico receptivo.¡Estoy hablando de aplicaciones!Verá, hay un debate sobre si es mejor ir con un diseño web receptivo o una aplicación móvil.Ahora, no fingiré que tengo el conocimiento necesario para analizar este debate … pero sé exactamente cómo puede convertir su sitio de WordPress en una aplicación móvil.Entonces, si está en la aplicación móvil del equipo, así es como puede convertir su sitio de WordPress, ya sea en: Progressive Web App
Aplicación nativa
¿Cual es la diferencia? Las aplicaciones web progresivas son un tipo de híbrido entre el diseño receptivo y las aplicaciones nativas. Desde un punto de vista técnico, soy un “sitio”, pero funciona como una aplicación. Las aplicaciones nativas, por otro lado, en realidad se instalan en los teléfonos inteligentes de su visitante. Cómo convertir WordPress en una aplicación web progresiva gratuita para crear una versión de aplicación web progresiva de su WordPress, puede usar un complemento Freemium inteligente llamado WordPress Mobile Pack. En la versión gratuita, puede crear una versión básica de la aplicación web progresiva de su sitio para comenzar, debe instalar y activar el complemento gratuito de WordPress Mobile Pack. Luego puede poner su aplicación web progresiva en solo unos minutos. Comience agregando el logotipo y configurando los esquemas de color y las opciones de estilo: luego elija el contenido que desea incluir en la aplicación. Puede incluir todo o simplemente seleccionar ciertas categorías o páginas para incluir. Esta es una excelente opción si tiene contenido que simplemente no toma prestado el móvil: ¡y así sucesivamente! Puede explorar las otras opciones para agregar el seguimiento y configuración de Google Analytics que ve su aplicación móvil progresiva. Pero no hay que hacer nada más. ¿Qué obtienes en WordPress Mobile Pack Pro? Si desea ingresar todo en su aplicación web progresiva, puede comprar la versión Pro para tener acceso a:

Más opciones de estilo

Temas de aplicaciones adicionales para cambiar fácilmente toda la estética
Opciones para incluir anuncios en su aplicación web progresiva
Los desarrolladores también trabajan en extensiones adicionales que le permiten agregar características como: notificaciones
Modo offline
Https
Una solución para descargar una versión nativa de la aplicación web progresiva para lo mejor de ambos mundos
Desafortunadamente, cómo convertir WordPress en una aplicación nativa, porque el proceso de conversión de su sitio de WordPress en una aplicación móvil nativa es bastante complejo, la mayoría de los complementos cuestan un poco de dinero.Entonces, si desea crear una versión nativa de la aplicación móvil de su sitio de WordPress, deberá abrir su billetera y pagar un complemento premium.Aunque hay varios complementos que tienen la intención de hacer esto, las tres opciones más populares son:

PAPA de palabras
Mobiloud
Apresador
¿Cómo funciona WorldApp? WordApp le permite crear aplicaciones nativas de Android e iOS en su sitio web de WordPress. Lo mejor de todo, puede crear la aplicación Android gratuita, aunque tendrá que pagar la versión iOS. La creación de su aplicación toma solo unos 5 minutos e incluso podrá enviar a los usuarios de las notificaciones push directamente desde el tablero de WordPress. Incluso si va con la versión paga, WordApp todavía cuesta menos de $ 10 por mes. ¿Cómo funciona AppMaker? AppMaker le permite convertir los sitios de WordPress y WoCommerce en aplicaciones nativas de WordPress / WooCommerce y iOS. El precio se personaliza y puede obtener un costo estimado después de contactar a los expertos en aplicaciones. La compañía da prioridad a la calidad y el rendimiento por encima de todo, por lo que, aunque los precios pueden ser más altos que los competidores, respetan el mantra, “obtienes lo que paga”, por así decirlo. ¿Cómo funciona Mobiloud? Con Mobiloud, instale el complemento de forma gratuita y sincronice con su cuenta móvil pagada. Luego, Mobiloud crea una versión nativa de la aplicación de su sitio para iOS y Android. Obtendrá su propio logotipo, icono y pantalla de lanzamiento. Y Mobiloud se encargará del proceso de depósito. Actualmente, el plan móvil más barato comienza desde $ 69 por mes, cuando se paga mensualmente. También tienen varios planes ricos en funciones, que crecen en el precio. ¿Cómo funciona AppPreser?
Con AppPreser, crea su aplicación móvil nativa en la AppRess.Luego, el AppPreser le brinda un complemento dedicado para sincronizar su sitio web de WordPress con su aplicación móvil nativa.Mientras crea su aplicación, ¡no se preocupe!No necesita conocer ningún código para crear su aplicación nativa de WordPress.Todo se hace a través de un constructor visual, que es súper ordenado.Obviamente, no crearás el próximo Flappy Bird con el Visual Builder.Pero para una versión simple de la aplicación de su sitio de WordPress, es completamente bueno.AppProsser ofrece algunos planes diferentes: Starter: un plan básico para $ 199
Woo – Un plan para las tiendas de WooCommerce por $ 399
Agencia: diseñado para agentes a $ 499