Como criar meta tags HTML para SEO e compartilhamento social

As meta tags sao aquelas pequenas linhas de codigo no cabecalho de uma pagina HTML que dizem aos mecanismos de busca e as redes sociais como apresentar a sua pagina. Acerte nelas e a sua pagina aparece com um titulo limpo, um resumo atraente e um cartao de previa correto quando alguem a compartilha. Erre nelas e os mecanismos de busca escrevem o proprio resumo ou o seu link compartilhado parece quebrado. Este guia explica as tags que importam e como construi-las com o Gerador de Meta Tags.

As meta tags que realmente importam

Voce nao precisa de dezenas de tags. Um punhado delas carrega quase todo o peso:

• Tag title. O titulo clicavel nos resultados de busca e o rotulo na aba do navegador. E o elemento de SEO on-page mais importante de todos.
• Meta description. O breve resumo exibido abaixo do titulo nos resultados de busca. Ela nao posiciona a sua pagina diretamente, mas uma boa descricao conquista cliques.
• Tags Open Graph. Tags como og:title, og:description e og:image que controlam como o seu link aparece quando e compartilhado no Facebook, no LinkedIn e em plataformas semelhantes.
• Tags Twitter Card. Um conjunto paralelo que molda a previa naquela plataforma.

Juntas, elas decidem tanto se as pessoas encontram a sua pagina quanto se clicam nela depois de encontrar.

Acertando os tamanhos

Os mecanismos de busca e as plataformas sociais cortam o texto que se estende demais, entao o tamanho nao e um detalhe que voce possa ignorar. Como metas praticas, mire em um titulo de cerca de 50 a 60 caracteres e em uma descricao de cerca de 150 a 160 caracteres. Se passar disso, o final da frase que voce escreveu com cuidado fica cortado com reticencias, muitas vezes no meio de uma palavra.

E aqui que contar ajuda. Em vez de adivinhar, cole o rascunho do seu titulo e da sua descricao no Contador de Palavras para ver a contagem exata de caracteres antes de confirmar. Apare ate ficar dentro do limite e a mensagem completa sobreviver. Uma descricao que se le como um pensamento completo supera uma que se esvai no nada.

Escrevendo uma descricao em que as pessoas clicam

O tamanho e a restricao, mas o objetivo e a persuasao. Uma meta description e um pequeno anuncio da sua pagina. Comece com o beneficio ou com a resposta que o leitor esta buscando, use uma linguagem simples e inclua a palavra-chave principal de forma natural para que ela se destaque quando corresponder a consulta. Evite empilhar palavras-chave ou repetir o titulo palavra por palavra.

Escreva-a como uma ou duas frases claras, na voz ativa, e faca uma pequena promessa que a pagina realmente cumpre. Se a pagina e um tutorial, diga o que o leitor sera capaz de fazer ao final. Essa honestidade importa, porque uma descricao que promete demais gera rejeicoes rapidas, e isso nao ajuda ninguem.

Como gerar as suas meta tags

Escrever a marcacao a mao e trabalhoso e facil de errar. O Gerador de Meta Tags gratuito roda inteiramente no seu navegador, entao tudo o que voce digita permanece no seu proprio dispositivo e nunca e enviado para lugar nenhum.

1. Informe o titulo da sua pagina, a descricao e os demais campos que a ferramenta oferece, como a URL da pagina e uma imagem de previa para o Open Graph.
2. Leia o bloco gerado de meta tags, pronto para colar no cabecalho do seu HTML.
3. Copie-o para a sua pagina e salve.

Como funciona offline na aba, voce pode rascunhar tags para paginas nao publicadas ou privadas sem enviar nada a um servidor.

Lidando com caracteres especiais e URLs limpas

Dois pequenos detalhes fazem as pessoas tropecarem. Primeiro, se o seu titulo ou a sua descricao contiver caracteres como &, < ou aspas, eles precisam ser codificados para que o HTML continue valido. A ferramenta Codificar e Decodificar HTML converte esses caracteres na forma de entidade segura, de modo que um e comercial solto nao quebre a sua tag.

Segundo, o og:url e o endereco da sua pagina sao lidos melhor quando estao limpos e em minusculas, com as palavras separadas por hifens. Se voce esta transformando o titulo de uma pagina em um slug de URL, a ferramenta Texto para Slug faz isso na hora, removendo pontuacao e espacos para que os seus links continuem organizados e faceis de compartilhar.

A versao curta

As meta tags decidem como a sua pagina aparece na busca e nas redes sociais, entao valem alguns minutos de cuidado. Concentre-se em um titulo forte, uma descricao digna de clique e tags Open Graph para compartilhamento, mantenha o titulo perto de 60 caracteres e a descricao perto de 160, e codifique qualquer caractere especial. O Gerador de Meta Tags constroi o bloco inteiro para voce no navegador, gratis e sem cadastro, para que voce possa publicar tags limpas e deixar as suas paginas aparecerem do jeito que voce pretende.