Entendendo as meta tags e os cartões de compartilhamento
O que esta ferramenta gera
As meta tags são os sinais invisíveis dentro do <head> de uma página que dizem aos buscadores e às redes sociais como intitular, descrever e exibir o seu conteúdo. Esta ferramenta transforma um formulário curto nessa marcação: você digita um título, uma descrição, palavras-chave, o autor e uma URL canônica, e ela monta as tags <meta> e <link> correspondentes, além dos equivalentes de Open Graph e Twitter Card. O HTML gerado é atualizado conforme você digita, e uma prévia mostra como o resultado apareceria em uma página de busca.
Quando usar
Vale a pena sempre que uma página precisa ter a seção head preenchida na mão: um site estático, uma landing page, um modelo de CMS ou um e-mail que abre como página web. Também serve para revisar uma página existente: cole o título e a descrição pretendidos e os contadores de caracteres avisam o que o Google provavelmente vai cortar. Times de marketing a usam para controlar a imagem, o título e o resumo que surgem quando o link é colado no Slack, no X, no LinkedIn ou no Facebook, em vez de deixar essas plataformas adivinharem.
Exemplo: título, descrição e tags og:
Suponha que você informe o título "Canecas de cerâmica artesanais", uma descrição de uma frase e a URL de uma imagem. A saída inclui <title>Canecas de cerâmica artesanais</title>, <meta name="description" content="..."> e um <link> canônico. Além disso, ela escreve og:title, og:description, og:image e og:type para o Open Graph, e twitter:card, twitter:title e twitter:image para o Twitter Card. Definir a imagem de OG com 1200x630 pixels gera o cartão grande que a maioria das redes exibe.
Tamanho recomendado e casos especiais
Mantenha os títulos abaixo de cerca de 60 caracteres e as descrições abaixo de 160 para que os buscadores os mostrem por inteiro; os contadores integrados avisam quando você passa desses limites. As diretivas de robots — index/noindex, follow/nofollow, além de noarchive e nosnippet — ficam reunidas em uma única tag <meta name="robots"> que controla o rastreamento e o cache. A URL canônica deve apontar para a versão preferida da página, evitando problemas de conteúdo duplicado. Com a marcação pronta, copie o bloco inteiro e cole logo antes da tag </head> de fechamento.