Conocimiento Para Potenciar Tu Sitio Web

Cómo optimizar tu sitio para dispositivos móviles

Cómo optimizar tu sitio para dispositivos móviles thumbnail

Hace catorce años, el iPhone transformó la forma en la que navegamos, compramos, y nos comportamos. Esta es la razón por la que un sitio compatible con dispositivos móviles es necesario para los dueños de pequeños negocios.

En enero del 2007, Steve Jobs caminó hacia el escenario del Macworld Expo. En su estilo propio, el cofundador de Apple, CEO y empresario residente le prometió al mundo tres cosas: un iPod actualizado, un teléfono y un computador mini. 

Listó cada uno de los atributos de los artículos: “Un iPod de pantalla ancha con controles táctiles. Un teléfono móvil revolucionario. Y un dispositivo innovador de comunicaciones por internet”.  

Pero cuando fue el momento de la gran revelación, no reveló tres productos separados. Sostuvo el artefacto como un trofeo: el iPhone. “¿Lo entienden?”, le preguntó Jobs a la multitud. “Estos no son tres dispositivos separados. ¡Es un solo dispositivo! Y lo llamamos iPhone”. 

Con una interfaz completamente táctil y una apariencia elegante, el iPhone resaltó entre el resto de smartphones en el mercado. Once años después, se han vendido más de 1 billón. Los expertos lo aclaman como uno de los dispositivos más importantes lanzados en este siglo. 

El iPhone llevó a la revolución de los smartphones y transformó cómo son construidos y usados los sitios web, acomodando el diseño móvil y receptivo. Hoy en día, casi todo lo que hacemos — desde ordenar comida para llevar, hasta llamar un Uber, compartir una foto en redes sociales o publicar en nuestros blogs — puede ser realizado a través de un smartphone. Y el iPhone fue la clave para este cambio. 

Diseño Móvil: 14 años después 

Hoy, muchas personas usan sus smartphones como su único computador. Hay 3 billones de personas con smartphones y 1.3 con computadores. 

El tráfico móvil crece año tras año, dice Pete Polgar, Director de Marketing en Clikz Digital, una agencia de diseño digital y mercadeo ubicada en Little Falls, Nueva Jersey y está listo para superar el tráfico de escritorio.

“Un teléfono es más versátil y provee más valor al usuario final que un computador”, dice él. “Verás un crecimiento masivo en el uso del teléfono en los próximos años a medida que la tecnología sea más asequible”.

Si tu sitio web no está optimizado para dispositivos móviles, te estás perdiendo de mucho, dice Polgar. Él señala que Google no clasificará alto tu sitio si no es compatible con dispositivos móviles. “Si tus usuarios tienen una mala experiencia en la versión móvil, es probable que no regresen a tu sitio web”, añade él. 

¿Qué significa el diseño web móvil, de todas formas?

El diseño receptivo significa que no importa qué tan grande es una pantalla — desde un teléfono, un reloj, una tablet o computador de escritorio — el sitio llenará la pantalla y presentará la información de manera clara. 

“No es como que estés obteniendo un folleto o un boletín de noticias que está impreso y tiene un tamaño de lienzo constante”, explica Matt Felten, un diseñador de producto ubicado en Los Ángeles. “La proliferación del iPhone significa que los diseñadores se deben adaptar a tamaños de pantalla variables e inventar nuevos métodos para una plétora de diferentes dispositivos”. 

¿Estás comenzando un sitio desde cero? Piensa en la versión móvil primero

Bryan Clayton, CEO de GreenPal, pasó nueve meses construyendo su compañía desde cero. “Justo desde el principio, hubo grandes problemas”, dice él. “Asumimos que la mayoría de los usuarios comprarían un servicio de cuidado de césped desde sus computadores portátiles o de escritorio. Pero se hizo bastante claro, rápidamente que más personas estaban accediendo el sitio web desde teléfonos inteligentes y tablets que desde computadores portátiles o de escritorio — 4 a 1”.

La experiencia original de escritorio con todas las funciones incluían todo tipo de detalles tales como animaciones. “Teníamos todo tipo de funcionalidades que hacían que la experiencia de escritorio fuera encantadora”, él recuerda. “El problema con este enfoque era que la experiencia de escritorio no se traduciría al navegador web móvil”. 

Como resultado, el sitio web era excesivo y no funcionaba bien en móvil. Los usuarios encontraban que debían pellizcar la pantalla y hacer zoom para completar el proceso de registro.  

“Antes de que nuestro sitio fuera reconstruido para una experiencia de móvil primero, la conversión en navegadores era menos del 4%”, dice él. “Eso quiere decir que las personas que intentaron registrarse abandonaron el proceso el 96% del tiempo”.

Después de reconstruir el sitio para que fuera móvil primero, Clayton encontró que el 82% de las personas que iniciaron un proceso de registro para obtener una cotización de precio, completaron el proceso desde un dispositivo móvil y tablet. 

“Nuestro producto móvil primero es la única razón por la cual estamos siquiera en el juego”, dice él. 

Concéntrate en tu audiencia

Polgar encontró que muchos clientes aún piden sitios basados en escritorio. Pero “muchos de estos negocios no analizaron cómo los están encontrando sus clientes, lo cual era a través de móvil”, dice él. 

Para cualquier lanzamiento de sitio web o rediseño, él sugiere que los dueños de negocios primero descifren cómo usan los clientes su sitio. Una vez que determines cómo usarán el sitio, entonces puedes desarrollar una estrategia apropiada. 

Adicionalmente, asegúrate de que tu sitio sea accesible para todos los lectores — desde ajustar el contraste para que los daltónicos puedan leer el contenido, hasta hacer posible que las personas con discapacidades visuales entiendan a través de lectores de pantalla. 

Pide retroalimentación de los clientes

Zondra Wilson, dueña de Blu Skincare en Los Ángeles, solo se dio cuenta de que su sitio no era compatible con dispositivos móviles hasta que comenzó a pedirle retroalimentación a sus clientes. 

“Le pedía a mis clientes que escribieran una reseña y me decían que no encontraban donde escribirla”, recuerda ella. “Les preguntaba sobre mi blog o artículos que había publicado y les costaba encontrarlos. Tenían problemas viendo mi sitio desde celulares. Tenían que desplazarse bastante en la página antes de ver mi primera foto o de que cualquier información de mi compañía apareciera. No sabían cómo navegar a través de mi sitio. Muchos se frustraban y no pasaban de la primera página”. 

Wilson recientemente actualizó su sitio a una versión más compatible con dispositivos móviles y ya ha notado que los usuarios están viendo más páginas en su sitio de lo usual. 

Piensa en las pantallas pequeñas

Menos es más cuando se trata de móviles. Ya que los teléfonos no son tan poderosos como un navegador de escritorio, deberías asegurarte de que tu sitio esté optimizado para cargar rápido y que tu compañía de alojamiento web pueda manejar el tráfico, explica Polgar. 

Por último, la mejor estrategia de diseño es simple: saca todo el relleno excesivo. 

“Necesitas diseñar para algo pequeño”, dice Felten. “Tienes que ser un poco más enfocado. Debes reducir información y contenido”. Después de que tu sitio móvil está en el lugar correcto, puedes encontrar que no necesitas añadir más a la versión de escritorio del sitio, después de todo. 

“Los pequeños negocios tendrán que revisar sus estrategias de mercadeo actuales, ya que el espacio de pantalla se ha reducido significativamente”, dice Polgar. 

Vitaliy Vinogradov, CEO de Modern Place Lighting, se dio cuenta de que cambiar a un diseño de móvil primero llevó a 30% más de conversiones comparado con el navegador de escritorio. “Una cosa importante que puedes hacer es remover los plugins que no son utilizados, ventanas emergentes o cualquier inhibidor de pantalla en la versión móvil del sitio”, dice él. 

Su equipo revisó el sitio y eliminó algunos plugins de redes sociales que ocupaban espacio valioso en la pantalla. 

Refina tu estética de diseño

Diseño de mapa de un sitio en diferentes dispositivos y papel físico

El auge de los móviles ha impulsado el surgimiento de compañías centradas en diseño como Apple y Google. Los consumidores hoy en día esperan un diseño más sofisticado, dice Felten. 

“Hay un impulso grande para ver los casos comerciales de un hermoso sitio web y con buen rendimiento,” dice él. “Si soy el dueño de un pequeño negocio y toda la competencia tiene un sitio web muy bonito, sensible y yo no, en menos de un segundo, las personas crean una opinión negativa sobre mi producto”. 

Por otro lado, si tienes un sitio diseñado hermosamente, las personas creen que valoras y pones la misma cantidad de esfuerzo en tu producto. 

Crea una experiencia de usuario consistente

Antes del diseño móvil primero, las personas construían un sitio web para que fuera visto en un navegador de escritorio y luego diseñaban una versión móvil. 

¿El problema?

Tu sitio de escritorio puede verse y sentirse completamente diferente comparado con tu sitio móvil. Por ejemplo, la aplicación de Gmail en el teléfono es diferente al sitio móvil y el sitio de escritorio. Un diseño simple, sensible, elimina las diferencias discordantes en la experiencia de usuario, dice Felten. 

Piensa en redes sociales

La vasta mayoría de los blogs están siendo leídos y compartidos a través de redes sociales, dice Felten. 

Piensa en esto: desde las fotos de gatos, hasta reseñas de productos y memes, si cualquier persona está compartiendo contenido que leyó en un blog, probablemente será a través de una plataforma de redes sociales. Este es un caso donde querrás asegurarte de que tienes un diseño receptivo, sugiere Felten. 

Tu negocio debería tener una presencia de redes sociales a través de las plataformas apropiadas, para que pueda alcanzar la cantidad máxima de personas. “Para algunos negocios, tiene sentido tener Facebook y otros requieren una cuenta de Instagram”, dice él. “Esto crea  múltiples puntos de entrada a tu sitio y una forma de mostrar tu rango de servicios completo”: 

¿Necesito una aplicación para eso?

El iPhone también introdujo el concepto de aplicaciones que las compañías podían construir para sus clientes. Pero, ¿tu compañía necesita una? Felten dice que deberías asegurarte de que tu sitio web es estrictamente informativo. 

Si tu compañía provee funciones diarias — como agendar un servicio, revisar un balance u ordenar un producto, puede ser mejor crear una aplicación complementaria. 

¿Qué sigue?

“De ahora en adelante para cualquier pequeño negocio, necesitas tener un sitio web y necesitas que todos tus navegadores sean compatibles con dispositivos móviles”, dice Felten. Más allá de eso, Polgar predice que la nube será aún más importante, lo que significa que las compañías tendrán que diseñar asegurándose de que tus archivos se puedan acceder fácilmente usando una conexión de internet. 

7 Formas de optimizar tu sitio web para dispositivos móviles

Ahora que hemos dejado claro por qué es necesario preparar tu sitio para uso móvil, pongámonos un poco más prácticos. En las siguientes secciones, te guiaremos a través de algunos de los aspectos más críticos de crear un sitio web optimizado para móvil, desde lo simple hasta lo más técnico y complejo. 

Recomendamos que te tomes el tiempo de implementar tantos de estos métodos como sea posible, para mejorar las posibilidades de que tu sitio web rinda bien en todos los dispositivos (y sea favorecido por el index de móvil primero de Google). ¡Manos a la obra!

1. Prueba tu sitio usando la herramienta de compatibilidad móvil de Google

Antes de que tomes cualquier acción, es inteligente ver cómo le está yendo a tu sitio web cuando se trata de compatibilidad con dispositivos móviles. Hacer esto te ayudará a afinar las áreas específicas de tu sitio web que necesitan ser trabajadas y te dará información útil sobre cómo puedes realizar mejoras. 

Una forma de hacer esto es simplemente usar tu sitio en diferentes dispositivos. Accede el sitio usando tu propio smartphone o tablet y ve cómo se ve y se siente al usarla. Hacer esto te permite tener una idea de los tiempos de carga, qué tan bien funciona el diseño en una pantalla más pequeña, si el contenido aún es legible y si la navegación es fácil de usar. 

Una vez que has hecho esto, puedes incluso ir un poco más a fondo al usar una herramienta dedicada de prueba. Afortunadamente, Google ha creado una que puedes usar gratuitamente, lo cual te mostrará si tu sitio está a la altura de los estándares de las páginas móviles. Apropiadamente, esta es llamada la herramienta Mobile-Friendly Test.

Barra de búsqueda de la página de Mobile-Friendly Tool

Para probar tu sitio, solo necesitas ingresar su URL y haz clic en Run Test. El proceso usualmente se completará en algunos segundos, en cuyo punto verás los resultados. 

Página de resultados de Mobile-Friendly Tool

Si tu sitio es compatible con dispositivos móviles, verás un mensaje dejándote saber, junto con una captura de pantalla cómo aparece tu sitio web en un smartphone. Por otro lado, si tu sitio no es compatible con dispositivos móviles, los resultados te mostrarán qué elementos necesitan ser ajustados. 

Resultado de página no compatible con dispositivos móviles, Mobile-Friendly Tool

Incluso si tu sitio obtiene un resultado positivo en general, aún puede tener algo de dificultad cargando ciertos elementos. En ese caso, verás una notificación ‘Page loading issues’ (problemas al cargar la página). 

Notificación Page loading issues, en los resultados de Mobile-Friendly Tool

Esto abrirá una página donde puedes ver exactamente qué recursos Google no pudo cargar.

Notificación Page Partially Loaded, en los resultados de Mobile-Friendly Tool

En este punto, puedes tratar cada uno de los problemas enumerados a su vez. Por ejemplo, podrías editar tu archivo robots.txt para permitir que Google acceda a los archivos bloqueados, o arreglar cualquier error de redirección.

2. Usa un tema sensible de WordPress

Cuando se trata de elegir un tema WordPress, hay algunas cosas que necesitas tener en cuenta. Primero, querrás asegurarte de que está correctamente optimizado y no afecta negativamente el rendimiento de tu sitio web. También debe ser seguro y proveerte todas las configuraciones que necesitarás para personalizarlo. Por supuesto, también necesita tener una apariencia y estilo atractivos. 

Una parte de los criterios que es fácil de pasar por alto durante este proceso es si el tema es sensible o no. Esto quiere decir que el diseño de tu sitio será presentado apropiadamente, sin importar en qué dispositivo, navegador o tamaño de pantalla es visto. Afortunadamente, la mayoría de los temas estos días son completamente sensibles. Esto es particularmente cierto para muchas de las opciones del WordPress Theme Directory o directorio de temas de WordPress. 

Sin embargo, querrás asegurarte de que un dado tema es sensible antes de instalarlo. La mayoría de veces, el desarrollador menciona esto explícitamente en la descripción del tema, entonces asegúrate de revisar su lista de funcionalidades cuidadosamente. 

Descripción de funcionalidades de un tema de WordPress

Otros sitios te permitirán filtrar los temas solo para mostrar las opciones de sensibilidad. ThemeForest es uno de estos lugares. 

Página de categorías de temas, Themeforest. 

Una vez que has encontrado un tema que te gusta y que ofrezca un diseño receptivo, puede que quieras ver cómo se vería tu sitio en cada dispositivo. Si el tema está instalado, puedes realizar esto al navegar a Appearance > Customize en tu panel. Si ves la esquina inferior izquierda de la pantalla, verás un conjunto de iconos representando diferentes dispositivos. 

Panel de WordPress, iconos de visualización en diferentes dispositivos 

Hacer clic en uno de estos cambiará la vista y mostrará tu sitio web como aparecerá en el tipo de dispositivo seleccionado. 

Panel de edición de tema de WordPress. 

Ahora puedes ver precisamente qué tan receptivo es tu tema y si te permite hacer más configuraciones para mejorar la experiencia móvil. Puede tomar algo de tiempo encontrar el tema sensible y correcto, y configurarlo para funcionar a través de los diferentes dispositivos, pero el resultado final valdrá la pena. 

3. Elige una compañía de alojamiento confiable

Lo hemos dicho antes y muy felices lo diremos de nuevo — elegir la compañía de alojamiento correcta para tu sitio es una de las decisiones más cruciales que tendrás que tomar. El simple hecho es que si eliges una compañía de alojamiento o un plan que no te ofrece la velocidad y los recursos que necesitas, ninguna cantidad de trabajo de tu parte puede prevenir que tu sitio tenga un mal rendimiento. 

Tu compañía de alojamiento web tendrá mucho que ver al determinar qué tan bien rinde tu sitio y cuando se trata de optimización móvil primero, la velocidad es incluso más importante de lo usual. Discutiremos las razones de esto más adelante. Por ahora, es relevante que sepas que seleccionar una compañía de alojamiento que mantenga tu sitio funcionando rápido te ayudará mucho con la compatibilidad móvil de tu sitio.

Con eso en mente, necesitas elegir un plan que pueda garantizar un alto rendimiento constante y la menor cantidad de tiempo fuera de línea. La mejor opción en la mayoría de los casos es optar por un plan de alojamiento VPS, ya que tienden a ser asequibles mientras que aún ofrecen rendimiento increíble en todo momento. 

Página de características de planes VPS de DreamHost

Sin embargo, si necesitas incluso más de tu compañía de alojamiento web, puede que quieras adquirir un servidor administrado dedicado — lo cual significa que podrás usar un servidor que está específicamente reservado para tu sitio. Esto no solo te permite personalizar el servidor para tus requerimientos exactos, pero también significa seguridad y velocidad incrementada — los cuales son elementos clave de un sitio compatible con dispositivos móviles.

Sabemos que tienes muchas opciones de VPS

Así es como los VPS de DreamHost se diferencian: servicio al cliente 24/7, un panel intuitivo, RAM escalable, ancho de banda ilimitado, alojamiento ilimitado de dominios y almacenamiento SSD.

4. Mejora los tiempos de carga de tu sitio

Como mencionamos en la sección anterior, las velocidades de sitio web son particularmente significativas en un mundo de móvil primero. De hecho, optimizar tu sitio para mayor velocidad no solo ayudará a mantener baja tu tasa de rebote, sino que también te puede ayudar a mejorar tu experiencia de usuario, lo cual son buenas noticias para tu objetivo final.

Sin embargo, el rendimiento tiene más prioridades cuando estás optimizando tu sitio para los usuarios móviles. No hace mucho, Google introdujo su “Speed Update”, lo cual convirtió la velocidad en un factor de clasificación para las páginas móviles. Por lo tanto, es crítico que consideres cómo rinde tu sitio en dispositivos móviles si quieres que sea encontrado fácilmente en los motores de búsqueda. 

Probando la velocidad móvil de tu sitio

Lo primero que debes hacer es descubrir qué tan bien rinde tu sitio actualmente. Una vez más, Google está aquí para ayudarte con su herramienta Prueba Mi Sitio.

Página inicial de ‘Prueba Mi Sitio’

Todo lo que necesitas hacer aquí es ingresar la URL de tu sitio y hacer clic en el botón de flecha. La herramienta accederá y escaneará tu sitio web para ver qué tan rápido carga en un dispositivo móvil. 

Resultados de análisis del sitio con la herramienta ‘Prueba Mi Sitio’

También puedes desplazarte hacia abajo para ver más información detallada. Aquí verás cómo se compara tu sitio con la competencia e incluso cuántos segundos podrías reducir en tus tiempos de carga. 

Botón para obtener un informe completo del análisis en ‘Prueba Mi Sitio’

Si deseas hacer que estos tiempos sean más cortos, hay muchas formas en las que puedes optimizar tu sitio para mejorar su rendimiento en ambos escritorio y dispositivos móviles. 

Optimizar los tiempos de carga de tu sitio

Veamos algunos de los métodos básicos que puedes usar para mejorar la velocidad de tu sitio. 

  • Implementa almacenamiento en caché. Cuando usas caché, algunos de los archivos de tu sitio web serán almacenados en una ubicación más conveniente (tal como el dispositivo local de cada usuario), entonces no tienen que ser descargados cada vez que una nueva página es accedida. Hay muchos plugins gratuitos de caché disponibles, aunque algunos planes de alojamiento tal como DreamPress incluyen esta funcionalidad por defecto.
  • Usa una Red de distribución de contenidos (CDN). En vez de entregar tus archivos desde el servidor central, un CDN te permite almacenar copias de ellos en una serie de servidores que están distribuidos geográficamente. Esto hace que los tiempos de carga sean más balanceados sin importar la ubicación de un usuario específico, reduciendo a su vez tu uso de ancho de banda.
  • Comprime tus imágenes. Los archivos de imágenes grandes a menudo son los culpables de los tiempos de carga lentos. Al comprimirlas, puedes reducir su tamaño sin afectar su calidad. Hay un número de soluciones premium para ayudarte a hacer esto, incluyendo el plugin ShortPixel y la herramienta TinyPNG.
  • Minifica tu código. Al optimizar el CSS de tu sitio, HTML y código JavaScript, puedes hacerlo más eficiente y ahorrar preciados segundos de tus tiempos de carga.
  • Mantén todos los aspectos de tu sitio actualizados. Usar software desactualizado para administrar tu sitio web no solo te hace vulnerable a problemas de seguridad, sino que también previene que funcione con la máxima eficiencia. Al mantener tus plugins, temas y CMS actualizado en todo momento, puedes evitar esos problemas.

Mientras que esto puede parecer demasiado trabajo, la mayoría de estas técnicas de hecho pueden ser implementadas usando soluciones gratuitas que requieren poca o ninguna configuración de tu parte. Como resultado, tu sitio debería rendir considerablemente mejor en dispositivos móviles y tener una ventaja en las clasificaciones de motores de búsqueda. 

Actualiza tu sitio

La tecnología se está moviendo constantemente y estar al día puede ser una gran tarea. Actualizamos tu software desactualizado e inseguro, para que estés de nuevo en el camino correcto.

5. Rediseña tus ventanas emergentes para dispositivos móviles

Mientras que las ventanas emergentes son bastante criticadas, continúan siendo uno de los métodos más efectivos para captar la atención de los visitantes. Por lo tanto, no nos sorprendería si tu sitio contiene al menos una o dos ventanas emergentes estratégicamente posicionadas, diseñadas para incrementar las conversiones o pasar información vital a tus usuarios.

Ejemplo de una ventana emergente o pop-up en Nike.com

Sin embargo, esto puede convertirse en un problema cuando tu sitio es visto en dispositivos móviles. En un dispositivo más pequeño, el espacio se vuelve más importante e incluso las ventanas emergentes de tamaño mediano pueden ser más disruptivas de lo que parecen en una versión de escritorio de tu sitio web.

Para acabar con las ventanas emergentes que dañan la experiencia de usuario de esta forma, Google recientemente implementó algunas penalidades de ventanas emergentes. Estas son un conjunto de reglas que las ventanas emergentes deben seguir, para evitar frustrar a los usuarios móviles o cubrir demasiado espacio del sitio.  

Para evitar ser penalizado, tendrás que asegurarte de que tus ventanas emergentes de dispositivos móviles se adhieren a esas reglas. En términos simples, querrás configurar tus ventanas emergentes de la siguiente manera. 

  • Las ventanas emergentes deben ser tan poco obstruyentes como sea posible. En dispositivos móviles, las ventanas emergentes solo deberían cubrir una pequeña fracción de la pantalla.
  • Las ventanas emergentes deben ser fáciles de cerrar. Debería ser clara la forma en la que los usuarios de dispositivos móviles pueden deshacerse de la ventana emergente, usualmente a través de un botón visible claramente, con un tamaño decente.
  • Las ventanas emergentes que contienen información necesaria están exentas. Las reglas anteriores no aplican a diálogos de inicio de sesión, formularios de verificación de edad u otras ventanas emergentes que muestran información esencial (tal como notificaciones de cookies). 

A medida que tengas estas consideraciones en mente cuando estés diseñando tus ventanas emergentes no deberías estar en riesgo de ser penalizado. 

6. Habilita las páginas aceleradas para móvil o Accelerated Mobile Pages (AMP)

Como parte de la misión de Google para hacer la experiencia de navegación en móvil más fluida, la compañía también ha lanzado recientemente su proyecto páginas aceleradas para móvil (AMP). El proyecto ha crecido inmensamente desde que fue revelado en el 2015 y muchos sitios ahora están usando AMP para asegurar que sus versiones móviles operan desde su mejor rendimiento. 

Entonces, ¿qué es exactamente una página acelerada para móvil? En términos simples, es un método para crear versiones compatibles con dispositivos móviles de las páginas de tu sitio. Esto involucra deshacerte de algo del contenido, así como remover archivos multimedia innecesarios y diseños avanzados. La versión AMP entonces será servida a los usuarios quienes acceden a tu sitio usando un dispositivo móvil. 

Naturalmente, hay más sobre los AMPS, incluyendo las versiones especialmente creadas de los archivos HTML y JavaScript, pero afortunadamente, no necesitas entender todos los detalles técnicos para sacar ventaja de esta tecnología tu mismo. Si quieres crear tus propias páginas AMP, un excelente lugar para comenzar es con el plugin AMP para WordPress.

Plugin AMP de WordPress

Mientras que este plugin no tiene tantas funcionalidades, te presentará lo básico de usar AMP y es bastante fácil de usar. Solo necesitas descargar e instalar el plugin y este generará automáticamente versiones AMP de tus páginas. Incluso puedes realizar algunos cambios en la apariencia de las páginas, dándote más control sobre cómo se ven en dispositivos móviles. 

7. Crea una aplicación móvil

Finalmente, llegamos a una solución que parece un poco drástica a primera vista. Después de todo, no hace mucho que las aplicaciones móviles eran exclusivas de servicios y sitios web grandes. Sin embargo, el mercado ha cambiado significativamente y ahora es usual que cualquier tipo de negocio u organización ofrezca una aplicación móvil adicional a su sitio estándar y receptivo. 

Crear una aplicación dedicada viene con muchos beneficios únicos que un simple sitio web no puede ofrecer. Por ejemplo, te permite ofrecer suscripciones y tratar con ellas directamente a través de tu propia interfaz. También puedes enviar notificaciones para llamar la atención de tus usuarios cuando publicas contenido o deseas compartir algunas noticias.

Mientras que es posible codificar una aplicación móvil desde cero (o contratar un desarrollador para que lo haga), una solución más fácil es usar una herramienta que te ayude a convertir tu sitio en una aplicación. Una de esas soluciones que está optimizada para los usuarios de WordPress es AppPresser.

Página inicial de AppPresser

Esta es una herramienta premium con precios desde $19 USD por mes. Por eso, obtienes una interfase  intuitiva de creación de aplicaciones que debería ser fácil de usar si ya estás familiarizado con WordPress. 

Con esa interfase, puedes rápidamente crear una aplicación basada en un sitio específico para ambos Android y iOS, la cual puedes compartir con tus usuarios. Por ejemplo, podrías enviarla a una tienda de aplicaciones, o proveerla directamente a los visitantes de tu sitio o suscriptores. 

Estás cordialmente invitado

¡Únete al grupo de Facebook de DreamHost para conectarte con personas que piensan similar y obtener consejos de compañeros y expertos por igual!

La optimización móvil no puede esperar

Ahora vivimos en un mundo de móvil primero. La mayoría de usuarios de internet dependen más de los dispositivos móviles que sus contrapartes de escritorio, lo que quiere decir que necesitas considerar cuidadosamente cómo funciona y se ve tu sitio web en pantallas más pequeñas. Optimizar tu sitio para que rinda bien y aún sea fácil de usar en dispositivos móviles es clave, especialmente si no quieres ser penalizado por motores de búsqueda. 

¿Tienes preguntas sobre crear un sitio web móvil? Únete a nuestro grupo de Facebook y ¡comencemos la conversación!

Sobre el Autor:

Ellice nos llega de la Casa DreamHost, la primera de su nombre, Guardiana del contenido de todas las cosas, protectora de la marca y gobernante de los reinos sociales. tl;dr — Ellice es la Gerente de Marketing de Contenido en DreamHost y supervisa todos los esfuerzos de contenido y redes sociales.