Peso do conteúdo acima da dobra

A colocação do conteúdo afeta tanto o que as pessoas leem como a forma como a página é avaliada. Uma página cuja substância começa 900px abaixo é julgada por aquilo que estiver acima disso. Esta skill mede o que é de facto visível primeiro e reequilibra.

O ficheiro da competência

---
name: above-fold-content-weight
description: Use quando uma página tem conteúdo forte que só começa depois de um hero grande, de um carrossel ou de uma barra de anúncios.
---

# Peso do conteúdo acima da dobra

A colocação do conteúdo afeta tanto o que as pessoas leem como a forma como a página é avaliada. Uma página cuja substância começa 900px abaixo é julgada por aquilo que estiver acima disso. Esta skill mede o que é de facto visível primeiro e reequilibra.

## O que precisa primeiro

- A página a 375px e a uma altura comum de portátil
- A sua estrutura de títulos e de corpo de texto

## Método

1. Carregue a página a 1366x768 e a 375x812 e registe a posição vertical do H1, do primeiro parágrafo de corpo e da chamada à ação principal.
2. Meça quanto do primeiro ecrã é gasto antes da primeira frase substantiva. Mais de metade é um problema.
3. Identifique o que ocupa esse espaço. Barras de anúncios, heros sobredimensionados e blocos decorativos são as causas habituais.
4. Verifique se os elementos promocionais se sobrepõem à proposta de valor - um anúncio de funcionalidade escrito para utilizadores existentes colocado acima da explicação do que o produto é.
5. Reequilibre movendo os elementos promocionais e secundários para baixo da mensagem principal, em vez de encolher o hero, o que normalmente estraga o design.
6. Volte a medir nos dois tamanhos e confirme que a chamada à ação principal está totalmente acima da dobra num ecrã de 768px de altura.

## O que isto produz

Posições medidas antes e depois, com os elementos específicos que foram movidos e a razão pela qual cada um foi despromovido.

## Onde isto corre mal

- Medir apenas num monitor de desktop grande onde tudo cabe
- Encolher a tipografia para caber mais, o que troca um problema por outro
- Assumir que um hero alto é sempre errado - só é errado quando atrasa a mensagem

---

Da biblioteca de competências da QuQi - https://www.quqi.io/pt/skills/above-fold-content-weight

O que precisa primeiro

• A página a 375px e a uma altura comum de portátil
• A sua estrutura de títulos e de corpo de texto

Método

1. 01 Carregue a página a 1366x768 e a 375x812 e registe a posição vertical do H1, do primeiro parágrafo de corpo e da chamada à ação principal.
2. 02 Meça quanto do primeiro ecrã é gasto antes da primeira frase substantiva. Mais de metade é um problema.
3. 03 Identifique o que ocupa esse espaço. Barras de anúncios, heros sobredimensionados e blocos decorativos são as causas habituais.
4. 04 Verifique se os elementos promocionais se sobrepõem à proposta de valor - um anúncio de funcionalidade escrito para utilizadores existentes colocado acima da explicação do que o produto é.
5. 05 Reequilibre movendo os elementos promocionais e secundários para baixo da mensagem principal, em vez de encolher o hero, o que normalmente estraga o design.
6. 06 Volte a medir nos dois tamanhos e confirme que a chamada à ação principal está totalmente acima da dobra num ecrã de 768px de altura.

O que isto produz

Posições medidas antes e depois, com os elementos específicos que foram movidos e a razão pela qual cada um foi despromovido.

Onde isto corre mal

• Medir apenas num monitor de desktop grande onde tudo cabe
• Encolher a tipografia para caber mais, o que troca um problema por outro
• Assumir que um hero alto é sempre errado - só é errado quando atrasa a mensagem

Use esta skill na sua própria IA

O ficheiro é markdown simples, com o nome e o gatilho no frontmatter. Quando um assistente consegue carregar skills sozinho, é esse frontmatter que lê para decidir que esta se aplica.

Mais em SEO on-page