Pular para o conteúdo
Toolars
Explorar
Reportar erro

Social · utilitário Local

Gerador de metadados Open Graph

Open Graph Meta Generator

Redija as tags og:title, og:type, og:url, og:description, og:image e og:site_name com escape seguro e prévia fiel do card compartilhado.

Caminho da tarefa / da entrada ao resultado

Escreva o título e a descrição

Roda localmente · Nada é enviado

Como Gerador de metadados Open Graph funciona, privacidade e ferramentas relacionadas

Caminho da tarefa / da entrada ao resultado

Como gerar meta tags Open Graph

  1. 01

    Escreva o título e a descrição

    Preencha o Título (até 120 caracteres) e a Descrição (até 300). O título é obrigatório — gerar sem ele para com um erro identificado — enquanto a descrição é opcional e vira og:description quando presente. Os dois campos param de aceitar entrada nos seus limites.

  2. 02

    Adicione as URLs

    Insira a URL canônica, que deve ser um endereço HTTP ou HTTPS absoluto, e uma URL de imagem opcional, que também deve ser absoluta quando presente. Endereços inválidos são rejeitados com um erro identificado antes de qualquer coisa ser gerada, então um caminho relativo ou um domínio solto nunca escapa para dentro das tags.

  3. 03

    Defina o nome do site e o tipo

    Adicione um Nome do site de até 100 caracteres e escolha um Tipo de conteúdo: Website, Artigo ou Produto. O tipo vira o valor de og:type e o nome do site vira og:site_name — deixe-o vazio e essa linha simplesmente é omitida da marcação.

  4. 04

    Gere as tags

    Pressione Gerar meta tags. A marcação é montada localmente como um elemento meta por linha, com todo valor escapado para atributo, e a saída final deve ficar dentro do limite local de 16.000 caracteres. Carregar exemplo preenche um exemplo completo de artigo e o gera com um clique.

  5. 05

    Revise e copie

    Confira o cartão de compartilhamento representativo — ele mostra o nome do site, ou o hostname da URL canônica quando nenhum nome de site está definido, acima do título e da descrição — e leia a marcação gerada no painel de saída. Editar qualquer campo limpa a marcação até você gerar de novo. Depois use Copiar meta tags para a área de transferência ou Baixar HTML para salvar as tags como toolars-open-graph-meta.html para o head da sua página.

Fatos da ferramenta

Processamento
No seu navegador
A entrada sai deste dispositivo
Nunca
Retenção
Nada é armazenado
Preço
Grátis

Sua entrada fica no navegador.

Gerador de metadados Open Graph usa seu caminho de execução local verificado e não cria um histórico oculto de entradas ou saídas.

Execução local

Roda dentro da aba atual do navegador.

Sem processamento oculto

Os dados ativos da ferramenta nunca viram um registro de documento do Toolars.

Não precisa de conta

Use o fluxo principal sem criar um perfil. Os favoritos sincronizam com sua conta depois que você entra.

Redefinição imediata

Limpe a aba e os dados de trabalho ativos desaparecem.

O que Gerador de metadados Open Graph realmente faz

Uma desenvolvedora está prestes a lançar uma landing page e quer que o link se expanda direito quando a equipe o postar no chat. Ela escreve um título de 70 caracteres, uma descrição de duas frases e a URL de produção, define o tipo como Website e gera as seis linhas de tags. O Gerador de metadados Open Graph monta as linhas og:title, og:type, og:url, og:description, og:image e og:site_name com escape seguro, e mostra um cartão de compartilhamento representativo ao lado da marcação para ela conferir o truncamento antes de colar o trecho no head. O texto em rascunho e a URL não lançada ficam na aba do navegador — sem pings de validação, sem uploads.

Perguntas frequentes

Quais tags são geradas?
Sempre og:title, og:type e og:url; mais og:description, og:image e og:site_name quando esses campos estão preenchidos. Cada linha é um elemento meta padrão com um atributo property, pronto para colar no head de uma página, e linhas opcionais são totalmente omitidas em vez de emitidas vazias.
Como o conteúdo recebe escape?
Todo valor recebe escape para atributo antes de entrar na marcação: e comercial, aspas duplas e simples, e sinais de maior e menor são substituídos por suas formas de entidade. Isso impede que títulos com aspas ou caracteres especiais quebrem a tag, e cada valor é aparado de espaços ao redor primeiro.
Quais são as regras de validação e os limites?
O Título é obrigatório; a URL canônica deve ser uma URL HTTP ou HTTPS absoluta, assim como a URL de imagem quando presente. Os comprimentos são limitados a 120 caracteres para o título, 300 para a descrição e 100 para o nome do site, e a marcação final deve ficar dentro de 16.000 caracteres.
O que o cartão de compartilhamento representativo mostra?
O cartão imprime o nome do site acima do título e da descrição, recorrendo ao hostname da URL canônica quando o campo Nome do site está vazio. É uma pré-visualização representativa de como os valores se leem juntos, desenhada localmente — não uma renderização pixel a pixel de nenhuma plataforma específica, já que cada plataforma corta e trunca de um jeito.
Algo é enviado ou buscado?
Não. A marcação é montada e o cartão de compartilhamento pré-visualizado inteiramente dentro desta aba do navegador; a URL da imagem é escrita nas tags, mas nunca buscada aqui. Nenhuma conta é necessária, e Redefinir restaura os valores de exemplo padrão.

Continuar em Mockups para Redes Sociais

Tarefas relacionadas, não um beco sem saída.

Passe para outro espaço de trabalho focado sem voltar ao índice completo.

Filtros do Instagram

Instagram Filters

Aplique as receitas Aurora, Noir, Sunset ou Vivid com intensidade ajustável e baixe o PNG na resolução original da foto.

Editar

Gerador de publicações do Instagram

Instagram Post Generator

Componha um conceito de publicação fictícia com manchete, legenda e curtidas conceituais em três temas, como PNG rotulado de 1200 × 900.

Publicar

Gerador de stories do Instagram

Instagram Story Generator

Emoldure um conceito de story fictício com manchete, chamada para ação e hora roteirizada, como PNG rotulado de 1080 × 1920.

Publicar

Gerador de mensagens diretas do Instagram

Instagram DM Generator

Encene uma troca de DMs fictícia com linhas de entrada e saída e hora roteirizada, com marca d'água FICTIONAL CHAT MOCKUP no PNG.

Publicar