Gerador de meta tags / Open Graph

Uma tag '<title>', uma meta descrição, um link canônico autorreferente, uma tag robots, o conjunto principal do Open Graph (og:type, og:title, og:description, og:url, og:site_name, og:image, og:image:alt, og:locale), o conjunto do Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image, twitter:site), e uma tag theme-color se você forneceu uma. Todo campo que você deixar em branco simplesmente é omitido do resultado em vez de gerar uma tag vazia ou quebrada.

A meta descrição é o que os mecanismos de busca podem mostrar como resumo abaixo da sua página nos resultados de busca; a descrição Open Graph (og:description) é o que aparece quando a página é compartilhada no Facebook, LinkedIn ou similares. Na prática, a mesma frase ou duas bem escritas geralmente funcionam para ambas, por isso esta ferramenta reaproveita seu único campo de descrição para as duas tags - mas nada impede você de editar o trecho colado depois se quiser que digam algo um pouco diferente.

A orientação de cerca de 60 caracteres reflete aproximadamente quanto texto os mecanismos de busca costumam mostrar antes de truncar um título nos resultados de busca com reticências - não é um limite técnico rígido, e um título mais longo ainda vai funcionar em todo o resto. Se a formulação exata que aparece nos resultados de busca importa para você, manter a parte importante do título dentro desse limite aproximado evita que seja cortada.

1200×630 pixels (uma proporção de aproximadamente 1,91:1) é o tamanho mais comumente recomendado, já que é em torno disso que os layouts de card com imagem grande do Facebook, LinkedIn e X são desenhados. Imagens menores ou com formato diferente geralmente ainda são exibidas, mas a plataforma pode cortá-las de formas que você não controla, então uma imagem próxima dessa proporção tende a aparecer como você pretendia.

Não - isso é só um gerador de texto. Ele monta o trecho no seu navegador e nada é publicado ou alterado automaticamente em lugar nenhum. Você ainda precisa colar o resultado você mesmo no '<head>' HTML de verdade da sua página, ou nos campos de SEO/meta que seu CMS ou construtor de sites oferecer para aquela página.

twitter:card é definido como summary_large_image sempre que uma URL de imagem é fornecida, e como summary caso contrário - de acordo com o uso pretendido dos próprios tipos de card do Twitter/X: summary_large_image exibe uma imagem de prévia grande e proeminente, enquanto summary é uma miniatura menor pensada para cards sem uma imagem forte para mostrar.

Não. Todo campo que você digita e o próprio trecho gerado ficam inteiramente no seu navegador - nada é enviado a um servidor em nenhum momento.

O trecho ainda sai limpo e válido - qualquer campo que você deixe vazio (uma imagem, um usuário do Twitter, uma cor de tema, e assim por diante) é simplesmente omitido do resultado em vez de produzir uma tag vazia ou malformada. Preencha tanto ou tão pouco quanto se aplicar à sua página.

Sim - o seletor de tipo de conteúdo cobre website, article, product e profile, o que define o valor og:type que as plataformas usam como indício de categorização ao analisar a página (os rastreadores do Facebook e LinkedIn leem isso; não faz parte da especificação do Twitter Card em si, que depende da sua própria tag twitter:card separada). Escolher o tipo que realmente corresponde à sua página é um sinal pequeno, mas genuíno, sobre que tipo de conteúdo ela é.

Sim, se você quiser - esta ferramenta cobre meta tags, tags Open Graph e Twitter Card, mas dados estruturados JSON-LD são um mecanismo distinto que o Google lê para coisas como resultados avançados e painéis de conhecimento, algo que as tags Open Graph não fornecem. As ferramentas Gerador de Marcação Schema e Gerador de Schema com IA deste site cobrem isso separadamente; uma página costuma carregar tanto esse trecho quanto um script JSON-LD lado a lado no seu '<head>', cada um fazendo um trabalho diferente.

Ele diz às plataformas em que idioma e região está o conteúdo da página - um código como en_US ou pt_BR - que o Facebook em particular usa para decidir quais strings de interface localizadas (como o idioma de um botão "Ver mais") mostrar ao redor do link compartilhado. Esta ferramenta define en_US por padrão; mude se sua página estiver realmente em outro idioma, e deixe correspondendo ao idioma real do seu conteúdo para o resultado mais preciso.

Para a maioria das páginas, reaproveitar o mesmo título e descrição bem escritos para as duas coisas é mais simples e mais fácil de manter consistente - uma única fonte de verdade em vez de dois textos que podem se desalinhar com o tempo. Alguns sites escrevem deliberadamente legendas mais chamativas ou casuais especificamente para compartilhamento social, o que é uma escolha legítima - esta ferramenta usa por padrão a abordagem mais simples de campo compartilhado, mas nada impede você de editar depois as linhas específicas do Open Graph no resultado gerado se quiser que elas sejam diferentes.

Sim - nada de uma visita anterior é salvo, então não há estado desatualizado para gerenciar. Basta preencher o formulário de novo com os valores atualizados e copiar o trecho novo sempre que o título, a descrição ou a imagem da sua página mudarem.