Uma imagem no WordPress funciona como um cartão visual de boas-vindas, uma deixa para os visitantes entrarem e aproveitarem o que está por trás de um link. Muitas vezes apresenta informações úteis na forma de uma fotografia ou imagem gráfica, dando ao usuário uma espiada nas informações por trás desse link.

Além disso, uma história envolvente não está completa sem a introdução, e esse é exatamente o propósito de uma imagem em destaque. Ela beneficia muito o website ao transformar o que poderia muito bem ser um website maçante em algo bonito. Ele também ajuda a quebrar a monotonia do texto e acrescenta vida ao seu conteúdo.

Este artigo mostra como você pode corrigir as imagens do WordPress que não aparecem corretamente em seu site. Há muitas maneiras de fazer isso, e nós cobriremos todas elas.

Vamos começar!

O que é uma imagem em destaque no WordPress?

Posts com Imagens em Destaque no blog Kinsta

Artigos com Imagens em Destaque no blog Kinsta

Por padrão, o WordPress oferece uma imagem em destaque para todos os artigos e páginas.

Isto significa que você pode carregar uma imagem que atua como mídia de capa do correio ou da página, semelhante a um livro ou capa de revista. Você pode carregar uma imagem em destaque em cada postagem e página. Ela é então apresentada como a imagem principal para esse item do site sempre que o artigo for compartilhado em mídias sociais e outros sites.

Finalmente, a imagem em destaque aparece automaticamente quando você cria um feed ou galeria de seus artigos no blog ou em outras páginas da web. Desta forma, você é capaz de apresentar um pouco de um portfólio de mídia para seus artigos ao invés de um monte de links com apenas texto.

Você não precisa carregar uma segunda versão dessa mesma imagem toda vez que você compartilha – já foi retirada do conteúdo original.

WordPress apresentou imagens que não aparecem corretamente em seu site? 🤷‍♂️ Saiba como corrigir de uma vez por todas 👇Click to Tweet

E se a Imagem em Destaque não funcionar?

As imagens em destaque são maravilhosas, mas você pode descobrir que não consegue ver uma imagem em destaque para um artigo ou página por uma razão ou outra. Às vezes há um problema com seu tema, e outras vezes você descobrirá que um plugin está causando o problema.

Também é comum ver vários graus de problemas de imagem em destaque. Por exemplo, você pode notar que a imagem em destaque aparece bem em seu próprio site, mas tem dificuldade de renderização quando um artigo é compartilhado para um site social como o Facebook.

Independentemente disso, uma imagem do WordPress que não aparece é ao mesmo tempo frustrante e preocupante.

As imagens em destaque muitas vezes carregam o peso do apelo visual do seu site. Sem imagens em destaque automatizadas, você fica com blocos de texto e links para páginas web. Também pode impedir que as pessoas compartilhem seu trabalho, considerando que não é tão apelativo compartilhar um artigo de blog no Facebook que não tenha uma imagem em destaque.

Há várias medidas que você pode tomar para mitigar os problemas:

  1. Observe a questão exata, como se a imagem não estivesse sendo carregada. Ou se a imagem em destaque não aparecer nas mídias sociais, mas estiver funcionando bem em seu site.
  2. Considere quaisquer problemas do WordPress que possam estar causando o problema com sua imagem em destaque, como conflitos entre plugins ou um erro de codificação.
  3. Pense em instalar um plugin que resolva os problemas das imagens em destaque sem que você tenha que fazer muito trabalho.

Esse é um processo simples de três etapas, mas há muito mais detalhes por trás da fixação de suas imagens em destaque. As imagens em destaque quebram por várias razões, e muitas vezes é em uma base caso a caso.

Abaixo, vamos cobrir todos os problemas que conhecemos quando se trata de imagens em destaque e delinear os passos que você pode tomar para corrigi-los.

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

Você notou algo errado com uma, ou todas as suas imagens em destaque. Para onde você vai a partir daqui?

Delineamos problemas comuns e incomuns com as imagens em destaque. Vamos começar com a mais simples das soluções, certificando-nos de que você está carregando suas imagens em destaque corretamente. Depois vamos mais fundo em outros erros.

Tenha certeza de que você sabe como fazer o upload de uma imagem em destaque no WordPress

Pode parecer bobagem para alguns, mas muitos iniciantes no WordPress não sabem como carregar uma imagem em destaque em primeiro lugar. Mas isso é bom, já que todos nós começamos a aprender em algum lugar.

Recomendamos que você siga estes passos para garantir que está fazendo da maneira correta.

Nota: Você pode carregar imagens do WordPress em destaque em artigos e páginas, mas essa regra básica se expande quando você começa a adicionar coisas como páginas de produtos WooCommerce e tipos de artigos personalizados. Para simplificar, vamos nos ater a carregar imagens em destaque em artigos e páginas regulares do WordPress.

Para começar, vá para seu painel de controle WordPress. Vá em Artigos > Adicionar novo para criar um novo artigo no blog. Você também pode fazer isso com páginas ou clicar na opção Todos os Artigos se estiver interessado em adicionar uma imagem em destaque a um artigo gerado anteriormente.

Links "Posts > Adicionar novo" no painel de controle do WordPress

Links “Artigos > Adicionar novo” no painel de controle do WordPress

Insira o conteúdo que quiser para o artigo do blog. Preencha o título, escreva parágrafos e envie imagens para o artigo.

Entretanto, tenha em mente que uma imagem carregada na área de conteúdo do seu blog não tem nada a ver com a imagem em destaque, mesmo que seja a primeira foto que você carrega para aquele artigo.

Há uma seção completamente diferente que trata da imagem em destaque.

Esta não é uma imagem em destaque

Esta não é uma imagem em destaque

Para encontrar e fazer o upload de uma imagem em destaque, mova sua atenção para o painel de configurações do artigo no lado direito. Isto lista várias configurações para todo o artigo e também pode revelar configurações específicas do bloco se você tiver um bloco do WordPress Gutenberg selecionado no momento.

A aba 'Featured Image' (Imagem em destaque)

A aba ‘Featured Image’ (Imagem em destaque)

Certifique-se de que a aba Artigo esteja selecionada.

Em seguida, percorrer as configurações para baixo. As Configurações de Imagem em Destaque estão voltadas para o fundo.

Acesso às configurações dos postos

Acesso às configurações dos artigos

Clique no painel de Imagem em Destaque para abrir suas configurações.

Aqui, você verá um botão para Definir Imagem em Destaque. Clicando sobre isso, você chega diretamente à Biblioteca de Mídia WordPress.

Entretanto, geralmente recomendamos clicar no botão Select Image (Selecionar imagem), pois isso proporciona algumas opções extras para decidir sobre uma fonte para a imagem em destaque.

Clique em 'Selecionar imagem' na guia Imagem em Destaque

Clique em ‘Selecionar imagem’ na guia Imagem em Destaque

Como prometido, três opções aparecem ao carregar uma imagem através de um site hospedado pela Kinsta:

Escolha uma com base em se você tem ou não suas próprias fotos e onde elas estão armazenadas.

Upload de uma imagem da Media Library

Upload de uma imagem da Media Library

Ir com a Biblioteca de Mídia revela quaisquer imagens que você já tenha carregado no WordPress. Você tem a opção de escolher uma e clicar no botão Set Featured Image.

Como alternativa, a Biblioteca de Mídia também tem uma aba para Upload de Arquivos, onde você seleciona dos arquivos em seu computador e os carrega para sua Biblioteca de Mídia WordPress.

Escolha uma imagem para "Definir imagem em destaque".

Escolha uma imagem para “Definir imagem em destaque”.

A coleção Pexels não é muito diferente de sua Biblioteca de Mídia, exceto que você tem o luxo de encontrar belas fotos sem ter que tirá-las você mesmo. Você pode procurar por palavras-chave específicas e defini-las como suas imagens em destaque. Novamente, as imagens da Pexels são gratuitas, mas você deve dar um crédito vinculado ao fotógrafo, que é automaticamente inserido ao usar a Pexels através do WordPress.

Escolha a mídia e clique no botão 'Selecionar'

Escolha a mídia e clique no botão ‘Selecionar’

Uma miniatura da imagem que você acompanha aparece sob o painel de Imagem em Destaque em suas Configurações do Artigo.

Isto significa que enquanto você clicar em Salvar Rascunho ou Publicar, a imagem permanece ativa naquele artigo até que você a remova.

Alguns outros botões que aparecem incluem o Select Image, Replace Image, e Remove Featured Image. Todos eles permitem que você ajuste ou se livre da imagem em destaque atual.

Imagem de WordPress mostrada como uma miniatura

Imagem de WordPress mostrada como uma miniatura

Para avançar e ver a imagem em destaque em ação, clique no botão Publicar.

O botão Preview também faz o truque para testar uma imagem em destaque, mas o público não pode vê-la até que você clique em Publish.

Aperte o botão 'Publicar'.

Aperte o botão ‘Publicar’.

Dependendo de suas configurações temáticas e de vários outros fatores, como certos plugins que mudam as configurações de imagem, a imagem em destaque deve aparecer primeiro em seu artigo de blog publicado.

Como você pode ver, a imagem que inserimos no conteúdo do artigo é mostrada em segundo lugar, uma vez que a imagem em destaque é priorizada.

Um exemplo de uma imagem em destaque

Um exemplo de uma imagem em destaque

Outra maneira de ver sua imagem em destaque é criar galerias de artigos recentes ou feeds para seu blog, geralmente em outro lugar em seu website.

Por exemplo, adicionamos um feed de Artigos Recentes na página inicial de nosso site de testes. As imagens apresentadas para todos os artigos do blog nesse feed aparecem como miniaturas menores, proporcionando uma experiência mais visual para aqueles que procuram conteúdo.

Galeria de posts mostrando as imagens em destaque

Galeria de artigos mostrando as imagens em destaque

Se seus problemas de imagem apresentados não se originarem de um mal-entendido no processo de carregamento, continue lendo.

Escolhendo acidentalmente uma imagem de capa vs imagem em destaque no WordPress

Outro erro simples mas comum cometido pelos usuários do WordPress é implementar uma imagem de capa para um artigo ou página e assumir que ela funciona como uma imagem em destaque.

Tanto a capa quanto as imagens em destaque funcionam de maneira semelhante, fornecendo fotos grandes no topo dos artigos e das páginas, mas têm algumas diferenças. O WordPress adicionou o bloco da capa a seu editor Gutenberg apenas recentemente. Portanto, esta edição é exclusiva para aqueles que a utilizam.

A diferença entre uma imagem de capa e uma imagem em destaque

Uma imagem de capa fornece uma seção de imagem ampla ou de largura total para adicionar em qualquer lugar do site. É usada para mostrar o início de uma nova seção ou de um artigo. Você pode inserir um bloco de capa em qualquer lugar em um artigo ou página, não apenas no início. Por causa disso, uma imagem da capa é parte do próprio artigo ou página, e não separada como uma imagem em destaque.

Uma imagem em destaque serve como artigo principal ou imagem de página representando a totalidade desse artigo quando ele é compartilhado ou distribuído em outro lugar em seu website ou on-line. A imagem em destaque tem sua própria seção para upload, longe do editor de conteúdo. Normalmente está localizada na parte superior do artigo ou da página.

A codificação do seu tema muitas vezes estrutura a localização e formatação da imagem em destaque. Portanto, você pode ter que usar código personalizado para personalizar a aparência da imagem em destaque.

Finalmente, uma imagem de capa permite suas próprias opções únicas de personalização, como a capacidade de colocar texto sobreposto em cima da imagem ou incluir um filtro. Em geral, uma imagem de capa é muito mais personalizável diretamente do painel de controle do WordPress do que uma imagem em destaque.

Ver uma imagem de capa em ação (E como ela se difere de uma imagem em destaque)

Vamos dar uma olhada nas diferenças básicas entre capa e imagens em destaque. Ambas podem ser acessadas e implementadas indo até os menus Artigos  ou Páginas e criando um novo item ou visitando uma página ou artigo antigo.

Você pode encontrar a Imagem em Destaque no painel de Configurações do lado direito para todos os artigos e páginas. É separado do conteúdo principal.

Imagem em ação em destaque

Imagem em ação em destaque

Um bloco de cobertura, em contraste, está alojado na Biblioteca de Blocos de Gutenberg, que é acessível clicando em um botão Adicionar Bloco no editor. O botão Adicionar Bloco parece um sinal “+“.

Clique no botão 'Adicionar bloco'.

Clique no botão ‘Adicionar bloco’.

Você pode pesquisar o bloco de Capa ou percorrer a biblioteca para encontrá-lo.

Clique no bloco da capa para inseri-lo em seu artigo ou página.

Escolha o bloco 'Capa'

Escolha o bloco ‘Capa’

O bloco da capa é colocado no editor de conteúdo, longe da área em que vimos a imagem em destaque.

Você pode carregar uma imagem para ser sua capa clicando nos botões Select Media ou Upload.

Selecione a mídia para sua imagem de capa

Selecione a mídia para sua imagem de capa

A nova capa aparece na visualização do editor, e você também pode editar as configurações do bloco no painel direito.

Essa é uma imagem de capa

Essa é uma imagem de capa

Também é bastante comum ajustar a capa para preencher a largura total da página, tornando ainda mais eficaz a introdução de um artigo ou um separador entre seções.

Escolha o alinhamento para sua imagem de capa

Escolha o alinhamento para sua imagem de capa

Em geral, se você estiver editando uma imagem, como uma capa ou um item de mídia padrão, você não está usando uma imagem em destaque no artigo do WordPress ou nos editores de página.

Esta pode ser a raiz de seus problemas de imagem em destaque. Uma imagem de capa, ou qualquer imagem colocada na área de conteúdo de um artigo, não aparecerá em outro lugar (como em uma lista de Artigos recentes) como a imagem em destaque.

E se houver uma imagem duplicada em destaque?

Alguns usuários do WordPress completam todos os passos certos para carregar uma imagem em destaque, mas percebem que uma duplicata da imagem em destaque aparece. Você normalmente verá isso acontecer em listas de artigos ou no topo de uma página ou postagem, resultando em duas das mesmas fotos empilhadas uma em cima da outra.

É mais provável porque você carregou uma imagem em destaque e ao mesmo tempo incluiu a mesma imagem em seu conteúdo como uma capa ou imagem regular. Isso resulta em um problema de duplicação de imagem como este:

Imagens em destaque duplicadas

Imagens em destaque duplicadas

Obviamente, você não quer isto. Normalmente, imagens duplicadas não são duas imagens destacadas, mas uma imagem destacada e uma foto separada na área de conteúdo do artigo.

Para verificar, vá para o artigo do WordPress ou editor de páginas em questão. Localize o painel de ajustes no lado direito da página. Em seguida, selecione a aba Artigo (ou Página se estiver editando uma página) para revelar as configurações do artigo.

Ir para as configurações do posto

Ir para as configurações do artigo

Role para baixo nesse painel e abra o item de imagem em destaque.

Verifique a aba "Imagem em Destaque".

Verifique a aba “Imagem em Destaque”.

Se você vir a mesma foto sob a guia Imagem em Destaque e em seu conteúdo, isso está causando o problema!

Há duas soluções para isso. Primeiro, você tem que decidir o que está tentando alcançar. Se o objetivo é não ter nenhuma imagem em destaque, você pode removê-la completamente.

Muitas vezes encontramos pessoas que querem essa imagem e simplesmente pensamos que o editor de conteúdo era o lugar para colocá-la. Nesse caso, você deve manter a foto sob a área de Imagem em Destaque e excluir a que está no editor de conteúdo do artigo.

Mostrando a imagem em destaque

Mostrando a imagem em destaque

Para remover esse bloco de imagem, clique no ícone de três pontos após selecionar o bloco de imagem.

Clique na opção Remover bloco, no final da lista.

Mostrar mais configurações clicando no ícone de três pontos

Mostrar mais configurações clicando no ícone de três pontos

Não deve haver nenhuma imagem no início do artigo agora – apenas uma visualização em miniatura de imagem no módulo Featured Image.

É assim que deve ser se você quiser a funcionalidade de uma imagem em destaque sem duplicação!

Fixação da imagem do WordPress que não aparece corretamente

Fixação da imagem do WordPress que não aparece corretamente

E se a Imagem em Destaque não parecer corretamente?

Você descobriu como fazer o upload de uma imagem em destaque e completou o conteúdo de sua postagem. A única coisa a fazer a seguir é revisar e publicar o artigo .

Infelizmente, você descobre que a imagem apresentada não parece tão bonita quanto você esperava.

Talvez você encontre um dos seguintes:

Felizmente, o WordPress já inclui uma ampla gama de ferramentas de edição de fotos para garantir que a imagem em destaque pareça profissional. Também é prudente entender que tipos de fotos funcionam bem como imagens em destaque, vendo como podem ser as fotos originais causando os problemas para começar.

Entendendo quais fotos funcionam bem como imagens em destaque

É uma boa prática saber quais fotos ficam bem no WordPress. Não apenas isso, mas é essencial perceber que as imagens em destaque são exibidas de forma diferente quando comparadas a uma foto normal carregada em um artigo ou página.

Começando pelas dimensões, todos os websites, ou mais especificamente, os temas do website, têm dimensões variáveis para as imagens em destaque nos artigos. Descobrir as dimensões ideais antes de carregar as imagens permite minimizar os casos em que a imagem em destaque é esticada ou cortada de forma estranha.

Embora não haja um tamanho recomendado para uma imagem em destaque no WordPress, sugerimos começar com 1200 x 628 pixels.

Isso significa que você não pode simplesmente tirar nenhuma foto e esperar que ela fique ótima como uma imagem em destaque. É melhor você editar uma foto para atender às dimensões sugeridas antes de carregá-la no WordPress.

Entretanto, a sugestão de 1200 x 628 pixels é apenas um ponto de partida. Você pode descobrir que seu tema se sai bem com imagens um pouco mais amplas ou mais curtas em destaque.

Aqui estão algumas regras gerais a serem seguidas antes de fazer o upload de sua imagem em destaque:

Outra tática para encontrar e definir o tamanho de imagem perfeito é visitar a seção Mídia do seu painel de controle do WordPress.

Ir para Configurações > Mídia.

Ir para as configurações da biblioteca 'Mídia'.

Ir para as configurações da biblioteca ‘Mídia’.

Estas são as configurações gerais da mídia para todo o seu site WordPress. As dimensões definidas ditam as dimensões máximas que você verá em seu site para os tamanhos de imagem determinados.

Três tamanhos de imagem muitas vezes são configurados no WordPress: Miniatura, Média e Grande.

O tamanho da miniatura é a imagem mostrada em outras partes do seu site, fora do próprio artigo. Por exemplo, você pode ver a imagem em destaque em uma lista de Artigos Recentes ou um feed de blog em sua página inicial.

Você tem a opção de recortar a imagem em miniatura para as dimensões exatas. Como alternativa, muitas vezes é uma idéia melhor deixar a caixa de miniaturas de cultivo desmarcada, de modo que as dimensões das miniaturas são usadas como mais uma diretriz. Desta forma, as miniaturas permanecem proporcionais, e você não vê nenhum efeito de corte inesperado.

O Tamanho Grande muitas vezes dita as dimensões da imagem apresentada quando mostrada na parte superior de um artigo ou página. Às vezes outros ajustes se sobrepõem a isso, mas não é uma má idéia marcar as dimensões para garantir que você pelo menos saiba a largura ideal para uma imagem em destaque.

A altura máxima não deve importar tanto, já que suas imagens em destaque não devem ser tão altas.

Ajuste dos vários tamanhos de mídia

Ajuste dos vários tamanhos de mídia

Como editar imagens em destaque dentro do WordPress

A edição de uma imagem em destaque no WordPress é freqüentemente a maneira mais fácil e rápida de resolver um problema com uma imagem em destaque que é muito grande ou precisa de algum recorte feito.

Geralmente recomendamos editar uma imagem antes de carregá-la como uma imagem em destaque (ferramentas de edição de terceiros têm recursos mais avançados). Ainda assim, o WordPress oferece recursos de edição simples que podem ser mais fáceis para alguns usuários, ou para aqueles que desejam editar imagens em destaque que já tenham sido carregadas no WordPress.

Para editar as imagens em destaque no WordPress, abra um artigo e role para a seção de Imagens em Destaque no painel de Configurações do Artigo.

Clique na miniatura da imagem em destaque para acessar suas diversas configurações. Também é possível localizar todas as imagens em seu site WordPress acessando a Biblioteca de Mídia.

Você pode ver a imagem em destaque ao lado

Você pode ver a imagem em destaque ao lado

Certifique-se de que a imagem correta seja selecionada na Biblioteca de Mídia.

Clique no link Editar imagem para prosseguir com a edição.

Clique no link 'Editar imagem'

Clique no link ‘Editar imagem’

Várias ferramentas estão disponíveis no pop-up Edit Image, mas a mais confiável delas está listada no lado direito, e tem o título New Dimensions.

Isto permite que você digite novas dimensões, tanto a largura quanto a altura, de modo que a imagem já carregada encolha. Não recomendamos tentar ampliar uma imagem, pois isso só a tornará borrada.

Definir as dimensões da imagem

Definir as dimensões da imagem

Digite as novas dimensões e clique no botão Escala.

Escolha a 'Escala'

Escolha a ‘Escala’

A imagem anterior deve parecer um pouco menor do que antes, a menos que a mudança seja tão minúscula que você não perceba.

Você verá uma mensagem que lhe diz a imagem salva. As novas dimensões também estão listadas no lado direito da janela pop-up.

Salvando a imagem editada

Salvando a imagem editada

Todas as outras ferramentas de edição de imagem estão localizadas acima da visualização da imagem em destaque.

Algumas das características de edição de imagem embutidas do WordPress incluem:

A ferramenta Crop é geralmente a mais importante, portanto clique sobre ela para ativar o módulo de edição.

Clique no botão 'Crop'.

Clique no botão ‘Crop’.

A ferramenta Crop revela um quadrado dentro da miniatura, pedindo que você clique e arraste a caixa de cultura para que ela chegue às dimensões exatas que você deseja.

A caixa de cultura da imagem

A caixa de cultura da imagem

Pressione a tecla Enter para ativar a safra e veja o resultado na visualização prévia. Você também tem a opção de Salvar a safra, mesmo que isso seja feito para você.

Clique no botão 'Salvar'

Clique no botão ‘Salvar’

A última maneira de editar imagens em destaque no WordPress envolve recortar a imagem, mas mantendo uma certa relação de aspecto. Isto significa que ao mover a caixa de corte, ela se cola à relação de aspecto.

Por exemplo, você poderia digitar uma relação de aspecto 2×1. Depois disso, toda vez que você arrastar a caixa de colheita, ela sempre manterá a proporção 2×1, dando-lhe menos liberdade para cultivar e garantindo que sua proporção permaneça consistente ao criar imagens em destaque.

Cortar a imagem

Cortar a imagem

Sempre que você terminar de editar uma imagem, você pode clicar em Enter para ativar a edição e depois Salvar a imagem. Depois disso, você poderá inserir a nova versão dessa imagem em um artigo , página, como uma imagem em destaque, ou onde você quiser que ela apareça em seu site.

Além disso, há uma opção no painel Edit Image que permite que você reverta às dimensões originais sempre que quiser.

Fixação de imagem em destaque no WordPress que não aparece em páginas e artigos

Se você carregou corretamente a imagem do seu artigo ou da sua página e ela ainda não aparece, então podem existir várias razões. No entanto, isso varia dependendo da configuração, tema e plugins do seu site WordPress. Aqui estão algumas razões comuns que levam a problemas com as imagens em destaque em primeiro lugar:

Como corrigir um erro HTTP com imagens em destaque

Alguns erros são mais comuns que outros ao carregar imagens para a Biblioteca de Mídia no WordPress.

Felizmente, à medida que o WordPress evoluiu, os erros se tornaram um pouco menos ambíguos, tornando um pouco mais fácil determinar sua causa.

No entanto, você ainda pode ver um erro vago, como a seguinte mensagem “HTTP error”. Isto geralmente significa que há algo errado com a própria imagem, ou que você precisa permitir uploads maiores para seu site WordPress.

Erro HTTP durante o carregamento de novas mídias

Erro HTTP durante o carregamento de novas mídias

É mais comum ver algo com detalhes específicos, como uma mensagem que lhe diz uma imagem ou vídeo “Excede o tamanho máximo de upload para este site”.

O arquivo excede o tamanho máximo de upload

O arquivo excede o tamanho máximo de upload

Independentemente disso, todos esses erros são frustrantes e confusos para os usuários. Mesmo que eles lhe digam que a imagem é muito grande, como você segue em frente a partir daí?

Em geral, as seguintes soluções tendem a ajudar com códigos de erro que dizem que uma imagem ou é muito grande ou não é suportada atualmente para o upload:

Aumente seu limite de memória WordPress

Seu provedor de hospedagem muitas vezes estabelece as limitações de memória do WordPress. Você pode chegar até seu provedor de hospedagem atual e pedir a ele para expandir o limite PHP.

Erro de limite de memória esgotado como aparece no WordPress

Erro de limite de memória esgotado como aparece no WordPress

Se permitido, você também pode alterar o limite de memória PHP por conta própria editando o arquivo wp-config.php do seu site. Em alguns casos, você terá que atualizar para um plano de hospedagem maior que ofereça mais recursos para seu site.

Recomendamos dar uma olhada em seu guia para acompanhá-lo detalhadamente através dessas etapas.

Diminuir o tamanho do arquivo de imagem

O envio de arquivos em massa para seu site WordPress causa problemas de desempenho e pode colocar uma carga excessiva em seus servidores de hospedagem. Portanto, muitos hosts e o próprio WordPress definem um tamanho máximo de arquivo de upload.

Outro exemplo do erro de tamanho máximo de upload no WordPress

Outro exemplo do erro de tamanho máximo de upload no WordPress

Além disso, qualquer imagem que você use em seu site, incluindo imagens em destaque, não deve ser tão grande assim, para começar. Você ainda pode manter a qualidade de uma imagem após a compressão, o corte ou o redimensionamento. Desde que você não esteja tornando a imagem muito pequena, você ainda deve ser capaz de oferecer uma bela imagem em destaque.

Portanto, recomendamos o uso de ferramentas de corte, compressão e redimensionamento antes de optar por aumentar seu limite de memória PHP.

Algumas ferramentas de edição de imagem não WordPress que você pode usar são GIMP, Photoshop Express e Paint.NET.

A edição dentro do WordPress também é uma opção, mas isso normalmente não resolve fazer com que a imagem do WordPress comece. Se você for por este caminho, recomendamos um plugin de compressão de imagem que encolhe automaticamente e otimiza todas as imagens carregadas no WordPress, como Optimole ou Imagify. Desta forma, você não está limitando os recursos do seu site com muitas fotos grandes demais.

Como corrigir imagens com codificação suspeita

Infelizmente, uma imagem com malware ou um vírus já está comprometida. A boa notícia é que o WordPress bloqueia uma imagem por este motivo significa que o WordPress fez seu trabalho!

Embora existam soluções simples e limitadas para remover códigos suspeitos, sua melhor aposta é ficar com fotos que você compra legalmente ou tira suas próprias fotos, em vez de tirar diretamente do Google (o que é tecnicamente ilegal de qualquer forma) ou encontrar imagens de sites de esboço.

Também recomendamos que você hospede seu site com uma empresa que leva o malware a sério e fornece uma garantia de segurança.

Como mudar as permissões para permitir a visualização de imagens em destaque

As permissões do WordPress decidem quem pode ler, escrever ou editar os arquivos do site. Por outro lado, as funções do usuário ditam quais áreas do painel de controle do WordPress e do site frontend são acessíveis a certas pessoas.

É possível que sua função atual de usuário não permita que você carregue ou visualize imagens em destaque. Outra preocupação é que uma determinada página ou artigo em seus arquivos WordPress não seja acessível por causa das permissões do usuário.

A chave para resolver esta questão é garantir que suas funções e permissões de usuário sejam todas definidas corretamente.

Recomendamos a leitura de nosso guia sobre as funções do usuário do WordPress para garantir que todos em sua equipe possam acessar e visualizar as imagens em destaque em todos os momentos.

Como resolver um conflito ou problema com um tema ou plugin

Temas e plugins são algumas das razões mais comuns para que as imagens apresentadas falhem ou fiquem bloqueadas.

Nem todos os temas têm as mesmas configurações de imagem em destaque. Às vezes, as imagens em destaque para as páginas são completamente bloqueadas. Outras vezes, você pode notar que um tema apresenta uma imagem em destaque em um local diferente do que é esperado.

Além disso, você pode ter que configurar uma configuração temática específica para que as imagens em destaque sejam populadas para todos os artigos.

Infelizmente, não podemos acompanhá-lo através das soluções para estas questões, uma vez que requer que você examine as configurações do tema ou entre em contato com o desenvolvedor do tema.

Entretanto, os conflitos de plugins são uma história diferente. Os plugins, embora bastante úteis para a construção de um site WordPress, ocasionalmente têm uma codificação questionável. Ou simplesmente não são atualizados, levando a todos os tipos de conflitos.

Isto não é uma regra, mas também é comum ver problemas com imagens em destaque quando alguns plugins têm acesso à sua biblioteca de mídia ou alteram a funcionalidade de todas as imagens.

Independentemente disso, a melhor linha de ação é seguir estes passos:

  1. Atualize todos os plugins instalados em seu site.
  2. Verifique se agora você pode fazer o upload e ver suas imagens em destaque.
  3. Se o problema for resolvido, então foi um erro decorrente de um plugin desatualizado.
  4. Se o problema não for resolvido, proceder para desativar todos os plugins.
  5. Novamente, verifique se as imagens em destaque estão aparecendo depois que todos os plugins forem desativados. Caso contrário, reative os plugins e passe para uma causa diferente do problema.
  6. Se as imagens em destaque agora funcionam, um de seus plugins foi o problema.
  7. Reativar cada plug-in um a um. Após cada reinstalação, você deve verificar se as imagens em destaque ainda estão funcionando e aparecendo corretamente.
  8. Se a imagem em destaque falhar, você sabe qual plugin está causando o problema.
  9. Desinstale esse plugin e procure por uma alternativa.

Solucionar o problema de suporte da imagem destacada de um tema

Uma coisa interessante sobre as imagens em destaque é que alguns temas do WordPress podem não apoiá-las. Isto se deve a uma grande variedade de razões. O tema não está bem codificado, ou o desenvolvedor removeu a funcionalidade padrão da imagem em destaque propositalmente – principalmente porque eles têm outras configurações para controlar a imagem em destaque.

Não importa o motivo, você pode descobrir que seu tema WordPress não oferece suporte a imagens com destaque padrão. A solução muitas vezes envolve ir para as configurações do tema e localizar a área personalizada das imagens em destaque.

No entanto, você pode descobrir que o tema removeu imagens de destaque na codificação, e não tem nenhuma ferramenta adicional para anular a falta de imagens de destaque.

Portanto, recomendamos verificar o suporte do seu tema para imagens em destaque. Você pode fazer isso simplesmente perguntando ao desenvolvedor do tema, lendo a documentação, ou indo ao arquivo functions.php.

O seguinte bloco de código é o que você pode inserir (ou procurar) no arquivo functions.php:

add_theme_support( 'post-thumbnails');

Corrigindo um problema de imagem em destaque por causa do carregamento preguiçoso

O Carregamento Preguiçoso (Lazy Loading) serve como um dos muitos métodos usados para otimizar as imagens para melhorar o desempenho do site. Ele faz isto parando o carregamento de imagens em uma página até que elas apareçam na tela. Por exemplo, a última imagem em um longo artigo não precisa necessariamente ser carregada até que o usuário desça até o final da página e chegue a essa imagem.

Entretanto, o Lazy Loading freqüentemente causa problemas com as imagens em destaque, já que alguns plugins do Lazy Loading tratam as imagens em destaque como imagens regulares. Tais plugins podem não ser a melhor solução se eles bloquearem a imagem em destaque de ser mostrada em uma lista de Últimos Artigos, ou se eles fizerem o carregamento da imagem em destaque lentamente – a imagem em destaque deve ser carregada imediatamente para otimizar a experiência do usuário.

Muitos plugins de otimização de imagem oferecem uma funcionalidade de carregamento preguiçosa como um complemento. Portanto, você tem que verificar cada plugin para ver se eles têm esta funcionalidade ativada em seu site.

Após ter localizado o culpado potencial, desligue o carregamento preguiçoso, limpe seu cache do site e verifique se isso resolve algum problema que você possa ter com suas imagens em destaque.

Habilitar carga preguiçosa para imagens" com Jetpack

Habilitar carregamento preguiçosa para imagens” com Jetpack

Aqui estão alguns plugins que tendem a incluir características de carregamento preguiçosa:

A imagem em destaque do WordPress que não aparece na posição correta

Cada página WordPress e modelo de artigo especifica a localização de uma imagem em destaque. Um tema ou plugin geralmente o define.

Normalmente, você encontrará a imagem em destaque logo abaixo do título e acima da primeira linha. É possível que um tema tenha mudado isto. Você pode querer mover a imagem em destaque para outro local, como abaixo do primeiro pedaço de conteúdo ou acima da linha do título com o nome do autor.

Você precisa mover ligeiramente a imagem

Você precisa mover ligeiramente a imagem

Para ajustar a localização de uma imagem em destaque, vá para a página ou modelo artigo que está sendo usado.

Procure por este pedaço de código no arquivo:

the_post_thumbnail();

Este trecho de código é uma referência à sua imagem em destaque. Post thumbnails são o que as imagens em destaque costumavam ser chamadas no WordPress desde os seus primeiros dias. Ele diz ao WordPress para exibir a imagem em destaque no local exato do modelo. A função_post_thumbnail(); pode estar antes do título da página ou depois do conteúdo – que depende da configuração de sua página e tema.

Para mudar a localização da imagem em destaque, corte este pedaço de código e cole-o em outro lugar no modelo de página/artigo. Dando-lhe uma nova posição dentro do modelo, também dirá ao WordPress que ele deve renderizar em outro lugar no frontend.

Como sempre, recomendamos fazer backup do seu site WordPress antes de fazer edições do código. Também é uma boa idéia fazer ajustes nos temas infantis em vez dos principais arquivos WordPress.

A imagem em destaque do WordPress não aparece devido às configurações do Painel de Controle

Um dos problemas mais frustrantes com as imagens do WordPress que não são mostradas envolve as configurações do painel de controle.

Este é um frustrante porque é um ajuste simples no painel que diz ao WordPress para mostrar ou não a seção de Imagem em Destaque.

Esta situação se apresenta de duas formas:

Aqui está como corrigir ambos.

O primeiro problema surge quando você não consegue ver as miniaturas de imagem em destaque em sua lista de páginas ou artigos. Você pode ir para Artigo > Todos os Artigos para revisar sua lista de artigos. Uma coluna chamada Featured Image deve aparecer após a data de postagem. Esta coluna revela a versão em miniatura daquele artigo em destaque para lhe dar uma rápida idéia do que aparecerá no frontend do seu site.

A lista 'Featured Image' (Imagem em destaque)

A lista ‘Featured Image’ (Imagem em destaque)

Mas e se essas imagens em miniatura não forem encontradas em nenhum lugar?

Isto significa que você desligou um ajuste em seu painel de controle para revelar a coluna de Imagens em Destaque.

Não há lista de imagens agora

Não há lista de imagens agora

Para corrigir a situação, encontre e clique na guia Opções de Tela no canto superior direito do painel.

Você tem que estar no painel de Artigos ou Páginas para que apareça o painel de Opções de Tela direito.

Clique na guia 'Opções de tela' no topo

Clique na guia ‘Opções de tela’ no topo

A seção Opções de Tela tem uma longa lista de campos para verificar e define o que você quer em seu painel de controle do WordPress.

Por exemplo, você poderia adicionar ou remover itens como tags, categorias e o autor.

Aqui, queremos ter certeza de que a caixa de seleção para a Imagem em Destaque está marcada.

A coluna Imagem em Destaque deve agora aparecer em sua lista de artigos ou páginas.

Marque a caixa de seleção "Imagem em Destaque".

Marque a caixa de seleção “Imagem em Destaque”.

Outro dilema de Opções de Tela entra em jogo quando você não vê o campo real para carregar e inserir uma Imagem em Destaque. Este campo está disponível em todos os artigos e páginas do WordPress, indo para o painel Post Settings no lado direito do artigo ou página.

Se você descobrir que está faltando, siga os próximos passos para ativá-lo.

A imagem do WordPress não aparece corretamente

A imagem do WordPress não aparece corretamente

Encontre e selecione o ícone do ponto triplo (⋮) no canto extremo direito do painel. Role para baixo a lista de configurações para localizar a opção Preferências.

Clique em Preferências para revelar uma nova janela pop-up.

A guia "Preferências" do correio

A guia “Preferências” do correio

O módulo Preferências inclui uma ampla gama de opções para um documento. Vá até a seção chamada Configurações do Documento.

Abaixo, você encontrará um campo chamado Featured Image (Imagem em Destaque). Certifique-se de que isso esteja marcado para revelar a opção Featured Image em seus artigos e páginas.

Marque a caixa de seleção "Imagem em Destaque" em Preferências

Marque a caixa de seleção “Imagem em Destaque” em Preferências

Alternativamente, você pode se encontrar na versão mais antiga do editor WordPress. Isto ainda é comum para muitas páginas, ou você pode ter revolvido o editor Gutenberg para usar o editor antigo.

Se for o caso, abra a página ou artigo em questão e procure o bloco de Imagem em Destaque no lado direito da página.

Se não estiver lá, clique na guia Opções da tela e marque a caixa de seleção Imagem em Destaque para revelá-la no editor.

Imagem em destaque no WordPress que não aparece

Imagem em destaque no WordPress que não aparece

A Imagem em Destaque do WordPress Não Aparece na Página de Galeria do Artigo do Blog

Outra maneira de usar as imagens em destaque é listando um feed dos artigos do seu blog na página inicial do seu site (ou em qualquer outra página).

Mas e se as imagens em destaque não estiverem aparecendo na página do blog?

Postos recentes listados no local de teste

Artigo recentes listados no local de teste

Não é raro que as marcas compartilhem uma lista dos artigos mais recentes, mas uma galeria ou feed com apenas links pode não atrair tanta atenção.

O WordPress oferece várias maneiras de listar seus artigos em outros lugares em um site, mas às vezes você tem que configurar as configurações corretas para garantir que eles apareçam corretamente.

Nota: Muitos proprietários de websites usam plugins de terceiros para fazer isso acontecer. Se este for o seu caso, você terá que consultar o desenvolvedor do plugin. Cobriremos apenas como corrigir suas imagens em destaque com ferramentas WordPress embutidas para este tutorial.

A exibição de uma galeria ou lista dos seus artigos recentes no blog é feita adicionando um elemento de bloco Gutenberg à página designada como a página inicial do WordPress.

Isto significa que você deve fazer uma página e atribuí-la como a página inicial nas configurações de leitura do WordPress.

Como um lembrete rápido, você pode transformar qualquer página do WordPress na página inicial, indo para Configurações > Leitura no painel de controle.

Ir para a página Configurações de Leitura

Ir para a página Configurações de Leitura

Certifique-se de que a área que diz que sua página inicial está definida como Uma página estática. Isto mostra que você gostaria de ter uma página inicial personalizável com a capacidade de adicionar e remover elementos de bloco através de construtores de páginas como Gutenberg. É o oposto de mostrar apenas uma lista de seus Últimos Artigos .

Clique no campo suspenso da página inicial para revelar a lista de páginas que você tem atualmente ativas em seu website. Neste tutorial, temos uma página chamada “Homepage”. A sua pode ter um nome diferente, dependendo do nome que você lhe deu.

Nota: Você sempre pode entrar aqui e mudar a página inicial estática. Por exemplo, você pode querer reformular sua página inicial completamente, e é mais fácil fazer uma página totalmente nova ao invés de editar a página atual.

Escolha a página inicial estática

Escolha a página inicial estática

Agora é hora de olhar para o conteúdo dessa página para garantir que as imagens em destaque apareçam como deveriam.

Para adicionar conteúdo à sua página inicial, e para ajustar as configurações para o feed do blog nessa página, vá para Páginas > Todas as páginas no painel de controle.

Ir para 'Páginas > Todas as Páginas' em WordPress admin

Ir para ‘Páginas > Todas as Páginas’ em WordPress admin

Percorra a lista de páginas para localizar a que você designou como a página inicial. Deve ter uma etiqueta de Primeira Página ao lado. Mais uma vez, neste tutorial, nomeamos a página “Homepage”, mas você pode ter algo diferente.

Clique na página especificada como Primeira Página.

Editar agora a 'Homepage'

Editar agora a ‘Homepage’

Adicionando Últimos artigos

Você já pode ter o bloco de Últimos artigos ativado em sua página inicial, mas se não tiver, você pode encontrá-lo pesquisando na biblioteca de blocos de Gutenberg. O bloco é chamado Últimos Lançamentos. Tudo o que você precisa fazer é clicar no ícone para inseri-lo em algum lugar na homepage.

Depois disso, sinta-se à vontade para arrastá-la para cima ou para baixo na página inicial para que fique na posição adequada.

Adicionando o bloco "Últimos posts" à "Homepage".

Adicionando o bloco “Últimos artigos” à “Homepage”.

Voltando às imagens em destaque, não é definido por padrão mostrar as imagens em destaque dos artigos do blog quando você coloca o bloco de Últimos artigos em uma página. Você pode ver uma lista simples de links, juntamente com descrições desses artigos.

Para adicionar as imagens em destaque, clique no bloco Últimos artigos. Isto seleciona o bloco inteiro e revela as configurações para aquele bloco no painel do lado direito.

Certifique-se de que esteja na guia Configurações de blocos. Talvez você tenha que trocá-la de Página para Bloqueio.

Acesse a aba 'Bloquear' configurações

Acesse a aba ‘Bloquear’ configurações

Role para baixo na guia Configurações de blocos para visualizar as opções disponíveis. As primeiras configurações não têm nada a ver com a imagem em destaque, mas podem afetar como os artigos aparecem no bloco e fazer com que suas imagens em destaque pareçam estranhas.

Recomendamos experimentar as configurações de conteúdo, como mostrar o conteúdo da postagem, exibir o nome do autor ou exibir a data da postagem. Todos eles entram em jogo ao destacar seus artigos recentes e garantir que eles pareçam apresentáveis enquanto também exibem suas imagens em destaque.

A guia 'Post content settings'

A guia ‘Post content settings’

A próxima parte é o elemento mais importante, pois ativa as imagens em destaque no bloco Últimos artigos.

Encontre a seção chamada Featured image settings (Configurações de imagem em destaque).

Aqui, ative a opção Exibir imagem em destaque. Isto ativa as imagens em destaque para todos os artigos mais recentes sendo puxados. Se uma imagem em destaque não for atribuída a um artigo, ele mostrará um espaço em branco em seu bloco.

A opção "Mostrar imagem em destaque"

A opção “Mostrar imagem em destaque”

Além disso, várias configurações estão agora disponíveis para que as imagens em destaque pareçam profissionais. Isto é particularmente importante se você estiver destacando seus artigos recentes na página inicial.

Por exemplo, o campo Tamanho da imagem diz a seu site o tamanho das imagens apresentadas na lista ou galeria. Se você mudar para a opção Miniatura, essas imagens encolhem ligeiramente e geralmente se tornam quadrados perfeitos.

Defina o tamanho da imagem em destaque

Defina o tamanho da imagem em destaque

A mudança para Grande ou Médio ajusta o tamanho de todas as imagens apresentadas no bloco e adiciona mais uma vista de paisagem dependendo das dimensões de suas imagens apresentadas.

Escolha o tamanho de imagem 'Grande'

Escolha o tamanho de imagem ‘Grande’

Também recomendamos observar as Dimensões da Imagem. Esta configuração controla o tamanho de todas as imagens mostradas no bloco Últimos artigos . Você pode digitar largura e altura personalizadas, ou decidir uma porcentagem, para que a ferramenta altere automaticamente o tamanho de todas as imagens em destaque com base na porcentagem dada. Por exemplo, você poderia cortar cada imagem em destaque para 25% do seu tamanho original.

Há também um ajuste de alinhamento de imagem para indicar se as imagens devem deslizar para a direita, centro, ou esquerda.

Configurações das dimensões da imagem em destaque

Configurações das dimensões da imagem em destaque

Uma das últimas áreas a considerar para a seção Imagem em Destaque (no bloco Últimos artigos) é o número de itens mostrados no bloco e quantas colunas compõem o bloco.

Como na maioria das configurações do WordPress, estas também tendem a modificar a forma como suas imagens em destaque aparecem. Isso porque ter quatro colunas requer muito mais espaço (e imagens menores) do que um bloco com duas ou três colunas.

Teste os campos para o Número de Itens e Colunas para garantir que suas imagens em destaque sejam tanto apresentáveis quanto atraentes quando forem publicadas na página inicial.

Definição do "Número de itens" e "Colunas"

Definição do “Número de itens” e “Colunas”

Uma vez tudo configurado, pressione o botão Publicar. Seus últimos artigos devem aparecer onde quer que você tenha colocado o bloco em sua página inicial. Além disso, as imagens apresentadas para cada artigo devem ser mostradas acima do título e do link do artigo .

Mensagens recentes com imagens em destaque mostrando

Mensagens recentes com imagens em destaque mostrando

Imagem em destaque no WordPress que não aparece no Facebook

A imagem em destaque também aparece nos encartes quando um artigo ou página é compartilhada em sites de mídia social.

Cada rede social tem sua própria exibição para conteúdo compartilhado, mas o Facebook é um ponto de partida sólido, considerando que é a mais popular. Se a imagem em destaque estiver sendo exibida no Facebook, então há uma boa chance de que ela também apareça em outros sites sociais.

A grande questão é se a imagem apresentada para um artigo é ou não renderizada corretamente quando você compartilha um link no Facebook. Se não, como você resolve esse problema? Afinal de contas, um artigo compartilhado no Facebook sem imagem não ganhará muita tração.

Em termos de imagens em destaque no Facebook, freqüentemente vemos os seguintes problemas:

Todas as preocupações listadas acima decorrem de problemas similares. Todos eles estão lhe dizendo que o Facebook está tendo problemas para acessar os dados do Open Graph do seu site, ou não há dados do Open Graph, para começar.

Como testar se sua imagem em destaque aparece corretamente no Facebook

Não há motivo para entrar no modo de solução de problemas se suas imagens e conteúdo de postagem em destaque forem todos bem vistos no Facebook quando a postagem for compartilhada.

Sugerimos a realização de um teste para ver se as imagens apresentadas realmente aparecem ou não no Facebook.

Uma maneira de completar esta tarefa é abrir sua conta no Facebook e fingir que você está prestes a compartilhar uma atualização de status.

Tudo que você tem que fazer é colar o link do artigo no campo de status do Facebook (você também pode fazer isso em páginas pessoais ou comerciais) e esperar para ver se o conteúdo do artigo é renderizado, junto com a imagem em destaque.

A seguinte captura de tela mostra um artigo que funciona bem no Facebook, pois inclui um resumo do conteúdo do artigo , com um link, o título e a imagem em destaque.

Nota: As imagens em destaque são extraídas do WordPress e povoadas em sites de mídia social com o uso de algo chamado Open Graph. Kinsta Hosting já oferece suporte a Open Graph, juntamente com a possibilidade de controlar isto usando Yoast SEO. Portanto, Kinsta proíbe a maioria dos plugins de Open Graph, pois eles podem causar conflitos. Entretanto, recomendaremos alguns plugins de Open Graph para resolver problemas se algum de seus sites estiver rodando em outro host da web.

Imagem de WordPress exibida no Facebook

Imagem de WordPress exibida no Facebook

Outra maneira de ver se isto funciona é se você tem algum botão de compartilhamento social em seu website. Vá até o artigo em questão, clique no link Compartilhar no Facebook, e veja se a imagem em destaque aparece na janela pop-up.

Finalmente, você também tem a opção de visitar a Developers Debug Tool no Facebook. Esta ferramenta raspa qualquer URL que você desejar e informa se ocorre algum erro com o acesso às informações no Facebook. Ela também fornece uma prévia limpa do que você pode esperar para ver se você iria colar ou compartilhar essa URL no Facebook.

Uma vez na página Developers Debug Tool, encontre a aba Sharing Debugger, e cole a URL em questão.

Clique no botão “Debug” para prosseguir.

A guia 'Sharing Debugger' no Facebook para desenvolvedores do portal

A guia ‘Sharing Debugger’ no Facebook para desenvolvedores do portal

Confira nosso guia aqui para saber mais sobre a Ferramenta de Depuração do Facebook.

Há muitas informações sobre como sua URL interage com o Facebook, mas tudo o que você precisa ver é a visualização. A área Link Preview mostra exatamente como será sua postagem se você, ou outra pessoa, compartilhá-la no Facebook.

A captura de tela abaixo nos diz que nossa imagem em destaque está aparecendo muito bem. Mas e se não for esse o caso? E se a imagem em destaque não for a correta, ou se você não vir uma imagem de todo?

Isso é um problema, então siga os passos abaixo para garantir que sua imagem em destaque esteja sempre pronta para o compartilhamento social.

Verificando a 'Previsão de link' de uma URL no Facebook

Verificando a ‘Previsão de link’ de uma URL no Facebook

Nota: Às vezes os sites mais novos têm problemas com o Facebook e outros sites sociais porque o Facebook ainda não rastejou o site. Por causa disso, colar e depurar a URL na ferramenta Sharing Debugger do Facebook pode realmente resolver seus problemas de forma completa.

Uma maneira fácil de ver se o código Open Graph está ativado em seu site é utilizando um plugin SEO. Muitos deles fornecem ferramentas para ver as prévias do que aparece no Facebook e em outras redes sociais.

Além disso, normalmente você pode habilitar a marcação Open Graph diretamente das configurações de um plugin SEO.

Para esta seção, mostraremos a você como ativar a marcação Open Graph com dois dos plugins SEO mais populares: AIO (All In One) SEO e Yoast SEO.

Para o plugin AIOSEO, navegue para o menu Tudo em um SEO e clique na guia Redes Sociais.

Escolha a opção do Facebook e role para baixo para localizar o campo para habilitar o Markup Gráfico Aberto. Por padrão, este recurso deve ser ativado, mas é possível que você o desligue em algum momento.

Você também pode configurar as configurações para ter uma Fonte de Imagem Postada padrão, como puxar a primeira imagem de um artigo ou ir com a Imagem em Destaque.

Depois disso, clique no botão Salvar mudanças e teste para ver se o compartilhamento no Facebook permite que a imagem em destaque apareça.

AISEO guia de configurações do Facebook

AISEO guia de configurações do Facebook

Yoast SEO é outro plugin de SEO que inclui recursos e opções de compartilhamento social para habilitar/desabilitar a funcionalidade Open Graph.

O que é ótimo no Yoast SEO é que simplesmente instalar o plugin pode fazer o truque para ativar o protocolo Open Graph para compartilhamento social.

Se você ainda estiver tendo problemas, vá para SEO > Social no painel do WordPress.

Link 'Social' do SEO para configurações de Yoast SEO

Link ‘Social’ do SEO para configurações de Yoast SEO

Aqui, selecione a aba do Facebook. Você também pode testar isto para as outras redes sociais como Twitter e Pinterest.

Encontre a chave Add Open Graph Meta Data e certifique-se de que esteja configurada para Ativada.

Você também pode querer definir uma URL de imagem padrão para aparecer se um artigo não tiver uma imagem destacada atribuída a ele.

Certifique-se de salvar as mudanças e tente compartilhar outro artigo para ver se ele agora permite a exibição de imagens nos artigos compartilhados.

Facebook tab - WordPress featured image not showing

Sempre que você fizer uma mudança, é bom voltar à Ferramenta de Depuração Compartilhada do Facebook para promover o Facebook para buscar mais dados no artigo .

Você pode clicar no botão Scrape Again ou simplesmente atualizar a página e colar a URL do seu artigo no campo mais uma vez.

Depuração de múltiplas URLs ao mesmo tempo no Facebook

Você pode ter muitos artigos antigos que não geram imagens em destaque quando compartilhados no Facebook. Isso é um problema tremendo.

Se você se encontrar nesta situação, recomendamos voltar à Ferramenta de Depuração Compartilhada do Facebook e clicar na opção Batch Invalidator.

paste in bulk - featured image not showing WordPress

Isto permite que você cole em até 50 URLs e execute a ferramenta para que o Facebook raspe seus metadados corretamente novamente.

Você tem duas opções para pegar URLs do seu site. A primeira é fazer isso manualmente, clicando em cada artigo e página do seu site e coletando as URLs em um documento.

Uma alternativa é instalar e ativar um plugin como Export All URLs. Ele pega cada URL em seu site e as exporta para um documento simples. Desta forma, você é capaz de copiá-las e colá-las facilmente na Ferramenta de Depuração Compartilhada do Facebook.

Uma vez tudo dito e feito, clique no botão Debug para processar todas as URLs da lista e fazer com que as imagens em destaque, e todos os outros dados relevantes da postagem, apareçam quando compartilhados no Facebook

Opções adicionais para mostrar a imagem em destaque do WordPress nas mídias sociais

Ativar o Open Graph em seu site WordPress é fundamental para mostrar suas imagens em destaque em plataformas como o Facebook.

Se você estiver tendo problemas com os plugins SEO discutidos acima, ou simplesmente não planeja usar um plugin SEO (e portanto, não tem acesso a um botão de ativação rápida de Open Graph), há algumas outras opções para ativar o Open Graph.

O OG Plugin

O primeiro é OG, que vem a calhar para adicionar o protocolo Open Graph para transformar qualquer página da web em objetos ricos para as mídias sociais. O plugin é leve e não oferece nenhuma outra característica, tornando-o ideal para aqueles que não estão interessados em nada além de corrigir a questão do Open Graph.

Para iniciar, instalar e ativar o plugin OG em seu site WordPress.

O OG plugin

O OG plugin

A verdadeira vantagem de um plugin como o OG é que ele não requer nenhuma configuração após a instalação. Isso significa que não há nenhuma configuração a ser examinada ou alterada antes que ele faça sua mágica.

Lutando contra o tempo de inatividade e problemas com o WordPress? Kinsta é a solução de hospedagem projetada para economizar seu tempo! Confira nossas características

O protocolo Open Graph é ativado automaticamente para todos os artigos e páginas do WordPress.

Agora, vá para sua página do Facebook (pessoal ou comercial) e cole um link com uma imagem em destaque no campo Status.

Imagem em destaque aparecendo no Facebook

Imagem em destaque aparecendo no Facebook

Com o plugin OG ativado, você deve agora ver as informações do artigo e a imagem em destaque na visualização.

Se você ainda não estiver tendo sucesso com isso, considere ir ao Depurador de Compartilhamento do Facebook para garantir que o Facebook saiba como rastrear seu site, já que isso geralmente é o problema se você já tiver o protocolo Open Graph ativado.

O Plugin Open Graph e Tags Twitter

Nossa última opção para ativar o protocolo Open Graph para revelar imagens em destaque é chamado de Open Graph e Twitter Card Tags plugin. Além de ativar o Open Graph para todos os sites de redes sociais, este plugin tem a vantagem adicional de incluir tags do Twitter para melhorar seus resultados de compartilhamento do Twitter.

Mais uma vez, Kinsta proíbe muitos plugins Open Graph, incluindo este aqui. Isso porque não há necessidade de ativar um plugin Open Graph com Kinsta. Entretanto, se você usar qualquer outro provedor de hospedagem, ele pode se mostrar útil.

Para iniciar, instalar e ativar o plugin Open Graph e Twitter Card Tags em seu site WordPress.

Plugin de Plugin de Tags de Placas abertas e Twitter

Plugin de Plugin de Tags de Placas abertas e Twitter

Agora, vá para Configurações > Open Graph and Twitter Card Tags. Isto o leva às configurações necessárias para ativar o protocolo Open Graph e calibrar quais elementos de conteúdo você gostaria de ver quando seus artigos e páginas forem compartilhados em sites de mídia social.

Configurações de Tags de placas abertas e Twitter

Configurações de Tags de placas abertas e Twitter

Selecione a guia Geral e localize a seção Configurações de descrição. Aqui, você precisa preencher campos como o comprimento da descrição, a descrição da página inicial e a descrição padrão. Estes não controlam sua imagem em destaque, mas eles aparecem logo abaixo da imagem em destaque, por isso é importante para exibir o conteúdo.

A guia 'Geral' em Open Graph e Twitter Card Tags

A guia ‘Geral’ em Open Graph e Twitter Card Tags

Vá até a área chamada Image Settings. Há um campo para escolher de onde a imagem deve vir ao compartilhar um artigo ou página para as mídias sociais.

Selecione as duas primeiras caixas de seleção para pegar a imagem do Open Graph, enquanto a outra é para usar a página ou artigo a imagem em destaque.

Estas são as configurações gerais para todos os compartilhamentos de mídia social, certificando-se de que o Facebook e o Twitter não selecionem aleatoriamente fotos do seu artigo ou de outros lugares em seu site.

Definir onde usar a imagem em destaque de

Definir onde usar a imagem em destaque de

A seguir, clique na aba Open Graph do Facebook. Aqui, você pode definir tudo para o protocolo de compartilhamento de Gráfico Aberto, mas características específicas exclusivas apenas para o Facebook.

Por exemplo, você pode considerar incluir coisas como o nome do site e o título do artigo , mas não ter o URL. Há uma longa lista de configurações com as quais se deve mexer, portanto, depende inteiramente de você.

A opção mais importante neste momento é o campo Incluir imagem. Marque esta caixa para que a imagem em destaque de um artigo ou página do WordPress seja preenchida ao compartilhar para o Facebook.

A aba 'Open Graph' settings

A aba ‘Open Graph’ settings

Outro módulo específico de Open Graph deste plugin é para o Twitter. Selecione a aba Twitter Cards para mostrar as configurações para configurar suas Tags de cartões do Twitter.

Os cartões do Twitter são um pouco diferentes dos módulos de compartilhamento do Facebook, portanto, você pode percorrer estas configurações para garantir que tudo pareça bem. Recomendamos marcar as caixas para o Título, URL e Descrição.

Finalmente, você deve marcar a caixa para Incluir Imagem, pois esta é a única maneira de o Twitter pegar sua imagem destacada de um artigo ou página.

Certifique-se de salvar as configurações depois de terminar.

A guia de configurações "Cartões

A guia de configurações “Cartões

Em geral, a melhor maneira de ativar o protocolo Open Graph para compartilhar adequadamente o conteúdo e as imagens apresentadas nas mídias sociais é instalando um plugin como Yoast SEO ou OG. O próximo melhor método é usar um host gerenciado como Kinsta, que já tem o Open Graph configurado para você.

Garantindo que Imagens em Destaque Sempre Apareça em Artigos e Páginas

A imagem em destaque é propensa a erro humano, considerando que a página ou o autor do artigo deve carregar manualmente uma imagem em destaque sempre que criar uma nova página da web.

Embora a automação do processo não seja para todos, existem truques para garantir que uma imagem com destaque no WordPress seja sempre mostrada para artigos e páginas, minimizando a chance de um autor esquecer de carregar uma.

Como configurar as imagens padrão para todo o WordPress

Uma maneira de garantir que seu campo de imagem nunca esteja vazio é definir uma imagem de destaque padrão para todos os artigos.

A grande parte deste plugin é que ele não substitui as imagens em destaque que você já tem em seus artigos. Em vez disso, ele detecta os artigos que não possuem imagens em destaque e define uma imagem de destaque padrão para eles.

Comece instalando e ativando o plugin Default Featured Image.

Agora, vá para Configurações > Mídia em seu painel do WordPress.

Ir para 'Configurações > Mídia' no painel do WordPress

Ir para ‘Configurações > Mídia’ no painel do WordPress

Esta é a única seção do painel que é trocada pelo plugin de imagem padrão.

Percorra para baixo para encontrar um novo campo chamado Default Featured Image.

Clique no botão Select Default Featured Image (Selecionar imagem padrão).

Selecione a imagem padrão apresentada

Selecione a imagem padrão apresentada

Isto faz surgir a Biblioteca de Mídia, de onde você pode escolher uma imagem para servir como sua imagem padrão em destaque.

Após selecionar uma imagem, clique no botão Set Default Featured Image (Definir imagem padrão).

Selecione a imagem padrão apresentada

Selecione a imagem padrão apresentada

Agora você deve ver uma miniatura dessa imagem para todos os artigos que não tenham imagens em destaque já enviados.

Certifique-se de clicar no botão Salvar mudanças para ativar a imagem padrão em destaque em seu site.

Defina uma imagem padrão em destaque

Defina uma imagem padrão em destaque

É importante testar como funciona a Default Featured Image em seu site.

Para fazer isso, vá para Artigos > Todos os Artigos.

Ir para a tela 'Todos os Postos'

Ir para a tela ‘Todos os artigos’

Selecione um de seus artigos no blog que ainda não tenha uma imagem em destaque.

Vá para seu painel Post Settings e abra a seção Featured Image (Imagem em destaque).

Isto deve estar vazio, pedindo que você faça o upload de uma imagem em destaque.

Selecione a imagem em destaque

Selecione a imagem em destaque

No entanto, com o plugin de imagem padrão ativo, tudo o que você tem que fazer é clicar no botão Atualizar do artigo.

Clique no botão 'Atualizar'

Clique no botão ‘Atualizar’

A imagem padrão em destaque é então preenchida dentro do módulo Featured Image do artigo.

A boa notícia é que todos os artigos futuros sem imagens em destaque adicionarão automaticamente a foto padrão. Entretanto, você pode ter que atualizar os artigos publicados anteriormente para que a imagem padrão em destaque apareça neles.

A imagem padrão em destaque está mostrando aqui

A imagem padrão em destaque está mostrando aqui

Como um teste, vamos visitar um artigo que já tem uma imagem em destaque incluída com o artigo.

Como você pode ver, uma imagem diferente aparece na seção Imagem em Destaque. Isto nos diz que o plugin está fazendo seu trabalho, adicionando a imagem em destaque padrão aos artigos certos e deixando de fora os que já têm imagens em destaque.

A imagem padrão apresentada não está sendo mostrada aqui

A imagem padrão apresentada não está sendo mostrada aqui

Como fazer upload e editar todas as imagens em destaque em seu site

Em algum momento, você pode perceber que vários artigos antigos poderiam usar novas imagens em destaque. Também é possível que você gostaria de substituir uma determinada categoria de artigo ou página para que todos tenham a mesma imagem em destaque, quer seja uma imagem projetada profissionalmente que indique que o artigo é para um tutorial ou talvez para colocar seu logotipo uma imagem relevante em todas as páginas da web.

Independentemente disso, você deve editar estas imagens em massa para que não passe horas editando cada uma delas. Alguns websites já têm centenas ou até milhares de imagens em destaque, portanto, é necessária uma ferramenta de edição em massa.

O plugin Quick Featured Images trata da edição em massa de imagens em destaque juntamente com uma infinidade de outras funcionalidades, como adicionar uma imagem em destaque padrão para todos os artigos ou definir predefinições para as imagens em destaque padrão.

Plugin de Imagens em Destaque Rápido

Plugin de Imagens em Destaque Rápido

Estamos mais interessados na ferramenta de edição em massa para este tutorial. Ela permite que você troque várias imagens de destaque previamente listadas, fazendo com que todas elas sejam a mesma imagem.

Depois que o plugin for instalado e ativado, vá para Featured Images > Bulk Edit.

Ir para 'Featured Images > Edição em massa' (em inglês)

Ir para ‘Featured Images > Edição em massa’ (em inglês)

Aqui, você verá uma barra de progresso no topo da página. A Barra de Progresso indica exatamente onde você está no processo de edição em massa das imagens em destaque.

Isto é importante porque a edição em massa é permanente, portanto você quer ter certeza de suas ações a cada passo.

Para iniciar o processo de edição em massa das imagens em destaque, role para baixo na página.

Edição em massa das imagens em destaque

Edição em massa das imagens em destaque

Localize a seção intitulada Ações com uma única imagem. Três opções estão disponíveis para você editar em massa as imagens em destaque:

Escolha a opção certa, dependendo do que você está tentando alcançar. Por exemplo, você pode simplesmente querer remover todas as imagens de destaque antigas ou certificar-se de que todas as novas imagens de destaque sejam definidas como uma imagem específica. Nesses casos, você pode optar pela primeira ou terceira opção.

No entanto, você geralmente optará por aquela intitulada “Substitua as imagens apresentadas pela imagem selecionada”. Isto permite que você faça o upload de uma imagem que substituirá tantas imagens em destaque quanto você desejar. Você selecionaria essas imagens mais tarde e trocaria cada uma delas no lugar da nova imagem.

Clique no botão Escolher imagem para prosseguir.

Configurações 'Ações com uma única imagem'

Configurações ‘Ações com uma única imagem’

Esta etapa envolve a escolha da imagem que você gostaria de ter mostrado como a nova imagem em destaque para alguns dos seus artigos ou páginas atuais.

Selecione a imagem que você gosta, depois clique no botão Escolher imagem.

Clique no botão 'Escolher imagem'

Clique no botão ‘Escolher imagem’

Você verá esta imagem ser preenchida no painel de bordo. Basta ter certeza de que é a imagem correta e que o plugin está reconhecendo-a.

Defina a opção 'Substituir as imagens apresentadas pela imagem selecionada'.

Defina a opção ‘Substituir as imagens apresentadas pela imagem selecionada’.

Vá até a parte inferior da página para clicar no botão Next.

Aperte o botão "Next" (Próximo)

Aperte o botão “Next” (Próximo)

O próximo passo é Adicionar um Filtro, que essencialmente lhe pede para escolher as imagens que você deseja substituir. Portanto, clique no botão Escolher imagens sob a seção intitulada “Selecione as imagens em destaque que você deseja substituir pela imagem selecionada”.

Clique no botão 'Escolher imagens'

Clique no botão ‘Escolher imagens’

Neste módulo, você pode selecionar várias imagens de sua biblioteca de mídia. O único problema é que ele não lhe diz quais de suas imagens da Biblioteca de Mídia foram previamente carregadas como imagens em destaque.

Independentemente disso, selecione uma imagem, ou várias imagens, mantendo pressionada a tecla Shift enquanto escolhe as imagens, e clique no botão Choose Images para prosseguir.

Escolha as imagens a serem editadas em massa

Escolha as imagens a serem editadas em massa

Todas as imagens selecionadas aparecem como miniaturas no painel de controle do plugin. Sinta-se à vontade para voltar e escolher mais imagens, caso tenha perdido alguma.

Clique no botão Preview Filtering para ver quais substituições em massa ocorrerão.

Selecione a opção 'Preview filtering'.

Selecione a opção ‘Preview filtering’.

A página seguinte explica quais imagens atuais serão substituídas pela imagem futura que você especificou anteriormente. Parece que apenas duas das imagens selecionadas são de fato armazenadas como imagens em destaque em nossos artigos. Isso significa que somente essas imagens serão substituídas pela nova imagem.

Uma vez que tudo tenha bom aspecto e você tenha decidido que aquelas imagens antigas estão prontas para serem substituídas, clique no botão Aplicar para finalizar a edição em massa.

Clique no botão 'Aplicar'.

Clique no botão ‘Aplicar’.

A última página apresenta os resultados da edição em massa, com detalhes sobre os artigos que agora têm novas imagens em destaque. Você pode ver que dois dos meus artigos agora têm uma nova imagem em destaque, e são as mesmas imagens. Isso é o que estávamos tentando realizar.

Verifique os resultados da "Edição a granel".

Verifique os resultados da “Edição a granel”.

Agora você pode ir para Artigos > Todos os Artigos em seu painel para ver os artigos em uma lista e certificar-se de que as imagens em destaque foram realmente substituídas nos artigos.

Como você pode ver, os dois artigos mostrados anteriormente tiveram suas imagens em destaque trocadas pela que eu queria.

Veja as novas imagens em destaque

Veja as novas imagens em destaque

Tenha em mente que a página inicial Select no plugin Quick Featured Images oferece uma ampla gama de ações a serem tomadas com suas imagens em destaque. Estas são excelentes ferramentas para substituir imagens mal desenhadas ou corrigir problemas quando certas imagens em destaque não aparecem em primeiro lugar.

Por exemplo, você pode completar uma ação com várias páginas. Nesta situação, você poderia definir aleatoriamente múltiplas imagens de destaque para suas postagens com base nas fotos que você escolher na Biblioteca de Mídia.

Outra opção é tomar medidas sem nenhuma imagem selecionada, como remover uma imagem em destaque que se repete várias vezes em vários artigos, ou se você precisar remover todas as imagens em destaque sem os arquivos de imagem existentes.

Ações com uma única imagem e múltiplas imagens

Ações com uma única imagem e múltiplas imagens

As oportunidades são abundantes com o plugin Quick Featured Images, por isso sugerimos testar as ferramentas e ver como você pode editar em massa algumas de suas imagens mais antigas ou não funcionais para limpar o apelo visual geral do seu website.

Plugins para corrigir problemas de imagem em destaque no WordPress

Os problemas com as imagens em destaque decorrem de vários problemas. Às vezes a melhor solução é instalar um plugin e esperar que ele forneça as características necessárias para corrigir tudo.

Afinal de contas, um tema ou plugin pode estar causando o problema. É melhor usar um plugin que possa anular o conflito do que trocar seu tema inteiro e redesenhar seu website apenas para corrigir as imagens em destaque.

Embora nem todos os plugins de correção de imagem em destaque completem as mesmas tarefas, existem alguns que recomendamos que você examine antes de tentar qualquer mudança drástica em seu website.

Featured Image from URL (FIFU)

Plug-in FIFU

Plug-in FIFU

O plugin Featured Image from URL, ou FIFU, permite pegar uma imagem externa e usá-la como uma imagem em destaque para um artigo ou página. Isto contorna a idéia de fazer upload de uma imagem para sua Biblioteca de Mídia WordPress e ativar essa imagem como uma imagem em destaque.

Portanto, poderia ajudar em questões que você possa ver com restrições de tamanho de upload ou mesmo se suas permissões não forem definidas corretamente. No geral, o plugin tem um campo para colar em uma URL de uma imagem e inserir essa imagem no slot de imagem em destaque.

Você deve hospedar a imagem em um local de terceiros e garantir que ela será hospedada lá para o futuro. Recomendamos apenas o uso de uma plataforma de hospedagem de mídia, ou talvez outra hospedagem de website que você mesmo possua. Seria preocupante e potencialmente ilegal simplesmente procurar uma imagem online, pegar sua URL e usar a imagem para sua imagem em destaque, pois você não sabe onde a URL da imagem está hospedada.

O plugin FIFU também inclui recursos para definir automaticamente imagens de imagens e vídeos, utilizando iframe tags e outros elementos. Você também pode definir imagens em destaque de fontes mais exclusivas, como uma API de livro ou um ISBN, ou até mesmo de um título da postagem ou motor de busca.

Quick Featured Images

Plugin de Imagens em Destaque Rápido

Plugin de Imagens em Destaque Rápido

Cobrimos o plugin Quick Featured Images acima neste artigo. Ele é usado principalmente para substituir as imagens em destaque em massa. Essa é a principal razão pela qual você tiraria vantagem deste plugin. Ele elimina uma quantidade significativa de trabalho de upload manual que poderia estar esperando por você.

Gostamos particularmente de sua capacidade de estabelecer regras para suas imagens do passado e do futuro. Por exemplo, você pode querer puxar a primeira imagem em seu conteúdo e torná-la sua imagem de destaque para um artigo. Também é possível gerar imagens de destaque com base nos autores dos artigos, tags e tipos de artigos .

Quer você esteja substituindo as imagens em destaque existentes ou tentando corrigir as que não existiam, o plugin Quick Featured Images faz o truque para tudo isso.

Default Featured Image

O plugin Default Featured Image oferece uma maneira simples de anular todas as instâncias em que uma imagem em destaque não está definida para uma página ou artigo. Ele ajuda na limpeza daqueles artigos onde você esqueceu de adicionar uma imagem em destaque ou, em algum momento, removeu-a devido à imagem original em destaque não estar de acordo com seus padrões. No geral, o plugin de Default Featured Image tem algumas ferramentas simples para adicionar uma imagem em destaque padrão com um clique de botão.

Plugin de imagem padrão

Plugin de imagem padrão

Este plugin procura todos os campos de imagem vazios em destaque e os preenche com a opção padrão. Embora possa ser uma correção temporária, isto também pode ser útil para definir imagens de destaque permanente em páginas e artigos em blogs em geral. Você pode precisar apenas de uma foto básica que seja relevante para seu site nessas páginas.

Suas configurações estão localizadas no WordPress Media Settings, mas você tem apenas um campo a ser preenchido. Carregue a imagem aqui e clique no botão Salvar.

Auto Featured Image

O plugin Auto Featured Image oferece uma opção única para a correção de problemas de imagem em destaque. Ele promete tornar o processo de carregamento da imagem em destaque um pouco mais fácil para os proprietários do site.

O plugin gera uma imagem em destaque a partir da primeira imagem em um artigo, mas somente se a imagem em destaque ainda não estiver configurada. Portanto, ele serve como um backup para o campo de imagem real, caso você esqueça de carregar a imagem em destaque, mas ainda queira que algo apareça.

Auto Plugin de Imagem em Destaque

Auto Plugin de Imagem em Destaque

A vantagem de usar um método como este é que não há como confiar em uma imagem padrão destacada que pode não se aplicar ao artigo. Supomos que a primeira imagem em um artigo é relevante para o tópico, portanto não há necessidade de se preocupar com uma imagem de destaque padrão sendo retirada de um arquivo e duplicando a mesma imagem em vários artigos.

O plugin também tem um maravilhoso mecanismo de busca nativo que puxa de lugares como Google, Pixabay, e Unsplash. Ele também funciona bem com construtores de páginas como Gutenberg e Elementor. O Auto Featured Image tem até mesmo uma ferramenta de geração de imagens em massa.

Multiple Featured Images

O plugin Multiple Featured Images apresenta várias características que são úteis na solução de problemas e na resolução dos problemas de suas imagens em destaque. Primeiro, o plugin abre o limite padrão que o WordPress estabelece de ter uma imagem em destaque por artigo. Isto significa que você pode carregar várias imagens em destaque e escolher qual delas será mostrada em diferentes partes do seu site.

Ele usa um widget e um atalho, ambos perguntando qual das imagens em destaque você gostaria de exibir sempre que implementasse uma das ferramentas. Por exemplo, você pode preferir ter uma imagem em destaque na barra lateral, mas uma imagem diferente aparece quando o artigo está em uma lista em sua página inicial.

Plugin de Múltiplas Imagens em Destaque

Plugin Multiple Featured Images

O plugin funciona com artigo e páginas, incluindo artigos personalizados e produtos WooCommerce. Você pode carregar quantas imagens quiser e, ao mesmo tempo, escolher qual imagem em destaque deve ser exibida em determinadas áreas e o tamanho que essas imagens devem ter.

Essencialmente, este plugin se adapta àqueles que lutam para decidir qual imagem destacada usar, ou quando uma imagem destacada faz sentido no início do artigo, mas outra parece melhor em uma barra lateral.

Melhores Práticas para Imagens em Destaque

Uma grande parte de se certificar de que as imagens apresentadas pareçam corretas é compreender as melhores práticas antes de carregá-las em seu site WordPress. Você pode solucionar problemas com uma imagem em destaque que não aparece ou editar cada imagem em destaque manualmente.

Ainda assim, é muito mais fácil conhecer as principais abordagens das imagens em destaque para minimizar os problemas em primeiro lugar. Estas melhores práticas abrangem desde recomendações de design até táticas de upload, permitindo que você se sinta confiante sobre todas as imagens em destaque, ao mesmo tempo em que reduz a quantidade de tempo que você gasta com as imagens em destaque.

Tornar as imagens em destaque relevantes

O lado negativo de definir uma imagem com destaque padrão é que há uma chance de você acabar com várias imagens com destaque que não são relevantes para o artigo . O objetivo de uma imagem em destaque é servir como uma introdução visual ao artigo, muito parecida com um título, e o primeiro parágrafo de um artigo fornece previsões para o leitor sobre o que ele pode esperar ler.

Por exemplo, se seu artigo tem dicas sobre o uso do Instagram, a imagem em destaque tem melhor elementos que fazem referência ao Instagram (legais, é claro), juntamente com itens criativos que fazem o artigo parecer atrativo.

Site tampão

Site tampão

A relevância também entra em jogo quando você insere manualmente uma imagem para cada imagem em destaque em um artigo. É fácil pegar uma imagem rápida que se relaciona ao artigo apenas para poupar tempo. No entanto, todos nós devemos tomar nosso tempo ao decidir sobre uma imagem em destaque, vendo como é a “capa do livro” do artigo que fará com que as pessoas a peguem e leiam.

Obter direitos legais antes de postar imagens em destaque

Uma maneira de se meter em sérios problemas com suas imagens é usando fotos e gráficos que você encontra aleatoriamente on-line. Isto poderia levar um proprietário de fotos a pedir que você remova muitas de suas imagens em destaque, ou pior, a ameaçar com uma ação legal.

Como uma boa regra geral: se você mesmo não tirou a foto ou não pagou pelos direitos, talvez não consiga usá-la.

Há exceções a esta regra!

A única vez que você descobrirá que não há problema em compartilhar uma imagem em seu site gratuitamente é quando você puxa de um site como Pexels ou Unsplash.

No entanto, mesmo com esses sites, normalmente é solicitado que você forneça a atribuição de todas as fotos (o que é difícil, pois as imagens em destaque muitas vezes não permitem legendas).

A atribuição de imagens é crucial para evitar problemas de direitos autorais

A atribuição de imagens é crucial para evitar problemas de direitos autorais

Siga estas regras para garantir que suas imagens em destaque sejam legais:

  1. Tire uma foto com sua própria câmera. Essa é uma maneira segura de eliminar problemas legais.
  2. Veja os sites de fotos com licenças Creative Commons. Estes incluem opções como Unsplash e Pexels.
  3. Como as imagens em destaque no WordPress geralmente bloqueiam legendas, declare a atribuição para aquela imagem em destaque em algum lugar em seu artigo.
  4. Pague por fotos em sites como Shutterstock e iStockPhoto.
  5. Faça seus próprios gráficos com ferramentas de design gratuitas como Canva ou Adobe Spark.
  6. Se você encontrar uma foto que realmente ama, procure o fotógrafo ou artista e pergunte se você pode usar o trabalho deles em seu site. De graça, uma taxa, ou com atribuição. Certifique-se de obter este acordo por escrito (também por e-mail).

Mantenha o tema de imagem em destaque Consistente

Uma coisa é garantir que todas as imagens apresentadas sejam relevantes para os artigos aos quais estão anexadas.

No entanto, você também quer se ater a um tema consistente. Isto ajuda a acelerar seu processo de criação de imagem em destaque, ao mesmo tempo em que ajuda sua marca.

Por exemplo, todas as suas imagens em destaque poderiam ter um filtro em preto e branco. Ou talvez elas incluam animações coloridas enquanto ainda representam o que está nos artigos.

Mantenha a marca consistente em suas imagens em destaque

Mantenha a marca consistente em suas imagens em destaque

Use imagens de alta resolução que diminuem a escala

Uma imagem em destaque não difere de outras fotos em seu site. Ela é colocada em um meio digital onde a resolução da foto não precisa necessariamente ser impressa para ter boa aparência.

Em geral, as fotos em seu site ocupam uma quantidade significativa de espaço no servidor, potencialmente diminuindo o tempo de carregamento do seu site. No entanto, você também quer usar fotos que realmente pareçam boas, portanto, você ainda deve fotografar para fotos de alta resolução o máximo possível.

Ao buscar uma imagem em destaque, considere sempre começar com uma foto maior, de alta resolução. Dessa forma, você pode dimensioná-la para uma interface digital, mantendo ao mesmo tempo grande parte de sua resolução.

Aumentar a escala de uma foto é um grande não-não. No entanto, deixar suas fotos maiores e de alta resolução em seus formatos originais certamente causará problemas de carregamento.

Use uma ferramenta de redimensionamento e otimização rápida de imagem

Considerando que você deveria estar carregando imagens de alta resolução como imagens em destaque, faz sentido automatizar a otimização. Afinal de contas, é difícil encolher, redimensionar e recortar manualmente cada imagem que você planeja carregar.

Otimização de imagem por Imagify

Otimização de imagem por Imagify

Um plugin de otimização de imagem faz grande parte do trabalho para você, garantindo que suas imagens em destaque realmente apareçam e não diminuam a velocidade do seu website.

Temos um excelente guia para otimizar suas imagens WordPress aqui mesmo. Em geral, é melhor optar por um plugin que otimize suas imagens em um servidor de terceiros. Isso evitará causar problemas com seu próprio servidor. Recomendamos soluções como Optimole e Imagify.

Otimizar Imagens em Destaque para SEO

Outro elemento de otimização de imagem envolve como essas imagens aparecerão nos mecanismos de busca. Elas são vitais para ajudar seu artigo ou página a subir na classificação. Toda imagem hospedada, incluindo as imagens em destaque, tem metadados rastreados pelos mecanismos de busca para descobrir do que se trata o seu artigo ou página.

Se você estiver visando uma palavra-chave, estes metadados são uma grande oportunidade para mostrar aos mecanismos de busca que a imagem é relevante. Você deve evitar o recheio de palavras-chave só porque você quer. Em vez disso, explique rapidamente o que está na imagem e potencialmente adicione a palavra-chave para aumentar sua classificação.

A peça mais importante dos metadados de imagem é seu Texto Alt, que pode ser encontrado abrindo sua imagem em destaque na Biblioteca de Mídia.

Definir o 'Texto Alt' para imagens

Definir o ‘Texto Alt’ para imagens

Independentemente da definição de um texto alt adequado para imagens ajudar com SEO, você deve fazê-lo de qualquer forma por razões de acessibilidade.

A acessibilidade é crucial para cada website

A acessibilidade é crucial para cada website

Muitas pessoas cegas estão usando a internet através de leitores de tela. Faça seu site acessível a eles.

Assegurar que o gráfico aberto esteja ativo para compartilhamento

Cobrimos o essencial do Open Graph na seção acima. Mas isto é um lembrete para garantir que seu provedor de hospedagem forneça as ferramentas necessárias para renderizar imagens em destaque ou encontre um plugin que ative o protocolo Open Graph.

A imagem em destaque deve aparecer rapidamente sempre que alguém quiser compartilhar um de seus artigos ou páginas em uma rede social. Caso contrário, você corre o risco de alguém decidir não compartilhar o artigo, ou de sua marca parecer não profissional quando os usuários compartilham qualquer link do seu site.

Considere um plugin que substitua os campos de imagem em destaque vazios

Cobrimos esta solução já na seção anterior, mas ela também se enquadra bem nas melhores práticas. Você nunca sabe quando um erro humano pode fazer com que uma imagem em destaque não seja carregada em seu site.

Pense em usar um plugin de imagem padrão para preencher os espaços em branco e listar imagens temporárias ou permanentes quando você se esquecer de fazer isso. Isso também ajuda quando seus artigos mais antigos não têm imagens de destaque apropriadas.

As imagens em destaque são importantes. Muito! 🌟 Aqui está o guia definitivo para corrigir imagens em destaque no WordPress que não aparecem corretamente em seu site 👋🏻Click to Tweet

Resumo

Criar um website com conteúdo impressionante para descobrir que as imagens em destaque não aparecem é frustrante e potencialmente prejudicial à sua marca. Esperamos que este guia tenha ajudado a resolver os problemas comuns com as imagens em destaque que não aparecem no WordPress. Certifique-se apenas de testar se suas imagens em destaque foram carregadas e configuradas corretamente antes de embarcar em soluções mais avançadas.

No caminho, você também aprendeu dicas para melhorar suas habilidades de edição de imagem e seus fluxos de trabalho. Para mais dicas e truques de otimização de imagem, leia nosso guia detalhado de otimização de imagem. É uma leitura obrigatória para acelerar o seu site WordPress.

Agora que você já tem as imagens em destaque, comece a compartilhar!

Perdemos algo importante? Por favor, deixe um comentário abaixo se você tiver alguma pergunta sobre imagens em destaque ou problemas com imagens em destaque no WordPress.


Se você gostou deste artigo, então você vai adorar a plataforma de hospedagem WordPress da Kinsta. Turbine seu site e obtenha suporte 24/7 de nossa experiente equipe de WordPress. Nossa infraestrutura baseada no Google Cloud se concentra em escalabilidade automática, desempenho e segurança. Deixe-nos mostrar-lhe a diferença Kinsta! Confira nossos planos