Abre o editor do WordPress para escrever um artigo. Clica em «Adicionar bloco» e vês dezenas de opções. Entre elas está «Capa». Na barra lateral, mesmo no fundo, esconde-se «Imagem de destaque». Ambas envolvem imagens. Ambas afetam o aspeto do artigo. Mas fazem coisas completamente diferentes.

A confusão entre a capa e a imagem de destaque é uma daquelas coisas que os guias para principiantes nunca mencionam. E deviam. A escolha errada estraga o layout da página inicial, distorce as pré-visualizações nas redes sociais e deixa o artigo sem um gancho visual no corpo do texto. Por outro lado, quando se percebe a diferença, ambas as funcionalidades funcionam como um sistema unificado.

Segue-se uma análise direta: o que cada uma faz, onde se encontra, como adicionar e quando usar ambas.

💡 Visão geral rápida:

• Compreender o que é uma capa e onde aparece
• Aprender como funciona a imagem de destaque e onde surge
• Comparar as principais diferenças numa tabela com oito critérios
• Adicionar uma capa através do editor de blocos, passo a passo
• Definir uma imagem de destaque e preencher o texto alternativo
• Configurar ambos os formatos para máxima visibilidade do artigo

O que é uma capa no WordPress

Uma capa é um bloco do editor Gutenberg que insere uma imagem de fundo larga diretamente no corpo do artigo. Tecnicamente, é o bloco Cover que surgiu com o editor de blocos no WordPress 5.0. Fica dentro do conteúdo; és tu que decides exatamente onde no artigo o colocar.

A principal característica da capa é a sobreposição de texto. Escreves um título ou frase sobre a imagem, mudas as cores do texto e do fundo e ajustas a opacidade da sobreposição. O resultado parece um destaque de revista: uma imagem grande com uma mensagem por cima. Funciona especialmente bem em artigos longos, quebrando o texto, dando descanso à vista e destacando a transição para um novo tópico.

O que mais o bloco Capa pode fazer:

• Fundo fixo. Ativado por um interruptor nas definições do bloco. A imagem permanece no lugar durante o scroll, um efeito de paralaxe leve sem plugins.
• Vídeo em vez de imagem. Podes carregar um ficheiro de vídeo, e ele será reproduzido como fundo da capa.
• Sobreposição em gradiente. Além de uma cor sólida, está disponível um gradiente, de transparente a opaco em qualquer direção.
• Ajuste de altura. A altura mínima do bloco pode ser definida em pixels, vh ou outras unidades.

A capa só é visível dentro do artigo. Na página inicial do blogue, nos feeds de categorias e nos resultados de pesquisa, não aparece. É um elemento de layout interno, não um metadado.

O que é uma imagem de destaque

Uma imagem de destaque é um campo de metadados do artigo que existe no WordPress desde a versão 2.9. Não é inserida no corpo do artigo (embora o tema a possa exibir automaticamente no início do artigo). A sua função é representar o artigo externamente.

Onde a imagem de destaque aparece:

• Página inicial do blogue. O tema exibe uma grelha de artigos, e cada um mostra uma miniatura; essa miniatura é a imagem de destaque redimensionada para o tamanho necessário.
• Redes sociais. Quando um artigo é partilhado no VK, Telegram, X ou Facebook, a rede social obtém a imagem de destaque através da marcação Open Graph. Sem ela, obténs apenas um link de texto que os utilizadores vão ignorar.
• Google Discover e pesquisa. O Google pode mostrar uma miniatura ao lado do resultado, e a fonte é, novamente, a imagem de destaque.
• Blocos internos. O bloco «Artigos recentes» e semelhantes obtêm a imagem daqui.

O tema controla os tamanhos; regista um conjunto de dimensões de miniaturas (thumbnail, medium, large, além de personalizadas), e o WordPress gera cópias em cada tamanho durante o carregamento. O original permanece na biblioteca de media.

Uma nuance importante: a imagem de destaque não tem de aparecer no corpo do artigo. Podes carregar uma imagem apenas no campo de metadados, e ela não aparecerá em lado nenhum dentro do artigo, apenas nas representações externas. Inversamente, uma imagem dentro do conteúdo não se torna automaticamente na imagem de destaque.

Tabela de diferenças

Como adicionar uma capa no editor de blocos

Abre um artigo existente ou cria um novo. No editor Gutenberg, clica no botão «+» (adicionar bloco) no ponto do texto onde queres a capa. Na barra de pesquisa de blocos, escreve «Capa»; o ícone do bloco Capa aparecerá. Clica nele.

O bloco será inserido no conteúdo com um botão «Escolher imagem». Clica nele, e a biblioteca de media abrirá. Seleciona uma imagem ou arrasta uma nova do teu computador. Após o carregamento, a imagem esticará até à largura do conteúdo.

Agora configura o bloco através do painel direito:

• Sobreposição. No painel do bloco, verás a definição «Sobreposição», uma camada colorida entre a imagem e o texto. Por predefinição, é cinzenta com 50% de opacidade (consulta a documentação do bloco Capa). Podes mudar a cor, reduzir a opacidade para zero (a sobreposição desaparece) ou substituí-la por um gradiente.
• Texto. Clica diretamente no bloco e escreve um título ou parágrafo. A fonte, o tamanho e a cor são ajustados com as ferramentas padrão.
• Fundo fixo. O interruptor «Fundo fixo» na barra lateral ativa o efeito de paralaxe.
• Altura mínima. Nas definições do bloco, introduz um valor em pixels, por exemplo, 400px para desktop.

Um método alternativo: o bloco Capa não tem de ser independente. No editor, podes converter qualquer grupo de blocos numa capa selecionando-os e clicando em «Agrupar» → «Capa».

Como definir uma imagem de destaque

Abre o editor do artigo. Na barra lateral direita, encontra o separador «Artigo» (o primeiro ícone na linha superior). Desce até à secção «Imagem de destaque». Se não a vires, expande o separador através de «Definições» (as reticências verticais no canto superior direito → «Definições» → «Artigo»).

Clica em «Definir imagem de destaque». A biblioteca de media abrirá. Seleciona uma imagem. Após selecionar, certifica-te de preencher dois campos:

• Texto alternativo. Uma descrição breve mas informativa do que está na imagem. Necessário para acessibilidade (leitores de ecrã) e SEO. Não dupliques o título do artigo; descreve o conteúdo da imagem em si.
• Legenda. Exibida abaixo da imagem se o tema o suportar. Pode ser deixada em branco.

O botão «Concluído» guarda a tua seleção. A imagem aparecerá na secção «Imagem de destaque» com uma pré-visualização. Para a substituir, clica na pré-visualização e escolhe outra.

Importante: não confundas texto alternativo com título. O texto alternativo é para software; o título é uma dica ao passar o rato. Para uma imagem de destaque, o texto alternativo tem prioridade porque é isso que os motores de busca leem no Open Graph.

Quando usar ambas

O cenário ideal para um blogue é usar ambos os formatos em simultâneo, mas com imagens diferentes.

Deixa que a imagem de destaque seja informativa: uma captura de ecrã de interface, um diagrama, uma foto do resultado. Esta imagem aparecerá nas redes sociais e na pesquisa; deve vender o clique. Nada de clipart ou fotos de stock do tipo «pessoa ao portátil».

Coloca uma capa num ou dois pontos de um artigo longo como separador visual entre secções lógicas. A imagem pode ser atmosférica ou abstrata, com uma sobreposição de texto a citar o artigo. Não precisa de ter peso informativo; a sua função é manter o leitor envolvido.

Quando uma capa é desnecessária: notícias curtas de dois ou três parágrafos. Quando uma imagem de destaque é desnecessária: quase nunca. Um artigo sem imagem de destaque perde capacidade de clique nas redes sociais e parece inacabado no feed do blogue.

Uma nota técnica: alguns temas exibem automaticamente a imagem de destaque no início do artigo. Se usares um layout desses, coloca a capa não mesmo no início, mas após o primeiro ou segundo parágrafo, para evitar duas imagens grandes seguidas.

Vídeo: capa versus imagem de destaque

O canal de YouTube WebTutorials demonstra visualmente o processo de adicionar ambos os tipos de imagens num editor WordPress real, desde a procura do bloco até à publicação.

⁉️🤔 Perguntas frequentes

Posso usar a mesma imagem para a capa e para a imagem de destaque?

Tecnicamente, sim. Mas o resultado raramente fica bem. A imagem de destaque é redimensionada pelo tema para proporções específicas (muitas vezes 16:9 ou 4:3), enquanto a capa se estica por toda a largura do conteúdo com uma sobreposição. A mesma imagem será cortada num sítio e perderá a sua composição noutro. É melhor escolher duas imagens diferentes.

O que é mais importante para o SEO: a capa ou a imagem de destaque?

A imagem de destaque. Ela entra na marcação Open Graph, é exibida no Google Discover e pode aparecer ao lado do snippet na pesquisa. A capa não afeta diretamente o SEO, mas ajuda indiretamente ao reduzir a taxa de rejeição; um artigo bem concebido mantém os leitores envolvidos durante mais tempo.

Porque é que a imagem de destaque não aparece nas redes sociais após a publicação?

As redes sociais armazenam em cache os dados Open Graph. Se publicaste o artigo primeiro sem imagem e depois adicionaste uma, o Facebook e o X mostrarão a versão antiga. Solução: passa o URL por um validador Open Graph (Facebook Sharing Debugger, Twitter Card Validator) ou simplesmente espera 24 a 48 horas.

Posso adicionar uma capa a artigos criados antes do Gutenberg?

Sim. O Editor Clássico não exibia o bloco Capa, mas após mudar para blocos, podes abrir qualquer artigo antigo e ele será convertido para um formato compatível. Insere a capa como qualquer bloco normal.

Como acelero o carregamento da página ao usar muitas capas?

Não coloques mais de duas capas por artigo. Para cada imagem, usa um formato moderno (WebP ou AVIF). Otimiza os tamanhos: a largura da área de conteúdo raramente excede 1200 px, por isso não faz sentido carregar uma imagem com 4000 px de largura. Plugins gratuitos como o ShortPixel ou o EWWW Image Optimizer comprimem imagens automaticamente no carregamento. Para mais informações sobre otimização, consulta o nosso guia de imagens no WordPress.

Capa ou imagem de destaque: o que usar no teu artigo

A resposta curta é ambas. A imagem de destaque promove o artigo externamente: página inicial, redes sociais, pesquisa. A capa mantém o leitor envolvido internamente: um divisor visual, uma sobreposição com uma citação, um fundo paralaxe. As funções não se sobrepõem; complementam-se.

Se tiveres de escolher apenas uma, escolhe sempre a imagem de destaque. Um artigo sem ela é invisível para o mundo exterior. A capa é uma opção para quem quer tirar o máximo partido de conteúdo de formato longo.

Não poupes nas imagens. Duas imagens com significado por artigo não são um luxo; são o padrão mínimo para um blogue WordPress visualmente competente.