COMPRUEBA tu Blog en diferentes dispositivos con solo un clic

Para comprobar si tu blog se adapta a cualquier dispositivo, te recomiendo usar estas herramientas que te ayudaran a verificar si el diseño de tu blog es responsive.

¡Hola! Bienvenido a Peengler, soy Gabriela y quiero compartir contigo cómo puedes verificar si tu blog esta correctamente adaptado a cualquier dispositivo, ya sea: móvil, tablet u ordenador.

Sin más que decir ¡Empecemos!



Clic en la imagen para ver el tutorial en YouTube

Por qué es tan importante tener una web responsive

Es para que tus visitantes tengan una buena experiencia en tu blog ¿A que me refiero con buena experiencia? Es la facilidad de navegar en tu sitio web, ya sea por tener una apariencia agradable, por ser organizado y que se adapte con cualquier dispositivo que utilicen.

Actualmente, muchas personas suelen irse por el minimalismo *menos es más* aunque si eres de los que les encanta añadir detalles como a mí, solo debes recordar de no cargar demasiado el sitio porque te perjudica. Esto se debe, a que la página cargaría muy lentamente.

Mi web no es responsive ¿tendré problemas?

Lo que sucede es que tus visitantes tendrán que hacer zoom para ver el contenido de tu blog, por lo que es muy fastidioso e incómodo, hasta es posible que el usuario cierre tu web, aunque tengas un buen contenido.  

Ahora, retomando la pregunta, la verdad es que no afecta a la mayoría de las webs. Al menos que use una página creada con flash o con alguna tecnología obsoleta que tengan problemas con la gran mayoría de dispositivos.



Si tu plantilla/tema no es responsive, recomiendo que instales uno que si lo sea. Existe una gran variedad de temas gratuitos y de pagos que puedes usar, solo es cuestión de buscar dependiendo de la plataforma que estés usando (Blogger o WordPress) por ejemplo: Plantilla responsive para Blogger.

Prueba de optimización para móviles con Google Search Console

Si quieres saber si tu blog se adaptada a dispositivos móviles. Prueba esta herramienta gratuita ofrecida por Google CLIC AQUI. Solo debes ingresar la URL de tu blog.

Si tu blog está optimizado debe salirte un mensaje como el siguiente

Prueba de optimización para móviles con Google Search Console

En cambio, si no está optimizado te saldrá lo siguiente

La página no está optimizada para móviles

3 herramientas Gratuitas para saber si tu web es Responsive 

Estas páginas te ayudaran a visualizar tu sitio en distintos dispositivos, aunque también puedes usar la consola de tu navegador, sino sabes usarlo te recomiendo ver el vídeo tutorial CLIC AQUÍ.



Responsivepx

Responsivepx: Podrás ajustar el ancho y la altura de su ventana de visualización e ir verificando su diseño.

responsivepx

Responsinator

Responsinator: ayuda a los creadores de sitios web a obtener rápidamente una indicación de cómo se verá su sitio en los dispositivos más populares.

responsinator

Resizer

Resizer: Es un visor interactivo que ayuda a los diseñadores a probar puntos de corte del diseño en computadoras de escritorio, dispositivos móviles y tabletas.

RESIZER

En conclusión

¿Es necesario comprobar si mi blog es responsive? Si. Es más, ni lo dudes. La idea es tener un sitio agradable y que se pueda ver en diferentes dispositivos.

Espero que con estas herramientas puedas verificar el diseño de tu blog y sacarle provecho para mejorar, si es necesario.

Dime ¿paso la prueba tu blog?

¿Te gusto el post?
¡Compártelo!

☑ Puede que también te interese:

descargar imágenes gratis
acelerar la carga de las imagenes
landing page en blogger y wordpress

Gabriela Laya

Me gusta el Diseño Web, Crear plantillas para Wordpress y Blogger y todo lo relacionado a estas 2 plataformas de Blogs.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Joanna:

Muy interesante. Gracias por compartir.

Besos

Responder
    Gabriela Laya:

    Hola Joanna, de nada.

    Responder
Pasando Página Blog:

Hola 🧡 Yo la verdad no entiendo mucho pero me resultan útiles tus recomendaciones. Gracias y feliz semana.

Responder
    Gabriela Laya:

    Hola Pasando Página Blog, tranquila poco a poco lo entenderás y después lo tendrás siempre en cuenta 🙂

    Responder
Citu:

Yo si lo he probado con varios medios . Gracias por el tutorial es muy útil. Te mando un beso y te deseo una buena semana

Responder
    Gabriela Laya:

    Hola Citu, me alegra que ya lo hicieras, estás un paso adelantada y eso es muy bueno 🙂

    Responder
JLO:

buenísima la entrada. Yo tengo dudas de como se ve mi blog. En mi neetbook se ve gigante, en una pc grande se ve pequeño. No se si eso tiene solución pero voy a entrar a los links a ver si me ayuda.

Otra cosa: en mi gadget de blogs amigos no se carga tu blog. Es decir, si hacés entrada nueva no la veo actualizada arriba. ¿Por qué serà? saludos!

Responder
    Gabriela Laya:

    Hola JLO, la primera duda ya depende de tu plantilla ¿estás seguro que en tu pantalla tienes 100% de zoom?
    de lo segundo que me comentas, mira que no se por qué y eso que yo lo tengo agregado en una lista y si se me visualiza, aunque yo lo agregue con esta url: https://www.peengler.com/blog/ y hasta ahora no he tenido ningún problema 🙂

    Responder
Maria Eugenia ARIAS LOZANO:

Que post más interesante!!

Responder
    Gabriela Laya:

    Hola querida, la verdad es que si, mira que lindo me quedo jajaja

    Responder
yo leo Novela:

Hola! Muchísimas gracias por tus consejos sobre web responsive. Me has ayudado mucho…
Saludos. 😉

Responder
    Gabriela Laya:

    Hola yo leo Novela, me alegro saberlo 😀

    Responder
Asunción Artal:

Este es un gran post, viene muy bien para asegurarnos que nuestro blog tiene un correcto diseño. Un beso

Responder
    Gabriela Laya:

    Hola Asunción Artal, así es, no solo que se vea bien en el ordenador sino también en todos los dispositivos.

    Responder
Rocío:

Estoy a ver si lo consigo. Ya te contaré.
Un abrazo.

Responder
    Gabriela Laya:

    ¡Ánimo! Rocío espero que todo salga bien 🙂

    Responder
Serena Miles:

hola,
pues nunca habia pensado en comprobar si mi blog es responsive, me anoto todo lo que has contado y lo probare
Besotessssssssss

Responder
    Gabriela Laya:

    Hola Serena Miles, espero que pases la prueba 😀

    Responder
Espe:

Esto si lo hice hace tiempo y mi blog se puede ver en distintos dispositivos ^^
Besos

Responder
    Gabriela Laya:

    Hola Espe, me alegro que ya tenias en mente este paso 🙂

    Responder
El desvan de vicensi:

Muy buena información Gabriela. Ahora mismo lo voy a comprobar. Un beso y feliz noche ❤️❤️❤

Responder
    Gabriela Laya:

    Hola el desvan de vicensi, de nada 🙂

    Responder
Yomi MR:

Holaa, pues vaya que nunca me había detenido en este pero se me hace muy interesante que haya herramientas para esto, ya he checado mi blog y ha salido verde 😉
¡Besos! :3

Responder
    Gabriela Laya:

    Hola Yomi MR, que bueno que pasaras la prueba 😀

    Responder
FlordeCereza:

Hola, buena entrada.

Responder
    Gabriela Laya:

    Hola FlordeCereza, Gracias.

    Responder
Nayade:

Que interesante!!
Estoy aprendiendo un monton con tus tutoriales
Gracias por ello
besos ♥

– – El Mundo de Naya – –

Responder
    Gabriela Laya:

    Hola Nayade, de nada guapa 🙂

    Responder
Kat:

Nunca me lo he mirado mucho pero sé que desde mi teléfono mvl y tablet se puede ver bien mi blog; aunque es algo incómodo visitar blogs desde otros dispositivos que no sean un ordenador, al menos para mí, se agradece que estén habilitados para que existe la posibilidad si no dispones de un PC. Como siempre, gracias por el tutorial. Nos leemos, hasta pronto!! ^^

Responder
    Gabriela Laya:

    Hola Kat, pensé que en tus vacaciones ya no te ibas a pasar XD me alegra verte por aquí. Es cierto, quizás para las personas que no tengan su ordenador les sea muy bueno que el sitio que visiten se adapten a su dispositivo así podrán navegar cómodamente 🙂

    Responder
Sakuya Aikawa:

(ノ◕ヮ◕)ノ*:・゚✧ Holaaa!!!
Como siempre un gran aporte, yo pensaba que mi blog no era responsive y al revisarlo pues resulta que si lo esta jajajja
me parece un buen aporte, porque aunque no me preocupo mucho como se ve mi blog en el celular pues la verdad cuando lo he visto,
al principio se ve feito pero después que hago clic en la entrada se ve igual que en el pc 😀

Responder
    Gabriela Laya:

    Hola Sakuya Aikawa, es bueno verificar las cosas 🙂 me alegro que te sirviera el post 😀

    Responder
Yennifer Rodríguez:

¡Hola!
Me parece super interesante esta entrada, antes tenía el blog con otra configuración para móviles pero al ver que no quedaba de una manera que me gustara la cambié, justo por eso, se sentía muy incomoda aunque desconocía que eso tuviera un término.
Un beso ♥

Responder
    Gabriela Laya:

    Hola Yennifer Rodríguez, si, por lo menos blogger te da la opción de seleccionar una plantilla que se ajuste al móvil sin necesidad que la principal lo sea 🙂

    Responder
Mava (Marianna 2.0):

Hola Gaby, aprendiendo poco a poco contigo, un millón de gracias por tu dedicación 😉
Un gran abrazo.

Responder
    Gabriela Laya:

    Hola Mava, Gracias querida 🙂

    Responder
Blanca:

¡Hola, holaaaaaaaaaaaaaaa ^-^!

Desde luego que vales muchísimo como profesora porque es que siempre me estás enseñando cosas nuevas.

¡SE MUUUUUUUY FELIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIZ 🥰💛!

Responder
    Gabriela Laya:

    Hola Blanca, jajaja bueno también aprendo mientras explico.

    Responder
Celia | Miles de Libros:

¡Hola, hola!

Mi blog ha aprobado el examen jajajaja

Mil besos,
Celia | 1000 LIBROS blog.

Responder
    Gabriela Laya:

    Hola Celia, felicidades 👍💪 jajaja

    Responder
CECILIA RAMOS PONCE:

Gracias por la recomendación. Me ha gustado la entrada. Saludos

Responder
    Gabriela Laya:

    Hola cecilia, me alegro saberlo 🙂

    Responder