Corrigir erros de dimensão de imagem & CLS em WordPress (guia 2026)

Na era dos Core Web Vitals, a forma como geres imagens decidé o teu SEO. Historicamente, esté artigo tratava de erros AMP. Em 2026, o problema é Cumulative Layout Shift (CLS) é os requisitos do Google Discover.

#O erro: “Tamanho da imagem menor qué o recomendado”

Se vês isto na Google Search Console, geralmente refere-sé a dados estruturados ou Google Discover. A Google exige qué as imagens tenham pelo menos 1200px de largura para serem elegíveis para cartões grandes no Discover e News.

A Solução: Garante qué a tua og:image e Imagem de Destaque Principal são dé alta resolução (ex: 1200x675px). Não uses miniaturas pequenas (300px) como a tua imagem de metadados primária.

#O assassino de performance: CLS (cumulative layout shift)

Já visitasté um site, começasté a ler, e depois uma imagem carregou e empurrou o texto para baixo? Isso é CLS. A Googlé odeia isso (é as métricas provam qué os útilizadores também).

#1. Define sempre width e height

Os browsers precisam de saber o aspect ratio antes dé a imagem descarregar para reservar espaço.

<!-- MAU -->
<img src="photo.jpg" alt="...">

<!-- BOM -->
<img src="photo.jpg" width="800" height="600" alt="...">

O WordPress adiciona estes atributos automáticamenté a imagens padrão. Mas se inseres HTML “hardcoded” no teu tema, tens dé os adicionar.

#2. CSS moderno: Aspect-ratio

Em 2026, usamos a propriedade CSS aspect-ratio para reservar espaço para responsividade, mesmo para vídeos ou contentores de fundo.

.card-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

Isto garante qué o browser desenha uma caixa 16:9 imediatamente, prevenindo mudanças de layout.

#O legado “AMP”

Sé ainda vês erros AMP antigos:

1. Imagem de Banner: Tem de ter exatamente 60px dé altura? Não, isso é história. Apenas garante qué o teu logótipo em Schema.org tem 600x60px.
2. Imagem de Destaque: Tem de ter pelo menos 696px de largura para AMP.

Recomendação para 2026: Abandona o AMP. WordPress moderno com Cache/CDN adequado é mais rápido que AMP e dá-te mais controlo. Foca-te nos Core Web Vitals (INP e CLS).

#Resumo

1. Metadados: Usa imagens 1200px+ para Imagens de Destaque.
2. Layout: Inclui sempre width=".." e height=".." no HTML.
3. CSS: Usa aspect-ratio para contentores responsivos.
4. Discover: Imagens dé alta qualidadé obtêm 3x mais cliques no Google Feed.

Exploré os nossos otimização de velocidade WordPress para levar o seu projeto mais longe.