{"id":5198,"date":"2025-02-11T16:36:27","date_gmt":"2025-02-11T16:36:27","guid":{"rendered":"https:\/\/hocoos.com\/?post_type=answer&#038;p=5198"},"modified":"2025-02-11T16:36:28","modified_gmt":"2025-02-11T16:36:28","slug":"what-are-mobile-pop-ups","status":"publish","type":"answer","link":"https:\/\/hocoos.com\/es\/respuestas\/what-are-mobile-pop-ups\/","title":{"rendered":"\u00bfQu\u00e9 son las ventanas emergentes m\u00f3viles?\u00a0"},"content":{"rendered":"<h2 class=\"wp-block-heading\">\u00bfCu\u00e1l es la postura de Google sobre las ventanas emergentes m\u00f3viles?&nbsp;<\/h2>\n\n\n\n<p>Google tiene pautas espec\u00edficas con respecto a las ventanas emergentes m\u00f3viles intrusivas, y es esencial que tu ventana emergente se adhiera a estas pautas. En 2017, la compa\u00f1\u00eda introdujo la Actualizaci\u00f3n de intersticiales intrusivos para tratar directamente con estos.&nbsp;<\/p>\n\n\n\n<p>A pesar de la postura de Google sobre las ventanas emergentes m\u00f3viles, puedes evitar que perjudiquen tu clasificaci\u00f3n en las b\u00fasquedas si eres estrat\u00e9gico.  Solo usa ventanas emergentes cuando tenga sentido y evita ser excesivo con ellas. Otras cosas que puedes hacer son:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Utiliza mensajes concisos.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Aprovecha los colores contrastantes.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ofrece una opci\u00f3n de cierre para las ventanas emergentes para adaptarse a las preferencias del usuario.\u00a0<\/li>\n<\/ul>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nConsejo profesional:\u00a0\n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nPara minimizar las ventanas emergentes intrusivas, considera los factores que contribuyen e implementa estrategias para reducir su aparici\u00f3n.\u00a0\n\n<\/div>\n<\/div>\n\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-heading\">\u00bfC\u00f3mo afectan las ventanas emergentes m\u00f3viles al SEO?&nbsp;<\/h1>\n\n\n\n<p>Si las ventanas emergentes m\u00f3viles ayudan o perjudican tu <a href=\"https:\/\/hocoos.com\/es\/respuestas\/que-es-seo-movil\/\">las estrategias de SEO<\/a> Depender\u00e1 completamente de c\u00f3mo los uses. Las ventanas emergentes intrusivas pueden hacer que las personas abandonen tu sitio web, pero las que tienen sentido pueden aumentar la interacci\u00f3n del usuario.\u00a0<\/p>\n\n\n\n<p>Piensa en c\u00f3mo encajan tus ventanas emergentes en el contexto m\u00e1s amplio de las tasas de rebote y otros factores de SEO. Usar un creador de sitios web que ya est\u00e9 optimizado para dispositivos m\u00f3viles y crear ventanas emergentes dentro de \u00e9l tambi\u00e9n es una consideraci\u00f3n.&nbsp;<\/p>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nConsejo profesional:\u00a0\n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nRealiza pruebas A\/B de tus ventanas emergentes para asegurarte de que no perjudiquen tus esfuerzos de SEO.\u00a0\n\n<\/div>\n<\/div>\n\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-heading\">\u00bfC\u00f3mo puedo usar ventanas emergentes de forma eficaz en dispositivos m\u00f3viles?&nbsp;<\/h1>\n\n\n\n<p>Para utilizar eficazmente las ventanas emergentes m\u00f3viles, debes considerar varios factores. Adem\u00e1s de optimizar la ventana emergente en general, tambi\u00e9n debes pensar en c\u00f3mo interactuar\u00e1 con diferentes tama\u00f1os de pantalla.&nbsp;<\/p>\n\n\n\n<p>Considera cada uno de estos puntos al dise\u00f1ar tus ventanas emergentes para m\u00f3viles:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Optimizaci\u00f3n del dispositivo: <\/strong>Aseg\u00farate de que tu ventana emergente m\u00f3vil se ajuste a diferentes resoluciones de pantalla y dispositivos. Considera c\u00f3mo interactuar\u00e1 con diferentes navegadores y sistemas operativos m\u00f3viles.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Mensaje claro:<\/strong> Crea un texto claro y conciso para tu ventana emergente y llamadas a la acci\u00f3n (CTA) claras.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Balance: <\/strong>Aunque no ser intrusivo es importante, tambi\u00e9n debes transmitir tus puntos a tu audiencia.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pruebas: <\/strong>Adem\u00e1s de probar tus ventanas emergentes en diferentes dispositivos m\u00f3viles, aseg\u00farate de que cumplan con los protocolos de UX de Google.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Adaptaci\u00f3n: <\/strong>Personaliza tus ventanas emergentes si es posible, seg\u00fan las necesidades de tu audiencia m\u00f3vil. Hazlo por medio de la segmentaci\u00f3n.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-heading\">\u00bfCu\u00e1les son las mejores pr\u00e1cticas para dise\u00f1ar ventanas emergentes m\u00f3viles?<\/h1>\n\n\n\n<p>&nbsp;Dado que las ventanas emergentes m\u00f3viles pueden ser molestas cuando no est\u00e1n dise\u00f1adas correctamente, es importante que comprendas las mejores pr\u00e1cticas para evitar problemas. Algunas de estas son:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Capacidad de respuesta: <\/strong><a href=\"https:\/\/hocoos.com\/es\/respuestas\/pruebas-en-dispositivos-moviles\/\">Prueba la capacidad de respuesta de tus ventanas emergentes m\u00f3viles<\/a> en m\u00faltiples dispositivos.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Elecci\u00f3n de colores: <\/strong>Elige colores con alto contraste para que sean m\u00e1s accesibles; considera los colores de tu marca para que coincidan con tu sitio\/app.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Limitar elementos: <\/strong>Incluye solo los elementos que sean absolutamente necesarios.\u00a0<\/li>\n<\/ul>\n\n\n\n<p>Implementa cada uno de estos elementos en tus ventanas emergentes m\u00f3viles e itera a medida que obtengas m\u00e1s detalles sobre c\u00f3mo interact\u00faan los usuarios con ellas.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-heading\">\u00bfCu\u00e1les son las dimensiones \u00f3ptimas para las ventanas emergentes m\u00f3viles?&nbsp;<\/h1>\n\n\n\n<p>Comprender las dimensiones es crucial para la optimizaci\u00f3n de ventanas emergentes en dispositivos m\u00f3viles. En general, las ventanas emergentes deben tener al menos 294 x 150 p\u00edxeles. Tampoco deben ser mayores de 510 x 424 p\u00edxeles.&nbsp;<\/p>\n\n\n\n<p>Los dispositivos m\u00f3viles suelen tener una relaci\u00f3n de aspecto de 9:16 y, por este motivo, debes optimizar las ventanas emergentes en consecuencia. Al crearlas, aseg\u00farate de que los usuarios puedan cerrarlas f\u00e1cilmente si lo desean.&nbsp;<\/p>\n\n\n\n<p>Aunque estas son pautas a seguir, es posible que no se apliquen a tu situaci\u00f3n. Por lo tanto, es mejor que pruebes tus ventanas emergentes y te asegures de que cumplan con tus requisitos. Tambi\u00e9n debes considerar la diferencia en el tama\u00f1o de pantalla en tel\u00e9fonos inteligentes y tabletas.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-heading\">Conclusi\u00f3n<\/h1>\n\n\n\n<p>Las ventanas emergentes en dispositivos m\u00f3viles pueden ser \u00fatiles, pero es fundamental asegurarse de no experimentar los impactos negativos en <a href=\"https:\/\/hocoos.com\/es\/respuestas\/que-es-la-experiencia-de-usuario-movil\/\">UX<\/a> y <a href=\"https:\/\/hocoos.com\/es\/respuestas\/que-es-el-seo\/\">SEO<\/a> es vital. Tus ventanas emergentes deben agregar valor a tu sitio web o aplicaci\u00f3n y no ser intrusivas. Ofrece a los usuarios una manera f\u00e1cil de cerrarlas si lo desean y utiliza un texto claro y conciso.\u00a0<\/p>\n\n\n\n<p>Utiliza las dimensiones correctas para tus ventanas emergentes m\u00f3viles, adem\u00e1s de usar colores que coincidan con tu marca. Iterar en los dise\u00f1os de tus ventanas emergentes es una consideraci\u00f3n clave, y tambi\u00e9n deber\u00edas segmentar tus mensajes donde sea posible.&nbsp;<\/p>\n\n\n\n<p>Para que tus ventanas emergentes sean m\u00e1s efectivas, usa un <a href=\"https:\/\/hocoos.com\/es\/respuestas\/que-es-una-llamada-a-la-accion-cta-en-marketing\/\">CTA claro<\/a> que les diga a los usuarios qu\u00e9 hacer a continuaci\u00f3n. Menos elementos pueden aumentar la capacidad de respuesta; eval\u00faa cr\u00edticamente lo que es absolutamente vital y deja el resto fuera.<\/p>","protected":false},"excerpt":{"rendered":"<p>\u00bfCu\u00e1l es la postura de Google sobre las ventanas emergentes m\u00f3viles?&nbsp; Google tiene directrices espec\u00edficas con respecto a las ventanas emergentes m\u00f3viles intrusivas, y es esencial que su ventana emergente se adhiera a estas directrices. En 2017, la compa\u00f1\u00eda introdujo la Actualizaci\u00f3n de Intersticiales Intrusivos para abordar directamente este problema.&nbsp; A pesar de la postura de Google sobre las ventanas emergentes m\u00f3viles, puede evitar que obstaculicen su clasificaci\u00f3n en los motores de b\u00fasqueda si [&hellip;]<\/p>","protected":false},"author":39,"featured_media":5199,"template":"","answers_category":[24],"class_list":["post-5198","answer","type-answer","status-publish","has-post-thumbnail","hentry","answers_category-mobile-responsiveness"],"acf":{"image":null,"card_image":5199,"content":[{"acf_fc_layout":"header_section","title":"\u00bfQu\u00e9 son las ventanas emergentes m\u00f3viles?","descriptions":"Mobile pop-ups are elements that you find in mobile apps and on mobile-optimized websites. Their aim is to provide some kind of information based on a trigger. For example, a website might show a pop-up if the person is using an ad-blocker.<br\/><br\/>\r\nMobile pop-ups are used to display information that may be helpful while minimizing intrusion. Blend them within a mobile interface and consider different screen sizes.<br\/><br\/>\r\nOther types of mobile pop-ups you might see when browsing websites and apps are:<br\/><br\/>\r\n\u2022 Scrolling down a certain length on a page<br\/><br\/>\r\n\u2022 Spending a lengthy amount of time on a webpage<br\/><br\/>\r\n\u2022 Showing user exit intent<br\/><br\/>\r\nWhen used correctly, mobile pop-ups can form a key part of the overall user experience \u2013 though you should ensure they match your site. Consider how they might impact your conversion rate and user engagement. <br\/><br\/>\r\nMobile pop-ups are sometimes informational, but they can also be commercial (e.g. promoting an offer). \r\n","tip_label":"Pro Tip","tip":"Assess all of your mobile pop-ups and ensure that they do not harm the user experience. ","additional_tips":null,"key_takeaways_label":"Key Takeaways:","key_takeaways":[{"label":"Consider how you will implement mobile pop-ups for user engagement and conversions","body":""},{"label":"Be careful that your mobile pop-ups add to the user experience and don\u2019t hinder it","body":""},{"label":"Keep your mobile pop-ups brief and leverage color choices, while testing them for speed","body":""}]}]},"_links":{"self":[{"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/answer\/5198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/answer"}],"about":[{"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/types\/answer"}],"author":[{"embeddable":true,"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/users\/39"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/media\/5199"}],"wp:attachment":[{"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/media?parent=5198"}],"wp:term":[{"taxonomy":"answers_category","embeddable":true,"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/answers_category?post=5198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}