O que é uma ferramenta de prévia de meta tags OG?
As meta tags Open Graph (OG) são elementos meta do HTML que controlam como suas páginas aparecem quando compartilhadas em redes sociais como Facebook, Twitter e LinkedIn, além de aplicativos de mensagens. Elas definem o título, a descrição, a imagem e a URL exibidos nas prévias de links. Esta ferramenta permite inserir os valores das meta tags OG e visualizar instantaneamente como sua página aparecerá nos resultados de busca do Google, nos cards de compartilhamento do Facebook/LinkedIn e nos Twitter Cards — tudo sem publicar nem implantar a página. Ajustar corretamente essas prévias é essencial para aumentar as taxas de cliques e garantir uma apresentação profissional do conteúdo compartilhado.
Como usar a prévia de meta tags OG
- 1Informe o título da página no campo 'og:title'. Mantenha-o com menos de 60 caracteres para obter a melhor exibição em todas as plataformas.
- 2Adicione a URL da página no campo 'og:url'. Essa é a URL canônica que aparecerá nas prévias.
- 3Escreva uma descrição atraente no campo 'og:description'. Procure usar no máximo 155 caracteres para uma exibição ideal.
- 4Cole a URL da imagem OG no campo 'og:image'. O tamanho recomendado é de 1200×630 pixels para obter os melhores resultados nas diferentes plataformas.
- 5Confira as prévias em tempo real abaixo para ver como sua página aparecerá no Google, Facebook/LinkedIn e Twitter.
Casos de uso comuns
Revisão de conteúdo antes da publicação
Visualize como posts de blog, landing pages e páginas de produtos aparecerão ao serem compartilhados antes da publicação, identificando títulos truncados ou imagens ausentes.
Otimização para SEO
Otimize os títulos e as descrições das páginas para resultados de busca visualizando a aparência no Google e garantindo que as informações principais estejam visíveis.
Marketing em redes sociais
Crie prévias de compartilhamento atraentes para aumentar o engajamento e as taxas de cliques quando seu conteúdo for compartilhado no Facebook, Twitter e LinkedIn.
Apresentações para clientes
Mostre aos clientes como suas páginas aparecerão em diferentes plataformas durante revisões de design, sem precisar implantá-las em um ambiente acessível ao público.
Perguntas frequentes
Qual é o tamanho de imagem recomendado para meta tags OG?
O tamanho recomendado para imagens OG é de 1200×630 pixels, com proporção de 1,91:1. Esse tamanho funciona bem no Facebook, Twitter, LinkedIn e na maioria das outras plataformas. Use imagens de alta qualidade e mantenha o conteúdo importante centralizado, pois algumas plataformas podem recortar as bordas.
Qual é a diferença entre tags OG e Twitter Cards?
As tags Open Graph (og:title, og:description e og:image) são usadas pelo Facebook, LinkedIn e muitas outras plataformas. O Twitter tem suas próprias meta tags (twitter:card, twitter:title, twitter:description e twitter:image), mas recorre às tags OG quando não há tags específicas do Twitter.
Por que meu link compartilhado mostra a imagem ou o título errado?
As plataformas sociais armazenam prévias de links em cache. Após atualizar suas tags OG, você precisa limpar o cache usando ferramentas específicas de cada plataforma: Sharing Debugger do Facebook, Card Validator do Twitter ou Post Inspector do LinkedIn. As alterações podem levar alguns minutos para se propagar.
Os valores das meta tags são enviados para algum servidor?
Não. As prévias são geradas localmente no navegador, sem enviar os títulos, descrições, URLs ou outros valores para um backend. A aparência final ainda pode variar conforme as regras e o cache de cada plataforma.