w
Documentação Ferramentas Principais Open Graph Meta Generator

Guia de Uso Basico

Este guia apresenta, passo a passo, como gerar meta tags Open Graph usando a nossa ferramenta.

Etapa 1: Acessar a Ferramenta

Acesse o Open Graph Meta Generator pela pagina principal de ferramentas ou digitando a URL diretamente.

Etapa 2: Preencher as Informacoes Gerais

Tipo de Pagina

Selecione o tipo de conteudo apropriado para a sua pagina:

  • Website: Paginas gerais de site
  • Article: Posts de blog, noticias, tutoriais
  • Book: Paginas de livros, e-books
  • Profile: Perfis pessoais ou empresariais
  • Music: Faixas, albuns, playlists
  • Video: Conteudo em video, filmes, programas de TV

Titulo

Digite um titulo atrativo para a sua pagina:

  • Mantenha abaixo de 60 caracteres para melhor exibicao
  • Faça com que seja descritivo e envolvente
  • Inclua palavras-chave relevantes de forma natural

Descricao

Escreva uma descricao clara do seu conteudo:

  • Procure ficar entre 150 e 160 caracteres
  • Resuma o que os usuarios encontrarao na pagina
  • Torne o texto atraente para incentivar cliques

URL da Pagina

Digite a URL completa da sua pagina:

  • Use URLs absolutas (incluindo https://)
  • Verifique se a URL esta acessivel
  • Use URLs limpas e descritivas

Nome do Site

Informe o nome do seu site ou da sua marca:

  • Ele aparecera nas publicacoes em redes sociais
  • Mantenha consistencia em todas as paginas
  • Use o nome oficial da sua marca

Etapa 3: Configurar a Imagem

URL da Imagem

Forneca a URL da imagem usada nas redes sociais:

  • Use URLs absolutas (incluindo https://)
  • Verifique se a imagem esta acessivel publicamente
  • Tamanho recomendado: 1200x630 pixels

Texto Alt da Imagem

Adicione um texto alt descritivo para acessibilidade:

  • Descreva o que aparece na imagem
  • Seja conciso, mas informativo
  • Importante para leitores de tela

Dimensoes da Imagem

Especifique a largura e a altura da sua imagem:

  • Largura: normalmente 1200 pixels
  • Altura: normalmente 630 pixels
  • Esses dados ajudam as plataformas sociais a otimizar a exibicao

Etapa 4: Definir as Configuracoes do Twitter

Tipo de Card

Escolha o tipo apropriado de Twitter Card:

  • Summary: Card basico com titulo, descricao e miniatura
  • Summary with Large Image: Card aprimorado com imagem grande
  • App: Para promocao de aplicativos moveis
  • Player: Para conteudo de video ou audio

Conta do Site

Digite o identificador do Twitter do seu site:

  • Formato: @yourhandle
  • Ele aparecera nas publicacoes do Twitter
  • Opcional, mas recomendado

Conta do Criador

Digite o identificador do Twitter do criador do conteudo:

  • Formato: @authorhandle
  • Util para artigos e posts de blog
  • Opcional

Etapa 5: Gerar e Copiar as Meta Tags

Depois de preencher todas as informacoes:

  1. As meta tags serao geradas automaticamente em tempo real
  2. Revise o HTML gerado na area de saida
  3. Clique no botao "Copy Meta Tags" para copiar para a area de transferencia
  4. A area de visualizacao mostra como o seu conteudo aparecera nas redes sociais

Etapa 6: Implementar no Seu Site

Adicione as meta tags copiadas a secao HTML <head> do seu site:

<head>
  <!-- Your existing head content -->

  <!-- Open Graph Meta Tags -->
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Your Page Title" />
  <!-- ... other meta tags ... -->

  <!-- Twitter Meta Tags -->
  <meta name="twitter:card" content="summary_large_image" />
  <!-- ... other Twitter meta tags ... -->
</head>

Dicas Rapidas

Para obter os melhores resultados:

  • Sempre use imagens de alta qualidade e relevantes
  • Teste as meta tags com ferramentas de depuracao de redes sociais
  • Mantenha titulos e descricoes dentro dos limites recomendados
  • Use uma identidade visual consistente em todas as paginas

Erros comuns a evitar:

  • Usar URLs relativas em vez de URLs absolutas
  • Esquecer de incluir o texto alt da imagem
  • Usar imagens muito pequenas ou muito grandes
  • Nao testar como as tags aparecem em diferentes plataformas

Teste Suas Meta Tags

Depois da implementacao, teste as meta tags usando:

Essas ferramentas mostram exatamente como o seu conteudo aparecera ao ser compartilhado e ajudam a identificar qualquer problema.

Proximo Passo

Agora que voce entende o basico, consulte o guia Advanced Features para conhecer opcoes mais avancadas e possibilidades de personalizacao.

Esta página foi útil?