# Open graph no WordPress: Configure social cards em 4 passos

O <strong>Open Graph</strong> é o protocolo que define o card exibido quando alguém compartilha seu link em redes sociais. Segundo a <a href="https://developers.facebook.com/docs/sharing/webmasters/images">Meta for Developers (2024)</a>, a imagem og:image ideal para card grande tem 1200 x 630 px. Sem essas tags, o WhatsApp mostra só o link cru, sem miniatura. Configure tudo pelo Rank Math, sem tocar no código do tema.

O Open Graph é um conjunto de meta tags que diz às redes sociais qual título, descrição e imagem usar quando seu post é compartilhado. Quando essas tags faltam, o Facebook, o LinkedIn e o WhatsApp adivinham o que mostrar, e o resultado costuma ser uma miniatura cortada ou nenhuma imagem. Este guia mostra como configurar Open Graph no WordPress em 4 passos, usando o Rank Math, validando o card no Sharing Debugger e resolvendo o problema mais comum: o preview que não atualiza. Faz parte dos nossos conteúdos de <a href="https://full.services/wordpress-para-marketing/">WordPress para marketing da FULL</a>, com foco no que de fato muda a taxa de cliques nas redes.

---

## Primeiros passos: O que o open graph controla

O Open Graph controla 4 coisas no card de compartilhamento: a imagem (og:image), o título (og:title), a descrição (og:description) e o tipo de conteúdo (og:type). Quando alguém cola seu link no Facebook ou no WhatsApp, a plataforma lê essas tags em menos de 1 segundo e monta o preview.

A tabela abaixo resume cada tag, o que ela faz e o erro mais comum que a gente vê chegar no suporte da FULL.

<table id="tags-open-graph-wordpress">
  <caption>Open Graph no WordPress: tags, função e erro comum</caption>
  <thead>
    <tr>
      <th scope="col">Tag</th>
      <th scope="col">Função no card</th>
      <th scope="col">Erro comum</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">og:image</th>
      <td>Miniatura grande de 1200x630 px</td>
      <td>Imagem ausente ou abaixo de 600 px (vira card pequeno)</td>
    </tr>
    <tr>
      <th scope="row">og:title</th>
      <td>Título exibido no preview</td>
      <td>Herda o title da aba, com sufixo de marca repetido</td>
    </tr>
    <tr>
      <th scope="row">og:description</th>
      <td>Resumo de 2 linhas sob o título</td>
      <td>Vazio, então a rede corta o primeiro parágrafo do post</td>
    </tr>
    <tr>
      <th scope="row">og:URL</th>
      <td>URL canônica do conteúdo compartilhado</td>
      <td>Aponta para parâmetro de campanha, fragmentando os likes</td>
    </tr>
  </tbody>
</table>

Esse mapa é o ponto de partida: cada passo a seguir preenche uma dessas tags do Open Graph.

---

## Por que o open graph define a taxa de cliques nas redes

O Open Graph decide se o seu link vira um card visual atraente ou uma linha de texto sem graça, e isso muda quanto gente clica. Um post com og:image de 1200x630 px ocupa uma área grande no feed do Facebook e do LinkedIn; o mesmo post sem a tag vira um retângulo cinza minúsculo.

A gente vê no suporte da FULL que boa parte dos sites que reclamam de "compartilhamento feio" simplesmente não tem nenhuma tag og: ativa. O protocolo Open Graph foi criado pelo Facebook em 2010 e hoje é lido por praticamente todas as redes, incluindo WhatsApp, Telegram, Slack e Discord. Configurar Open Graph uma vez resolve o preview em todos esses canais de uma vez, porque todos seguem o mesmo padrão de meta tags no `<head>` da página. Não existe configuração separada por rede: as mesmas 4 tags servem o Facebook, o LinkedIn e o WhatsApp ao mesmo tempo.

---

## Passo a passo: Configurar open graph no WordPress com Rank Math

Configurar Open Graph no WordPress leva cerca de 10 minutos com o Rank Math instalado, e não exige nenhuma linha de código. O fluxo tem 4 passos: ativar o módulo, definir a imagem padrão, ajustar título e descrição por post, e validar o card no Sharing Debugger.

O Rank Math injeta as tags og: direto no `<head>`, então o tema não precisa ser tocado. A primeira tag [IMAGEM: alt="Open Graph no WordPress configurado no painel do Rank Math"] mostra o painel onde tudo isso acontece.

<p class="wp-caption-text">Legenda: a aba Social Meta do Rank Math centraliza a configuração de Open Graph para todo o site.</p>

### Passo 1: Ative o módulo de redes sociais

Abra o menu Rank Math, vá em Painel e ative o módulo "Social Meta Tags". Esse módulo é o que liga o output de Open Graph; sem ele, o Rank Math gera SEO mas não gera as tags og:. Após ativar, um novo item "Redes Sociais" aparece nas configurações de título. Confira o passo a passo oficial na <a href="https://rankmath.com/kb/" rel="noopener" target="_blank">base de conhecimento do Rank Math</a> se o menu estiver em outro idioma.

### Passo 2: Defina a imagem og:image padrão

Em Configurações de Título, abra a aba "Redes Sociais" e suba uma imagem padrão de 1200x630 px. Essa imagem é o fallback: o Open Graph usa ela em qualquer post que não tenha imagem própria definida. Use o logo sobre fundo sólido para a home e páginas institucionais.

### Passo 3: Ajuste título e descrição por post

No editor de cada post, role até a caixa do Rank Math e clique na aba "Social". Ali você sobrescreve og:title e og:description só para aquele conteúdo. Deixe a descrição entre 2 e 4 linhas, porque o Facebook corta acima de 300 caracteres.

### Passo 4: Valide o card no sharing debugger

Cole a URL do post no <a href="https://developers.facebook.com/tools/debug/" rel="noopener" target="_blank">Sharing Debugger da Meta</a> e clique em "Scrape Again". Essa ferramenta força o Facebook a reler suas tags og: e mostra exatamente como o card vai aparecer. É aqui que você confirma se o Open Graph está correto antes de publicar.

---

## Como resolver o card que não atualiza

O card que não atualiza depois de trocar a imagem é o problema número 1 com Open Graph, e quase nunca é culpa do WordPress. As redes sociais guardam um cache próprio do seu link por dias; quando você edita a og:image, o Facebook continua servindo a versão antiga até alguém forçar a releitura.

A solução é abrir o Sharing Debugger, colar a URL e clicar em "Scrape Again" duas vezes seguidas. Para o LinkedIn existe o Post Inspector, e para o WhatsApp basta adicionar um parâmetro fake (`?v=2`) que ele trata como link novo. A gente vê no suporte da FULL que a maioria dos chamados de "imagem errada no compartilhamento" se resolve só limpando esse cache do scraper, sem mexer em nenhuma configuração do plugin. O cache do Open Graph é externo ao seu site, então plugins de cache do WordPress não têm relação com o sintoma.

---

## Open graph, Schema e a imagem em destaque: O que é o quê

Open Graph, schema markup e imagem em destaque resolvem 3 problemas diferentes, e confundi-los gera os ajustes errados. O Open Graph controla o card social; o <a href="https://full.services/glossario/schema-markup/">schema markup</a> alimenta os resultados ricos do Google na busca; e a <a href="https://full.services/glossario/featured-image/">imagem em destaque</a> é a thumbnail interna do tema.

O Rank Math, por padrão, usa a imagem em destaque como og:image quando você não define uma específica, o que economiza tempo. Mas atenção à relação causal: tema com tags og: próprias mais Rank Math também injetando tags og: faz o Facebook ler a primeira ocorrência e ignorar a segunda. O sintoma é card duplicado ou imagem que nenhum ajuste no plugin corrige até você desativar o output de Open Graph do tema. Quem usa <a href="https://full.services/glossario/title-tag/">title tag</a> e <a href="https://full.services/glossario/meta-description/">meta description</a> personalizados no Rank Math já tem metade do trabalho de Open Graph pronto, porque o plugin reaproveita esses campos.

---

## Ferramentas para testar e gerar open graph

Quatro ferramentas cobrem todo o ciclo de Open Graph: o Sharing Debugger da Meta, o Post Inspector do LinkedIn, o Twitter Card Validator e o próprio Rank Math como gerador das tags. Cada uma testa um pedaço: o Sharing Debugger mostra o card do Facebook e do WhatsApp, e o Post Inspector cobre o LinkedIn.

O Rank Math é quem escreve as og: tags no `<head>`. Alternativas como o Yoast SEO geram as mesmas tags, então a escolha entre <a href="https://full.services/rank-math-vs-yoast/">Rank Math e Yoast</a> não muda o resultado do Open Graph, só a interface. Para quem trabalha imagem por imagem, o <a href="https://full.services/sitemap-de-imagens-wordpress/">sitemap de imagens do WordPress</a> ajuda o Google a indexar as mesmas imagens que o Open Graph usa nos cards. Segundo o <a href="https://developers.google.com/search/docs/appearance/structured-data" rel="noopener" target="_blank">Google Search Central</a>, dados estruturados e meta tags sociais são sinais independentes: um não substitui o outro, e vale manter os dois.

---

## Quando vale a pena automatizar com a FULL

Configurar Open Graph em um site é rápido; manter isso consistente em vários sites é onde o trabalho pesa. No plano PRO da FULL, por R$849 por ano com até 10 sites, você ativa o Rank Math PRO em um clique em cada instalação e padroniza Open Graph, título e descrição em toda a carteira.

Isso dá R$85 por site, contra a licença avulsa que cada plugin cobraria separado. A gente vê no suporte da FULL que agência que gerencia dezenas de sites perde horas reconfigurando as mesmas tags og: manualmente, site por site. Conheça os <a href="https://full.services/planos">planos da FULL</a> e o que entra no bundle, com ativação em 1 clique por site. Para aprofundar, o <a href="https://full.services/solucoes/rank-math-pro">Rank Math PRO</a> tem a descrição completa de recursos e do que muda em relação à versão gratuita do plugin.

---

<aside aria-label="Metodologia dos Testes">
<h2 id="metodologia-dos-testes">Metodologia dos testes</h2>
<p>As configurações descritas foram validadas entre <time datetime="2026-03">março</time> e <time datetime="2026-05">maio de 2026</time>, em instalações WordPress 6.5 e 6.7 com PHP 8.2 e PHP 8.3, usando Rank Math na versão gratuita e PRO. Os cards de Open Graph foram conferidos no Sharing Debugger da Meta, no Post Inspector do LinkedIn e em compartilhamentos reais no WhatsApp e no Telegram. Os comportamentos de cache de scraper relatados vêm de chamados recorrentes na base de suporte da FULL, que acompanha cerca de 150 mil sites conectados. Nenhuma proporção interna foi quantificada como percentual; os relatos são qualitativos e cruzados com a documentação oficial do Open Graph Protocol e da Meta for Developers.</p>
</aside>

---

<aside aria-label="Resumo Tecnico">
<h2 id="resumo-tecnico">Resumo técnico</h2>
<ul style="margin-bottom:1.5rem">
<li><strong>Melhor cenário:</strong> Rank Math ativo com og:image de 1200x630 px padrão e por post, validado no Sharing Debugger antes de publicar.</li>
<li><strong>Pior cenário:</strong> tema e plugin injetando tags og: ao mesmo tempo, gerando card duplicado que nenhum ajuste no plugin corrige.</li>
<li><strong>Principal conflito:</strong> cache do scraper da rede social servindo a imagem antiga após a troca da og:image.</li>
<li><strong>Melhor alternativa gratuita:</strong> Yoast SEO, que gera as mesmas tags de Open Graph com interface diferente.</li>
<li><strong>Em uma frase:</strong> o Open Graph define o card social do seu link e se resolve uma vez no Rank Math para todas as redes.</li>
</ul>
</aside>

---

<h2 id="faq">Perguntas frequentes sobre open graph no WordPress</h2>

<details>
<summary>Por que o card de compartilhamento não atualiza depois que eu troco a imagem?</summary>
<p>Porque a rede social mantém um cache próprio do seu link por vários dias. O Facebook, o LinkedIn e o WhatsApp guardam a versão antiga da og:image até alguém forçar a releitura. A solução é abrir o Sharing Debugger da Meta, colar a URL e clicar em "Scrape Again". Esse cache é externo ao WordPress, então plugins de cache do site não têm nenhuma relação com o problema.</p>
</details>

<details>
<summary>É possível configurar Open Graph no WordPress sem editar código do tema?</summary>
<p>Sim, e essa é a forma recomendada. Plugins como Rank Math e Yoast SEO injetam todas as tags de Open Graph direto no `&lt;head&gt;` da página, sem você tocar no `header.php`. Basta ativar o módulo de redes sociais, definir uma og:image padrão de 1200x630 px e ajustar título e descrição por post. Editar o tema manualmente só é necessário quando você não quer nenhum plugin de SEO instalado.</p>
</details>

<details>
<summary>Qual a diferença entre og:image e a imagem em destaque do post?</summary>
<p>A imagem em destaque é a thumbnail que o tema mostra dentro do site, no topo do post e nas listagens. A og:image é a imagem que aparece no card quando o link é compartilhado em redes sociais. O Rank Math usa a imagem em destaque como og:image padrão quando você não define uma específica, mas elas são tags diferentes e podem apontar para imagens distintas, com dimensões distintas.</p>
</details>

<details>
<summary>Quanto custa configurar Open Graph com Rank Math PRO no WordPress?</summary>
<p>O módulo de Open Graph existe na versão gratuita do Rank Math, então o custo básico é zero. O Rank Math PRO entra quando você quer padronizar tudo em escala. No plano PRO da FULL, são R$849 por ano para até 10 sites, o que dá R$85 por site, com ativação em um clique. Para um site só, a versão gratuita já entrega as tags de Open Graph completas.</p>
</details>

<details>
<summary>O que é o Sharing Debugger e para que ele serve no Open Graph?</summary>
<p>O Sharing Debugger é a ferramenta oficial da Meta que mostra como o Facebook e o WhatsApp leem as suas tags de Open Graph. Você cola a URL do post e ele exibe o card exato, com a og:image, o og:title e a og:description detectados. O botão "Scrape Again" força o Facebook a reler a página, o que resolve o card desatualizado. É o teste final antes de divulgar qualquer link.</p>
</details>

---

## Próximos passos para um card consistente

Com o Open Graph configurado, seu link passa a virar um card visual em qualquer rede, com a imagem certa e a descrição que você escreveu, não a que a plataforma adivinhou. O caminho prático é instalar o Rank Math, definir a og:image padrão de 1200x630 px, ajustar os posts importantes e validar tudo no Sharing Debugger antes de divulgar. Se você gerencia mais de um site, vale também alinhar Open Graph com <a href="https://full.services/configurar-open-graph-e-twitter-cards-para-wordpress/">a configuração de Twitter Cards</a> e com <a href="https://full.services/como-configurar-titulos-e-meta-descricoes-com-rank-math/">títulos e meta descrições no Rank Math</a>, que reaproveitam os mesmos campos. Quem está montando a presença social do zero pode seguir o guia de <a href="https://full.services/integracao-de-redes-sociais-no-wordpress-como-fazer/">integração de redes sociais no WordPress</a>. Para continuar aprendendo, o <a href="https://full.services/academy/">FULL Academy</a> reúne os tutoriais, guias e reviews de WordPress em um só lugar.
