¿Tu página está amoldada a móviles? ¿Es responsive?

¿Quieres saber si tu web está adaptada a móviles?

Allá por el 21 de Abril de 2015 Google manifestó que le resultan de interés las webs que tengan su contenido amoldado a móviles o tablets. En concreto, Google anunció, “debido a la concida masificación en el empleo de dispositivos móviles, google considera que es una obligación para la compañía el enseñar con mayor frecuencia aquellas webs que permitan al usuario una mejor experiencia en la visualización de sus contenidos”.

Dicho de otra forma, Google estima que es mucho más importante mostrar es sus SERPS (resultados de buscas) páginas webs que sean amoldados a móviles.

Claro está que ésto siempre y en toda circunstancia va a ser desde la perspectiva de búsquedas desde el móvil, con lo que el cambio en su algoritmo solo estará afectando a los usuarios que usan tablets o móviles para buscar determinadas webs.

Lo cierto, es que en ese instante, en el dos mil quince, hubo un boom de información de todos y cada uno de los diseñadores, programadores, bloggers, empresas de diseño y agencias de publicidad que charlaban de que amoldases tus webs a móviles o tendrías una “penalización”, y la verdad es que no es tanto eso,… Yo me aventuro a decir que lo que sucede es sencillamente que si no tienes una web adaptada, una web responsive estás fomentando una mala práctica, un mal empleo de tu mayor escaparate…

Nunca podemos olvidar que nuestra web es nuestro acceso a Internet, es nuestra puesta en marca de nuestra marca ¿descuidas el aspecto de tu marca? ¿no le das la importancia que tiene? ¿no te gustaría ofrecer un visualización de tu contenido a un mayor número de usuarios en buenas condiciones de leerte?, si es así, ya te estás respondiendo solo, deberías de tener tu web adaptable.

Indice de contenidos de esta entrada

Back to top

1) Verifica si tu web está amoldada a móviles, es responsive

Google nos ayuda a ver cuánto de optimada está tu página web desde la perspectiva de adaptación a móviles, pone a predisposición de cualquier usuario una herramienta de comprobación.

Te pongo el enlace a exactamente la misma para qué mismo puedas comprobarlo: .

Verás que la herramienta es muy sencilla, en cuanto cargues la página te van a preguntar ¿Tu página está optimada para móviles? y tendrás un cuadro de texto donde vas a poner la url de tu página para que google se conecte a ella y pueda hacer un análisis de todas las cuestiones de tamaños, adaptaciones de CSS para poder dar un resultado y decirte exactamente en qué grado de adaptación está.

A modo de ejemplo te pongo acá el resultado que me ha proporcionado a mi la herramienta de google que comprueba si mi web está amoldada a móviles. Sencillamente cargué la herramienta y escribí en el cuadro de texto  aguardé unos segundos y vualá! la herramienta de google de optimización me ha proporcionado este resultado:

Si te fijáis, la herramienta de google de optimización de tu página web en el empleo de móviles, te da un diagnóstico, el mio es que “La página está optimada para móviles” – sencillamente lo que comprueba es que sea simple de utilizar desde los dispositivos móviles.

Tras el resultado que te proporciona Google, aparece un enlace que afirma “Enviar a Google”, seguro que te diste cuenta para qué sirve… sencillamente es para que envíes esa url a Google para que éste te la indexe, si jamás lo has hecho Google lo que va a hacer con esta acción es rastrear tu URL, o sea, lo que estás haciendo es “solicitar la indexación de google”.

Entiendo, que todos sabéis qué es indexación, lo explico para aquellos que ahora no se dan cuenta, simplemente es índice, una lista de webs que google va creando con todas y cada una de las webs que rastrea, el lugar que ocupes en este listado va a depender de la visibilidad que tiene tu página web.

Resumiendo esta herramienta de google, te ayuda a contrastar si tu web está amoldada a móviles y además te va a ayudar a pedir la indexación de tu web en google.

Te comento 2 cosas que tendrás que tener en cuenta:

1. Si ya tienes la página web indizada, la solicitud de indexación desde esta herramienta no tendrá influencia, puesto que salvo que tengas páginas en tu sitio web nuevas, google no le prestará atención a la solicitud.
2. Si no la tienes indexada y tu web es muy grande, esta no es la mejor opción para solicitud de una indexación, yo prácticamente te recomiendo que crees un sitemap y que .

Back to top

2) Uso de internet

Yo en el día tras día todavía me encuentro en muchas ocasiones pymes y autónomos que tienen webs antíguas, obsoletas, hechas en flash y que naturalmente no están adaptadas a móviles. Además no están conectadas con las redes sociales, ni la compañía tiene perfiles en redes sociales… Me encuentro personas que opinan que su negocio no tiene cabida en Internet, que todavía falta mucho tiempo para que los usuarios usen Internet asiduamente… siempre y en todo momento hay creencias para todo… jajaja.

Te afirmaré con sinceridad que casi prefiero que una compañía o bien emprendedor no tenga una página web, a que tenga una página web desactualizada, sin estructura comercial, sin un desarrollo adecuado, sin publicaciones recientes, sin estar concebida para darle utilidad al usuario… considero que da una imagen mejor si simplemente no tiene web… muchos me afirmaréis, ¿pero qué afirmas mujer?, todo el mundo debería de estar en Internet… yo os digo que todo aquel que está en internet debe tener una estrategia para emplear su página web, como siempre y en todo momento digo a mis clientes del servicio es tener un escaparate más, y debes cuidarlo y darle la forma conveniente a fin de que se convierta en tu herramienta de presentación y venta.

El uso de internet es cada vez mayor os pongo las estadísticas de una investigación reciente de We Are Social, sobre el desarrollo digital (dos mil diecisiete), dentro de este desarrollo digital podemos hablar asimismo del uso de móvil y en el mundo y en España.

Te pongo la imagen de la estadística, es una estadística global realizada en Enero de 2017, sobre le uso de internet, la actividad en redes sociales, la actividad de los usuarios en suscripciones desde el móvil y la actividad de los usuarios en redes sociales:

2.1) Evolución de usuarios de Internet en el mundo

• Año dos mil quince : 3.010 millones de usuarios
• Año 2016:  3.419 millones de usuarios
• Año 2017:  3.773 millones de usuarios

Como podemos ver en la cifras, en los dos últimos años los usuarios de Internet a nivel mundial se ha aumentado en setecientos sesenta y tres millones, ¡Flipa!, o sea más de un veinticinco por ciento de desarrollo, ¿te percatas de que la evolución de un 25 por ciento es muchísimo? ¿Qué otras acciones crecen tan rápido en un periodo tan pequeño? me aventuro a decir que pocas eh!!.

2.2) Veamos los datos de usuarios de Internet en España

• Año 2015: 35,7 millones de usuarios
• Año 2016; 35,71 millones de usuarios
• Año 2017: 37,87 millones de usuarios

Es bien interesante observar que en España las cifras no han variado mucho, o sea, no se han incorporado un número muy elevado de nuevos usuarios a Internet, si observásemos estas cifras equiparadas al desarrollo de la población veríamos que la población en España de estos últimos años ha tenido un descenso…

En cuanto a las redes sociales del planeta el informe dice que existe un crecimiento de nuevos usuarios de un treinta por ciento desde el año 2015 al dos mil diecisiete. ¡Increíble! Dirán algunos… absolutamente nadie usa las redes sociales… jajajaja.

En España el crecimiento del empleo de Redes Sociales, se comporta más o menos como en el uso de Internet, podemos pensar que es normal, pues una cosa no marcha sin la otra…

• Año 2015: 22 millones
• Año 2016: 22 millones
• Año 2017: 25 millones

O sea, se ha producido un incremento en el uso de redes sociales por los usuarios en España de un 20 por ciento .

2.3) Usuarios activos Móvil en el mundo

• Año 2015:  1.685 millones
• Año 2016:  mil novecientos sesenta y ocho millones
• Año 2017:   dos mil quinientos cuarenta y nueve millones

En cuanto a usuarios activos de móvil  en España si se percibe un enorme incremento en el periodo analizado 2015/2017

• Año 2015: diecisiete con ocho millones
• Año 2016: diecinueve  millones
• Año 2017: 22 millones

Resumiendo: En España el USO DE INTERNET está en un 82 por ciento y en redes sociales en un 54 por ciento , sí, se emplea y mucho Internet. Debe ser una herramienta más que utilices para tu empresa, para tu negocio y que explotes de la mejor manera posible, NO olvidándote de las redes sociales ni de los dispositivos móviles.

Te dejo todo el informe a fin de que cuando tengas tiempo le eches una ojeada. Informe de We Are Social – hootsuit dos mil diecisiete – uso de internet y redes sociales:

Back to top

3) ¿Está tu WEB amoldada al móvil? Espero que sí

Google se vuelve poco a poco más severo en el momento de penalizar las web, date cuenta que desde el veintiuno de Abril del 2015, el SEO cambió y comenzó a atenderse primero a aquellas webs que sí estaban adaptadas al móvil. Te vas a estar preguntando qué es lo que quiere decir ésto, te explico, esto quiere decir que si Google necesita poner en su serp (en los resultados de buscas) 2 webs de un mismo tema, va a poder siempre y en todo momento primero aquella que sea responsive… si extrapolamos esta forma de actuar vamos a ver que Google siempre mostrará las webs adaptadas al móvil antes que las otras y en muchos resultados de buscas las webs no adaptable van a desaparecer de las primeras posiciones de Google (dicho de otra manera nunca llegarán los usuarios a ellas).

Es esencial que te preocupes en ver si tu web es responsive.

Back to top

4) ¿Por qué razón es tan esencial la optimización para móviles?

1. Como te he demostrado cada vez más usuarios emplean dispositivos móviles para navegar en internet.
2. Beneficios: optimizar el posicionamiento web en buscadores de tu página, si tu página está adaptada a dispositivos móviles vas a tener mejor posicionamiento web en buscadores. Entonces si un usuario busca “cristalerías en Coruña” va a mostrar en los primeros resultados aquellos sitos webs que están amoldados optimados para su visualización en móviles.
3. Los usuarios hacen buscas en google siempre y en toda circunstancia entendiendo su cercanía o bien localización. Como te afirmé ya antes “cristalerías en… localidad”, Piensa tu página para darle posibilidades de encontrarte, que le resulte fácil llegar a ti… en tanto que cada vez más se usa este tipo de acciones.

Back to top

5) ¿Qué soluciones existen para crear una página web adaptada a móviles?

Si has llegado hasta esta parte de mi entrada o, te resulta interesante mucho el tema o, has visto que verdaderamente es esencial que una web esté adaptada a tablets y móviles, es decir, sea responsive. Si no estás seguro de que tu página web esté amoldada, haz la comprobación con la herramienta que ya antes te planteé.

Si sale que tu web está adecuadamente adaptada, excelente, buen trabajo, como te diría…

Entiendo que si ya has realizado un trabajo para crear una web responsive, también la tengas actualizada, conectada a tus redes sociales, tus usuarios pueden acceder a contenido de valor… Entonces sólo te queda disfrutar de lo que estoy contándote en esta entrada de mi blog.

Si por el contrario tu web no está adaptada… deberías de comenzar a meditar que lo mejor es amoldarla. Proporcionar usabilidad móvil a nuestra web, siempre y en todo momento resulta un gran trabajo, no solo es poner las cosas de otro modo hay que tener en cuenta múltiples factores:

• Todos sabemos que la pantalla del móvil tiene un tamaño inferior a la de un portátil o bien un equipo de sobremesa, por este motivo la página web debe fluir en esta ventana de móvil, se debe amoldar y mostrar de forma eficaz toda la información de nuestra página web.
• Las fuentes o letras que empleemos deberán de ser fuentes que en una pantalla pequeña se lean apropiadamente, su tamaño debe ser el conveniente para conseguir una buena lectura.
• Los elementos deben estar bien ajustados al espacio y bien separados por si debemos interaccionar con ellos, entendiendo que la enorme mayoría de las veces que navegamos por medio de móvil utilizamos los dedos para navegar y por ejemplos los botones call to action deberán de estar aislados para facilitar su empleo.
• Quizás en la versión móvil de tu página web, no deberías de incluir demasiados movimientos, como por ejemplo las habituales galerías de imágenes o bien los carruseles de fotografías, en móvil la adaptación (por espacio) es complicada y tampoco aporta tanto, desde mi punto de vista.
• Por supuesto, y ya lo habrás visto muchas veces que has navegado por medio de móvil la versión móvil de una web adaptada queda en vertical, y toda la información se debería de ver sin tener que hacer desplazamientos horizontales al navegar.
• Hay que pensar asimismo si bien, un usuario cuando navega desea una web rápida en el móvil la quiere ¡mas ya!, se debe de prestar mucha atención a la carga de la web… y su velocidad en el móvil.
• Por supuesto, la web adaptable debería de tener herramientas para compartir contenidos por medio de la red de forma veloz y natural.
• Hay que facilitar el uso de menús y navegación a través del móvil.

5.1) Formas de tener un lugar adaptado a móviles

1. Crear un diseño exclusivo para móviles, diferente del diseño de la página para otro tipo de dispositivos.
2. Diseñar una web que sea responsive, esto quiere decir que la propia programación de la web está pensada para que se adapte al tamaño de cada pantalla.

Para google cualquiera de las dos formas le vale, mas te afirmaría que es muchísimo más trabajo crear dos webs diferentes y posteriormente actualizar y mantener las dos, para mi la mejor solución es crear una web responsive.

Back to top

6) Puedo ayudarte a remodelar tu web

Para que tu página web sea responsive y mejores tus visitas, rentabilizando tu negocio

6.1) Más razones por las que te recomiendo un diseño de web responsive

• Es un diseño más económico, pues no debes crear dos webs diferentes.
• Es una forma muchísimo más simple de mantener y de desarrollar estrategias en posicionamiento SEO, pues solo vas a trabajar en una única web.
• Además los programadores que trabajar creando webs responsive ya deberían estar pensando en el desarrollo de una web que sea amoldable, por lo que el resultado visual en el móvil va a ser mucho mejor.
• Un diseño adaptativo o bien responsive cumple con las esperanzas de google y mejora tu SEO.

6.2) Una mala práxis

Existen muchas técnicas para hacer que una web se visualice en internet de una forma rápida y sin tiempos de espera, una de ellas es hacer que los css (archivos de hojas de estilo de tu web) o bien los javascript (librerías que aportan funcionalidades al código de la web para mejorar la usabilidad del usuario) no tenga acceso los robots de google. ¡Cuidado con esto! Puesto que si google no puede acceder a estos archivos puede significar que no pueda “navegar” por tu web y ésto a la larga puede provocar que menos usuarios lleguen a tu página web.

Lo dicho, ten mucho cuidado con lo que bloqueas en el fichero robots.txt. [Si no sabes a qué me refiero ve a esta entrada te explico qué es un ]

Back to top

7) Cómo optimizar tu web para dispositivos móviles

Aquí te voy a dejar una serie de consejos para la optimización de páginas a dispositivos móviles:

1. Reduce el tiempo de carga de tu sitio web: los usuarios de móviles a menudo no están en lugares con una conexión de alta velocidad, con lo que si están navegando para buscar algo que le interese y llegan a tu página web y esta tarde demasiado tiempo en cargar… se irán y nunca volverán. Como consejo te diría que si empleas un CMS (wordpress por poner un ejemplo) escojas una plantilla ligera, que instales los plugins rigurosamente precisos, que utilices complementos para caché.
2. Optimiza tus imágenes: He visto incontable veces en mis clientes del servicio que sacan fotos con el móvil en alta calidad y esas fotografías de forma directa las suben a su página, ¿y qué sucede? pues que son demasiado grandes para el empleo que le van a dar en la web y demasiado pesadas. No hagas esto, emplea programas de dibujo o bien herramientas on-line [TinyPNG o TinyJPG] para crear precisamente la fotografía que desees subir al tamaño exacto. Como regla general las fotografías deberían de tener el tamaño en pixels exacto con el que se marchan a mostrar en la web, imagínate tu imagen es de 2.000pixels, si la reduces a un ancho de 600px le va a ser mucho más fácil al navegador cargarla pues pesará menos. Siempre busca que pesen menos 1 mb.
3. Utiliza un menú de navegación corto: Lo sé, vas a estar pensando pero quiero en el menú todas y cada una de las secciones que tengo en mi web, y son muchas… te comento, esto no es viable en el móvil si tenemos un menú muy muy largo los visitantes no van a tener fácil navegar con el dedo por nuestro menú, pónselo simple, por en el menú primordial solamente menús sin submenús, o bien en lo posible si tienes submenús que sean de un único nivel.
4. Utiliza grandes botones y textos que se lean bien: No hay nada que me de más rabia, que entrar en una web desde el móvil y no sea capaz de leer nada pues todo está apelotonado y no se entienden los textos, si me ocurre a mi, te va a pasar a más gente… con lo que controla el tamaño del texto y lógicamente el espacio entre líneas de tus textos web.
5. Haz un seguimiento de las visitas desde el móvil: De esta forma vas a estar confirmando que la página es navegable desde el móvil.
6. No emplees sliders: Por favor, son la cosa más espantosa que hay… bueno, tal vez espanto no es la palabra adecuada… pero es que no me gustan nada, un slider suele ser incómodo ya para el pc pues te quitan muchísima una parte de visualización de cosas más interesantes en la web… imagínate en el móvil, no ves otra cosa que el slider y encima va a hacer que tu página web tarde más en cargar en el móvil… buff escapa de los sliders, haz un favor a tus visitantes no poniéndolo!!
7. Ya está en desuso, mas por si las moscas te lo comento, no emplees animaciones en flash, en el móvil no funcionan.
8. Una de las cosas más desmemoriadas cuando creamos una página es para qué exactamente deseamos esa página, bajo mi punto de vista siempre una de las cosas a tener en consideración es que el usuario pueda comunicarse contigo, por consiguiente, presta atención a darle todas y cada una de las herramientas de comunicación posibles.
9. Cuando crear varias columnas en tus textos asegurate que cuando navegas desde el móvil estas columnas se dibujen de forma que puedan verse bien.
10. Cuida los espacios entre links o bien el espacio en torno a botones, para que desde el móvil sea fácil y cómodo pinchar en un link o bien botón.

Back to top

8) ¿Qué es una página web amoldada a móviles o bien responsive?

Te pongo un ejemplo esta es una web que he realizado , si te fijas el sitio web se recoloca según estemos navegando por ella en los diferentes dispositivos.

Si alguna vez has tratado de navegar por una web desde el tablet o desde el móvil y el sitio web se ha hecho MUY MUY PEQUEÑITA, mostrándose precisamente igual que en el computador de sobre mesa, esa web NO ES RESPONSIVE. O sea, no está adaptada a móviles y entonces es muy difícil de navegar por ella.

Es una frustración navegar por páginas en las que no estén listas para móvil, son muy difíciles pinchar en los menús, en los botones… no das leído el texto… por este motivo, es muy recomendable meditar las webs para las diferentes pantallas.

Back to top

9) Quiero mi página amoldada a móviles

Te escribo para que me asistas a hacer un rediseño de mi web y tener una web amoldada a móviles

Back to top

10) Definitivamente, Mónica, mi web no está adaptada…

Ya has comprobado si tu página web está adaptada a móviles, y ves que no lo está.

En este caso, la mejor solución va a ser efectuar un rediseño de tu página web de forma que se tenga presente los dispositivos móviles. Además también va a haber que hacer una restructuración y análisis de los contenidos que se ofrecen y cómo se ofrecen, a fin de que el usuario móvil tenga la mejor experiencia en tu web.

• Te puedo ofrecer analizar tu página web actual, proponerte una transición a una web adaptada a dispositivos móviles.
• Te revisaría los contenidos y la experiencia del usuario sobre estos contenidos, para poder ver de qué forma se pueden mostrar y vertebrar. A lo mejor es más simple ya hacer una reestructura global de la web completa.
• Te propondría un diseño de web responsive adaptada a tu marca profesional.
• Te voy a dar una serie de consejos posicionamiento SEO de publicación y de creación de contenido.

Back to top

11) Si adapto mi web a dispositivos móviles ¿Cuánto tarda Google en aplicar mi cambio?…

En teoría, la siguiente vez que google pase por tu página web ya se va a quedar con el nuevo cambio que has hecho y desde ahí cualquier usuario estará navegando por la nueva versión de tu web, en un caso así ya adaptada a dispositivos móviles. Yo te diría que no padezcas por esto, primero adaptala y posteriormente ya va a ser Google quien va a tomar las bridas.

Finalmente, ¿Ves la importancia de saber si tu web está adaptada a móviles? ¿Qué te ha semejado el tema? ¿Te ha resultado interesante? ¿Cuándo navegas lo haces mediante móvil o bien por ordenador? Yo la enorme mayoría de mi tiempo estoy delante de un PC y he de decir que mi profesión me hace navegar constantemente por ordenador, pero hay determinadas acciones que ya hago solo desde el móvil, y esto va en incremento… jaja.

Back to top

12) ¿Sabes cuál es el costo de una página?

Te explico sus tarifas y de qué forma demandar un buen precio

Back to top

13) 8 tips para optimizar tus imágenes

Las imágenes es un factor muy importante a tener en consideración para la navegación desde el móvil o tablet

Back to top