Ir para o conteúdo
TextArray
Totalmente local

Gerador de metatags

Gere o título HTML, a descrição, as tags canônicas, Open Graph e cartão do Twitter para uma página.

Saída

Gerador de metatags

Preencha alguns campos e este gerador escreve o bloco completo de meta tags para o <head> de uma página: o título, a meta descrição, o link canônico, as tags Open Graph que controlam a aparência de um link quando compartilhado no Facebook ou LinkedIn, e as tags de cartão do Twitter para X. Copie o resultado diretamente em seu modelo e cada visualização social e snippet de pesquisa serão definidos em um só lugar.

Somente as tags que você realmente preenche são emitidas, portanto não há atributos de conteúdo vazios sobrecarregando a marcação. Digite um título e ele aparecerá como <title>, og:title e twitter:title de uma só vez; adicione um URL de imagem e ele alimentará og:image e twitter:image. Duas caixas de seleção permitem eliminar totalmente o bloco Open Graph ou Twitter, enquanto os seletores de tipo definem og:type – site, artigo, produto ou perfil – e o estilo do cartão do Twitter, resumo ou a variante de imagem grande que a maioria dos sites deseja.

Cada valor tem escape de HTML à medida que é escrito, portanto, e comercial, colchetes angulares e aspas em seu título ou descrição nunca podem quebrar a tag ao redor ou a página. Procure um título com cerca de 60 caracteres e uma descrição perto de 155 para que os mecanismos de pesquisa os mostrem sem truncá-los; a contagem ao vivo conta enquanto você digita. Use um URL de imagem https absoluto, pois os rastreadores sociais não podem resolver caminhos relativos.

Tudo é gerado no seu navegador. Seus títulos, descrições e URLs nunca são enviados para um servidor, então você pode preparar tags para páginas não publicadas ou internas sem expô-las.

FAQ

Quais tags ele gera?
O título, meta descrição, link canônico, as tags principais do Open Graph (og:title, og:description, og:url, og:image, og:type, og:site_name) e tags de cartão do Twitter (twitter:card, twitter:title, twitter:description, twitter:image).
Por que algumas tags estão faltando na saída?
Somente os campos preenchidos são emitidos, portanto, os campos em branco não produzem tags. Desative a caixa de seleção Open Graph ou Twitter para descartar um bloco inteiro mesmo quando os campos estão definidos.
Qual deve ser o tamanho do título e da descrição?
Mantenha o título próximo de 60 caracteres e a descrição próxima de 155 para que os mecanismos de busca os exibam por completo. A contagem mostra o comprimento atual de cada um enquanto você digita.
A imagem precisa de um URL absoluto?
Sim. Os rastreadores sociais buscam og:image e twitter:image de fora da sua página, portanto, use um URL https completo em vez de um caminho relativo como /og.png.
Meu texto é carregado em algum lugar?
Não. As tags são montadas inteiramente no seu navegador e sua entrada nunca sai do seu dispositivo.