Creación de un sitio web optimizado para dispositivos móviles con WordPress

Era la Navidad de 2009 y tenía un nuevo juguete: un iPhone 3. Como millones de personas en esa Navidad, pasé cada minuto gratis descargando aplicaciones, jugando juegos, tomando fotos y maravilladas en el nuevo mundo y aplicaciones Brave. En ese momento (¡las moscas de hace casi seis años), nadie había oído hablar del diseño web receptivo, y Apple era firme de que su dispositivo brillante era perfecto para visualizar los sitios web a tamaño completo para escritorios en una pantalla pequeña. Podrías pellizcar, tirar y tocar dos veces para aumentar el contenido y, si tuvieras suerte, cumplirías con un sitio web que tuviera una versión móvil separada.
Cómo han cambiado las cosas. El uso del navegador móvil ahora ha excedido el uso del navegador de escritorio y ahora el uso de aplicaciones, según la investigación de Morgan Stanley. Los usuarios continúan gastando más en aplicaciones una vez que las usan, pero cuando alguien recoge un teléfono inteligente hoy en día, es muy probable que abra el navegador. La investigación muestra que las descargas de aplicaciones han alcanzado un pico de aproximadamente 50-60 por dispositivo y que los usuarios no descargarán una aplicación para una marca con la que solo interactúen ocasionalmente. Si bien los usuarios pueden estar preparados para pasar horas en Angry Birds, Facebook o Cross Road, es poco probable que descargue su aplicación, es más probable que visite su sitio en su móvil. Todo esto significa que su sitio debe optimizarse para dispositivos móviles.
Y la gran noticia es que WordPress es la plataforma perfecta para ayudarlo a hacer esto. La importancia del dispositivo móvil para el diseño y el desarrollo web y WordPress no solo facilita la creación de un sitio que a sus usuarios les encantará en el móvil, sino que también le permite administrar su sitio en un dispositivo móvil. . Las investigaciones de Morgan Stanley nos muestran que el uso del navegador móvil es el doble que el uso de aplicaciones.

En esta publicación, analizaré algunas de las formas en que WordPress lo ayuda a crear y administrar un sitio web optimizado para dispositivos móviles. Veré cómo el núcleo de WordPress ha evolucionado para adoptar el móvil, cómo el resto abrirá posibilidades para que las aplicaciones móviles interactúen con WordPress, en los temas y complementos que lo ayudarán a crear un excelente sitio móvil y a la forma en que puede manejar su sitio en un dispositivo móvil.
Pero primero, consideremos las opciones para llegar a sus visitantes o clientes. Tocando a los visitantes en las opciones móviles, los métodos utilizados para llegar a los usuarios móviles han cambiado en los últimos años y este es un campo constante, ¡así que asegúrese de mantener el ritmo! Echemos un vistazo a las opciones disponibles. 1. El sitio móvil frente a la aplicación móvil se está volviendo cada vez menos frecuente para que los clientes vengan a mí pidiendo una aplicación, pero eso no significa que no haya lugar para la aplicación.
Menos clientes solicitan aplicaciones. Si bien la investigación muestra que el uso del navegador móvil es el doble de alto que la aplicación móvil actualmente, también muestra que una vez que las personas han descargado y abierto aplicaciones móviles, pasarán mucho más tiempo en la aplicación e interactuarán más profundamente que con ella. Un sitio optimizado para dispositivos móviles. Entonces, ¿cuál es el adecuado para usted?

Mi recomendación sería esta. En primer lugar, las circunstancias en las que podría crear una aplicación:
Desarrolle una experiencia rica e interactiva, como un juego.
La tecnología web no le permite crear lo que necesita (nuevamente como un juego).
Tiene una marca consagrada y desea que las personas lo más fácil posible interactúen con usted a través de una aplicación (por ejemplo, muchos de los grandes minoristas y sitios de viajes son más fáciles de interactuar a través de sus aplicaciones).
En los dos primeros casos, no se desarrollará con WordPress, por lo que tendrá que buscar la plataforma correcta en otro lugar. Pero en el segundo, solo podría haber la opción de crear una aplicación usando WordPress, especialmente con el desarrollo de la API WP-REST, que volveré más adelante.
Y aquí están las circunstancias en las que sería mejor crear un sitio web optimizado para dispositivos móviles:
Debe usar SEO para atraer a los visitantes a su sitio.
Desea facilitar el intercambio social de su contenido (esto es posible a través de aplicaciones, pero a menudo no se hace).
Las personas no tendrán que acceder a su sitio web fuera de línea.
Tiene un presupuesto limitado o un conjunto de habilidades limitadas.
Desea proporcionar el mismo contenido y experiencia a los visitantes en una amplia gama de dispositivos, incluidos teléfonos inteligentes, tabletas y escritorios. Creo que hay grandes posibilidades de que, si lea esto, se le aplicará uno de los anteriores. En la mayoría de los casos, un sitio web móvil es la mejor manera de elegir. E incluso si decide crear una aplicación, siempre le recomendaría que haga una copia de seguridad con un sitio web de alta calidad optimizado para dispositivos móviles.
2. Sitio móvil vs sitio receptivo Cuando los desarrolladores web comenzaban a responder a las crecientes cantidades de tráfico web móvil, la opción preferida para mejorar la experiencia del usuario (UX) era crear un sitio móvil. Este sería un sitio separado del sitio de escritorio “principal”, que ofrece un contenido diferente (es decir, contenido bajo) para dirigir a los usuarios con un conjunto diferente de necesidades y dispositivos más lentos. Pero todo esto ha cambiado. Personalmente, creo que la señal 4G en el iPhone 6 es más rápida que el wifi de mi hogar en ciertos momentos del día y ciertamente no limito mi navegación móvil a los tipos de actividades asociadas en estereotipo con el uso de dispositivos móviles, como encontrar Ubicaciones, obteniendo rápido. información, etc.
Millones de personas usan un dispositivo móvil solo para su uso personal de Internet, y el tiempo promedio dedicado en línea a través de un teléfono móvil ahora ha excedido el tiempo dedicado en línea en un escritorio. En 2010, poco después de recibir mi primer iPhone, un adulto promedio de EE. UU. Estaba pasando 24 minutos usando su móvil todos los días, mientras que ahora hay casi tres horas. Mientras tanto, el tiempo dedicado a las computadoras de escritorio permaneció estática a las 2.4 horas.
El uso móvil ahora ha excedido el del escritorio. Tomado de las estadísticas de marketing de información móvil. Esto significa que los visitantes de su sitio en dispositivos móviles no esperan una experiencia baja en comparación con lo que obtendrían en un escritorio y que no estarán contentos si reciben. En el momento en que los teléfonos eran más limitados o las señales móviles eran lentas, tal vez esto era apropiado, pero ahora sus visitantes esperarán la misma experiencia en dispositivos móviles y de escritorio.
Que se agrega a una cosa. Un sitio web receptivo casi siempre será preferible a un sitio móvil separado. Si todavía tiene una versión de su sitio con M. Prefix, o usa el navegador Sniffing para proporcionar otro tema (tal vez a través de un complemento), realmente tiene que detenerlo. ¡En este momento! Hay cientos de temas receptivos de WordPress receptivos de alta calidad, desde valores predeterminados gratuitos hasta la plataforma de temas premium. La forma en que WordPress ha adoptado a los desarrolladores móviles WordPress no es estúpido. Tienen en cuenta el tiempo de tendencias en Internet y se han asegurado de que a medida que WordPress ha evolucionado, es móvil de diferentes maneras.
Echemos un vistazo a algunos de ellos. Las pantallas de administración receptiva con WordPress 3.8, lanzadas en diciembre de 2013, las pantallas de administración de WordPress recibieron una revisión importante. Para mí, el aspecto más interesante de esto fue que las pantallas de administración eran receptivas.

WordPress 3.8 trajo un UX de administrador receptivo.
Esto significa que puede manejar su sitio web de WordPress en cualquier dispositivo que tenga disponible. Incluso creé un nuevo sitio en un iPad, aunque debo admitir que no fue fácil, y encontrar una buena aplicación de edición con capacidades FTP es un desafío. Pero es posible, especialmente si le complace usar temas disponibles del Director de Temas de WordPress. Las imágenes receptivas hacen que las imágenes sean realmente receptivas es algo que los desarrolladores web han estado trabajando durante varios años. En lugar de simplemente cambiar el tamaño de las imágenes para que coincidan con su contenedor con CSS, se trata de enviar una imagen con el tamaño adecuado a cada dispositivo dependiendo del tamaño de la pantalla. WordPress ya tiene una característica que ayuda a esto: guarda múltiples versiones de cada imagen que cargue, a diferentes tamaños. Las imágenes receptivas de complemento RICG aseguran que en los dispositivos móviles, la imagen más pequeña se envíe al navegador, que continuará luciendo bien en la página. Haga esto usando SRCSET HTML SRCSET. Pero mejora. La próxima versión principal de WordPress, versión 4.4, incluirá esto en el núcleo. Por lo tanto, no tendrá que instalar ningún complemento para hacer imágenes receptivas: ¡en cambio, WordPress hará un trabajo duro por usted dulce!
La API WP-Rest, recién estamos comenzando a rayar la superficie de la API WP-REST. Como Tom Ewer escribió en nuestro blog, la API REST tiene el potencial de cambiar el juego de juego, ya que permite a los desarrolladores interrogar la base de datos de WordPress sin usar PHP, pero en lugar de crear un objeto JSON. No entraré en detalles sobre cómo funciona aquí (si está interesado, recomiendo publicar Tom), pero lo que significa es que una base de datos de WordPress se puede usar para alimentar lo que pueda usar un objeto JSON. . Que es casi cualquier cosa. Incluyendo aplicaciones móviles. Entonces, si usted es una de esas personas que tiene que desarrollar una aplicación y WordPress ha pospuesto porque no es una plataforma de desarrollo, ahora puede repensar esta decisión. Un ejemplo es una tienda en línea: puede usar WordPress para alimentar el sitio web de su tienda y también para crear una aplicación móvil, utilizando la API REST para extraer datos de su sitio de WordPress a esa aplicación y asegurarse de que los datos se sincronizen entre los dos. Optimización de su sitio para usuarios de teléfonos móviles. Espero haberlo convencido de que necesita un sitio receptivo de WordPress, que está optimizado para los usuarios en todos los dispositivos. Entonces, si aún no tienes eso, ¿cómo puedes conseguirlo?

La buena noticia es que es fácil. Comencemos con temas receptivos. Temas receptivos Lo primero que necesita cualquier WordPress receptivo es un tema receptivo. Esto utilizará una combinación de aspectos fluidos (utilizando porcentajes para anchos en lugar de píxeles) y consultas de medios (para puntos de interrupción), para crear una apariencia que funcione bien en todas las dimensiones de la pantalla. Aquí hay algunos recursos para ayudarlo a este respecto: crear un sitio receptivo de WordPress. A sus usuarios móviles les encantará, una guía completa para hacer sus propios temas receptivos, incluidos CSS para hacer el tema receptivo y los consejos sobre Mobil.

55 Temas de WordPress gratuitos y receptivos-yes, ¡realmente hay tantos buenos temas!
Los 10 WordPress gratuitos más populares y los temas responsables de WordPress: un aspecto más detallado de los temas receptivos más populares.
Complementos para sitios receptivos Una vez que tenga un tema receptivo activado y personalizado donde sea relevante, el siguiente paso es asegurarse de usar complementos que juegan bien con sitios receptivos o que mejoren UX en pantallas más pequeñas. Aquí están algunas:
Menú complemento receptivo, que transforma la navegación principal en un menú receptivo.
Formularios de gravedad y complementos de Forma de contacto 7, ambos creando formas receptivas que cambian de tamaño con la ventana del navegador.
Los mejores 18 complementos de distribución social receptiva para WordPress. Los complementos de intercambio social no siempre juegan bien en diferentes tamaños de pantalla: esta guía lo ayudará a encontrar los que hacen.
Complementos de respuesta de control deslizante gratuito en el director de complementos de WordPress.
Mobble le brinda etiquetas condicionadas que le permiten verificar si su sitio es visitado en dispositivos móviles o de escritorio. Su sitio es receptivo, pero le facilitará la vida si usted es una persona que tiende a tener acceso a dispositivos móviles con más frecuencia que a los escritorios Si puede manejar y actualizar el sitio en un teléfono inteligente o tableta. Hay dos formas de hacer esto: por el navegador y el uso de una aplicación de WordPress. Administración del navegador Ya he mencionado anteriormente que las pantallas de administración de WordPress son receptivas. Esto significa que, en teoría, puede tratar con la administración de su sitio en cualquier tamaño de pantalla. En realidad, sin embargo, las cosas son un poco diferentes. A pocas personas les gustaría escribir contenido largo usando un teléfono inteligente (¡ciertamente no uso uno para escribir eso!
), y las pantallas de administración requieren un poco más de trabajo para explorar las pantallas más pequeñas. Pero en una tableta de pantalla de tamaño mediano, no hay razón para usar el navegador para mantener su sitio actualizado. Hago esto ocasionalmente y a veces tengo problemas con la interfaz con la pantalla táctil. Por lo tanto, si quiero trabajar con más detalle, tiendo a usar la aplicación WordPress. Administración a través de la aplicación WordPress ¿Qué dije anteriormente sobre las aplicaciones que estaban desactualizadas por el uso del navegador móvil?
Bueno, en el caso del administrador de WordPress, este no es el caso. Hay aplicaciones de WordPress para iOS y Android, que le permiten administrar su sitio y publicar contenido nuevo desde su dispositivo móvil. Tal vez una de las mejores características es cómo hace que sea tan fácil agregar fotos en su sitio web: simplemente tome una foto de su dispositivo e inserte en sus aplicaciones. La interfaz de aplicación está diseñada para pantallas táctiles y el tamaño de la pantalla relevante (para que usted Obtendrá una experiencia diferente en tabletas y teléfonos inteligentes) y le permitirá acceder y administrar más sitios de WordPress en la aplicación, incluidos sitios autoguiados y sitios de WordPress.com. La optimización de su sitio móvil para las últimas investigaciones muestra que simplemente no puede permitirse ignorar los visitantes de su sitio de WordPress en sus dispositivos móviles. También es interesante que las personas tengan más posibilidades de usar el navegador móvil que descargar una aplicación. Y las horas promedio gastadas en dispositivos móviles ahora han superado el escritorio. Si su sitio aún no está optimizado para los usuarios de dispositivos móviles, debe asegurarse de que lo sea. WordPress hace esto más fácil y, siguiendo los consejos anteriores, tendrá un sitio que atraiga a la audiencia más grande. ¿Ha optimizado el sitio para su público móvil? ¿Qué otras características le gustaría que WordPress lo ayude con el móvil? Háganos saber en los comentarios a continuación.
Etiquetas:
móvil