{"id":26017,"date":"2020-09-22T10:42:01","date_gmt":"2020-09-22T14:42:01","guid":{"rendered":"https:\/\/miguelenlaweb.com\/site\/?p=26017"},"modified":"2022-01-18T09:53:01","modified_gmt":"2022-01-18T13:53:01","slug":"como-saber-si-tu-pagina-web-es-mobile-friendly","status":"publish","type":"post","link":"https:\/\/miguelenlaweb.com\/site\/como-saber-si-tu-pagina-web-es-mobile-friendly\/","title":{"rendered":"\u00bfComo saber si tu p\u00e1gina web es mobile friendly?"},"content":{"rendered":"\n<p class=\"has-drop-cap\">Desde 2009 la navegaci\u00f3n web a trav\u00e9s del tel\u00e9fono es posible, \u00a1imag\u00ednate! desde hace m\u00e1s de 10 a\u00f1os, en 2016 se produjo un hecho que cambi\u00f3 el mundo del dise\u00f1o web para siempre: por <a href=\"https:\/\/www.theguardian.com\/technology\/2016\/nov\/02\/mobile-web-browsing-desktop-smartphones-tablets\">primera vez<\/a>, se navegaba m\u00e1s desde dispositivos m\u00f3viles que desde computadoras. Pi\u00e9nsalo, hay m\u00e1s smartphones circulando que computadoras; le dedicamos m\u00e1s tiempo al Samsung, LG, Huawei, Xiaomi o iPhone que a la Mac, Lenovo, Acer o HP.<\/p>\n\n\n\n<p>Las conclusiones son obvias, en especial para quienes desarrollamos o mantenemos un sitio web, y es que ahora es primordial que desarrollemos con la premisa de optimizaci\u00f3n en pantallas m\u00e1s reducidas y con manejo t\u00e1ctil.<\/p>\n\n\n\n<p>Es por eso que Google ha decidido dar prioridad en sus resultados e indexaciones a p\u00e1ginas compatibles con smartphones por encima de las que no cumplen las pr\u00e1cticas de \u201cmobile friendly\u201d. Algo l\u00f3gico si tenemos en cuenta que hay m\u00e1s consultas v\u00eda Android\/iOS que v\u00eda Windows\/Mac\/Linux.<\/p>\n\n\n\n<p>No es solamente que se vea bien, tambi\u00e9n hay que analizar el c\u00f3digo dem\u00e1s elemento;, deben estar pensados para cargar lo m\u00e1s r\u00e1pido posible, ya no siempre estamos bajo WiFi o en una red estable, ya sea porque quieres maximizar tu alcance o simplemente contentar a Google o otros buscadores. Te ofrezco una lista de tests y pruebas online que te dir\u00e1n si tu blog, portal o p\u00e1gina web funciona correctamente al 100% en dispositivos m\u00f3viles.<\/p>\n\n\n\n<h3 id=\"h-veloxsites-mobile-friendly-test\"><a href=\"http:\/\/veloxsites.com\/tools\/mobile-friendly\" target=\"_blank\" rel=\"noreferrer noopener\">Veloxsites Mobile Friendly Test<\/a><\/h3>\n\n\n\n<p>La web especializada en creaci\u00f3n y posicionamiento de p\u00e1ginas y sitios web Veloxsites ofrece gratuitamente una herramienta online que consiste b\u00e1sicamente en mostrar una vista previa del aspecto de nuestra p\u00e1gina en pantalla de smartphone y tablet para que comprobemos manualmente si es mobile friendly o no.<\/p>\n\n\n\n<h3 id=\"h-smallseotools-mobile-friendly-test\"><a rel=\"noreferrer noopener\" href=\"https:\/\/smallseotools.com\/mobile-friendly-test\/\" target=\"_blank\">SmallSEOTools Mobile Friendly Test<\/a><\/h3>\n\n\n\n<p>Otra opci\u00f3n es preguntar a SmallSEOTools, que funciona igual que la anterior, indicando la URL principal y pulsando en el bot\u00f3n \u201cStart Test\u201d (oculto entre publicidad). Al terminar veremos un porcentaje de compatibilidad, as\u00ed como el aviso de que es o no mobile friendly. En tercer lugar, muestra una captura aleatoria de nuestra p\u00e1gina web en modo m\u00f3vil.<\/p>\n\n\n\n<p>Como informaci\u00f3n adicional, nos ofrece tres sugerencias b\u00e1sicas (en ingl\u00e9s) para que nuestra p\u00e1gina web cumpla con los est\u00e1ndares: <strong>tener una versi\u00f3n m\u00f3vil<\/strong> de nuestra p\u00e1gina web, <strong>ayudarnos con los plugins<\/strong> de nuestro CMS (como WordPress) para hacer esto posible y finalmente, contar con un <strong>tema responsive<\/strong> para que la web se vea bien tanto en escritorio como en smartphone y\/o tablet.<\/p>\n\n\n\n<h3 id=\"h-herramienta-de-pruebas-para-moviles-de-bing\"><a rel=\"noreferrer noopener\" href=\"https:\/\/www.bing.com\/webmaster\/tools\/mobile-friendliness\" target=\"_blank\">Herramienta de pruebas para m\u00f3viles de Bing<\/a><\/h3>\n\n\n\n<p>Como en los casos anteriores, el an\u00e1lisis es r\u00e1pido y los resultados esclarecedores. En concreto, nos dice si tenemos o no un sitio amigable para m\u00f3viles en funci\u00f3n a cuatro factores: que el <strong>viewport<\/strong> est\u00e9 configurado correctamente, que el contenido se vea bien en <strong>el ancho de pantalla<\/strong>, que el <strong>texto sea legible<\/strong> y que los v\u00ednculos u objetos se <strong>puedan pulsar bien<\/strong>.<\/p>\n\n\n\n<h3 id=\"h-prueba-de-optimizacion-para-moviles-de-google\"><a href=\"https:\/\/search.google.com\/test\/mobile-friendly\" target=\"_blank\" rel=\"noreferrer noopener\">Prueba de optimizaci\u00f3n para m\u00f3viles de Google<\/a><\/h3>\n\n\n\n<p>Cerramos con el m\u00e1s importante, el test funciona igual que los anteriores, tarda unos pocos segundos, <strong>es claro y a prueba de errores<\/strong>, adicionalmente nos mostrar\u00e1 una captura de pantalla para que veamos qu\u00e9 aspecto tiene en un dispositivo m\u00f3vil.<\/p>\n\n\n\n<p>Tambi\u00e9n podemos ver un <strong>informe de Usabilidad<\/strong>, as\u00ed como <strong>documentaci\u00f3n de consulta<\/strong> para saber qu\u00e9 cambios hacer para mejorar la optimizaci\u00f3n con dispositivos m\u00f3viles.<\/p>\n\n\n\n<p>\u00bfEs tu sitio web mobile friendly? Podr\u00edas estar perdiendo alcance y por ende clientes, si tienes alguna inquietud o sugerencia, d\u00e9jamela en los comentarios y con gusto te ayudar\u00e9 &#x1f60e; <\/p>\n\n\n\n<p>Aqu\u00ed te dejo otro art\u00edculos que podr\u00edan ser de tu inter\u00e9s:<\/p>\n\n\n\n<p><a href=\"https:\/\/miguelenlaweb.com\/site\/como-mejorar-mi-pagina-web\/\" class=\"ek-link\">Como mejorar mi p\u00e1gina web<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/miguelenlaweb.com\/site\/que-es-un-certificado-ssl-y-por-que-es-importante-tenerlo-en-tu-sitio-web\/\" class=\"ek-link\">\u00bfQu\u00e9 es un certificado SSL y por qu\u00e9 es importante tenerlo?<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google ha decidido dar prioridad en sus resultados e indexaciones a p\u00e1ginas compatibles con smartphones por encima de las que no cumplen las pr\u00e1cticas, te dejamos 4 alternativas para evaluar si tu sitio web es \u00abmobile friendly\u00bb.<\/p>\n","protected":false},"author":1,"featured_media":26019,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"enabled","header-above-stick-meta":"","header-main-stick-meta":"on","header-below-stick-meta":""},"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/miguelenlaweb.com\/site\/wp-json\/wp\/v2\/posts\/26017"}],"collection":[{"href":"https:\/\/miguelenlaweb.com\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/miguelenlaweb.com\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/miguelenlaweb.com\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/miguelenlaweb.com\/site\/wp-json\/wp\/v2\/comments?post=26017"}],"version-history":[{"count":0,"href":"https:\/\/miguelenlaweb.com\/site\/wp-json\/wp\/v2\/posts\/26017\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/miguelenlaweb.com\/site\/wp-json\/wp\/v2\/media\/26019"}],"wp:attachment":[{"href":"https:\/\/miguelenlaweb.com\/site\/wp-json\/wp\/v2\/media?parent=26017"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/miguelenlaweb.com\/site\/wp-json\/wp\/v2\/categories?post=26017"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/miguelenlaweb.com\/site\/wp-json\/wp\/v2\/tags?post=26017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}