{"id":4426,"date":"2015-04-15T17:21:53","date_gmt":"2015-04-15T16:21:53","guid":{"rendered":"https:\/\/www.websdirect.es\/?p=4426"},"modified":"2015-04-15T17:21:53","modified_gmt":"2015-04-15T16:21:53","slug":"optimizar-web-dispositivos-moviles","status":"publish","type":"post","link":"https:\/\/www.websdirect.es\/actualidad\/optimizar-web-dispositivos-moviles\/","title":{"rendered":"Por qu\u00e9 optimizar tu web a dispositivos m\u00f3viles"},"content":{"rendered":"

\u00bfTodav\u00eda no has pensado optar por optimizar tu Web a dispositivos m\u00f3viles<\/strong>? Recuerda que tras la actualizaci\u00f3n del algoritmo de Google puedes tener un serio problema de posicionamiento en buscadores porque se dar\u00e1 m\u00e1s relevancia a los sitios bien adaptados para el m\u00f3vil. \u00bfPreparado para resistir las embestidas de lo que muchos llaman el mobilegeddon<\/strong>, el gran cambio de Google, a partir de este pr\u00f3ximo 21 de abril?<\/p>\n

\"Por<\/p>\n

B\u00fasquedas de los usuarios desde dispositivos m\u00f3viles<\/strong><\/h2>\n

La pr\u00e1ctica totalidad de los usuarios actuales efect\u00faan sus\u00a0b\u00fasquedas<\/strong>\u00a0desde muy diversos dispositivos m\u00f3viles, en aras de apostar por la m\u00e1xima conectividad, sin importar el momento o el lugar en el que se encuentren. Esta tendencia, cada vez m\u00e1s acusada en la sociedad del siglo XXI, ha llevado a los responsables de muy diversas\u00a0p\u00e1ginas web<\/strong>\u00a0a apostar por la optimizaci\u00f3n y\u00a0adaptaci\u00f3n m\u00f3vil<\/strong>, una tendencia que ha llevado recientemente a Google a ajustar sus algoritmos a los nuevos patrones de b\u00fasqueda relacionados con la forma de moverse de los usuarios en la actualidad.<\/p>\n

Para que nos hagamos una idea de esta realidad, acudiendo a estudios oficiales, nos damos cuenta de que el 50% de los usuarios<\/strong> emplean sus dispositivos m\u00f3viles para buscar servicios o productos diversos, frente a un 41% que ya realiza directamente sus compras a trav\u00e9s de un m\u00f3vil.<\/p>\n

Otro dato nada desde\u00f1able es que en 2015, el marketing m\u00f3vil<\/strong> ser\u00e1 capaz de generar en los Estados Unidos un total de 400 mil millones de d\u00f3lares, una cifra m\u00e1s que colosal si la comparamos con los 139 mil millones de d\u00f3lares en 2012.<\/p>\n

Igualmente, m\u00e1s de la mitad de los consumidores afirman no volver a visitar una p\u00e1gina\u00a0 web<\/strong> en el caso de que no se cargue correctamente en los dispositivos m\u00f3viles<\/strong>. Adem\u00e1s, por si todo esto fuera poco, se prev\u00e9 que en el a\u00f1o 2015 por vez primera, las b\u00fasquedas m\u00f3viles locales<\/strong>, cifradas en 85, 9 millones de d\u00f3lares en el a\u00f1o 2013, puedan sobrepasar las b\u00fasquedas de escritorio situadas en los 84 mil millones.<\/p>\n

\"B\u00fasquedas<\/p>\n

Toda esta situaci\u00f3n ha conducido a Google<\/strong>\u00a0a tomar una serie de decisiones que pondr\u00e1 en pr\u00e1ctica a partir del pr\u00f3ximo 21 de abril, entre las que se encuentra premiar a las p\u00e1ginas que sean\u00a0responsive<\/em><\/strong>\u00a0o que cuenten con su propia\u00a0versi\u00f3n m\u00f3vil<\/strong>\u00a0y, no solo eso, que est\u00e9n perfectamente configuradas y se reflejen correctamente en dichos dispositivos. Pero, \u00bfde qu\u00e9 manera los beneficiar\u00e1?, otorgando una mayor visibilidad a la p\u00e1gina en cuesti\u00f3n, ascendi\u00e9ndola a las primeras posiciones de b\u00fasqueda realizadas desde Google.<\/p>\n

Tal y como se puede comprobar, una web que apueste por la\u00a0adaptaci\u00f3n m\u00f3vil<\/strong>\u00a0se erigir\u00e1 como un elemento de referencia a tener en cuenta y primordial para proporcionar al usuario una experiencia de navegaci\u00f3n m\u00e1s \u00f3ptima.<\/p>\n

El mobilegeddon<\/strong> que muchos temen est\u00e1 a punto de llegar con toda su fuerza para tambalear los cimientos de la Red.<\/p>\n

Optimizaci\u00f3n m\u00f3vil de la web: responsive y versi\u00f3n m\u00f3vil<\/strong><\/h2>\n

Uno de los primeros pasos que deber\u00eda dar toda empresa con una p\u00e1gina web para mantenerse en el mercado y tener mayor presencia en la Red es adaptarse a la\u00a0versi\u00f3n m\u00f3vil.<\/strong><\/p>\n

Versi\u00f3n m\u00f3vil<\/strong><\/h3>\n

Una p\u00e1gina web convencional, por lo general, est\u00e1 formada por un fichero de extensi\u00f3n\u00a0.css<\/em>\u00a0que contendr\u00e1 el estilo de presentaci\u00f3n de la misma y un fichero de extensi\u00f3n\u00a0.html<\/em>\u00a0donde se almacena el contenido del sitio. En el caso de que optemos por la adaptaci\u00f3n de nuestra p\u00e1gina a la\u00a0versi\u00f3n m\u00f3vil<\/strong>\u00a0es preciso confeccionar como m\u00ednimo un fichero\u00a0.css<\/em>, estableciendo todos los par\u00e1metros que sean necesarios en aras de conseguir que nuestra web se pueda visualizar sin fallo alguno en nuestros\u00a0dispositivos m\u00f3viles<\/strong>.<\/p>\n

Este tipo de dise\u00f1o al que estamos haciendo referencia es muy simple y al mismo tiempo otorga una mayor\u00a0facilidad de navegaci\u00f3n<\/strong>, donde, entre otras cosas, se prioriza el contenido y las fuentes de grandes dimensiones para ofrecer una mayor visibilidad al usuario, siendo los botones de gran tama\u00f1o para las pantallas t\u00e1ctiles.<\/p>\n

\"Optimizaci\u00f3n<\/p>\n

Normalmente, junto con el redise\u00f1o del fichero\u00a0.css<\/em>\u00a0que mencion\u00e1bamos en l\u00edneas anteriores, es preciso emprender una\u00a0labor anal\u00edtica de los contenidos<\/strong>\u00a0y reorganizar de manera total el contenido incluido en esta\u00a0nueva versi\u00f3n<\/strong>. Has de recordar que si dispones de dos versiones diferentes en tu web, el mantenimiento y posicionamiento se ha de realizar por separado.<\/p>\n

Dise\u00f1o responsive<\/strong><\/h3>\n

Por otro lado, el\u00a0dise\u00f1o responsive<\/strong>\u00a0nos ayudar\u00e1 a evitar, entre otras cosas, tener dos webs diferentes, reducir los costes, tiempo de desarrollo y mantenimiento. En este sentido y al contrario de lo que puede suceder con una versi\u00f3n m\u00f3vil, una\u00a0web responsive<\/strong>\u00a0puede adaptarse a una amplia variedad de pantallas y de dispositivos.<\/p>\n

Con esta t\u00e9cnica de dise\u00f1o web que busca la correcta visualizaci\u00f3n de una misma p\u00e1gina en muy diversos dispositivos m\u00f3viles, desde ordenadores, hasta tablets o los mismos m\u00f3viles, la informaci\u00f3n en forma de bloques gr\u00e1ficos se presenta en funci\u00f3n del tama\u00f1o de la pantalla. Hoy en d\u00eda, la mayor\u00eda de las plantillas ya cuentan con el\u00a0dise\u00f1o responsive<\/strong>\u00a0como una de sus caracter\u00edsticas m\u00e1s destacadas.<\/p>\n

C\u00f3mo saber si mi p\u00e1gina est\u00e1 optimizada para m\u00f3viles<\/strong><\/h2>\n

Para determinar si tu p\u00e1gina web dispone de un dise\u00f1o optimizado para m\u00f3viles, puedes servirte de la herramienta de <\/strong>Prueba de optimizaci\u00f3n para m\u00f3viles de Google<\/strong><\/a>. Introduciendo la URL, la herramienta en cuesti\u00f3n determinar\u00e1 si tu p\u00e1gina dispone de un dise\u00f1o optimizado que sea apropiado.<\/p>\n

Por otro lado, para potenciar nuestra visibilidad en la Red<\/strong> y velocidad de carga<\/strong>, no estar\u00eda de m\u00e1s, aprovechar las ventajas que nos ofrecen otro tipo de herramientas como PageSpeed<\/strong>, que tras analizar el contenido de nuestra p\u00e1gina web, nos ofrecer\u00e1 una serie de recomendaciones para que podamos hacer uso de todos los recursos necesarios, todo ello para obtener la m\u00e1xima velocidad de carga de tu p\u00e1gina y ayudarte en el posicionamiento de tu web.<\/p>\n

Tales recursos pueden ser, por ejemplo, comprimir las im\u00e1genes<\/strong> de tu sitio o modificar los c\u00f3digos<\/strong> HTML, JavaScript o CSS. Igualmente, para un uso mucho m\u00e1s r\u00e1pido y sencillo, PageSpeed<\/strong> nos ofrece la posibilidad de a\u00f1adir esta herramienta como extensi\u00f3n en Google Chrome. Se calcula que el tiempo de espera m\u00e1ximo\u00a0 por parte del usuario para cargar una p\u00e1gina es de entre unos 4 y 6 segundos, por lo que si sobrepasamos este tiempo, no estaremos otorgando la confianza que los usuarios necesitan para ver nuestro espacio.<\/p>\n

\"C\u00f3mo<\/p>\n

Esta herramienta es capaz de analizar tanto ordenadores como dispositivos m\u00f3viles.<\/p>\n

Por otro lado, para saber c\u00f3mo ha de interpretar una p\u00e1gina el navegador web para m\u00f3viles, hemos de atender a una de las etiquetas m\u00e1s representativas para la web m\u00f3vil como es Viewport<\/strong>. Hoy, el amplio porcentaje de dispositivos m\u00f3viles soportan esta etiqueta en la mayor gama de sistemas operativos. Esta etiqueta se torna fundamental para cualquier p\u00e1gina que est\u00e9 pensada para adaptarse a la versi\u00f3n m\u00f3vil.<\/p>\n

En pocas palabras, para entenderlo mejor, esta etiqueta meta nos ayudar\u00e1 a definir el ancho, el alto y la escala del \u00e1rea usada para el navegador en aras de mostrar el contenido.<\/p>\n

Nada desde\u00f1able tampoco es considerar el m\u00f3dulo CSS3 Media Queries<\/strong>, t\u00e9rmino empleado en el \u00e1mbito del desarrollo web, para ajustar el contenido de tu sitio a las caracter\u00edsticas de los dispositivos m\u00f3viles como pueda ser la resoluci\u00f3n de pantalla. Sin duda alguna, nos encontramos ante una de las mejores alternativas para entregar diferentes estilos<\/strong> a distintos tipos de dispositivos y acercar la mejor experiencia para el usuario. Los Media Queries tienen soporte en los smartphones m\u00e1s modernos y en otros muchos dispositivos m\u00f3viles.<\/p>\n

Ventajas e inconvenientes de optimizar tu web a m\u00f3vil<\/strong><\/h2>\n

Ventajas<\/strong><\/h3>\n

Muchas son las ventajas de la adaptaci\u00f3n m\u00f3vil, tal y como nos comentan en\u00a0highervisibility<\/a><\/p>\n

1) Una de sus ventajas guarda relaci\u00f3n con una\u00a0mejor experiencia para el usuario<\/strong>, as\u00ed lo avalan los estudios y estad\u00edsticas realizadas al respecto, mejorando considerablemente el nivel de satisfacci\u00f3n de la persona.<\/p>\n

2) Las web con\u00a0adaptaci\u00f3n m\u00f3vil<\/strong>\u00a0podr\u00e1n hacer m\u00e1s part\u00edcipes a los clientes al contar con unas funciones muy espec\u00edficas, pensadas \u00fanica y exclusivamente para las caracter\u00edsticas de un dispositivo m\u00f3vil como pueda ser la visualizaci\u00f3n de un contenido determinado para conversi\u00f3n, tanto a nivel de fotos como de v\u00eddeos; mayor facilidad en la navegaci\u00f3n; interacci\u00f3n con mapas; llamada inmediata desde la pantalla; c\u00f3digos QR o, incluso, cupones de descuento para m\u00f3viles. De esta forma, se ofrece un mayor\u00a0compromiso<\/strong>\u00a0y se anima a la\u00a0participaci\u00f3n de los usuarios.\u00a0<\/strong><\/p>\n

3) Una\u00a0mayor velocidad de navegaci\u00f3n, <\/strong>facilitando al usuario un acceso mucho m\u00e1s r\u00e1pido a nuestro sitio web y alejando todo tipo de complicaciones a la hora de realizar las compras de los productos que les podamos ofrecer. Esta rapidez a la que hacemos alusi\u00f3n transmitir\u00e1 una mayor confianza al usuario<\/strong>, al mismo tiempo que nos ayudar\u00e1 a tener un mayor prestigio como imagen de marca.<\/p>\n

A pesar de ser una consecuencia del anterior, lo cierto es que ofrecer todas las comodidades y ayuda necesaria para que el usuario pueda encontrar lo que est\u00e1 buscando, sin necesidad de invertir un amplio per\u00edodo de tiempo hasta acceder al contenido, facilitar\u00e1 su usabilidad.<\/strong><\/p>\n

\"Ventajas<\/p>\n

4) Obtendremos m\u00e1s visibilidad y presencia en la Red<\/strong>, mejorando el rendimiento a nivel SEO. En los llamados SERPs o p\u00e1ginas de resultado de una b\u00fasqueda, todas aquellas web que tengan una versi\u00f3n adaptada a este tipo de dispositivos se ver\u00e1n favorecidas frente a los que, por ejemplo, tengan un flash integrado que no pueda visualizarse correctamente en el m\u00f3vil o los que carguen de forma m\u00e1s lenta.<\/p>\n

5) La\u00a0portabilidad<\/strong>\u00a0y una\u00a0conexi\u00f3n permanente<\/strong>\u00a0son otra de sus ventajas para el usuario, ofreci\u00e9ndoles la posibilidad de que puedan visualizar tu p\u00e1gina en cualquier momento y lugar.<\/p>\n

6) Sin duda, todo ello se convertir\u00e1 en una ventaja con respecto al resto de tu\u00a0competencia<\/strong>, que no tienen optimizada su p\u00e1gina. Si no cuenta con\u00a0adaptaci\u00f3n a dispositivos m\u00f3viles<\/strong>\u00a0es muy probable que sus potenciales clientes se marchen a otros sitios de la competencia.<\/p>\n

Inconvenientes\u00a0<\/strong><\/h3>\n

1) Habr\u00eda que considerar el hecho de que una\u00a0web m\u00f3vil<\/strong>\u00a0deber\u00e1 ajustarse a unas medidas concretas (las del propio dispositivo), siendo la mayor\u00eda de los navegadores m\u00f3viles muy b\u00e1sicos.<\/p>\n

2) Las\u00a0web m\u00f3viles<\/strong>\u00a0tambi\u00e9n ser\u00e1n\u00a0menos atractivas<\/strong>, sin llegar a ser tan din\u00e1micas como una aplicaci\u00f3n.<\/p>\n

3) Igualmente, en el caso concreto del\u00a0dise\u00f1o responsive<\/strong>, hay que\u00a0cuidar la velocidad de carga de la p\u00e1gina, asegur\u00e1ndonos de pasar a trav\u00e9s de la herramienta PageSpeed de Google.\u00a0No has de olvidar que una\u00a0 web para m\u00f3viles en l\u00edneas generales presenta menos contenido que aquellas adaptadas a un dise\u00f1o responsive, por lo que la velocidad de carga ser\u00e1 menor. Para ello, lo que puedes hacer es confeccionar im\u00e1genes m\u00e1s peque\u00f1as.<\/p>\n

4) Cabe la posibilidad de que no puedas convertir los sitios web m\u00e1s antiguos al nuevo dise\u00f1o responsive, por lo que te ver\u00e1s en la obligaci\u00f3n de reiniciar nuevamente tu web.<\/p>\n

\"adaptaci\u00f3n<\/p>\n

Recuerda que el mobilegeddon<\/strong> se acerca el pr\u00f3ximo 21 de abril,\u00a0 a\u00fan est\u00e1s a tiempo para librarte de los cambios que Google tiene previstos.<\/p>\n

\u00bfQu\u00e9 os parecen estas\u00a0ventajas e inconvenientes de adaptar tu web a dispositivos m\u00f3viles<\/em>?, \u00bfse os ocurre alguna otra?\u00a0En Websdirect te damos soluciones perfectamente adaptadas al SEO m\u00f3vil.<\/p>\n","protected":false},"excerpt":{"rendered":"

\u00bfTodav\u00eda no has pensado optar por optimizar tu Web a dispositivos m\u00f3viles? Recuerda que tras la actualizaci\u00f3n del algoritmo de Google puedes tener un serio problema de posicionamiento\u2026<\/p>\n","protected":false},"author":1,"featured_media":4428,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[37],"class_list":["post-4426","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-diseno-desarrollo-web","tag-diseno-web-2"],"_links":{"self":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/posts\/4426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/comments?post=4426"}],"version-history":[{"count":0,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/posts\/4426\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/media\/4428"}],"wp:attachment":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/media?parent=4426"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/categories?post=4426"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/tags?post=4426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}