Gerador de meta tags

Como usar o gerador de meta tags

1. Escreve o Título da página e a Meta description. Por baixo de cada campo, um contador mostra o número de caracteres e o intervalo recomendado.
2. Adiciona o URL canónico se a página puder ser aberta em vários endereços (com parâmetros de rastreamento, com e sem barra final, etc.).
3. Se quiseres, preenche o Autor e uma Cor do tema em hexadecimal, como #1e40af, que alguns navegadores móveis usam para colorir a barra de endereço.
4. Em Motores de busca, escolhe se a página deve ser indexada e se as suas ligações devem ser seguidas, e marca qualquer diretiva extra de que precises.
5. Deixa Codificação de caracteres (UTF-8) e Viewport para telemóvel marcados, a não ser que o teu modelo já os inclua.
6. Lê a lista de Verificações, depois usa Copiar ou Transferir e cola o código dentro do <head> da tua página.

O que faz cada etiqueta

• <title>: o nome da página no separador do navegador e, na maioria das vezes, o título clicável nos resultados de pesquisa. Põe o tema principal no início e usa um título diferente em cada página.
• Meta description: um resumo que os motores de busca mostram muitas vezes, mas nem sempre, por baixo do título. Não é um fator de posicionamento, mas uma descrição clara que corresponda à pesquisa pode render mais cliques.
• Ligação canónica: indica aos motores de busca qual é o URL preferido quando o mesmo conteúdo está disponível em vários endereços. Tem de ser um URL absoluto.
• Meta tag robots: controla a indexação apenas desta página. noindex mantém a página fora dos resultados, nofollow pede aos robôs que não sigam as ligações, noarchive pede que não guardem uma cópia em cache, nosnippet esconde o excerto de texto e max-image-preview:large permite miniaturas de imagem grandes.
• Viewport: width=device-width, initial-scale=1 faz a página usar a largura do telemóvel em vez de um layout de computador reduzido. A Google indexa primeiro a versão móvel das páginas, por isso esta etiqueta é importante.
• Charset: utf-8 permite mostrar corretamente letras acentuadas, símbolos e emojis. Deve ser o primeiro elemento do <head>.

Quando manténs a opção predefinida «Indexar esta página e seguir as ligações», a ferramenta omite por completo a etiqueta robots, porque index, follow é o que os motores de busca fazem de qualquer forma.

Comprimentos recomendados

Os motores de busca cortam títulos e descrições pela largura em píxeis e não por um número fixo de caracteres, por isso os valores abaixo são orientações, não regras:

Para veres como o teu texto vai realmente aparecer, incluindo a largura em píxeis, usa uma pré-visualização de resultados de pesquisa. Os motores de busca também podem reescrever um título ou uma descrição quando acham que outro texto da página corresponde melhor à pesquisa.

Escaping e segurança

Cada valor é escapado antes de ser inserido: &, ", ', < e > tornam-se entidades HTML e as mudanças de linha são convertidas em espaços. Uma descrição com aspas ou um título com & produz, por isso, HTML válido que não pode estragar a tua página. Tudo acontece no teu navegador; nada do que escreves é enviado para lado nenhum.