Como usar
- Informe o título da página e uma descrição de uma ou duas frases.
- Adicione a URL canonical e escolha se os mecanismos de busca podem indexar a página e seguir os links dela.
- Preencha a imagem Open Graph e os campos que devem ser diferentes do título e da descrição, e escolha um tipo de Twitter card.
- Copie o HTML gerado ou faça o download e cole-o dentro do <head> da página.
Como funciona
O gerador escreve apenas as tags necessárias. Todos os valores são escapados para HTML (& < > " e ' são convertidos em entidades), para que um título com aspas ou sinais de menor e maior não corrompa a marcação.
O que cada tag faz: charset informa ao navegador a codificação do texto e deve vir primeiro no head; viewport ajusta o layout da página à largura do dispositivo em celulares; o title aparece nas abas do navegador e nos resultados de busca; a meta description pode ser usada como trecho nos resultados de busca, mas não é um fator de classificação; o link canonical informa aos mecanismos de busca qual URL é a versão principal de uma página com duplicatas; robots com noindex mantém uma página fora dos resultados de busca, e nofollow pede aos rastreadores que não sigam os links dela. Uma tag robots só funciona se os rastreadores puderem acessar a página, então não a bloqueie também em robots.txt.
As tags Open Graph (og:…) controlam as prévias de links em muitos aplicativos de redes sociais e mensagens. Se og:title, og:description ou og:url estiverem vazios, a ferramenta reutiliza o título, a descrição e a URL canonical. As plataformas que leem tags Twitter card usam os valores Open Graph como alternativa para título, descrição e imagem, então apenas twitter:card é gerada.
Exemplos
Publicação de blog
Título, descrição, URL canonical, uma og:image de 1200×630 e summary_large_image geram cerca de dez linhas que abrangem resultados de busca e prévias de links.
Página de agradecimento fora dos resultados de busca
Desmarque “Permitir indexação” para adicionar <meta name="robots" content="noindex, follow">. A página continua funcionando para os visitantes, mas não deve aparecer nos resultados de busca.
Título com aspas
O título Ask "Anything" & <Learn> é gerado como Ask "Anything" & <Learn>, que os navegadores exibem exatamente como foi digitado.
Perguntas frequentes
A tag meta keywords ajuda no SEO?
Não. Os principais mecanismos de busca ignoram meta keywords como fator de classificação há muitos anos, por isso este gerador não a inclui.
Preciso das tags Open Graph e Twitter card?
Em geral, basta incluir twitter:card além de Open Graph, pois título, descrição e imagem usam os valores og: como alternativa.
Onde essas tags devem ser colocadas?
Dentro do elemento <head> de cada página. Em frameworks como Next.js, temas do WordPress ou geradores de sites estáticos, use as configurações de metadados para gerar as mesmas tags.
Toda página deve ter uma tag canonical?
É uma boa prática, especialmente quando o mesmo conteúdo pode ser acessado por várias URLs (parâmetros de rastreamento, opções de ordenação, http e https). Uma página pode apontar para si mesma como canonical.
Privacidade
As tags são geradas no seu navegador. Nada do que você digitar será enviado ou armazenado.