{"id":5475,"date":"2021-03-26T12:00:00","date_gmt":"2021-03-26T11:00:00","guid":{"rendered":"https:\/\/wam.global\/wam-room\/equilibrio-entre-diseno-y-desarrollo-web-el-exito-del-e-commerce\/"},"modified":"2026-03-01T20:49:46","modified_gmt":"2026-03-01T19:49:46","slug":"equilibrio-entre-diseno-y-desarrollo-web-el-exito-del-e-commerce","status":"publish","type":"post","link":"https:\/\/wam.global\/es\/wam-room\/equilibrio-entre-diseno-y-desarrollo-web-el-exito-del-e-commerce\/","title":{"rendered":"Equilibrio entre dise\u00f1o y desarrollo web: el \u00e9xito del e-commerce"},"content":{"rendered":"

El a\u00f1o 2018, cuando Google decidi\u00f3 por fin aplicar el Mobile First Index<\/strong> tras un a\u00f1o y medio de tests y pruebas, supuso una aut\u00e9ntica revoluci\u00f3n para las empresas. A partir de ese momento, Google iba a basar sus resultados de b\u00fasqueda \u00fanicamente en la informaci\u00f3n que encontrara en la versi\u00f3n para m\u00f3viles de las p\u00e1ginas web. Este nuevo m\u00e9todo de indexaci\u00f3n<\/strong> oblig\u00f3 a remodelar los portales web en su dise\u00f1o y desarrollo<\/a> para adaptarse no solo a los cambios del algoritmo de Google, sino tambi\u00e9n a los nuevos h\u00e1bitos de consumo de los usuarios.<\/p>\n

Seg\u00fan un estudio de IAB Spain<\/a>, casi el 70% del tiempo que navegamos por Internet lo realizamos desde dispositivos m\u00f3viles; 2 de cada 3 minutos que consultamos la red lo hacemos desde nuestro smartphone, por delante del ordenador o la tablet. La tendencia es imparable y el comercio online<\/strong> debe pensar desde su concepci\u00f3n, dise\u00f1o y desarrollo del e-commerce<\/strong> en las pantallas m\u00f3viles en primer lugar.<\/p>\n

\"Desarrollo<\/p>\n

Unos consejos para empezar la transformaci\u00f3n ser\u00edan los siguientes:<\/p>\n

Desarrollo y programaci\u00f3n web: adapta tu p\u00e1gina responsive<\/h3>\n
    \n
  1. Usa patrones m\u00f3viles. <\/strong>Hay que tener en cuenta en todo momento el tama\u00f1o de la pantalla y usar un patr\u00f3n m\u00f3vil para que la p\u00e1gina no se sobrecargue. Es una manera de comprobar tambi\u00e9n la legibilidad de los contenidos en todos los formatos.<\/li>\n
  2. Calcula la carga de la p\u00e1gina.<\/strong> Al transformar una web en responsive hay determinados elementos que pueden ralentizar la carga de la p\u00e1gina en un dispositivo m\u00f3vil respecto a su versi\u00f3n de escritorio. Hay que optimizar para no retrasar la carga con recursos innecesarios.<\/li>\n
  3. Simplifica. <\/strong>La versi\u00f3n de escritorio de una p\u00e1gina web nos da mucha m\u00e1s libertad para jugar con el dise\u00f1o y los efectos. Para la versi\u00f3n mobile debemos filtrar lo imprescindible y potenciar la claridad en la estructura, los contenidos y las apelaciones al consumidor.<\/li>\n<\/ol>\n

    El servicio de comercio electr\u00f3nico<\/strong> \/ e-commerce necesita responder a las nuevas demandas de consumo de los usuarios para seguir siendo efectivo, y en este objetivo el dise\u00f1o y desarrollo web juega un papel esencial.<\/p>\n

    Herramientas para desarrollo web<\/h2>\n

    Google ayuda a los desarrolladores web a trav\u00e9s de la herramienta Google Search Console<\/strong>, desde la que facilita advertencias y consejos sobre c\u00f3mo mejorar el dise\u00f1o web de manera que garantice un buen posicionamiento. Para empujar a los negocios a la filosof\u00eda Mobile Friendly,<\/strong> Google ha modificado el panel de Search Console para que se puedan controlar los errores tanto del site como de la versi\u00f3n m\u00f3vil. Si abres la herramienta encontrar\u00e1s en el panel de control dos pesta\u00f1as: m\u00f3vil y escritorio.<\/p>\n

    Googlebot,<\/strong> robot de b\u00fasqueda que utiliza este buscador, ha recibido las indicaciones pertinentes en su algoritmo para visualizar los sitios web como cualquier dispositivo<\/strong>, as\u00ed que ya no solo se limita a leer el c\u00f3digo fuente sino que tambi\u00e9n renderiza las p\u00e1ginas y consulta las hojas de estilo (CSS).<\/p>\n