Gerador de meta tags

Cole o endereço da sua página ou escreva o título e a descrição e obtenha todas as etiquetas de que a página precisa — noções básicas de SEO, Open Graph para pré-visualizações de links e Twitter Cards — com verificação do comprimento enquanto escreve. Grátis, sem registo.
Gerador de meta tags
Bom comprimento · 420 / 561 px · 44 carateres
Bom comprimento · 887 / 985 px · 134 carateres
Opcional: o link canónico e o ícone do site na pré-visualização do Google.
1200×630 px funciona para Facebook, LinkedIn e X.

Como o seu link vai aparecer no Google e nas redes sociais

Meta tags

<title>Canecas de cerâmica artesanais | Acme Studio</title>
<meta name="description" content="Canecas de cerâmica de pequenas séries, vidradas à mão em Portland. Envio grátis em encomendas acima de $50 e 30 dias para devoluções.">

<meta property="og:type" content="website">
<meta property="og:title" content="Canecas de cerâmica artesanais | Acme Studio">
<meta property="og:description" content="Canecas de cerâmica de pequenas séries, vidradas à mão em Portland. Envio grátis em encomendas acima de $50 e 30 dias para devoluções.">

<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Canecas de cerâmica artesanais | Acme Studio">
<meta name="twitter:description" content="Canecas de cerâmica de pequenas séries, vidradas à mão em Portland. Envio grátis em encomendas acima de $50 e 30 dias para devoluções.">
<!-- Criado com Elfsight: https://elfsight.pt/tools/meta-tag-generator/ -->

Adicione uma imagem de partilha — sem og:image, as redes sociais e as aplicações de mensagens mostram o link sem imagem ou escolhem uma por si.

  1. Clique em Copiar código acima para o copiar.
  2. Abra o ficheiro HTML da página ou o modelo que todas as páginas usam.
  3. Cole o código dentro de <head>, antes do </head> de fecho.
  4. Guarde e carregue a página.

Onde definir o título e a descrição na sua plataforma

A maioria dos construtores de sites tem campos próprios para o título e a meta descrição. Preencha-os em vez de colar etiquetas no código da página, para não acabar com dois títulos.

WordPress

  1. O WordPress não tem um campo próprio para a meta descrição. Instale um plugin de SEO como o Yoast SEO ou o Rank Math.

  2. Abra a página ou o artigo no editor.

  3. Yoast: no painel do Yoast SEO, abra o aspeto na pesquisa (pré-visualização do Google) e preencha Título SEO e Meta descrição. Rank Math: abra o painel do Rank Math e clique em Editar excerto.

  4. Clique em Atualizar para guardar.

Guia oficial:Yoast: meta descriçõesRank Math: título e descrição SEO

Wix

  1. No editor, abra Páginas e menu.

  2. Clique no ícone Mais ações junto à página e escolha Noções básicas de SEO.

  3. Preencha Etiqueta de título e Meta descrição.

  4. Clique em Publicar.

Guia oficial:Wix: etiquetas de título e meta descrições

Shopify

  1. Abra o produto, a coleção ou a página no administrador do Shopify.

  2. Na secção Listagem nos motores de pesquisa, clique no ícone de edição (lápis).

  3. Preencha Título da página e Meta descrição e clique em Guardar.

  4. Para a página inicial, vá a Loja online → Preferências e preencha aí o título e a meta descrição.

Guia oficial:Shopify: títulos e meta descriçõesShopify: preferências da loja online

Squarespace

  1. Abra o painel Páginas, passe o rato sobre a página e clique no ícone de roda dentada.

  2. Abra o separador SEO e preencha Título SEO e Descrição SEO.

  3. Clique em Guardar.

  4. A página inicial não tem campo de título SEO. Defina a sua descrição como Descrição SEO do site nas definições de SEO, no separador Início de Aspeto na pesquisa.

Guia oficial:Squarespace: editar títulos de páginasSquarespace: descrições SEO

Webflow

  1. Abra o painel Pages e clique no ícone de roda dentada junto à página para abrir as Page settings.

  2. Em SEO settings, preencha o Title tag e a Meta description.

  3. Em Open Graph settings, marque as caixas para os reutilizar na partilha social, ou escreva outros separados.

  4. Publique o site.

Guia oficial:Webflow: título SEO e meta descriçãoWebflow: Open Graph

HTML

  1. Abra o ficheiro HTML da página.

  2. Cole as etiquetas geradas dentro de <head>, substituindo qualquer <title> e <meta name="description"> existentes.

  3. Dê a cada página o seu próprio título e descrição.

  4. Carregue o ficheiro e verifique-o com a opção de ver o código-fonte da página do seu navegador.

Guia oficial:Google: links de títuloGoogle: excertos e meta descrições

Como usar as meta tags

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

    Veja os contadores de píxeis: as ferramentas de SEO costumam assinalar títulos com mais de cerca de 560 px (aproximadamente 60 carateres) e descrições com mais de cerca de 985 px.

  2. Adicione a imagem de partilha

    Aparece quando a página é partilhada em aplicações de mensagens e redes sociais.

  3. Cole no head

    Coloque as etiquetas dentro do <head> da página, ou copie os valores para os campos de SEO do seu CMS.

Perguntas frequentes

Mais Ferramentas de SEO e schema

Gerador de favicon

Crie favicons e ícones de aplicação em todos os tamanhos a partir de uma imagem.Gerador de favicon