Cómo optimizar su contenido para pantallas más pequeñas

Los usuarios de dispositivos móviles han alcanzado miles de millones durante varios años (con un crecimiento constante). De hecho, más de la mitad de los usuarios de Internet ahora están navegando por la web principalmente a través de sus dispositivos. Por lo tanto, es importante asegurarse de que el contenido que cree para su sitio web se pueda ver fácilmente en pantallas más pequeñas. El desarrollo para pantallas más pequeñas ha progresado dramáticamente en los últimos años, por necesidad. Es más fácil que nunca asegurarse de que su sitio sea escalable y plegable. Afortunadamente, hay una amplia gama de temas y complementos disponibles que pueden ayudarlo a lograr estos objetivos rápidamente.
Dado esto, echemos un vistazo a cómo optimizar el contenido para dispositivos móviles, así como para varias plataformas en línea populares. Antes de eso, hablemos un poco más sobre por qué la optimización de contenido es una estrategia inteligente primero. La importancia de optimizar su contenido para los usuarios móviles

El personalizador de WordPress incluye opciones de vista previa para ver su sitio en tabletas y teléfonos inteligentes. En los primeros días de Internet, la navegación móvil no fue una consideración. Solo cuando los dispositivos mejoraron en la década de 1990, probablemente se convirtió en personas visitar su sitio con teléfonos o tabletas. Desde los vertiginosos días de las páginas WAP, Internet navegando en dispositivos inteligentes ha progresado hasta el punto en que puede ofrecer casi el 100% de paridad con la experiencia de escritorio.
Aun así, si bien los dispositivos móviles ahora ofrecen mucha potencia detrás de sus pantallas más pequeñas, la optimización de su sitio web para ellos aún es necesario. Esto se debe a varios factores, como la diferencia de velocidad del procesador para diferentes dispositivos y retrasos en la funcionalidad que se encuentra en los navegadores de escritorio que llegan a las versiones móviles. Al mismo tiempo, probablemente no desee viajar en la ruta de desarrollo tradicional de varios sitios web, uno para escritorio y otro para dispositivos móviles. La optimización para pantallas más pequeñas requiere equilibrio. Por un lado, querrá asegurarse de que su sitio esté cargado rápidamente y ofrece contenido claro y legible. También querrá asegurarse de que cualquier funcionalidad relevante para la experiencia del usuario (UX) funcione también en todos los dispositivos. Hablemos de cómo hacer esto. Cómo optimizar su contenido para pantallas más pequeñas, de hecho, optimizando su contenido. No es solo un caso para que su sitio sea receptivo y decirlo listo. Tener una apariencia receptiva es, por supuesto, en el paquete, pero hay un proceso que tendrá que seguir para optimizar adecuadamente su contenido para pantallas más pequeñas. En primer lugar, deberá probar el sitio que desea optimizar. La forma más sencilla es usar el sitio de prueba gratuito de Google desde Google:
Después de ingresar una URL y hacer clic en la prueba Ejecutar, el sitio analizará y probará su sitio. Cuando termine, verá un desglose de residencia simple:

Una vez que haya encontrado el nivel de compatibilidad con su sitio para dispositivos móviles (y si lo han encontrado), deberá configurar cómo implementar un diseño más optimizado. Hay tres formas de hacer esto en WordPress: a través de un tema, un complemento o código. Cuando se trata de complementos, hay muchas cosas que pueden hacer el trabajo, aunque probablemente serán la solución menos flexible. Para una solución más versátil, es posible que desee considerar un tema dedicado. La mayoría de los temas modernos son receptivos y son adecuados para pantallas más pequeñas en general, por lo que tendrá muchas opciones. Sin embargo, todavía vale la pena verificar la demostración de cualquier tema que le interese, buscando anomalías extrañas. Después de todo, no todos los temas están igualmente codificados. Esto nos lleva a nuestro método final: la codificación. Muchos clientes querrán una solución personalizada y no todos los temas disponibles se adaptarán a sus necesidades (o serán amigables para los desarrolladores). En nuestra opinión, esta es una tarea para un iniciador de calidad o un marco. Aunque hay muchas soluciones para elegir (y debe probarlas todas), los subrayados es una opción notable, a saber, porque está desarrollada por automática (es decir, desarrolladores de WordPress):

Anteriormente hemos discutido cómo crear un tema con personajes subrayados, por lo que le recomendamos que consulte esa guía. Sin embargo, independientemente del tema inicial que elija, será útil una base sólida en lo que puede hacer para que su sitio sea receptivo.
2 plataformas a considerar al optimizar su contenido una vez que su sitio esté optimizado en el sentido general, el trabajo no se detiene aquí. También puede optimizarlo para plataformas específicas y comúnmente utilizadas, como Facebook y Google. Veamos cómo asegurarnos de que su sitio funcione bien en el formato de contenido móvil único de cada plataforma. 1. Los artículos instantáneos de artículos de FacebookInstant en Facebook son, sin sorprender, un “jardín con paredes”. Solo lo experimentará si lee contenido de la aplicación de Facebook dedicada. Sin embargo, una vez que lo haga, descubrirá que la experiencia es elegante y muy bien integrada. La apertura de un artículo crea un medio Sandbox que carga su página web. El entorno lo muestra como parte del ecosistema de Facebook.

Los artículos instantáneos incluyen una serie de funciones de participación (como los mapas de audio y interactivos construidos), aunque está bloqueado cuando se trata de un diseño personalizado. Facebook solo ofrece plantillas, en lugar de una plataforma para crear soluciones personalizadas. Traté más en detalle cómo funciona antes. Para comenzar a adaptar el contenido de su sitio a artículos instantáneos, querrá consultar la guía dedicada de “inicio rápido”. Una guía separada de WordPress explica cómo conectar la plataforma a Facebook, utilizando los artículos instantáneos para el complemento WP:

Esta solución es una empresa conjunta entre Facebook, Automatic y DeKode. Aunque, sin duda, es la mejor manera de comenzar a usar artículos instantáneos, vale la pena señalar que las revisiones son generalmente débiles. Sin embargo, dado que es la versión oficial y se menciona como el único método para optimizar su sitio en las páginas de desarrolladores de Facebook, continuará siendo su complemento básico al desarrollar elementos instantáneos. 2. Páginas de Google Acelerado Móvil

A diferencia de los artículos instantáneos, las páginas móviles aceleradas (AMP) es una iniciativa de código abierto que se puede implementar en casi cualquier sitio web (aunque no en Facebook). Es una iniciativa común entre Google, Twitter y otros desarrolladores prominentes, con un énfasis principal en hacer Web en increíbles dispositivos móviles. Además, es posible notar que la optimización para los motores de búsqueda (SEO) se beneficia de su implementación, porque se agregará una función de indexación para dispositivos móviles al AMP en el futuro cercano.
En un retorno completo de 180 grados de artículos instantáneos, el AMP no tiene plantillas.Esencialmente, construirá sus páginas compatibles con AMA desde cero.Sin embargo, esta no es la gigantesca tarea que puede parecer.Debido a que AMP usa un formulario adaptado por HTML, debería ser relativamente fácil actualmente.Pasar por los tutoriales y orientación de Google hará que el proceso sea más claramente.Una vez que se sienta cómodo con los elementos básicos, hay una serie de otros elementos que también puede incluir.Finalmente, también hay un complemento de WordPress para ayudar a implementar AMP en su sitio web.Se llama adecuadamente el complemento WP: