Peso del contenido por encima del pliegue

La colocación del contenido afecta tanto a lo que la gente lee como a cómo se evalúa la página. Una página cuya sustancia empieza 900px más abajo se juzga por lo que haya encima. Esta habilidad mide qué es realmente visible primero y lo reequilibra.

El archivo de la habilidad

---
name: above-fold-content-weight
description: Úselo cuando una página tenga buen contenido que solo empieza después de un hero grande, un carrusel o una barra de anuncios.
---

# Peso del contenido por encima del pliegue

La colocación del contenido afecta tanto a lo que la gente lee como a cómo se evalúa la página. Una página cuya sustancia empieza 900px más abajo se juzga por lo que haya encima. Esta habilidad mide qué es realmente visible primero y lo reequilibra.

## Qué necesitas antes

- La página a 375px y a una altura habitual de portátil
- Su estructura de encabezados y de cuerpo

## Método

1. Cargue la página a 1366x768 y a 375x812 y registre la posición vertical del H1, del primer párrafo del cuerpo y del CTA principal.
2. Mida cuánto de la primera pantalla se consume antes de la primera frase sustantiva. Más de la mitad es un problema.
3. Identifique qué ocupa ese espacio. Las barras de anuncios, los hero sobredimensionados y los bloques decorativos son las causas habituales.
4. Compruebe si los elementos promocionales pesan más que la propuesta de valor: un anuncio de funcionalidad escrito para usuarios existentes situado por encima de la explicación de qué es el producto.
5. Reequilibre moviendo los elementos promocionales y secundarios por debajo del mensaje principal, en lugar de encoger el hero, lo que suele dañar el diseño.
6. Vuelva a medir en ambos tamaños y confirme que el CTA principal queda completamente por encima del pliegue en una pantalla de 768px de alto.

## Qué produce esto

Las posiciones medidas antes y después, con los elementos concretos que se movieron y el motivo por el que cada uno fue degradado.

## Dónde falla esto

- Medir solo en un monitor de escritorio grande donde todo cabe
- Reducir el tamaño de la tipografía para que quepa más, lo que cambia un problema por otro
- Suponer que un hero alto siempre está mal: solo lo está cuando retrasa el mensaje

---

De la biblioteca de habilidades de QuQi - https://www.quqi.io/es/skills/above-fold-content-weight

Qué necesitas antes

• La página a 375px y a una altura habitual de portátil
• Su estructura de encabezados y de cuerpo

Método

1. 01 Cargue la página a 1366x768 y a 375x812 y registre la posición vertical del H1, del primer párrafo del cuerpo y del CTA principal.
2. 02 Mida cuánto de la primera pantalla se consume antes de la primera frase sustantiva. Más de la mitad es un problema.
3. 03 Identifique qué ocupa ese espacio. Las barras de anuncios, los hero sobredimensionados y los bloques decorativos son las causas habituales.
4. 04 Compruebe si los elementos promocionales pesan más que la propuesta de valor: un anuncio de funcionalidad escrito para usuarios existentes situado por encima de la explicación de qué es el producto.
5. 05 Reequilibre moviendo los elementos promocionales y secundarios por debajo del mensaje principal, en lugar de encoger el hero, lo que suele dañar el diseño.
6. 06 Vuelva a medir en ambos tamaños y confirme que el CTA principal queda completamente por encima del pliegue en una pantalla de 768px de alto.

Qué produce esto

Las posiciones medidas antes y después, con los elementos concretos que se movieron y el motivo por el que cada uno fue degradado.

Dónde falla esto

• Medir solo en un monitor de escritorio grande donde todo cabe
• Reducir el tamaño de la tipografía para que quepa más, lo que cambia un problema por otro
• Suponer que un hero alto siempre está mal: solo lo está cuando retrasa el mensaje

Usa esta skill en tu propia IA

El archivo es markdown simple, con el nombre y el disparador en su frontmatter. Cuando un asistente sabe cargar skills por su cuenta, es ese frontmatter lo que lee para decidir que esta le aplica.

Más en SEO on-page