a11y.skipToMainContent
1

Gerador de etiquetas Meta

Gere meta tags SEO, Open Graph tags e Twitter Card tags para qualquer página — com uma visualização ao vivo do resultado de pesquisa do Google e avisos de duração.

tool.meta-tags.googlePreview

example.com
tool.meta-tags.previewTitleDefault
tool.meta-tags.previewDescDefault
Was this tool helpful?
Send output to:
Advertisement

How to use Meta Tag Generator

  1. Preencha os campos de metadados da página.
  2. Assista a visualização ao vivo e avisos.
  3. Copie o HTML gerado e cole no <head> da sua página.

O que é {nome}?

Paste em seu título, descrição, URL canônica e imagem OG. A ferramenta gera o bloco completo : título, meta descrição, canônico, título OG/desc/url/image/site/locale, cartão Twitter, robôs, autor. Uma pré-visualização ao vivo mostra como seu link se parece na pesquisa do Google e avisa se seu título ou descrição é muito longo.

Advertisement

FAQ

Qual o tamanho da imagem OG?
1200×630 px — o tamanho ideal para cartões de grande imagem do Facebook, LinkedIn e Twitter.
Por que existem tags Open Graph e Twitter?
O Open Graph cobre a maioria das plataformas (Facebook, LinkedIn, Slack, etc.). O Twitter tem seu próprio sistema de cartões ligeiramente diferente. Geramos ambos para cobrir tudo.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

📖 Meta Tag Generator on Wikipedia·Developer Tools on Wikipedia·Meta Tag Generator on Britannica

People also use

← Back to Developer Tools · All tags
Advertisement