Ir para o conteúdo principal
Bethemesh
Web e SEO

Gerador de meta tags

Gere localmente um bloco completo de tags title, description, canonical, robots, Open Graph e Twitter/X pronto a integrar na sua página.

  • Área de transferência

Integrar este widget

Personalize o resultado, verifique a pré-visualização e copie o código.

Pré-visualização

Tipo de código de integração

Código a copiar

Responsivo e redimensionado automaticamente pela Bethemesh.

Título da página

Comprimento do título

0

Comprimento da descrição

0

Código gerado

Esta ferramenta foi útil?

Como funciona esta ferramenta?

Este gerador cria de uma só vez o bloco de etiquetas do <head> de uma página: title, meta description, robots, canonical e ainda as etiquetas Open Graph lidas pelo Facebook, LinkedIn ou WhatsApp e as etiquetas Twitter/X Cards. Converte os carateres especiais e mostra o comprimento do título e da descrição, para obter código limpo a colar num template.

O título e a descrição são obrigatórios: alimentam a etiqueta <title>, a meta description, og:title, og:description, twitter:title e twitter:description.

Os carateres &, ", < e > são convertidos em entidades HTML: um título com aspas não estraga o atributo content.

Os campos opcionais vazios não geram nenhuma etiqueta. O URL canónico serve também de og:url; o URL da imagem social alimenta og:image e twitter:image; og:type é sempre website.

O código está organizado em três blocos separados por uma linha em branco: etiquetas básicas, Open Graph e Twitter/X.

Como usar esta ferramenta

  1. Introduza o título e a descrição

    Os contadores Comprimento do título e Comprimento da descrição atualizam-se.

  2. Acrescente o URL canónico e a imagem social

    Use URL absolutos; a imagem ideal mede 1200 × 630 px.

  3. Ajuste as opções

    Diretivas robots, cartão Twitter/X, conta do site, locale Open Graph e cor do tema.

  4. Gere e copie

    Clique em Gerar meta tags e cole o código gerado no <head>.

Casos de uso

Criar as etiquetas de uma página nova

Obter um head completo sem esquecer og:image nem a canonical.

Melhorar a partilha nas redes sociais

Controlar o título, o resumo e a imagem mostrados quando uma ligação é partilhada no LinkedIn, Facebook ou X.

Completar um site estático

Acrescentar metadados a uma página HTML escrita à mão ou a um template sem plugin SEO.

Exemplos

Ficha de produto pronta para partilhar

Um mesmo título e uma mesma descrição alimentam as três famílias de etiquetas; o URL canónico é reutilizado em og:url e a imagem em og:image e twitter:image.

Entrada

Título da página: Garrafa térmica de aço 750 ml | Trek
Descrição: Garrafa de parede dupla: fresca 24 h, quente 12 h. Sem BPA, envio grátis a partir de 30 €.
URL canónico: https://example.com/garrafas/aco-750
Diretivas robots: index, follow
Nome do site: Trek
URL da imagem social: https://example.com/img/garrafa-aco.jpg
Cartão Twitter/X: summary_large_image
Conta Twitter/X do site: @trek
Locale Open Graph: pt_PT

Resultado

Comprimento do título: 36 · Comprimento da descrição: 90
<title>Garrafa térmica de aço 750 ml | Trek</title>
<meta name="description" content="Garrafa de parede dupla: fresca 24 h, quente 12 h. Sem BPA, envio grátis a partir de 30 €.">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#4f46e5">
<link rel="canonical" href="https://example.com/garrafas/aco-750">

<meta property="og:title" content="Garrafa térmica de aço 750 ml | Trek">
<meta property="og:description" content="Garrafa de parede dupla: fresca 24 h, quente 12 h. Sem BPA, envio grátis a partir de 30 €.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/garrafas/aco-750">
<meta property="og:site_name" content="Trek">
<meta property="og:locale" content="pt_PT">
<meta property="og:image" content="https://example.com/img/garrafa-aco.jpg">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Garrafa térmica de aço 750 ml | Trek">
<meta name="twitter:description" content="Garrafa de parede dupla: fresca 24 h, quente 12 h. Sem BPA, envio grátis a partir de 30 €.">
<meta name="twitter:site" content="@trek">
<meta name="twitter:image" content="https://example.com/img/garrafa-aco.jpg">

Dicas e boas práticas

  • Para og:image, use uma imagem com pelo menos 1200 × 630 px e um URL absoluto https; as redes sociais não leem URL relativos.
  • O cartão summary_large_image mostra uma imagem grande por baixo da ligação; summary, uma miniatura quadrada ao lado do texto.
  • A locale Open Graph escreve-se com sublinhado (pt_PT), ao contrário do atributo lang do HTML (pt-PT).
  • Alguns navegadores móveis usam a cor do tema para colorir a barra de endereço.

Fontes e referências

Perguntas frequentes

As etiquetas Open Graph contam para o SEO?

Não diretamente para o posicionamento. Determinam a pré-visualização de uma ligação partilhada em redes sociais e mensagens, o que influencia os cliques e, portanto, a visibilidade da página.

São precisas as etiquetas twitter: se já existirem as og:?

O X recorre às etiquetas Open Graph, mas twitter:card é necessária para escolher o formato do cartão. Por isso, a ferramenta gera as duas famílias.

Porque é que og:type é sempre website?

É o valor adequado à maioria das páginas. Para um artigo de blogue, pode trocar website por article no código gerado.

Onde colo o código gerado?

Na secção <head> da página, antes do fecho </head>. Num CMS, use o campo de código de cabeçalho ou as definições SEO do template.

Os meus dados são enviados para um servidor?

Não. As etiquetas são geradas no seu navegador.

Ferramentas relacionadas

Continue com estas ferramentas

Ferramentas semelhantes ou complementares a esta.

Ferramentas semelhantes

Simulador de snippet SERP

Pré-visualize um resultado de pesquisa a partir do título e da meta descrição.

Web e SEOEm destaqueUtilizar esta ferramenta

Analisador SEO HTML

Analise localmente os principais sinais SEO de um HTML.

Web e SEOEm destaqueUtilizar esta ferramenta

Leia também

GuiaBoas práticasIniciante

Criar URLs limpas: slugs, parâmetros e normalização

Aprenda a conceber URLs estáveis e legíveis, gerar slugs coerentes, gerir parâmetros de query e evitar variantes desnecessárias que complicam o SEO técnico.

29 de agosto de 20263 min