Mini Banner: Ubicación, Frecuencia y Reglas de Cascada

Un mini banner es una unidad de conversión compacta de columna completa insertada entre secciones de un artículo. Convierte el valor establecido por la sección precedente en un paso siguiente oportuno sin apoderarse de la página ni interrumpir la tarea actual del lector.

El ejemplo nombra el resultado, lo conecta con el trabajo completado y predice el destino. Su posición es parte de la definición; las mismas palabras antes de la explicación de los prompts y competidores serían prematuras.

Por qué este elemento es importante

Un artículo extenso crea varios momentos de intención. Después de una explicación o comparación útil, un lector puede estar listo para inspeccionar un producto, usar una herramienta, descargar un recurso o suscribirse. Un mini banner reconoce ese cambio sin obligarlo a buscar en la navegación.

El mecanismo psicológico es la interrupción ganada. El banner gasta la atención que el artículo ha acumulado. Después de un pensamiento completo, una acción lógica siguiente se siente útil; en un recuento de párrafos arbitrario, parece un anuncio. La repetición enseña a los lectores a tratar cada bloque distintivo como un obstáculo.

La ubicación y la frecuencia son, por lo tanto, reglas de contenido. La posición de desplazamiento proporciona una zona de búsqueda, pero la sección precedente proporciona la razón. El banner debe responder: “¿Qué puedo hacer con lo que acabo de aprender?”

La extractabilidad automatizada importa aunque el banner no cree un esquema especial. Los sistemas de búsqueda, agentes de IA, herramientas del navegador y tecnología de asistencia pueden extraer su título, descripción y enlaces sin el diseño visual circundante. Una declaración autónoma como “Abre el panel de visibilidad para comparar tus prompts rastreados” conserva la acción y su propósito. “¿Listo para comenzar?” seguido de “Más información” no identifica un objeto, resultado o destino.

Los campos tipificados permiten que los sistemas de publicación apliquen frecuencia, resuelvan ubicación y supriman un banner cuando no existe una posición segura. Un párrafo con estilo no puede participar de manera confiable. Aplica las reglas de escritura de elementos compartidas: el propósito prevalece sobre la apariencia, la accesibilidad, la seguridad y la continuidad del procedimiento.

Cuándo usarlo

Usa un mini banner cuando un artículo sustancial haya aportado suficiente valor para respaldar una conversión relacionada y opcional. Los momentos adecuados incluyen:

• después de que un marco haya ayudado al lector a clasificar su problema y un informe de producto pueda aplicar ese marco;
• después de que una comparación llegue a un veredicto calificado y una herramienta pueda probar el caso del propio lector;
• después de que una sección de investigación establezca una brecha y una hoja de trabajo descargable ayude a planificar la respuesta;
• después de que se explique el método de un caso de estudio y un servicio ofrezca el mismo tipo de implementación;
• después de un análisis original, cuando un boletín informativo proporcione actualizaciones futuras del mismo tipo.

La página debe contener al menos 1200 palabras sustanciales. Por debajo de ese umbral, el banner aparece demasiado cerca de la introducción o de la conversión final. El destino debe cumplir la copia de inmediato. Revela un formulario de ventas, puerta de correo electrónico o requisito de inicio de sesión antes del clic.

Los casos cercanos necesitan un tratamiento diferente. Un enlace de apoyo es navegación; un botón en una oración es una acción en línea; un panel de ventas al final de la página es un CTA de cierre. Un formulario de boletín añade requisitos de consentimiento, validación y privacidad. Una interrupción, cambio de precio o aviso legal no es una unidad de conversión.

No uses un mini banner para llenar espacio, repetir una acción del encabezado, promocionar una campaña no relacionada o compensar contenido débil. No lo personalices a partir de rasgos sensibles. Si el contenido circundante no puede proporcionar una razón para actuar, omítelo.

Dónde colocarlo

La ubicación utiliza dos datos de entrada: el progreso del artículo identifica una zona razonable, y un límite semántico confirma que el lector ha completado un pensamiento. El progreso del artículo es la proporción del contenido sustancial del cuerpo ya superado, medida desde el primer párrafo después de la introducción hasta el párrafo final antes del CTA de cierre. La navegación, el texto principal, la tabla de contenidos, las notas al pie, el texto estándar y el propio banner no cuentan.

Para el primer banner, define la zona preferida como 35%–55% del progreso del artículo y requiere al menos 600 palabras antes de él. Colócalo después de una sección H2 completada, o después de una subsección completa solo cuando el siguiente encabezado claramente inicie un nuevo tema. Para un segundo banner en páginas de al menos 2500 palabras, usa la zona del 70%–85%. Debe estar al menos 900 palabras y 30 puntos porcentuales después del primero.

La cascada de ubicación resuelve la posición exacta en este orden:

1. Ancla segura explícita: usa el ID de sección proporcionado por el autor cuando caiga dentro de la zona permitida y pase todas las verificaciones de adyacencia.
2. Límite seguro hacia adelante: desde el 40% para el primer banner, o 72% para el segundo, escanea hacia adelante hasta el primer final elegible de una sección H2, deteniéndose en el máximo de la zona.
3. Límite seguro hacia atrás: si ninguna posición hacia adelante califica, escanea hacia atrás hasta el último límite H2 elegible dentro de la zona.
4. Supresión: si ninguna búsqueda encuentra una posición elegible, no renderiza nada y registra no-safe-anchor para control de calidad. Nunca recurras a un recuento bruto de párrafos.

Este orden preserva un ancla editorial segura, hace que la colocación automática sea determinista y trata la omisión como válida. Calcula el progreso a partir de bloques renderizados o fuente de manera consistente; nunca muevas un banner explícito silenciosamente a un tema diferente.

Un mini banner no puede situarse:

• entre pasos requeridos, o entre una instrucción y su resultado esperado;
• entre una afirmación y su cita, un gráfico y su explicación, o una cita textual y su atribución;
• inmediatamente antes o después de una advertencia, descargo de responsabilidad, error, solicitud de consentimiento o nota de seguridad;
• dentro de una lista, tabla, figura, ejemplo de código, acordeón, panel de pestañas, cita en bloque, respuesta de FAQ o formulario;
• junto a un CTA en línea, oferta, tarjeta de producto, formulario de boletín, muro de pago, control de compra u otro banner;
• directamente debajo de un encabezado, donde dejaría al encabezado huérfano de su primer párrafo explicativo;
• en el mismo límite que una promoción fija o un espacio publicitario inyectado.

Requiere un bloque sustancial entre el banner y cualquier elemento no relacionado con seguridad, medio o interacción. En diseños responsivos, prueba la adyacencia contra el orden de la fuente apilada.

La frecuencia es para toda la página. Usa cero mini banners por debajo de 1200 palabras, no más de uno entre 1200 y 2499 palabras, y no más de dos desde 2500 palabras en adelante. Cuenta todas las unidades promocionales en el cuerpo —mini banners, botones de conversión en línea, capturas de boletín, cajas de oferta y promociones de producto— hacia un techo de uno por debajo de 1500 palabras, dos desde 1500 hasta 2499, y tres desde 2500 palabras en adelante. Cuando los límites entren en conflicto, el número más bajo gana. Un límite es permiso para usar menos, nunca un objetivo a alcanzar.

Anatomía

1. Ancla de ubicación: un ID de sección estable y un valor de progreso calculado que explican por qué el banner ocupa este límite.
2. Contenedor: una región visualmente delimitada de columna completa que sigue siendo parte del flujo normal del documento.
3. Título: nombra un resultado concreto o paso siguiente sin depender del título anterior.
4. Descripción: conecta la sección completada con la acción y revela el compromiso significativo como inicio de sesión, captura de correo electrónico, pago o una conversación de ventas.
5. Acción principal: un enlace descriptivo o control de envío de formulario que cumple la promesa declarada.
6. Acción secundaria: una ruta opcional más sutil para lectores que no están listos para el compromiso principal; no es una segunda campaña.
7. Espacio libre: separa el banner de la prosa y evita que los controles cercanos parezcan pertenecerle.
8. ID de ubicación: una etiqueta de análisis estable que describe el ancla semántica, no un número de párrafo mutable.

El renderizador es dueño de la presentación. El autor es dueño de la promesa, la calificación, el destino, el ancla preferida y la variante.

Ejemplos de diseño

Todas las variantes comparten un mismo contrato de ubicación y frecuencia. Un tratamiento visual diferente no crea otra concesión promocional.

CTA de acción única

Usa una acción principal cuando el contenido precedente apunte a un paso siguiente claro. Este es el valor predeterminado.

Acciones primaria y secundaria

Usa dos acciones solo cuando representen el mismo viaje en diferentes niveles de compromiso, como “Inicia la evaluación” y “Ver la metodología”. Haz que la jerarquía sea inequívoca y mantén ambos destinos relevantes para la sección precedente.

Recurso o descarga

Usa esta variante para una plantilla, lista de verificación, conjunto de datos o guía directamente disponible. Indica el formato y revela el acceso condicionado antes de la acción. Si el clic descarga inmediatamente, nombra el tipo de archivo y el tamaño aproximado cuando se conozca.

Captura de boletín

Usa la variante de boletín solo después de demostrar lo que contienen los mensajes futuros. Necesita una etiqueta de correo electrónico, consentimiento, destino de privacidad, validación, estados de éxito y error.

Apilado responsivo

En pantallas estrechas, el texto va primero y las acciones siguen en el mismo orden de fuente. Los botones pueden volverse de ancho completo, pero el banner no debe volverse fijo, cubrir contenido ni empujar el siguiente encabezado debajo de un intersticial artificial.

Parámetros

El contrato canónico separa el significado del autor del cálculo de ubicación. “Fuente” indica dónde obtiene el valor un adaptador; no significa que el banner pueda inferir texto de marketing a partir de metadatos de página no relacionados.

El primer encabezado del cuerpo se asigna a title; su primer párrafo se asigna a description. El consentimiento del boletín permanece más adelante. secondaryText y secondaryUrl son un par de todo o nada. Los identificadores de campaña nunca deben contener datos personales.

Los límites de progreso son valores predeterminados controlados por esta especificación, no perillas para que los autores muevan una promoción hacia arriba. Un renderizador puede exponer límites más estrictos pero no puede aceptar valores fuera de las zonas establecidas. Si preferredAfter falla las verificaciones de seguridad, el adaptador ejecuta la cascada y registra tanto el ancla solicitada como la resuelta.

Sintaxis y ejemplos de código

La directiva portátil es contenido canónico del autor. Los adaptadores de plataforma preservan sus campos, el resultado de ubicación segura, el orden de fuente y los nombres accesibles.

Directiva portátil de Markdown

:::mini-banner{variant=cta primaryText="Open the visibility cockpit" primaryUrl="https://app.amicited.com/reports/cockpit" preferredAfter="benchmark-your-prompts" placementId="after-prompt-benchmark" campaignId="visibility-cockpit-contextual"}
## See where your brand appears in AI answers

Open your visibility cockpit after you have identified the prompts and competitors that matter.
:::

El primer encabezado y párrafo proporcionan el texto de visualización. El adaptador de publicación valida el ancla preferida y suprime el componente cuando no existe un límite seguro.

Shortcode de Hugo

El shortcode actual de Hugo mini-banner-cta renderiza los campos de CTA. Los metadatos de ubicación pertenecen al ensamblaje de la página o al adaptador de ubicación hasta que el shortcode los acepte directamente:

{{< mini-banner-cta
  heading="See where your brand appears in AI answers"
  description="Open your visibility cockpit after you have identified the prompts and competitors that matter."
  primaryText="Open the visibility cockpit"
  primaryUrl="https://app.amicited.com/reports/cockpit"
>}}

Usa solo parámetros con nombre. El ejemplo fuente está escapado para que documente el shortcode sin renderizar un segundo banner. Una capa de ubicación de producción debe asociarlo con after-prompt-benchmark y aplicar la cascada de frecuencia antes de que Hugo emita el componente.

Bloque de WordPress

<!-- wp:amicited/mini-banner {"variant":"cta","primaryText":"Open the visibility cockpit","primaryUrl":"https://app.amicited.com/reports/cockpit","preferredAfter":"benchmark-your-prompts","placementId":"after-prompt-benchmark","campaignId":"visibility-cockpit-contextual"} -->
<h2>See where your brand appears in AI answers</h2>
<p>Open your visibility cockpit after you have identified the prompts and competitors that matter.</p>
<!-- /wp:amicited/mini-banner -->

Mover el bloque a una ubicación no segura debe mostrar una advertencia de validación.

Ejemplos

Bueno

Una guía definitiva explica cómo agrupar los prompts de marca por audiencia e intención, luego termina la sección con un benchmark trabajado. Al 43% del progreso del artículo, después de 1080 palabras, muestra este banner:

Compara tus prompts rastreados en un solo panel
Ve qué competidores aparecen para cada prompt y dónde falta tu marca.
Abre el panel de visibilidad

Esto funciona porque la sección produce una necesidad específica, el destino realiza la tarea indicada, la etiqueta sigue siendo significativa por sí sola y la posición pasa la zona del primer banner y las reglas de adyacencia.

Malo

Después del segundo párrafo de la introducción, una guía de 3000 palabras muestra:

¿Listo para transformar tu negocio?
Descubre el poder de la IA hoy.
Más información   Comenzar

Falla antes de considerar la calidad del texto: el lector no ha completado una sección útil, la ubicación está fuera de la zona permitida y dos acciones genéricas no crean una jerarquía inteligible. El título hace una promesa sin respaldo, la descripción no tiene un objeto concreto y ninguno de los enlaces predice un destino. Mover el mismo banner hacia abajo no arreglaría su contrato vago.

Marcado de esquema y accesibilidad

Un mini banner no alimenta un tipo dedicado de Schema.org. Su texto sigue siendo contenido dentro del Article, TechArticle, WebPage u otro tipo de página justificado. No lo marques como Advertisement, Offer o HowToStep meramente porque contiene una acción comercial. Otros datos estructurados son válidos solo cuando la página visible y su especificación de esquema respaldan cada hecho.

Usa una región etiquetada solo cuando ese punto de referencia ayude a la navegación; de lo contrario, usa un aside o contenedor agrupado. Mantén el título en la jerarquía de encabezados de la página. Los enlaces navegan con <a>; <button> envía un formulario o realiza una acción en la página. Los nombres accesibles deben coincidir con el propósito visible.

El enfoque del teclado sigue el orden de fuente. Los indicadores de enfoque deben permanecer visibles, los objetivos necesitan tamaño y espaciado adecuados, y el zoom no debe recortar el texto. Los diseños responsivos no deben reordenar los controles. El color, los iconos y el relleno de botones no pueden ser la única señal de estado o prioridad.

Para boletines, asocia la etiqueta con la entrada, expón los errores mediante programación, conserva la dirección después de errores recuperables y anuncia el éxito sin mover el enfoque. El consentimiento no puede estar preseleccionado. Nunca animes la aparición del banner ni robes el enfoque en el umbral de ubicación.

Reglas de escritura

Redacta la propuesta de valor como una continuación de la sección precedente, no como un eslogan universal.

• Usa un título de 4–10 palabras, preferiblemente de menos de 70 caracteres. Nombra el resultado, objeto o recurso.
• Usa una descripción de 12–28 palabras y no más de 160 caracteres. Conecta el contexto con la acción y revela el compromiso material.
• Usa una etiqueta principal de 2–6 palabras y no más de 40 caracteres. Comienza con un verbo preciso como “Abre”, “Compara”, “Descarga”, “Calcula” o “Suscríbete”.
• Permite como máximo una acción secundaria. Debe tratar el mismo tema y requerir igual o menor compromiso.
• Mantén la variante total de CTA por debajo de 55 palabras visibles, excluyendo el texto de consentimiento y privacidad necesario.
• Dirígete al lector directamente cuando sea útil, pero evita la emoción fabricada, el miedo, el lenguaje de cuenta regresiva y las afirmaciones que el destino no puede probar.
• Repite el sustantivo clave en el título, la descripción o la acción para que los fragmentos extraídos conserven su sujeto.
• Revela el inicio de sesión, pago, captura de correo electrónico, formato de archivo o contacto de ventas antes del clic cuando esto cambiaría la decisión del lector.

Nunca pongas un párrafo de características del producto, testimonio, tabla de precios, términos de cupón, lista de navegación, formulario de varios pasos, descargo legal, calificación de estrellas, cuenta regresiva, medios de reproducción automática o más de dos acciones dentro de un mini banner. Nunca uses “Haz clic aquí”, “Más información”, “Ir”, “Enviar”, “Comenzar” o “Descubre el poder” sin un objeto concreto y contexto de destino.

Tipos de publicación que lo usan

El frontmatter postTypes[] es la fuente de esta matriz. La inclusión significa que el elemento está permitido cuando las pruebas de ubicación e intención se superan; nunca hace que el banner sea obligatorio.

Lista de verificación de control de calidad

• La página tiene al menos 1200 palabras sustanciales antes de considerar cualquier mini banner.
• La sección precedente crea una razón específica para la acción del banner.
• El primer banner se encuentra entre el 35% y el 55% de progreso y sigue al menos 600 palabras.
• Un segundo banner aparece solo en una página de 2500 palabras o más, entre el 70% y el 85% de progreso.
• Dos banners están separados por al menos 900 palabras y 30 puntos porcentuales.
• Todas las unidades de conversión en el cuerpo fueron contadas y se usó el techo de frecuencia aplicable más bajo.
• El ancla explícita o el resultado de la cascada es un límite H2 completo, no una inserción por recuento de párrafos.
• El banner está ausente cuando la cascada no encuentra un ancla segura.
• Ningún paso, advertencia, par evidencia-y-fuente, tabla, figura, formulario o componente interactivo es interrumpido.
• Ninguna conversión competidora, control de compra, solicitud de consentimiento o anuncio inyectado se sienta junto al banner.
• El título, la descripción, las etiquetas, los compromisos y los destinos cumplen con los límites de escritura y concuerdan entre sí.
• Las acciones primaria y secundaria opcional tienen una jerarquía clara y pertenecen al mismo viaje.
• Los enlaces, botones, etiquetas de formulario, orden de enfoque, estados de enfoque, errores y apilamiento responsivo funcionan con teclado y tecnología de asistencia.
• El banner sigue siendo comprensible cuando se extrae sin color, iconos, prosa circundante o diseño visual.
• No se añadió ningún tipo de esquema o propiedad no compatible.
• placementId, campaignId, ancla solicitada, ancla resuelta y motivo de supresión están disponibles para control de calidad sin contener datos personales.
• La representación móvil mantiene el banner en el flujo normal y no cubre ni desplaza el contenido del artículo.

FAQ

Las preguntas frecuentes a continuación definen la zona de desplazamiento preferida, los techos de frecuencia, la cascada de ubicación segura, la regla de dos acciones, los límites de esquema y el comportamiento no fijo.