Meta Tags são mais relevantes para SEO do que nunca: eis o porquê

Meta tags são a base do código HTML, os blocos de construção de um bom site.

Eles existem há décadas e atuam como interlocutores entre você, os mecanismos de pesquisa e os usuários – garantindo que não haja nada no caminho da sua estratégia de distribuição de conteúdo. Além disso, eles são uma parte inestimável da sua estratégia de SEO, sem os quais seu conteúdo estaria perdido entre os tubos da internet, para nunca chegar ao seu verdadeiro público.

Mas com a internet crescendo a cada dia e o número de ferramentas de criação de sites ameaçando sobrecarregar os criadores de sites, pode ser fácil não saber quais elementos valem o seu tempo. Muitos designers abordam a codificação sem um plano dedicado e acabam desperdiçando um tempo valioso em elementos que não agregam valor real à sua página.

Por que você deve usar metatags para melhorar seu SEO?

À medida que todas as indústrias se tornam mais focadas em sua presença online, as metatags são mais importantes do que nunca. Os resultados dos mecanismos de pesquisa estão mais inundados do que nunca com sites concorrentes, e cada um está tentando classificar na primeira página. Esses tipos de tags são uma das únicas coisas que permitem que você alcance essa classificação alta.

É claro que um site não pode prosperar apenas com metatags. Um ótimo conteúdo é o que conquista os usuários, e a satisfação do cliente é o que os retém. No entanto, sem metatags de SEO, ninguém poderá encontrar seu ótimo conteúdo e aproveitar seu ótimo atendimento ao cliente.

Meta tags podem até contribuir para o SEO de forma indireta. O Google admitiu que o comportamento do usuário é uma consideração ao classificar as páginas, o que significa que o mecanismo de pesquisa classifica altamente qualquer site que tenha um número significativo de cliques. Isso significa que projetar seu conteúdo para atrair o visitante é metade da batalha, e as metatags são uma ferramenta importante para conseguir isso.

9 tipos de meta tags que você deve usar para melhorar o SEO

Nem todas as metatags são criadas da mesma forma: algumas são mais úteis para aplicativos modernos do que outras, e algumas quase não derivam mais nenhum valor para o SEO. Em alguns casos, depende do que o Google conta em sua classificação e do que não. Qualquer coisa que não conte é um desperdício de seu tempo de codificação. Aqui estão nove principais escolhas para tags indispensáveis ​​que ajudarão você a ter uma classificação alta nas pesquisas, aumentar sua taxa de cliques e otimizar sua presença na web.

Tipo de conteúdo meta

A tag de tipo de conteúdo meta é usada para especificar o tipo de mídia em seu código. É o que configura o restante da seção de cabeçalho e garante que sua página seja exibida como deveria em todos os navegadores, por isso é importante incluir sempre que estiver codificando.

Aqui está um exemplo da etiqueta. Edite o tipo de conteúdo dependendo do que você deseja exibir:

<cabeça>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

</head>

Meta Descrição

Este próximo elemento meta é um elemento HTML usado para resumir sua página da web. Outro elemento aninhado na seção de cabeçalho, o resumo é o que aparece abaixo da sua tag de título nas pesquisas do Google, dando aos visitantes uma ideia do que esperar da sua página.

Embora a meta descrição não seja um dos elementos que o Google classifica em suas pesquisas, isso não significa que não seja importante para o SEO. Pense nisso como sua vitrine: um argumento de vendas sobre por que os visitantes devem clicar no seu site.

As descrições podem ter entre 150 e 160 caracteres, embora geralmente apenas 120 a 130 caracteres apareçam em pesquisas móveis. Não há um número mágico para quanto tempo a descrição deve ser, mas é importante preenchê-la com palavras-chave direcionadas e um apelo à ação para incentivar os usuários a clicar. Você quer que os usuários saibam que sua página está respondendo à pergunta que eles estão fazendo, mas sem revelar muito que eles não precisam continuar no seu site.

Aqui está um exemplo da meta tag de descrição:

<cabeça>

<meta name=”description” content=”Este é um exemplo de uma meta descrição. Inclui todas as informações relevantes para a sua página. Pode ter até 160 caracteres.”>

</head>

Tags de título

A tag de título é o ato de abertura para sua página da web, o primeiro elemento HTML que diferencia sua página da web para os visitantes do site e mecanismos de pesquisa. Já deve estar bem claro: um título é importante.

Lembre-se de que existem alguns elementos que você pode incluir em uma tag de título para melhorar sua chance de reconhecimento do mecanismo de pesquisa e a taxa de cliques. Incorpore suas tags com palavras-chave ou, melhor ainda, palavras-chave de cauda longa. Estas são palavras-chave de três ou quatro palavras específicas para o seu nicho. Então, novamente, é importante não exagerar. A primeira palavra em sua tag de título deve ser sua palavra-chave principal, e você não deve sobrecarregar o leitor com muitas outras.

Veja como é uma tag de título:

<cabeça>

<title>Este é um exemplo de uma tag de título</title>

</head>

Qual é o comprimento ideal da tag de título para fins de SEO?

Embora não haja limite para o tamanho dos títulos, o melhor tamanho para suas tags de título é entre 55 e 60 caracteres. Isso se deve principalmente às práticas do Google: eles exibem apenas 60 caracteres de qualquer título antes de cortar o resto. Fique abaixo desse limite e você pode ter quase certeza de que seu título será exibido em toda a sua glória.

Se você realmente deseja maximizar o número de caracteres exibidos no Google, há um truque que você pode empregar. O sistema de exibição do mecanismo de pesquisa é dependente de pixels e não estritamente de caracteres, o que significa que se você usar letras minúsculas que ocupam menos pixels (como i, l, t), poderá inserir mais do que letras maiúsculas maiores (como M, W ).

Quanto ao número de palavras em um título, depende do seu objetivo.

“Os títulos se envolvem de maneira diferente dependendo da plataforma. Os links mais clicados no Facebook têm títulos entre 12 e 14 palavras, enquanto os mais populares no Twitter têm entre 8 e 12 palavras.”

Terrance Rattigan
Escritor de tecnologia, Writemyx e Britstudent

Tag canônica

A tag canônica é usada para ajudar o mecanismo de pesquisa quando você tem vários URLs com o mesmo conteúdo. Muitas vezes, sua página pode gerar vários URLs que levam ao mesmo local, em vez de cópias de um original.

Isso também pode ser aplicado a páginas com conteúdo semelhante, mas não exatamente o mesmo, para evitar dividir os esforços de SEO para um conjunto de palavras-chave em várias páginas. Sem essa tag, o Google retornaria “http://sua página.com e http://suapágina.com/index.php como páginas diferentes quando tivessem o mesmo conteúdo. Essa tag também é útil para URLs de ID de sessão gerados automaticamente, para garantir que eles sejam vistos como canônicos para sua página original e não para uma nova.

Outra instância em que essa metatag é útil é vincular URLs móveis à sua página. As páginas móveis são designadas como tal com um m. antes do nome de domínio. Ao incluir a tag canônica em seu código para celular, garante que a página para celular seja igual à página para desktop, apenas com formatação diferente.

Veja como inserir a tag canônica em seu código:

<link rel=”canonical” href=”http://example.com/” />

Tag de texto alternativo

A tag de texto alternativa é importante incluir em torno de qualquer imagem em sua página. Os mecanismos de pesquisa não podem ler imagens, então eles precisam de texto alternativo para saber o que está em sua página.

Ao criar tags de texto alternativo, o objetivo do jogo é ser conciso e informativo. Certifique-se de que seu texto seja claro e informativo sobre o que é a imagem e evite linguagem estranha ou excessivamente subjetiva (evite adjetivos, se possível). As tags de texto alternativo não devem ter mais de 16 palavras, entre 50 e 55 caracteres.

Quando se trata da imagem em si, use o original sempre que possível e tente não degradar a qualidade da imagem. Isso garantirá que sua página seja carregada mais rapidamente e mantenha os mecanismos de pesquisa satisfeitos.

Veja como escrever uma tag de texto alternativo:

<img src=”http://example.com/abc.jpg” alt=”abc” />

Metatags de robôs

Esta meta tag é destinada a rastreadores da web, bots projetados para filtrar milhares e milhares de páginas da web para indexação. Os tipos mais comuns de rastreadores da web são empregados pelos mecanismos de pesquisa, portanto, uma metatag de robô é essencial para incluir se você quiser que sua página apareça nas pesquisas da web.

Existem dois elementos principais em uma metatag de robô que comanda os rastreadores da web. FOLLOW diz a um rastreador para seguir todos os links na página designada e INDEX comanda o rastreador para indexar essa página.

O comando fica assim:

<meta name=”robots” content=”index, follow”>

Se você tiver uma página que não gostaria que um rastreador da Web indexasse ou seguisse, você pode negar os comandos acima: NOFOLLOW e NOINDEX. A função é a mesma, mas ao contrário. O Google é bem conhecido por policiar severamente a prática de links para evitar manipulação, portanto, essas funções são úteis para evitar uma penalidade de classificação do mecanismo de pesquisa. Por exemplo, você pode definir NOFOLLOW para links pagos ou patrocinados, conteúdo não confiável ou conteúdo com risco de spam.

Janela de exibição

Também conhecido como metatag de design responsivo, o elemento viewport pode controlar o layout de páginas da Web em dispositivos móveis. Antes da navegação na web móvel, todas as páginas foram projetadas para as dimensões padrão de um computador desktop ou laptop. Agora que cada vez mais usuários usam um dispositivo móvel na maior parte do uso da Web, é importante garantir que sua página esteja configurada para esses usuários.

Aqui está a estrutura básica do elemento:

<meta name=”viewport” content=”width=device-width,initial-scale=1.0″>

O elemento mais importante aqui é “width=device-width”. Isso define a largura da tela da sua página para qualquer dispositivo em que o usuário esteja, tornando essa tag uma ótima solução abrangente para vários dispositivos.

A janela de visualização não está diretamente associada ao desempenho de SEO, mas afeta a experiência da interface do usuário, portanto, é um fator importante na retenção de usuários. O site que não funciona bem no celular será evitado por milhões de usuários, e sua marca pode estar associada a práticas desatualizadas e uma interface complicada – definitivamente não é algo que você deseja.

Abrir gráfico

O Open Graph foi projetado para integrar sua página com outro aspecto fundamental do alcance do público: a mídia social. Essa tag faz para a mídia social exibir o que o Viewport faz para a exibição do dispositivo e o que as tags de título fazem para o SEO: garante que seu conteúdo seja exibido bem e tenha uma classificação alta nas mídias sociais.

Estas são tags bastante densas, aqui estão alguns exemplos:

<meta property=”og:type” content=”article” />

<meta property=”og:title” content=”Este é o título de sua página ou postagem” />

<meta property=”og:description” content=”Esta é uma descrição do conteúdo da sua página” />

<meta property=”og:image” content=”Este é um link para uma imagem” />

<meta property=”og:url” content=”PERMALINK” />

<meta property=”og:site_name” content=”Este é o nome do seu site” />

“Elas são um pouco diferentes das suas tags típicas de SEO, mas agregam tanto valor à sua estratégia de crescimento de público. O Tumblr aproveitou isso em 2012 e viu sua taxa de cliques aumentar em 250%.”

Solange Uhara
Especialista em SEO, 1Day2Write e Nextcoursework

Conclusão

Meta tags são e provavelmente sempre serão essenciais na construção de qualquer página da web e, pelo menos por enquanto, são a chave para um bom desempenho de SEO. As tags acima são consideradas algumas das mais importantes para a experiência do usuário e a classificação do mecanismo de pesquisa por designers em toda a Internet, portanto, é seguro dizer que seu tempo não será desperdiçado em implementá-las.

Quando se trata de outras tags, reserve um momento para considerar o que você está tentando alcançar e se vale a pena o seu tempo. O design do site é uma maratona, não um sprint, portanto, acelere-se e certifique-se de que o trabalho que você faz está sempre construindo um crescimento positivo para o seu site.

Torne-se mais habilidoso em todas as coisas de SEO. Descubra o software de SEO certo para suas necessidades e mantenha-se atualizado sobre os componentes necessários de uma estratégia de SEO adequada, meta tags e muito mais.