Categoria: Desenvolvimento

Gerador de Meta Tags

Ideia nossaFalta uma ferramenta?

Crie tags de título, descrição, Open Graph e Twitter

Preencha um título, uma descrição e alguns campos sociais para gerar a tag <title>, a meta descrição, o link canônico e as tags de Open Graph e Twitter card para o <head> de uma página. Um indicador de tamanho avisa quando um título ou descrição tem chance de ser truncado pelo Google. Tudo roda inteiramente no seu navegador.

Tamanho do título44 (bom)Tamanho da descrição107 (bom)
Tags HTML
<title>LocalTools — Free Privacy-First Online Tools</title>
<meta name="description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device.">
<link rel="canonical" href="https://uselocaltools.com/">
<meta property="og:title" content="LocalTools — Free Privacy-First Online Tools">
<meta property="og:description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://uselocaltools.com/">
<meta property="og:site_name" content="LocalTools">
<meta property="og:image" content="https://uselocaltools.com/og-image.png">
<meta property="og:locale" content="en_US">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@uselocaltools">
<meta name="twitter:title" content="LocalTools — Free Privacy-First Online Tools">
<meta name="twitter:description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device.">
<meta name="twitter:image" content="https://uselocaltools.com/og-image.png">

Tudo nesta página é processado no seu navegador. Nada é enviado.

Para que serve

Buscadores e redes sociais leem um conjunto fixo de tags no <head> de uma página: o título e a descrição usados nos resultados de busca, a canônica para declarar a URL preferida, e as tags de Open Graph e Twitter card que definem como um link aparece ao ser compartilhado. Acertar o tamanho do título e da descrição importa porque o Google reescreve títulos e trunca descrições muito longas, e a ausência de uma imagem Open Graph faz um link compartilhado aparecer como texto simples em vez de um card.

Como usar

  1. Digite o título da página, a descrição e a URL canônica.
  2. Adicione o nome do site, a imagem Open Graph e os detalhes do Twitter card.
  3. Confira o indicador de tamanho abaixo dos campos de título e descrição.
  4. Copie as tags geradas para o <head> da página.

Privacidade

Esta ferramenta roda inteiramente no seu navegador. O que você digita nunca é enviado, salvo ou compartilhado — fechar a aba já remove tudo.

Perguntas frequentes

Por que o título precisa de uma verificação de tamanho?
O Google geralmente exibe de 50 a 60 caracteres de um título antes de truncá-lo, e costuma reescrever títulos que considera pouco alinhados com a página ou com a busca do usuário. Manter o título nessa faixa dá mais controle sobre como ele aparece.
O que acontece se eu não definir a imagem Open Graph?
A maioria das plataformas ainda gera um card, mas sem imagem ele geralmente aparece como uma prévia de link pequena, só com texto, em vez do card maior com imagem.
Alguma informação é enviada para algum lugar?
Não. As tags são montadas a partir do que você digita diretamente no navegador; nada é enviado ou registrado.