Ya no es un secreto que la tecnología móvil está creciendo, y creciendo muy rápido. Es por eso que hoy en día es muy importante para los negocios con sitios web contar con un diseño web responsivo. Los que no lo han hecho están en problemas. El Sr. Google anunció que los sitios que no están optimizados para dispositivos móviles perderían posicionamiento y que les dará prioridad a los que si lo tienen…
¿Y tu… ya tomaste las medidas necesarias? Antes de continuar hablando de herramientas que puedes utilizar para probar si tu sitio web es responsive, debemos aclarar algunas cosas:
¿Qué es un Sitio Web con Diseño Responsivo?
Un sitio web responsivo es aquel que se puede visualizar en cualquier dispositivo móvil, al igual que tabletas. Este diseño web responsive nos debería de permitir navegar sin problemas, sin importar desde qué clase o tipo de dispositivo accedemos. Cuando el usuario accede a un sitio web responsivo, el sitio automáticamente percibe y responde y se configura adecuadamente dependiendo el tipo de dispositivo que esté utilizando el visitante.
El 70 % de los usuarios visitan tu página web desde un dispositivo móvil
¿Ventajas de crear un sitio web con diseño responsivo?
- Te evitaras que Google te penalice
- Se adaptara a cualquier tipo de pantalla
- El usuario navegara con mucha más rapidez
- Más exposición (más del 75 % de las personas se conectan desde un móvil)
- Más Tráfico – Más Público
- Evitar errores al acceder
- Fácil mantenimiento
¿Como Saber si tu Sitio tiene un diseño web responsive?
Si no tienes ni la menor idea si tú sitio web es responsive, aquí te compartiré un listado de herramientas que podrás utilizar para comprobar si tu sitio se adapta a cualquier dispositivo móvil o pantalla.
- IPADPEEK
- RESIZER
- MOBILETEST
- RESPONSIVEPX
- HUBSPOT DEVICE LAB
A continuación, te explico cómo averiguar si tu sitio web o blog es responsivo utilizando una de mis herramientas favoritas, solo tienes que seguir los pasos del tutorial.
Cómo se ve tu web en los diferentes dispositivos móviles con Screenfly
Algunas veces no es necesario que tengas un diseño completamente responsivo, pero si existen ciertos puntos que deberías de tomar en consideración:
¿El texto se puede leer sin problemas?
¿Tus clientes te pueden llamar fácilmente con un solo clic?
¿Los enlaces de tu sitio son lo suficiente grandes para darles clic?
¿Tu diseño luce profesional y fácil de navegar?
Te invito a que hagas las pruebas necesarias y verifica que tu blog sea responsivo, ya que no solo evitaras ser penalizado, si no también será mucho más fácil para los usuarios navegar por tu sitio web.
Me despido deseando que este artículo haya sido de ayuda, y si te gusto me gustaría leerlo en lo comentarios o que me ayudes a difundirlo compartiendo en las redes sociales. ¡Hasta la próxima!
Consultora estratega de marketing digital y social media.
Ayudo a profesionales y dueños de negocio que quieren vender sus productos o servicios a través de Internet.
Impulsando sus negocios a través de la presencia y la visibilidad en redes sociales de forma estratégica, consiguiendo así mejorar sus resultados y aumentar las ventas.
Ya hice la prueba y mi sitio no se ve completo como puedo areglar ese problema? Gracias Emma
hola! que descubrimiento el web responsivo. Yo creo que lo tengo por lo que has explicado, pero me dispongo a probar las herramientas que nos ha dado para verificar que es asi. Gracias por tu post! te sigo leyendo.
un abrazo
¡Hola! Soy muy novata en este tipo de cosas y no me entero de casi nada, en estos temas siempre le pido ayuda a mi pareja que es el que más entiende. Le consultaré lo de la web con diseño responsivo. Gracias por la información.
Hola guapa
Me parece un artículo de lo más útil!
Hay mucha gente con buenas páginas y un contenido de calidad pero que no se fija en si su sitio web tiene buen responsive y esto hace que Google los Posicione mal y además que los lectores en móvil y tablet abandonen la página
Geniales las herramientas para saber si nuestra web está bien adaptada, la mía si lo está
Un besazo
Hola 🙂
Ufff!!!… esta parte es muy importante y en teoría nuestra plantilla debería ya ser responsive pero no es así. Hace poco trabajaba con la web de un cliente y resulta que su plantilla era pésima, desventajas de tener cosas muy baratas, pero ademas te vendía la idea de ser responsive y no era así. Como bien dices el 70% o mas de los usuarios mirar en el celular tu web y es importante cuadrar esta opción.
Muy buen articulo 🙂
Gracias Emma, no sabía el concepto como tal. Es algo asi como un sitio de despliegue «genérico»? Creo que wordpress maneja asi plantillas para mobil o para PC o estoy entendiendo mal?
Investigaré más sobre todo por aquello de la penalización de Google
Saludos
No sabía sobre la web responsivo, se ve muy útil. Hoy que utilizamos diversos dispositivos es muy importante la información que compartes. La verdad no sé mucho acerca de este tema, pero seguiré leyendo tus post. 🙂
Hola!
Me ha resultado súper útil esta información, ya que tengo blog y odio cuando entro en otros blogs y no puedo seguirlos o interactuar con algún apartado por culpa de la visión web/móvil. Me ha sorprendido eso de que Google te penalice!
Gracias por el post.
¡Hola, guapa! Súper interesante el post. Para mí es fundamental que el contenido de mi web se vea en todos los dispositivos. Hace unos meses cuando vi las estadísticas de mi antiguo blog me quedé sorprendida por lo cantidad de visitas que tenía desde el teléfono móvil. Menos mal que escogí una plantilla responsive y ahora que estoy en pleno emprendimiento online lo veo fundamental. ¡Una entrada muy útil! Gracias por compartirla. 🙂
Completamente de acuerdo!
Todavía encuentro páginas web sin diseño responsivo y es sumamente incómodo buscar información dentro de ellas.
Este es un excelente artículo, gracias por las recomendaciones y la explicación en el video. Estoy segura que con tu apoyo muchas páginas mejorarán la calidad de sus diseños.
Maarie
Debo admitir y reconocer que has acertado en todos y cada punto que has expuesto en este post. Hoy en día un sitio web que no sea responsive, simplemente no sirve, nadie va a querer navegar en él, por lo que es necesario que los sitios web tengan está importante característica en su maquetación de código interna. Saludos
Oye, pero como asi que google penaliza? Ni idea. Wow. estoy en construcción de mi pagina y es con wordpress, asi que te agradezco las recomendaciones para wordpress.
Un abrazo, me encanta tu pagina, tu transmite tu pasion full. Gracias, gracias gracias 🙂
No sabía el término exacto sin embargo como uso la plataforma de blogger esta te permite tener ya una visualización en modo movil, tal vez no esté tan personalizada como mi blog desde el escritorio pero es bastante fácil de manejar 🙂
Si te soy sincera, no tenía ni idea acerca de este tema. Imagino que blogger al funcionar con Google lo será, pero utilizaré las herramientas que proporcionas para estar segura.
Como siempre Emma, tus entradas me encantan y no paro de aprender cosas contigo. Me voy a asegurar desde ya si mi web tiene diseño responsive. Un abrazo
Como siempre Emma, con tus entradas se aprende mucho para mejorar el blog. Me voy a asegurar desde ya si mi web tiene diseño responsive. Un abrazo
Yo utilizo blogpot y tengo eso que llamas un sitio web con diseño resposivo. No sabia que se llamaba así. Al principio solo por el titulo no sabia lo que era. Aunque la verdad tengo que cambiar el blog porque cuando miro mi blog por el movil sale una barra que no sirve y no se como quitarla. Besos!!
Hola Emma, es una información muy útil, ya que los dispositivos móviles avanzan mas rápido que el lenguaje de programación, con los distintos anuncios y animaciones etc, etc, que cada día requieren plugins que no son compatibles para todas las plataformas, y la parte mas interesante es la de las penalizaciones de google, que a veces te penalizan por nada, y son muy estrictos me guardaré la información y me pensaré en hacerme un sitio así. Sigue así y besos
Es super importante verificar que tu sitio está adaptado a todos los dispositivos y navegadores ya que sino no nos ven bien no van a volver a ver qué contenido nuevo tenemos! Además, google nos penalizará y no saldríamos en buscadores 🙁
Besos desde JustForRealGirls
Hola! Yo soy nueva en esto del blogger cada día voy aprendiendo muchas cosas interesante, lo que mas me gusta de tu blog es que nos vas enseñando poco a poco y de manera detallada cada tema, en esta ocasión sabia del sitio web con diseño responsivo pero creo que debo investigar más sobre, muchas gracias por compartirnos esta entrada.
Ostras, me viene de nuevo esa palabras: responsivo y más aplicada a diseño de páginas web, o sea sabía que las páginas se deben optimizar para cualquier dispositivo, pero no que se llamara así! me han ido muy bien las herramientas que nos dejas para saber si nuestro sitio lo es o no, ahora mismo probaré y ostras, espero que si!!
tener un Sitio Web con Diseño Responsivo es lo ideal, para verse desde todas las plataformas, me gusta tu blog, tus artículos y tu manera de explicar las cosas
Hola guapetona, están genial los tips de hoy para conseguir un sitio web con diseño responsivo aunque menos mal que a mí me hizo esta labor el propio blogger que tiene una opción para que el blog se vea bien en los móviles. De hecho yo a veces me meto y no está nada mal, ahora de ahí a estar bien del todo no lo sé pero funcionar, funciona. Muaks
Pingback: ¿Qué es WordPress, para qué sirve y cómo funciona?