O que é Gerador de meta tags?
O Meta Tag Generator cria meta tags HTML completas para as suas páginas web. Insira o título, descrição, palavras-chave e informações de redes sociais para obter meta tags corretamente formatadas que melhoram a visibilidade nos motores de busca e a partilha social.
Preencha título, descrição (cerca de 155 caracteres funciona melhor no Google), palavras-chave, autor, URL canônica, diretiva robots, viewport e charset; depois acrescente campos Open Graph para Facebook/LinkedIn e Twitter Card para X. A saída é um bloco pronto para colar no `<head>` com tags `<meta>` e `<link>`. Cole no seu HTML, no metadata do Next.js ou na head do template.
Como usar
- Preencha o título da página, descrição, autor e palavras-chave alvo para as meta tags SEO básicas.
- Adicione metadados Open Graph (Facebook) e Twitter Card — título, descrição, URL da imagem e tipo de cartão.
- Copie o bloco HTML completo de meta tags e cole-o na seção <head> da sua página web.
Quando usar
- Configurar metadados de SEO e compartilhamento social para uma landing HTML antes do lançamento.
- Auditar uma página existente: cola os valores e descobre o que está faltando ou esticado demais.
- Redigir as tags em um briefing para a pessoa dev que vai ligar isso a um template de CMS.
Resultado
Está a lançar uma página de produto e precisa de meta tags. Insira 'Auscultadores Sem Fios com Cancelamento de Ruído' como título, escreva uma descrição com 155 caracteres e adicione a URL da imagem do produto para a tag OG image.
Perguntas frequentes
- Qual o tamanho ideal de título e descrição na prática?
- Mire 50-60 caracteres no título e 140-160 na descrição. O Google trunca títulos maiores e o preview de descrição tem cerca de 920 pixels, que cai nessa faixa de caracteres.
- Ainda preciso de `<meta name='keywords'>`?
- O Google ignora desde 2009 e o Bing trata praticamente como sinal de spam. Pode pular, a menos que esteja mirando Yandex ou Baidu, onde ainda há um peso limitado.
- Qual a diferença entre og:title e o `<title>` comum?
- `<title>` controla a aba do navegador e o resultado do Google. `og:title` é o que Facebook, LinkedIn e Slack mostram no compartilhamento. Podem divergir: o social mais chamativo, o de página com foco em keywords.
- Qual tipo de Twitter card escolher?
- `summary_large_image` dá o preview maior (imagem 1200×630) e serve para artigos e páginas de produto. Use `summary` apenas em posts curtos onde uma miniatura já basta.
- Colocar canonical resolve conteúdo duplicado?
- Indica aos buscadores qual URL é a original quando várias páginas têm conteúdo parecido. É uma sugestão, não redirect; combine com links internos consistentes e HTTPS para reforçar o sinal.
Ferramentas relacionadas
Gerador de dados estruturados
Gere marcação JSON-LD de schema para SEO
Página web para PDF
Capture uma página web como PDF
Gerador de política de privacidade
Gere uma política de privacidade para o seu site
Gerador de termos de serviço
Gere um documento de termos de serviço
Gerador de Consentimento de Cookies
Gera código para banners de consentimento de cookies
Minificador CSS
Minifique código CSS para reduzir o tamanho do arquivo