Verificador Open Graph: Como Otimizar Previews de Compartilhamento

O Que E Open Graph

Open Graph e um protocolo criado pelo Facebook que permite controlar como seu site aparece quando compartilhado em redes sociais. Sem meta tags Open Graph, as plataformas tentam adivinhar o titulo, descricao e imagem — frequentemente com resultados ruins.

As tags essenciais sao og:title (titulo), og:description (descricao), og:image (imagem de preview) e og:url (URL canonica). Com essas quatro tags, voce controla a aparencia do card de compartilhamento.

Tags Essenciais

• og:title: O titulo exibido no card. Pode ser diferente do title da pagina. Maximo de 60 caracteres para nao ser cortado.
• og:description: Descricao curta que aparece abaixo do titulo. 155-200 caracteres e ideal.
• og:image: URL absoluta da imagem de preview. Minimo 1200x630px para Facebook e LinkedIn. Deve ser HTTPS.
• og:url: URL canonica da pagina. Evita duplicacao quando a mesma pagina e acessada por URLs diferentes.

Erros Comuns

Imagem pequena demais: Facebook exige minimo de 200x200px mas recomenda 1200x630px. Imagens menores aparecem como thumbnail em vez de card grande.

Tags duplicadas: CMSs e plugins podem injetar tags duplicadas. Plataformas usam a primeira encontrada, ignorando as demais. URL de imagem relativa: og:image deve ser URL absoluta com HTTPS.

Cache: Facebook e LinkedIn cacheiam os metadados. Apos corrigir as tags, use o Sharing Debugger do Facebook para forcar a atualizacao do cache.

Twitter Cards

O Twitter usa seu proprio sistema de cards (twitter:card, twitter:title, twitter:image) mas faz fallback para Open Graph se as tags especificas nao existirem. Adicione pelo menos twitter:card com valor "summary_large_image" para cards com imagem grande.

Verifique Suas Tags Open Graph

Nosso Verificador Open Graph analisa as meta tags de qualquer URL e mostra um preview do card de compartilhamento. Identifique problemas e corrija antes de compartilhar — gratis e sem cadastro.