Consejos sobre cómo hacer que su blog sea más compatible con dispositivos móviles
Google anunció recientemente que utilizará una actualización de algoritmo compatible con dispositivos móviles para verificar si todos los blogs son compatibles con dispositivos móviles y penalizará a los que no lo sean. Lo que dejó a muchos bloggers preguntándose cómo hacer que sus sitios web sean más compatibles con dispositivos móviles y cómo saber si su blog es compatible con dispositivos móviles o no. Es por eso que reunimos la información más vital sobre por qué es tan importante hacer que su blog sea más compatible con dispositivos móviles y cómo hacerlo realmente.
Hoy en día, una gran parte de los visitantes de cualquier blog utilizan sus dispositivos móviles en lugar de computadoras para hacerlo. Y dado que Google se comprometió a mejorar la clasificación de los sitios que son adecuados para ver en dispositivos móviles, es más importante que nunca asegurarse de que su blog o sitio web sea compatible con dispositivos móviles.
Por supuesto, no se trata solo de lo que Google quiere. Hacer que su blog sea compatible con dispositivos móviles también es lo mejor para usted y sus lectores, porque, dado que muchas personas usan sus dispositivos móviles para navegar por Internet, hará que la lectura de su blog sea más conveniente para ellos. Según la investigación de Pew Internet Project, más de un tercio de todos los propietarios de teléfonos celulares usan su teléfono más que su computadora de escritorio o portátil para acceder a Internet. Entonces, si desea que su blog se vea fácilmente en cualquier teléfono inteligente, así como aumentar el número de lectores de su blog, la compatibilidad con dispositivos móviles es algo en lo que debe pensar. Y en realidad es más fácil de lograr de lo que uno podría pensar.
Pruebas de compatibilidad móvil
A medida que Google ideó este algoritmo compatible con dispositivos móviles, también hizo posible que todos probaran sus blogs y sitios web para esta métrica utilizando su herramienta de prueba compatible con dispositivos móviles. Simplemente ingrese la URL de su blog en el cuadro "Ingresar URL para probar", haga clic en "Ejecutar prueba" y la herramienta le dirá si su blog es compatible con dispositivos móviles o no.
Si su sitio web es compatible con dispositivos móviles, puede relajarse un poco, porque no tiene que hacer nada. Sin embargo, si esta herramienta de Google determina que su blog no es el más fácil de leer en un dispositivo móvil, entonces necesita hacer algunas mejoras en este departamento lo antes posible.
Para aquellos que utilizan un software de gestión de contenido (CMS) para ejecutar su blog, como WordPress, Joomla!, Drupal, Blogger, Tumblr, Google Sites, Bitrix, etc., la personalización no debería ser un problema, ya que la mayoría de estos sistemas de software Ofrece herramientas que automáticamente harán que tu sitio web sea compatible con dispositivos móviles. Pero, si siguió la raíz de la vieja escuela de no usar ningún software CMS para hacer su sitio web, o si usó CMS, pero su sitio web aún no está a la altura de los estándares móviles, aquí hay algunos consejos sobre cómo mejorar la compatibilidad móvil de su sitio.
1 Actualice CMS a la última versión y use temas móviles
Si usa CMS, todo lo que necesita hacer es actualizar su software o cambiar el tema que está usando para su blog. La mayoría de los CMS ya brindan todas las herramientas para que su sitio sea compatible con dispositivos móviles, pero debe asegurarse de que su CMS esté actualizado a la última versión. Por ejemplo, Joomla viene con soporte móvil, solo cuando se actualiza a la última versión del software. Sin embargo, otro software puede requerir que cambie el tema de su sitio web para que sea compatible con dispositivos móviles, ya que algunos temas más antiguos simplemente no se ven bien en los dispositivos móviles, por lo tanto, tampoco son adecuados para ellos. Para hacer eso, vaya al panel administrativo de su CMS, busque la pestaña de temas en su tablero y cambie el tema de su blog a uno que sea receptivo y compatible con dispositivos móviles. Por ejemplo, WordPress ofrece cientos de temas diferentes, y una gran parte de ellos son gratuitos y receptivos. Lamentablemente, si está utilizando un CMS, que no ofrece soporte móvil, se necesitarán más mejoras y podría ser más inteligente simplemente cambiar su software de administración de contenido.
2 Usa subtítulos
Una regla general cuando se trata de contenido de blog que es conveniente para los usuarios de dispositivos móviles es permitirles absorber el texto en párrafos más pequeños en lugar de tener su artículo en un texto largo. Por lo tanto, el texto de la publicación de su blog debe estar bien estructurado, para que el lector pueda orientarse fácilmente en el texto. Eso se puede hacer fácilmente usando subtítulos. Cuando usa subtítulos, el texto se divide automáticamente en muchos subcapítulos y hay menos posibilidades de que el lector pierda su lugar mientras lee el artículo. Y dado que perder su lugar mientras lee algo en su teléfono inteligente es un problema bastante común para muchos usuarios de dispositivos móviles, porque el desplazamiento móvil dificulta la lectura de textos largos y monótonos, resuélvalo usando encabezados.
Los encabezados se pueden insertar fácilmente usando etiquetas de encabezado. La etiqueta para el encabezado más grande e importante es
, que es un encabezado apenas perceptible, pero aún así lo ayudará a dividir su contenido y facilitará la lectura.
3 Elija el tamaño apropiado para las imágenes
Los blogueros suelen elegir el tamaño de las imágenes que van a utilizar en las publicaciones de su blog de acuerdo con el tamaño normal de la pantalla de la computadora, pero cuando las publicaciones del blog se ven en pantallas más pequeñas, como la de un teléfono móvil, las imágenes generalmente terminan. siendo del mismo tamaño. Significa que los usuarios de dispositivos móviles no ven las imágenes en la proporción adecuada. Por lo tanto, haga sus imágenes para que no solo sean más pequeñas en dimensiones, por lo general, las imágenes de menos de 1500 por 2500 píxeles son las mejores, sino también más pequeñas en tamaño: se recomienda menos de 500 KB. Además de tener fotos aptas para dispositivos móviles, reducir el tamaño de los archivos de tus imágenes también permitirá a los usuarios cargar las páginas más rápido, ya que las imágenes más pequeñas usan menos datos para cargar.
Para reducir el tamaño y las dimensiones de sus imágenes, use cualquier editor de fotos que tenga a mano, ya que no necesita Photoshop para poder hacer esto. Recomendamos usar JPEGmini o Pixlr, porque con estos editores de fotos puedes reducir el tamaño de tus imágenes sin comprometer su calidad.
4 Usa un diseño receptivo
El diseño receptivo para un blog o sitio web brinda la oportunidad de verlo desde muchas plataformas y dispositivos diferentes con diferentes tamaños de pantalla de manera más conveniente, ya que adapta automáticamente su sitio web al ancho de la ventana del navegador. Y, para garantizar una lectura conveniente para los visitantes del blog, durante esta adaptación, por lo general, el diseño del blog cambia, por ejemplo, las imágenes se reducen, las columnas se alinean verticalmente y el menú también cambia. Pero si estos cambios no ocurren por sí solos, hay herramientas que puede usar para hacerlo usted mismo.
Por ejemplo, Foundation 3, Skeleton y Bootstrap. Estos marcos ajustarán automáticamente su blog, por lo que es fácil de leer en cualquier dispositivo. Usarlos es mucho más fácil que codificar todas las combinaciones posibles por ti mismo. Por supuesto, también puede hacer esto usando las nuevas unidades de longitud relativa de CSS3, como el ancho de la ventana gráfica (vw), la altura de la ventana gráfica (vh), el mínimo de la altura y el ancho de la ventana gráfica (vmin) y el máximo de la altura y el ancho de la ventana gráfica (vmax). Sin embargo, la codificación requiere habilidad y tiempo, y si no eres un programador experimentado, te sugiero que optes por la primera opción.
5 Usa diseños simples
Los usuarios móviles prefieren diseños de sitios simples, porque los sitios web de diseño grande y complicado se vuelven lentos en un dispositivo móvil. Los diseños simples también facilitan mantener la atención del lector en el contenido en lugar de distraerlo con un diseño elegante, porque estadísticamente la mayoría de los usuarios de dispositivos móviles tienen períodos de atención bastante cortos.
Eso significa hacer que el diseño de su sitio sea simple y fácil de entender. Si está utilizando un tema que ofrece su proveedor de servicios, simplemente puede cambiarlo a uno más simple. Por ejemplo, WordPress ofrece muchos diseños elegantes y simples que no abrumarán a los dispositivos móviles, pero que también se verán bien en una computadora de escritorio. Pero si ha creado su sitio web usando HTML, puede descargar una plantilla simple, que hará que su sitio se vea genial y también sea compatible con dispositivos móviles. Por ejemplo, Envato Market ofrece muchos diseños simples diferentes para que elija y use en su sitio.
6 Usa fuentes estándar
Las fuentes interesantes pueden hacer que un blog se vea más creativo, pero estas fuentes también pueden ser una molestia para los lectores móviles del blog, ya que no todos los dispositivos móviles admiten fuentes de escritorio sofisticadas. Entonces, para ver el contenido, los usuarios de dispositivos móviles tendrán que descargar nuevas fuentes a sus teléfonos, lo cual es una molestia que para muchos no vale la pena. Además de eso, incluso si tienen todas las fuentes preinstaladas, algunas fuentes más creativas pueden ser difíciles de leer en un teléfono inteligente debido al tamaño más pequeño.
Así que elige fuentes tradicionales como Times New Roman, Verdana, Comic Sans MS, WildWest o Bedrock. Y también verifique la legibilidad de la fuente que decida usar, para asegurarse de que el texto no se vuelva ilegible una vez que se vea en una pantalla más pequeña de un teléfono inteligente. Una regla general es que cualquier texto en un sitio web debe tener al menos 14 px, porque de esta manera el texto será lo suficientemente grande para ser legible incluso si usa un dispositivo móvil con una pantalla muy pequeña.
7 Minimizar el contenido por página
Cuando se carga una página en cualquier dispositivo, ya sea una computadora, una tableta o un teléfono inteligente, el dispositivo descarga todo el contenido de la página. Por lo general, no causa ningún problema si está utilizando una computadora, pero una gran cantidad de datos puede abrumar a los dispositivos móviles. Para evitar eso, debes minimizar la cantidad de contenido en cada página, porque esto asegurará que tu blog funcione en todos los dispositivos móviles.
Se recomienda reducir el contenido de su página por debajo de 5 MB por página. Puede verificar fácilmente el tamaño del contenido de su página en cualquier navegador. Simplemente use una de las muchas herramientas de verificación del tamaño de la página web, que están disponibles en línea. Si tiene más de 5 MB, reduzca el tamaño y la cantidad de texto, imágenes y otros componentes de la página manualmente o use extractos del blog para que los visitantes puedan ver su blog más fácilmente.
8 Usa videos de YouTube
Si tiende a publicar muchos videos en los artículos de su blog, debe recordar que se verán muy diferentes en un dispositivo móvil que en una computadora. Además, algunos dispositivos móviles ni siquiera son compatibles con ciertos formatos de video, por lo que para evitar la posibilidad de que el usuario no pueda reproducir el video en su sitio, use YouTube incorporado. El código de inserción que proporciona YouTube para todos y cada uno de sus videos ya responde, lo que significa que podrá ver el video en casi cualquier dispositivo y ya no tendrá que preocuparse por los tamaños y formatos de video.
Puede obtener el código de inserción para un video de YouTube haciendo clic en el botón "Compartir", que se encuentra debajo del botón "Suscribir", luego haga clic en la pestaña "Insertar" y copie el código provisto en su sitio. Y usted tiene un video de tamaño perfecto en su publicación sin siquiera tener que convertirlo o ajustarlo.
Muchas veces los enlaces en un sitio web son demasiado pequeños para que un usuario móvil los toque con el dedo de manera fácil y precisa. Y puede ser realmente molesto para un lector de blog, cuando no puede tocar con precisión el contenido que quiere ver. Es por eso que debe reemplazar todos los enlaces en su sitio web con botones que tengan al menos 44 píxeles por 44 píxeles de tamaño.
Si está utilizando un CMS como WordPress, puede usar complementos para crear estos botones. Vaya al panel de control de su CMS, busque un complemento apropiado, instálelo y siga las instrucciones para usarlo correctamente. Pero si ha codificado el sitio web usted mismo, puede usar uno de esos generadores de botones de enlace gratuitos, que le ahorrarán el tiempo que usaría al codificar los botones usted mismo.
10 Sigue probando
Por último, cuando haya realizado todas las mejoras y crea que su blog es lo más compatible con dispositivos móviles posible, vuelva a probar su blog con la herramienta de prueba de Google o alguna otra herramienta de prueba de compatibilidad con dispositivos móviles que pueda encontrar en Internet. Si ahora todo está bien y la herramienta te asegura que tu blog no recibirá una penalización porque no es compatible con dispositivos móviles, entonces puedes relajarte y seguir haciendo crecer tu sitio web creando contenido excelente. Pero solo para estar seguro, le sugiero que pruebe su sitio web desde múltiples dispositivos diferentes.
Pídales a sus amigos o familiares que vean su blog desde sus teléfonos y tabletas. Pruebe su sitio desde un dispositivo Android e IOS, así como dispositivos que puedan tener un sistema operativo completamente diferente. Y revise todas las páginas principales de su blog en esos dispositivos. Solo al probar la compatibilidad con dispositivos móviles de su blog en la vida real, puede estar seguro de que su sitio es realmente fácil de ver y leer desde todos los dispositivos.
La compatibilidad con dispositivos móviles no se trata solo de tener un buen diseño del sitio, sino también de mejorar la experiencia del usuario en su sitio web. Por eso, cuando hace que su blog sea más compatible con dispositivos móviles, más personas estarán dispuestas a volver a su sitio web, porque será fácil de ver y entender. Y dado que la cantidad de personas que usan sus teléfonos móviles como dispositivo principal para navegar por la web solo aumenta cada año que viene, solo le conviene asegurarse de que su sitio web sea amigable para estos usuarios de teléfonos inteligentes y muestre el contenido a ellos en forma conveniente y fácil de leer.