📩 Fique por dentro das novidades com a nossa newsletter

Open graph no WordPress: Configure social cards em 4 passos

Conheça a loja da FULL Services

Plugins premium, suporte de verdade e tudo o que seu site WordPress precisa em um só lugar.

Pergunte a uma IA sobre este artigo

Obtenha um resumo ou tire dúvidas com seu assistente favorito

O Open Graph é o protocolo que define o card exibido quando alguém compartilha seu link em redes sociais. Segundo a Meta for Developers (2024), 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 WordPress para marketing da FULL, 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.

Open Graph no WordPress: tags, função e erro comum
Tag Função no card Erro comum
og:image Miniatura grande de 1200×630 px Imagem ausente ou abaixo de 600 px (vira card pequeno)
og:title Título exibido no preview Herda o title da aba, com sufixo de marca repetido
og:description Resumo de 2 linhas sob o título Vazio, então a rede corta o primeiro parágrafo do post
og:URL URL canônica do conteúdo compartilhado Aponta para parâmetro de campanha, fragmentando os likes

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 1200×630 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 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 , 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.

Legenda: a aba Social Meta do Rank Math centraliza a configuração de Open Graph para todo o site.

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 base de conhecimento do Rank Math 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 1200×630 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 Sharing Debugger da Meta 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 schema markup alimenta os resultados ricos do Google na busca; e a imagem em destaque é 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 title tag e meta description 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 . Alternativas como o Yoast SEO geram as mesmas tags, então a escolha entre Rank Math e Yoast não muda o resultado do Open Graph, só a interface. Para quem trabalha imagem por imagem, o sitemap de imagens do WordPress ajuda o Google a indexar as mesmas imagens que o Open Graph usa nos cards. Segundo o Google Search Central, 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 planos da FULL e o que entra no bundle, com ativação em 1 clique por site. Para aprofundar, o Rank Math PRO tem a descrição completa de recursos e do que muda em relação à versão gratuita do plugin.




Perguntas frequentes sobre open graph no WordPress

Por que o card de compartilhamento não atualiza depois que eu troco a imagem?

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.

É possível configurar Open Graph no WordPress sem editar código do tema?

Sim, e essa é a forma recomendada. Plugins como Rank Math e Yoast SEO injetam todas as tags de Open Graph direto no `<head>` da página, sem você tocar no `header.php`. Basta ativar o módulo de redes sociais, definir uma og:image padrão de 1200×630 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.

Qual a diferença entre og:image e a imagem em destaque do post?

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.

Quanto custa configurar Open Graph com Rank Math PRO no WordPress?

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.

O que é o Sharing Debugger e para que ele serve no Open Graph?

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.


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 1200×630 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 configuração de Twitter Cards e com títulos e meta descrições no Rank Math, que reaproveitam os mesmos campos. Quem está montando a presença social do zero pode seguir o guia de integração de redes sociais no WordPress. Para continuar aprendendo, o FULL Academy reúne os tutoriais, guias e reviews de WordPress em um só lugar.

Compartilhe este conteúdo

Equipe Full Services

A FULL. é especialista em WordPress e oferece plugins premium com licenças originais, suporte técnico e instalação facilitada. Já ajudou mais de 25 mil clientes a impulsionar seus sites com performance, segurança e praticidade.

AI Shopping no Brasil: Como a IA decide quem vende

O AI shopping no Brasil já redesenha como o consumidor

A shortlist da IA: Como 3-5 marcas são escolhidas antes do clique

Entender a shortlist da ia como marcas são escolhidas é

Como fazer um AI visibility audit passo a passo

Se você não sabe se o ChatGPT recomenda a sua
Componentes

Hero Sections

30 componentes

Seções de CTA

14 componentes

Login

14 componentes

Blog

14 componentes

Cabeçalhos

24 componentes

Seções de FAQ

53 componentes

Cadastro

53 componentes

Blog individual

53 componentes

Rodapés

28 componentes

Seções de contato

27 componentes

Seções de preços

27 componentes

Faixas

27 componentes

Portfólio

16 componentes

Seções de equipe

12 componentes

Números

12 componentes

Logotipos

12 componentes

Uma nova era para o WordPress.

A FULL Services redefine o CMS com uma arquitetura modular que transforma o WordPress em um motor de crescimento digital. 

Painéis personalizados

Um novo nível de controle para o WordPress. Acompanhe métricas, automações e evolução do seu site em um único painel visual.

A força por trás de grandes marcas

Para agências, estúdios e profissionais independentes que desejam oferecer soluções de alto nível com sua própria marca.