\n Google anunci\u00f3 recientemente que utilizar\u00e1 una actualizaci\u00f3n de algoritmo compatible con dispositivos m\u00f3viles para verificar si todos los blogs son compatibles con dispositivos m\u00f3viles y penalizar\u00e1 a los que no lo sean. Lo que dej\u00f3 a muchos bloggers pregunt\u00e1ndose c\u00f3mo hacer que sus sitios web sean m\u00e1s compatibles con dispositivos m\u00f3viles y c\u00f3mo saber si su blog es compatible con dispositivos m\u00f3viles o no. Es por eso que reunimos la informaci\u00f3n m\u00e1s vital sobre por qu\u00e9 es tan importante hacer que su blog sea m\u00e1s compatible con dispositivos m\u00f3viles y c\u00f3mo hacerlo realmente.\n<\/p>\n
\n Hoy en d\u00eda, una gran parte de los visitantes de cualquier blog utilizan sus dispositivos m\u00f3viles en lugar de computadoras para hacerlo. Y dado que Google se comprometi\u00f3 a mejorar la clasificaci\u00f3n de los sitios que son adecuados para ver en dispositivos m\u00f3viles, es m\u00e1s importante que nunca asegurarse de que su blog o sitio web sea compatible con dispositivos m\u00f3viles.\n<\/p>\n
\n Por supuesto, no se trata solo de lo que Google quiere. Hacer que su blog sea compatible con dispositivos m\u00f3viles tambi\u00e9n es lo mejor para usted y sus lectores, porque, dado que muchas personas usan sus dispositivos m\u00f3viles para navegar por Internet, har\u00e1 que la lectura de su blog sea m\u00e1s conveniente para ellos. Seg\u00fan la investigaci\u00f3n de Pew Internet Project, m\u00e1s de un tercio de todos los propietarios de tel\u00e9fonos celulares usan su tel\u00e9fono m\u00e1s que su computadora de escritorio o port\u00e1til para acceder a Internet. Entonces, si desea que su blog se vea f\u00e1cilmente en cualquier tel\u00e9fono inteligente, as\u00ed como aumentar el n\u00famero de lectores de su blog, la compatibilidad con dispositivos m\u00f3viles es algo en lo que debe pensar. Y en realidad es m\u00e1s f\u00e1cil de lograr de lo que uno podr\u00eda pensar.\n<\/p>\n
\n Pruebas de compatibilidad m\u00f3vil\n<\/p>\n
\n A medida que Google ide\u00f3 este algoritmo compatible con dispositivos m\u00f3viles, tambi\u00e9n hizo posible que todos probaran sus blogs y sitios web para esta m\u00e9trica utilizando su herramienta de prueba compatible con dispositivos m\u00f3viles. Simplemente ingrese la URL de su blog en el cuadro \u00abIngresar URL para probar\u00bb, haga clic en \u00abEjecutar prueba\u00bb y la herramienta le dir\u00e1 si su blog es compatible con dispositivos m\u00f3viles o no.\n<\/p>\n
\n Si su sitio web es compatible con dispositivos m\u00f3viles, 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\u00e1s f\u00e1cil de leer en un dispositivo m\u00f3vil, entonces necesita hacer algunas mejoras en este departamento lo antes posible.\n<\/p>\n
\n Para aquellos que utilizan un software de gesti\u00f3n de contenido (CMS) para ejecutar su blog, como WordPress, Joomla!, Drupal, Blogger, Tumblr, Google Sites, Bitrix, etc., la personalizaci\u00f3n no deber\u00eda ser un problema, ya que la mayor\u00eda de estos sistemas de software Ofrece herramientas que autom\u00e1ticamente har\u00e1n que tu sitio web sea compatible con dispositivos m\u00f3viles. Pero, si sigui\u00f3 la ra\u00edz de la vieja escuela de no usar ning\u00fan software CMS para hacer su sitio web, o si us\u00f3 CMS, pero su sitio web a\u00fan no est\u00e1 a la altura de los est\u00e1ndares m\u00f3viles, aqu\u00ed hay algunos consejos sobre c\u00f3mo mejorar la compatibilidad m\u00f3vil de su sitio.\n<\/p>\n
\n Si usa CMS, todo lo que necesita hacer es actualizar su software o cambiar el tema que est\u00e1 usando para su blog. La mayor\u00eda de los CMS ya brindan todas las herramientas para que su sitio sea compatible con dispositivos m\u00f3viles, pero debe asegurarse de que su CMS est\u00e9 actualizado a la \u00faltima versi\u00f3n. Por ejemplo, Joomla viene con soporte m\u00f3vil, solo cuando se actualiza a la \u00faltima versi\u00f3n del software. Sin embargo, otro software puede requerir que cambie el tema de su sitio web para que sea compatible con dispositivos m\u00f3viles, ya que algunos temas m\u00e1s antiguos simplemente no se ven bien en los dispositivos m\u00f3viles, por lo tanto, tampoco son adecuados para ellos. Para hacer eso, vaya al panel administrativo de su CMS, busque la pesta\u00f1a de temas en su tablero y cambie el tema de su blog a uno que sea receptivo y compatible con dispositivos m\u00f3viles. Por ejemplo, WordPress ofrece cientos de temas diferentes, y una gran parte de ellos son gratuitos y receptivos. Lamentablemente, si est\u00e1 utilizando un CMS, que no ofrece soporte m\u00f3vil, se necesitar\u00e1n m\u00e1s mejoras y podr\u00eda ser m\u00e1s inteligente simplemente cambiar su software de administraci\u00f3n de contenido.\n<\/p>\n
\n Una regla general cuando se trata de contenido de blog que es conveniente para los usuarios de dispositivos m\u00f3viles es permitirles absorber el texto en p\u00e1rrafos m\u00e1s peque\u00f1os en lugar de tener su art\u00edculo en un texto largo. Por lo tanto, el texto de la publicaci\u00f3n de su blog debe estar bien estructurado, para que el lector pueda orientarse f\u00e1cilmente en el texto. Eso se puede hacer f\u00e1cilmente usando subt\u00edtulos. Cuando usa subt\u00edtulos, el texto se divide autom\u00e1ticamente en muchos subcap\u00edtulos y hay menos posibilidades de que el lector pierda su lugar mientras lee el art\u00edculo. Y dado que perder su lugar mientras lee algo en su tel\u00e9fono inteligente es un problema bastante com\u00fan para muchos usuarios de dispositivos m\u00f3viles, porque el desplazamiento m\u00f3vil dificulta la lectura de textos largos y mon\u00f3tonos, resu\u00e9lvalo usando encabezados.\n<\/p>\n
\n Los encabezados se pueden insertar f\u00e1cilmente usando etiquetas de encabezado. La etiqueta para el encabezado m\u00e1s grande e importante es\n<\/p>\n
\n Los blogueros suelen elegir el tama\u00f1o de las im\u00e1genes que van a utilizar en las publicaciones de su blog de acuerdo con el tama\u00f1o normal de la pantalla de la computadora, pero cuando las publicaciones del blog se ven en pantallas m\u00e1s peque\u00f1as, como la de un tel\u00e9fono m\u00f3vil, las im\u00e1genes generalmente terminan. siendo del mismo tama\u00f1o. Significa que los usuarios de dispositivos m\u00f3viles no ven las im\u00e1genes en la proporci\u00f3n adecuada. Por lo tanto, haga sus im\u00e1genes para que no solo sean m\u00e1s peque\u00f1as en dimensiones, por lo general, las im\u00e1genes de menos de 1500 por 2500 p\u00edxeles son las mejores, sino tambi\u00e9n m\u00e1s peque\u00f1as en tama\u00f1o: se recomienda menos de 500 KB. Adem\u00e1s de tener fotos aptas para dispositivos m\u00f3viles, reducir el tama\u00f1o de los archivos de tus im\u00e1genes tambi\u00e9n permitir\u00e1 a los usuarios cargar las p\u00e1ginas m\u00e1s r\u00e1pido, ya que las im\u00e1genes m\u00e1s peque\u00f1as usan menos datos para cargar.\n<\/p>\n
\n Para reducir el tama\u00f1o y las dimensiones de sus im\u00e1genes, 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\u00f1o de tus im\u00e1genes sin comprometer su calidad.\n<\/p>\n
\n El dise\u00f1o receptivo para un blog o sitio web brinda la oportunidad de verlo desde muchas plataformas y dispositivos diferentes con diferentes tama\u00f1os de pantalla de manera m\u00e1s conveniente, ya que adapta autom\u00e1ticamente su sitio web al ancho de la ventana del navegador. Y, para garantizar una lectura conveniente para los visitantes del blog, durante esta adaptaci\u00f3n, por lo general, el dise\u00f1o del blog cambia, por ejemplo, las im\u00e1genes se reducen, las columnas se alinean verticalmente y el men\u00fa tambi\u00e9n cambia. Pero si estos cambios no ocurren por s\u00ed solos, hay herramientas que puede usar para hacerlo usted mismo.\n<\/p>\n
\n Por ejemplo, Foundation 3, Skeleton y Bootstrap. Estos marcos ajustar\u00e1n autom\u00e1ticamente su blog, por lo que es f\u00e1cil de leer en cualquier dispositivo. Usarlos es mucho m\u00e1s f\u00e1cil que codificar todas las combinaciones posibles por ti mismo. Por supuesto, tambi\u00e9n puede hacer esto usando las nuevas unidades de longitud relativa de CSS3, como el ancho de la ventana gr\u00e1fica (vw), la altura de la ventana gr\u00e1fica (vh), el m\u00ednimo de la altura y el ancho de la ventana gr\u00e1fica (vmin) y el m\u00e1ximo de la altura y el ancho de la ventana gr\u00e1fica (vmax). Sin embargo, la codificaci\u00f3n requiere habilidad y tiempo, y si no eres un programador experimentado, te sugiero que optes por la primera opci\u00f3n.\n<\/p>\n
\n Los usuarios m\u00f3viles prefieren dise\u00f1os de sitios simples, porque los sitios web de dise\u00f1o grande y complicado se vuelven lentos en un dispositivo m\u00f3vil. Los dise\u00f1os simples tambi\u00e9n facilitan mantener la atenci\u00f3n del lector en el contenido en lugar de distraerlo con un dise\u00f1o elegante, porque estad\u00edsticamente la mayor\u00eda de los usuarios de dispositivos m\u00f3viles tienen per\u00edodos de atenci\u00f3n bastante cortos.\n<\/p>\n
\n Eso significa hacer que el dise\u00f1o de su sitio sea simple y f\u00e1cil de entender. Si est\u00e1 utilizando un tema que ofrece su proveedor de servicios, simplemente puede cambiarlo a uno m\u00e1s simple. Por ejemplo, WordPress ofrece muchos dise\u00f1os elegantes y simples que no abrumar\u00e1n a los dispositivos m\u00f3viles, pero que tambi\u00e9n se ver\u00e1n bien en una computadora de escritorio. Pero si ha creado su sitio web usando HTML, puede descargar una plantilla simple, que har\u00e1 que su sitio se vea genial y tambi\u00e9n sea compatible con dispositivos m\u00f3viles. Por ejemplo, Envato Market ofrece muchos dise\u00f1os simples diferentes para que elija y use en su sitio.\n<\/p>\n
\n Las fuentes interesantes pueden hacer que un blog se vea m\u00e1s creativo, pero estas fuentes tambi\u00e9n pueden ser una molestia para los lectores m\u00f3viles del blog, ya que no todos los dispositivos m\u00f3viles admiten fuentes de escritorio sofisticadas. Entonces, para ver el contenido, los usuarios de dispositivos m\u00f3viles tendr\u00e1n que descargar nuevas fuentes a sus tel\u00e9fonos, lo cual es una molestia que para muchos no vale la pena. Adem\u00e1s de eso, incluso si tienen todas las fuentes preinstaladas, algunas fuentes m\u00e1s creativas pueden ser dif\u00edciles de leer en un tel\u00e9fono inteligente debido al tama\u00f1o m\u00e1s peque\u00f1o.\n<\/p>\n
\n As\u00ed que elige fuentes tradicionales como Times New Roman, Verdana, Comic Sans MS, WildWest o Bedrock. Y tambi\u00e9n 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\u00e1s peque\u00f1a de un tel\u00e9fono 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\u00e1 lo suficientemente grande para ser legible incluso si usa un dispositivo m\u00f3vil con una pantalla muy peque\u00f1a.\n<\/p>\n
\n Cuando se carga una p\u00e1gina en cualquier dispositivo, ya sea una computadora, una tableta o un tel\u00e9fono inteligente, el dispositivo descarga todo el contenido de la p\u00e1gina. Por lo general, no causa ning\u00fan problema si est\u00e1 utilizando una computadora, pero una gran cantidad de datos puede abrumar a los dispositivos m\u00f3viles. Para evitar eso, debes minimizar la cantidad de contenido en cada p\u00e1gina, porque esto asegurar\u00e1 que tu blog funcione en todos los dispositivos m\u00f3viles.\n<\/p>\n
\n Se recomienda reducir el contenido de su p\u00e1gina por debajo de 5 MB por p\u00e1gina. Puede verificar f\u00e1cilmente el tama\u00f1o del contenido de su p\u00e1gina en cualquier navegador. Simplemente use una de las muchas herramientas de verificaci\u00f3n del tama\u00f1o de la p\u00e1gina web, que est\u00e1n disponibles en l\u00ednea. Si tiene m\u00e1s de 5 MB, reduzca el tama\u00f1o y la cantidad de texto, im\u00e1genes y otros componentes de la p\u00e1gina manualmente o use extractos del blog para que los visitantes puedan ver su blog m\u00e1s f\u00e1cilmente.\n<\/p>\n
\n Si tiende a publicar muchos videos en los art\u00edculos de su blog, debe recordar que se ver\u00e1n muy diferentes en un dispositivo m\u00f3vil que en una computadora. Adem\u00e1s, algunos dispositivos m\u00f3viles 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\u00f3digo de inserci\u00f3n que proporciona YouTube para todos y cada uno de sus videos ya responde, lo que significa que podr\u00e1 ver el video en casi cualquier dispositivo y ya no tendr\u00e1 que preocuparse por los tama\u00f1os y formatos de video.\n<\/p>\n
\n Puede obtener el c\u00f3digo de inserci\u00f3n para un video de YouTube haciendo clic en el bot\u00f3n \u00abCompartir\u00bb, que se encuentra debajo del bot\u00f3n \u00abSuscribir\u00bb, luego haga clic en la pesta\u00f1a \u00abInsertar\u00bb y copie el c\u00f3digo provisto en su sitio. Y usted tiene un video de tama\u00f1o perfecto en su publicaci\u00f3n sin siquiera tener que convertirlo o ajustarlo.\n<\/p>\n
\n Muchas veces los enlaces en un sitio web son demasiado peque\u00f1os para que un usuario m\u00f3vil los toque con el dedo de manera f\u00e1cil y precisa. Y puede ser realmente molesto para un lector de blog, cuando no puede tocar con precisi\u00f3n 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\u00edxeles por 44 p\u00edxeles de tama\u00f1o.\n<\/p>\n
\n Si est\u00e1 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\u00e1lelo 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\u00e1n el tiempo que usar\u00eda al codificar los botones usted mismo.\n<\/p>\n
\n Por \u00faltimo, cuando haya realizado todas las mejoras y crea que su blog es lo m\u00e1s compatible con dispositivos m\u00f3viles posible, vuelva a probar su blog con la herramienta de prueba de Google o alguna otra herramienta de prueba de compatibilidad con dispositivos m\u00f3viles que pueda encontrar en Internet. Si ahora todo est\u00e1 bien y la herramienta te asegura que tu blog no recibir\u00e1 una penalizaci\u00f3n porque no es compatible con dispositivos m\u00f3viles, 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\u00faltiples dispositivos diferentes.\n<\/p>\n
\n P\u00eddales a sus amigos o familiares que vean su blog desde sus tel\u00e9fonos y tabletas. Pruebe su sitio desde un dispositivo Android e IOS, as\u00ed como dispositivos que puedan tener un sistema operativo completamente diferente. Y revise todas las p\u00e1ginas principales de su blog en esos dispositivos. Solo al probar la compatibilidad con dispositivos m\u00f3viles de su blog en la vida real, puede estar seguro de que su sitio es realmente f\u00e1cil de ver y leer desde todos los dispositivos.\n<\/p>\n
\n La compatibilidad con dispositivos m\u00f3viles no se trata solo de tener un buen dise\u00f1o del sitio, sino tambi\u00e9n de mejorar la experiencia del usuario en su sitio web. Por eso, cuando hace que su blog sea m\u00e1s compatible con dispositivos m\u00f3viles, m\u00e1s personas estar\u00e1n dispuestas a volver a su sitio web, porque ser\u00e1 f\u00e1cil de ver y entender. Y dado que la cantidad de personas que usan sus tel\u00e9fonos m\u00f3viles como dispositivo principal para navegar por la web solo aumenta cada a\u00f1o que viene, solo le conviene asegurarse de que su sitio web sea amigable para estos usuarios de tel\u00e9fonos inteligentes y muestre el contenido a ellos en forma conveniente y f\u00e1cil de leer.\n<\/p>\n<\/p>\n