Si tu sitio web no es responsive, para Google estás fuera…

Si tu sitio web no es responsive, para Google estás fuera…

A partir del 21 de abril del 2015, Google va a puntuar mejor aquellos sitios web que cuenten con un diseño responsive.

Hace algunas semanas, Google anunció a través de un comunicado de Google Webmaster Tools que aquellos sitios web que no hayan sido diseñados para ser responsive no iban a tener tanta relevancia en su motor de búsquedas, es decir, a un usuario le va costar más encontrar tu sitio web en Internet.

Explicado de otra manera, aquellos sitios web que sí cuenten con un diseño responsive, o como dice Google, que sean mobile-friendly, van a ser mejor puntuados por Google y por lo tanto tener un mejor posicionamiento web.

Pero, ¿qué es un sitio web responsive? Un sitio web responsive es un sitio que ha sido diseñado para que su contenido se adapte de forma amigable a la pantalla del dispositivo desde el cual estamos navegando en Internet. Seguramente has visitado sitios web desde tu celular en el que es  incomodísimo poder leer los textos y aún más encontrar información especificada en él.

Es por esta razón que Google va a tomar con más seriedad aquiellos sitios web que están diseñados para ser responsive que aquellos que no lo están.

 

¿Cómo saber si mi sitio web es responsive? 

Google ha habilitado la siguiente página web: https://www.google.com/webmasters/tools/mobile-friendly/ para que puedas probar tu sitio web. Además te hará recomendaciones específicas de lo que debes mejorar en tu sitio web.

 

¿Cómo debe ser mi diseño responsive? 

Las siguientes son algunas recomendaciones que debes considerar al diseñar tu sitio web responsive:

[blocknumber type="circle" text="01" color="#FFF" background="#F15D22"]Los elementos de la web que veamos en pantalla deben estar dispuestos en sincronía con el dispositivo que utilicemos. De esta manera, los elementos variarán su colocación según vaya disminuyendo el ancho de pantalla, aprovechando el ancho completo en todo momento.[/blocknumber]

[blocknumber type="circle" text="02" color="#FFF" background="#F15D22"]Así como los botones, elementos gráficos como el tamaño de la letra también cambiará permitiendo que el texto que se muestre sea legible siempre.[/blocknumber]

[blocknumber type="circle" text="03" color="#FFF" background="#F15D22"]Las imágenes son muy importantes en este aspecto. Procura que no contengan muchos detalles pequeños para que se aprecien bien en una pantalla de menor tamaño.[/blocknumber]

[blocknumber type="circle" text="04" color="#FFF" background="#F15D22"]Los botones deberán ser de mayor tamaño en un dispositivo móvil para que no tengamos problemas al hacer clic sobre ellos y acabemos accediendo a donde no queremos.[/blocknumber]

[blocknumber type="circle" text="05" color="#FFF" background="#F15D22"]El menú de la web debe ser desplegable, o en su defecto, tendrá que aparecer desde un costado de la página. De esta forma te ahorrarás mucho espacio, aprovechándolo para que los diferentes elementos se aprecien adecuadamente.[/blocknumber]

Como puedes ver, no contar con un diseño web responsive en tu sitio web ya no es una opción, sino que va a afectar directamente tu posicionamiento web en Google.

Si quieres aprender más del tema de sitios web responsive, te invitamos a leer nuestro artículo de blog: Diseño web responsivo: técnica para que su sitio web luzca genial en cualquier dispositivo.

 

+Mauricio Peraza

Deja un comentario

Asegúrate de llenar la información requerida marcada con (*). No está permitido el código HTML. Tu dirección de correo NO será publicada.

Desde el blog

Estemos en contacto

Web-On Digital
San José
Costa Rica
Apartado Postal 189-2150

info@webondigital.com

Conéctese con nosotros

Suscríbase a nuestro blog: