Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

Imagem em destaque do WordPress

Como adicionar uma imagem em destaque ao WordPress passo a passo 

Escrito por: avatar do autor Stacey Corrin
avatar do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
     Avaliado por: avatar do revisor Turner John
avatar do revisor Turner John
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

Uma imagem em destaque do WordPress é a imagem principal que aparece ao lado do título do seu post nas páginas do blog, páginas de arquivo e mídias sociais. É a primeira coisa que as pessoas veem e, quando ela parece nítida, é mais provável que você receba cliques.

Já adicionei imagens em destaque a centenas de publicações em diferentes temas e tipos de site. Neste guia, mostrarei a você como adicionar, projetar e otimizar essas imagens, passo a passo.

Continue lendo para saber como configurá-la, onde encontrar imagens de alta qualidade e como garantir que sua imagem em destaque seja realmente exibida da maneira desejada.

O que é uma imagem em destaque do WordPress?

Uma imagem em destaque do WordPress, ou uma miniatura de postagem, é a imagem principal que representa o conteúdo da postagem ou da página em seu site WordPress. É como um teaser que fica acima ou abaixo do título da postagem, incentivando os usuários a clicar e ler o conteúdo.

Exemplo de imagem em destaque no WordPress

Essas imagens aumentam o apelo do seu site, melhoram o envolvimento do usuário e aumentam as taxas de cliques (CTRs).

As imagens de postagens em destaque não aparecem apenas na página inicial do seu blog WordPress, nas páginas de arquivo, nos tipos de postagens personalizadas e nas postagens relacionadas. Elas também são exibidas ao compartilhar seu conteúdo em plataformas de mídia social usando um plug-in de SEO do WordPress, como o All in One SEO.

Além disso, suas imagens podem aparecer nos resultados dos mecanismos de pesquisa como um snippet em destaque. Isso pode ajudar a direcionar o tráfego para seu site a partir de resultados de pesquisa orgânica.

Imagens do WordPress nos resultados de pesquisa

Quase todos os temas do WordPress permitem que você defina imagens em destaque, mas o tamanho, a forma e o layout podem diferir entre os diferentes temas. Se o seu tema for compatível com elas, você verá uma seção de imagens em destaque na qual poderá carregar imagens, definir as dimensões e muito mais.

Dito isso, vamos nos aprofundar e ver como adicionar uma imagem em destaque ao seu site WordPress, passo a passo.

Como adicionar uma imagem em destaque ou miniatura de postagem no WordPress

Para adicionar uma imagem em destaque a qualquer postagem do WordPress, vá para Posts " Add New no painel do WordPress. Você também pode editar uma postagem existente clicando em Edit (Editar).

Adicionar ou editar uma postagem do WordPress

Quando estiver no editor de conteúdo da postagem (o editor de blocos ou o Gutenberg), você verá o painel Featured Image (Imagem em destaque) no lado direito.

Painel de imagens em destaque do WordPress

Em seguida, você precisará clicar na área "Set featured image" (Definir imagem em destaque). Isso abrirá o carregador de mídia do WordPress como uma sobreposição pop-up.

Carregador de biblioteca de mídia do WordPress

A partir daí, você terá duas opções.

Você pode escolher uma imagem existente na biblioteca de mídia do WordPress clicando na miniatura da imagem. Isso selecionará a imagem e permitirá que você insira o texto alternativo, o título, a legenda e as descrições personalizadas.

Como alternativa, você pode clicar na guia Upload Files (Carregar arquivos ) e carregar uma imagem do seu computador. Isso fará com que ela seja carregada na sua biblioteca de mídia, onde você poderá inserir descrições e legendas semelhantes.

Faça upload de arquivos para sua biblioteca de mídia do WordPress

Depois de carregar ou selecionar uma imagem padrão, basta clicar no botão Set Featured Image (Definir imagem em destaque ).

O WordPress agora exibirá uma visualização de sua imagem na barra lateral direita.

Postagem do WordPress com uma nova imagem em destaque

Dependendo do seu tema, você pode ajustar o tamanho da miniatura da imagem e escolher outras opções de personalização.

Neste guia, estamos usando o tema WordPress Twenty Twenty-Three, que não tem opções adicionais de imagem em destaque.

Quando estiver satisfeito com a aparência, salve as alterações e a nova imagem em destaque aparecerá automaticamente nas postagens do WordPress.

Arquivo de postagens de blog com imagem em destaque do WordPress

Lista de verificação de configuração da imagem em destaque:

  • Escolheu uma imagem relevante e de alta qualidade
  • Definir texto alternativo descritivo
  • Dimensões verificadas para se adequar ao seu tema
  • Clique em "Set featured image" (Definir imagem em destaque) no editor

A próxima pergunta que você pode fazer é: onde você pode encontrar fotos para usar como imagens em destaque?

Infelizmente, você não pode simplesmente pegar imagens e fotos da pesquisa de imagens do Google ou roubar qualquer foto aleatória da Internet. A maioria dessas imagens é protegida por leis de direitos autorais, portanto, você pode enfrentar problemas de violação de direitos autorais se usá-las sem a permissão do proprietário.

Você não precisa gastar dinheiro para obter ótimos recursos visuais. Há vários sites de imagens gratuitas nos quais você pode baixar fotos legalmente para usar como imagens em destaque no WordPress.

Principais locais para encontrar imagens em destaque gratuitas:

  • Unsplash - Milhares de imagens modernas e de alta resolução para uso pessoal ou comercial.
  • Pixabay - Grande biblioteca de imagens classificadas por categoria e tag.
  • Novo estoque antigo - Arquivo gratuito de fotos vintage de fontes de domínio público.

Há também vários plug-ins do WordPress que permitem importar fotos de banco de imagens gratuitas para o seu site. Os usuários do SeedProd Pro, por exemplo, podem acessar 2 milhões de fotos de banco de imagens para usar com seu poderoso construtor de páginas de arrastar e soltar.

Biblioteca de imagens de estoque SeedProd

Às vezes, uma foto de banco de imagens não é suficiente para representar a postagem do seu blog. Talvez você precise de algo mais exclusivo ou personalizado para realmente ilustrar seu conteúdo.

Nessa situação, você pode usar uma ferramenta gratuita para criar uma imagem original. Softwares de criação e edição de imagens, como o Canva, facilitam para os iniciantes a criação e até mesmo a venda rápida de gráficos com aparência profissional.

Para começar, você precisará encontrar as dimensões da sua imagem em destaque. Normalmente, essa é a largura de sua área de conteúdo principal.

Se você for usuário do Chrome, poderá encontrar o tamanho da imagem em destaque no WordPress clicando com o botão direito do mouse no conteúdo da postagem do blog e selecionando a ferramenta "inspecionar".

Use a ferramenta de inspeção do Chrome para ver o código do seu conteúdo.

A partir daí, passe o mouse sobre as linhas de código até que a largura total do conteúdo seja destacada na visualização.

Agora você deverá ver uma dica de ferramenta com as dimensões do conteúdo. No nosso caso, a largura da nossa imagem em destaque deve ser de aproximadamente 717 pixels.

Use a ferramenta de inspeção do Chrome para encontrar as dimensões de sua imagem em destaque no WordPress

Em seguida, faça login no Canva (você pode começar com uma conta gratuita) e clique no ícone de tamanho personalizado no painel.

Tamanho da tela personalizada do Canva

No painel pop-up, insira a largura do conteúdo, que você descobriu ao inspecionar seu blog, e escolha a altura da imagem.

Digite as dimensões de sua imagem personalizada

Normalmente, é melhor escolher uma altura de imagem menor que a largura, mas isso depende da aparência geral do seu blog. Depois de fazer isso, clique no botão Create New Design.

O Canva abrirá uma nova janela com uma tela em branco para seu design.

Criar uma imagem em destaque personalizada do WordPress

A partir daí, você pode escolher entre vários modelos predefinidos e personalizá-los até obter um design impressionante para sua imagem em destaque no WordPress.

Personalize sua imagem em destaque no WordPress

Agora é só clicar no botão Compartilhar e fazer o download da imagem.

Antes de carregar uma imagem como sua imagem em destaque no WordPress, é uma boa ideia reduzir o tamanho do arquivo e formatá-lo corretamente. Imagens grandes podem tornar seu site mais lento rapidamente.

Melhores tipos de arquivo para imagens em destaque do WordPress:

FormatoMelhor para
JPEGFotos com muitas cores
PNGImagens nítidas ou transparência
WebPMenor tamanho de arquivo com boa qualidade
GIFAnimações simples

Para ajudar, aqui estão algumas dicas para otimizar imagens para a Web:

  • Escolha o melhor formato de arquivo: Ao salvar sua imagem, certifique-se de salvá-la no formato de arquivo correto. Escolha JPEG para fotos com muitas cores, PNG para imagens com transparência ou linhas nítidas e GIF para pequenas animações.
  • Reduza o tamanho das imagens: Reduza as imagens em tamanho real para que se ajustem ao design de seu site. Você pode usar ferramentas como Photoshop, GIMP ou Pixlr on-line.
  • Comprimir imagens: Reduza o tamanho do arquivo de suas imagens com ferramentas de compactação como TinyPNG ou JPEGmini. A compactação sem perdas é melhor para PNGs e GIFs para reduzir o tamanho sem perder a qualidade. A compactação com perdas tem uma pequena queda na qualidade, mas é melhor para os formatos de arquivo JPEGs e WebP.

Seguir essas etapas o ajudará a otimizar as imagens em destaque e a tornar seu site WordPress mais rápido.

Quando suas imagens estiverem otimizadas, você poderá voltar ao administrador do WordPress e seguir as instruções anteriores para adicioná-las ao WordPress como imagens em destaque.

Às vezes, você pode querer substituir ou remover uma imagem em destaque de posts ou páginas específicas do WordPress. Fazer isso é tão simples quanto adicioná-las.

Para remover uma imagem em destaque no WordPress, edite o post ou a página. Em seguida, na barra lateral direita, clique no link Remove featured image (Remover imagem em destaque).

Como remover uma imagem em destaque do WordPress

Como alternativa, você pode clicar no botão Replace Image (Substituir imagem), que abre a biblioteca de mídia para selecionar uma nova imagem.

Posso ter várias imagens em destaque em um único post ou página?

Por padrão, o WordPress permite apenas uma imagem em destaque por post ou página. No entanto, você pode usar plugins para adicionar outras imagens em destaque, se necessário.

Por que minha imagem em destaque não está aparecendo no meu site WordPress?

Se a sua imagem em destaque não estiver aparecendo, isso pode ser devido a vários motivos, como:

  • Seu tema não é compatível com imagens em destaque.
  • Você não definiu uma imagem em destaque para o post ou a página específica.
  • Há um conflito com um plug-in ou código personalizado.
  • O arquivo de imagem é muito grande ou tem um formato não suportado.

Para resolver o problema, certifique-se de que seu tema ofereça suporte a imagens em destaque, verifique novamente as configurações de sua postagem ou página e solucione qualquer conflito de plug-in ou código.

Como posso otimizar minhas imagens em destaque para SEO e compartilhamento em mídias sociais?

Para otimizar suas imagens em destaque para SEO e compartilhamento em mídias sociais, siga estas dicas:

  • Use nomes de arquivos descritivos e texto alternativo para fornecer contexto aos mecanismos de pesquisa.
  • Escolha o formato de imagem correto para obter qualidade e tamanho de arquivo ideais.
  • Comprima suas imagens para reduzir o tamanho do arquivo sem sacrificar a qualidade.
  • Use plug-ins como o All in One SEO para configurar os metadados do Open Graph e do Twitter Card para obter melhores visualizações de compartilhamento de mídia social.
Posso exibir a imagem em destaque em um local diferente dentro do meu post ou página?

O local da imagem em destaque depende do design de seu tema. Para alterar o local, você pode personalizar os modelos PHP do seu tema ou usar um construtor de páginas como o SeedProd para criar layouts personalizados com mais controle sobre o posicionamento da imagem em destaque.

Alterar o local da imagem em destaque no WordPress com o construtor de páginas SeedProd

É assim que eu uso as imagens em destaque em todos os sites WordPress que crio. São necessários apenas alguns cliques, mas isso faz uma grande diferença na aparência de suas postagens e no número de pessoas que clicam para lê-las.

Deseja continuar personalizando seu site? Experimente o seguinte:

Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, sinta-se à vontade para participar da conversa no YouTube, X e Facebook para obter mais conselhos úteis e conteúdo para expandir seus negócios.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.