[{"data":1,"prerenderedAt":73},["ShallowReactive",2],{"article-la-importancia-de-tener-un-diseno-responsivo-para-su-sitio-web":3},{"editorial_managed":4,"editorial_preview":5,"editorial_type":6,"title":7,"slug":8,"href":9,"description":10,"category":11,"category_slug":12,"author":13,"date":14,"updated_at":15,"read_time":16,"cover_image":17,"cover_alt":18,"cover_width":19,"cover_height":20,"cover_small":18,"social_alt":18,"preview_image":17,"social_image":17,"social_width":19,"social_height":20,"social_type":21,"seo_title":7,"seo_description":10,"html":22,"toc":23,"related":42,"tags":58},true,false,"Explicación","Qué hace que un sitio funcione bien en el celular","la-importancia-de-tener-un-diseno-responsivo-para-su-sitio-web","\u002Fes-mx\u002Frecursos\u002Fla-importancia-de-tener-un-diseno-responsivo-para-su-sitio-web","Comprueba si un sitio conserva la lectura y las acciones importantes en el celular, además de ajustar el tamaño de sus elementos a la pantalla.","Experiencia digital","experiencia-digital","Acinsoft","2023-04-06 17:00:00","2026-09-17 00:00:00",2,"\u002Fimages\u002Feditorial-20260913\u002F067-social.jpg","",1200,630,"image\u002Fjpeg","\u003Cp class=\"lead\">Un diseño adaptable conserva la lectura y las acciones importantes en pantallas diferentes. Reducir una página de escritorio hasta que quepa no basta.\u003C\u002Fp>\u003Ch2 id=\"articulo-seccion-1\">Prioriza según la tarea\u003C\u002Fh2>\u003Cp>En móvil, el visitante puede necesitar entender el servicio y contactar. Organiza el contenido para que esas acciones sigan claras. No ocultes información necesaria sólo porque ocupa espacio.\u003C\u002Fp>\u003Ch2 id=\"articulo-seccion-2\">Comprueba casos que una captura no muestra\u003C\u002Fh2>\u003Col>\u003Cli>Abre menús y cierra paneles con teclado y tacto.\u003C\u002Fli>\u003Cli>Prueba un título largo y una tabla con varias columnas.\u003C\u002Fli>\u003Cli>Amplía el texto y comprueba que no tapa botones.\u003C\u002Fli>\u003Cli>Completa un formulario con el teclado móvil abierto.\u003C\u002Fli>\u003Cli>Gira la pantalla y revisa desplazamientos inesperados.\u003C\u002Fli>\u003C\u002Fol>\u003Cp>Una tabla puede necesitar desplazamiento dentro de su contenedor; toda la página no debería moverse lateralmente por una celda demasiado ancha.\u003C\u002Fp>\u003Ch2 id=\"articulo-seccion-3\">Revisa imágenes y carga\u003C\u002Fh2>\u003Cp>Usa imágenes proporcionadas para cada espacio y reserva sus dimensiones. Los cambios inesperados de posición forman parte de la estabilidad visual que evalúan los Core Web Vitals. \u003Ca href=\"https:\u002F\u002Fweb.dev\u002Farticles\u002Fvitals\" target=\"_blank\" rel=\"noopener noreferrer\">Estabilidad y experiencia de página\u003C\u002Fa>.\u003C\u002Fp>\u003Ch2 id=\"articulo-seccion-4\">Acepta con tareas, no con medidas aisladas\u003C\u002Fh2>\u003Cp>Selecciona tamaños representativos y al menos un dispositivo real. Pide realizar la acción principal sin explicación previa. Registra dónde se pierde información o se dificulta interactuar.\u003C\u002Fp>\u003Cp>La revisión debe incluir páginas interiores, mensajes de error y contenido nuevo. Una portada adaptable no garantiza que un artículo, una tabla de precios o una pantalla de confirmación también lo sean. Conserva esos casos como parte de la comprobación de futuras publicaciones.\u003C\u002Fp>\n\n\u003Ch2 id=\"articulo-seccion-5\">Prueba un recorrido completo en el teléfono\u003C\u002Fh2>\u003Col>\u003Cli>Entra a una página interior desde un enlace compartido.\u003C\u002Fli>\u003Cli>Lee la propuesta, amplía el texto y consulta una tabla si existe.\u003C\u002Fli>\u003Cli>Abre el contacto y provoca un error de validación sin enviar información real.\u003C\u002Fli>\u003Cli>Corrige el campo con el teclado abierto y comprueba que la acción sigue visible.\u003C\u002Fli>\u003Cli>Vuelve al contenido y confirma que puedes retomar la lectura.\u003C\u002Fli>\u003C\u002Fol>\u003Cp>Registra el dispositivo y el navegador. La emulación de tamaños ayuda a encontrar desbordamientos, pero no sustituye comprobar teclado, tacto y comportamiento en un dispositivo real. En tablas anchas, facilita identificar que existe desplazamiento horizontal dentro del contenedor y conserva sus encabezados.\u003C\u002Fp>\n\u003Cp>Para profundizar en las tareas relacionadas: \u003Ca href=\"\u002Fes-mx\u002Frecursos\u002Fcomo-mejorar-la-conversion-en-su-sitio-web\" rel=\"noopener noreferrer\">Cómo mejorar un formulario para recibir más consultas\u003C\u002Fa>; \u003Ca href=\"\u002Fes-mx\u002Frecursos\u002Fcomo-optimizar-la-carga-de-su-sitio-web-para-una-mejor-experiencia-de-usuario\" rel=\"noopener noreferrer\">Qué revisar cuando una página tarda en mostrarse\u003C\u002Fa>; \u003Ca href=\"\u002Fes-mx\u002Frecursos\u002Fla-importancia-de-la-accesibilidad-en-el-diseno-y-desarrollo-de-software\" rel=\"noopener noreferrer\">Cómo revisar la accesibilidad de un sitio web\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cdiv class=\"cta\">\u003Ch2 id=\"articulo-seccion-6\">¿Quieres aplicar esto en tu sitio?\u003C\u002Fh2>\u003Cp>Comparte la página y lo que necesitas resolver. La conversación puede empezar por identificar el cambio que tendría más utilidad.\u003C\u002Fp>\u003Ca href=\"\u002Fes-mx\u002Fcontacto\" rel=\"noopener noreferrer\">Solicitar orientación\u003C\u002Fa>\u003C\u002Fdiv>\n",[24,27,30,33,36,39],{"id":25,"title":26},"articulo-seccion-1","Prioriza según la tarea",{"id":28,"title":29},"articulo-seccion-2","Comprueba casos que una captura no muestra",{"id":31,"title":32},"articulo-seccion-3","Revisa imágenes y carga",{"id":34,"title":35},"articulo-seccion-4","Acepta con tareas, no con medidas aisladas",{"id":37,"title":38},"articulo-seccion-5","Prueba un recorrido completo en el teléfono",{"id":40,"title":41},"articulo-seccion-6","¿Quieres aplicar esto en tu sitio?",[43,51],{"editorial_managed":4,"editorial_preview":5,"editorial_type":44,"title":45,"slug":46,"href":47,"description":48,"category":11,"category_slug":12,"author":13,"date":49,"updated_at":15,"read_time":16,"cover_image":50,"cover_alt":18,"cover_width":19,"cover_height":20,"cover_small":18,"social_alt":18,"preview_image":50,"social_image":50,"social_width":19,"social_height":20,"social_type":21,"seo_title":45,"seo_description":48},"Guía práctica","Cómo revisar la accesibilidad de un sitio web","la-importancia-de-la-accesibilidad-en-el-diseno-y-desarrollo-de-software","\u002Fes-mx\u002Frecursos\u002Fla-importancia-de-la-accesibilidad-en-el-diseno-y-desarrollo-de-software","Revisa la accesibilidad de un sitio para que más personas puedan leer, navegar y completar tareas, incluido el uso de teclado y tecnologías de asistencia.","2023-03-19 07:55:12","\u002Fimages\u002Feditorial-20260913\u002F058-social.jpg",{"editorial_managed":4,"editorial_preview":5,"editorial_type":44,"title":52,"slug":53,"href":54,"description":55,"category":11,"category_slug":12,"author":13,"date":56,"updated_at":15,"read_time":16,"cover_image":57,"cover_alt":18,"cover_width":19,"cover_height":20,"cover_small":18,"social_alt":18,"preview_image":57,"social_image":57,"social_width":19,"social_height":20,"social_type":21,"seo_title":52,"seo_description":55},"Cómo organizar las consultas que llegan por el sitio","la-importancia-de-tener-un-buen-servicio-de-atencion-al-cliente-en-linea","\u002Fes-mx\u002Frecursos\u002Fla-importancia-de-tener-un-buen-servicio-de-atencion-al-cliente-en-linea","Organiza las consultas recibidas por el sitio con información útil, responsables y seguimiento para que cada contacto pueda avanzar hacia una respuesta.","2023-03-09 11:55:00","\u002Fimages\u002Feditorial-20260913\u002F065-social.jpg",[59,62,65,68,70],{"name":60,"slug":61},"diseño responsivo","diseno-responsivo",{"name":63,"slug":64},"experiencia de usuario","experiencia-de-usuario",{"name":66,"slug":67},"mobile first","mobile-first",{"name":69,"slug":69},"seo",{"name":71,"slug":72},"sitios web","sitios-web",1791093714116]