Por Que as Meta Tags são tão Importantes no Marketing Online

meta tags

Posso fazer uma pergunta?

Outra pergunta, aliás. O que fez você clicar para ler esse artigo?

Talvez o título tenha atraído sua atenção. Ou talvez tenha sido o resumo.

Talvez você tenha clicado simplesmente porque confia na fonte desse artigo.

Mas se você encontrou esse artigo usando um mecanismo de busca, nenhuma dessas razões explica por que você está lendo.

Você está lendo porque eu incluí meta tags.

Qual é a importância de meta tags em SEO?

Meta tags são o alicerce do SEO, e a primeira coisa que você vai configurar ao criar uma página da web.

Sem meta tags você não pode alcançar leitores organicamente.

Gerar meta tags não toma muito tempo, mas é mais importante do que você imagina.

Por que meta tags são importantes? Porque 93% de todas as experiências online começam com um mecanismo de busca.

Search Engine Optimization statistics for 2017

É por isso que tanto tempo é investido em campanhas dispendiosas de SEO.

O tráfego de busca orgânico é a medalha de ouro do SEO, e por isso não pode ser ignorado.

pasted image 0 898

Seu conteúdo precisa ser fácil de ler e atrair usuários nos mecanismos de busca.

Você precisa usar uma sintaxe bem específica.

Ela é similar ao sistema que livrarias e bibliotecas usam para organizar seus arquivos de livros.

Vejamos os elementos básicos.

Neil Patel Digital Marketing

As tags de título e de descrição praticamente compõem o texto todo.

Sem essas tags, tudo o que você veria nos SERPs do Google seria a minha URL.

Neil Patel Digital Marketing Tags

Title e description são as duas tags mais usadas para propósitos de SEO. Mas o marketing digital envolve mais do que apenas SEO.

O marketing digital avançado requer o uso de ainda mais tags, que melhoram o page rank e a experiência do usuário em geral.

Assim como nesse resultado de busca, você logo vai descobrir que as tags controlam completamente como sua presença digital é visualizada e navegada.

As máquinas conseguem ler URLs sem problemas. Se eu escrevesse para elas, meu site seria assim:

Neil Patel Source Code 1

O Google prioriza certas tags porque elas fornecem contexto às pessoas.

Eu também criei meu site para pessoas, e por isso ele é assim:

Neil Patel Website

Essa aparência é a base do marketing.

Nesse post, vamos explorar a importância de meta tags em SEO e ver como elas afetam suas ações de marketing digital.

Apesar de ser um tema simples, os detalhes são essenciais.

Pronto para começar?

Por que meta tags são importantes e afetam a imagem da marca e a taxas de clique

Você definitivamente deve julgar pela aparência – é para isso que ela existe.

Sua title tag e sua descrption tag criam uma “capa” para o seu site. Elas são a primeira impressão da maioria dos visitantes.

E isso não afeta só os mecanismos de busca, mas também como nós vemos a internet.

As feeds RSS são a forma mais básica de disseminar posts de blog e podcasts.

Aqui está a feed RSS da Reuters — uma das feeds de notícias mais lidas do mundo.

RSS Feed

Assim como no mecanismo de pesquisa do Google, o titulo e a descrição aparecem em destaque.

Isso é um modelo para a forma como lemos as coisas.

O Reddit é um site de agregação de links que elimina todas os detalhes desnecessários.

O Reddit depende do título e da imagem para gerar diálogos e cliques.

Reddit

Saber como utilizar meta tags corretamente é como saber usar o formato correto em um email corporativo.

Sim, você pode escrever o que quiser – mas existe uma expectativa de um nível de profissionalismo.

Até a Amazon oferece apenas uma imagem, um título e uma descrição curta para que você apresente seu produto.

Amazon

Pense nessas tags como o seu pitch do elevador.

Você tem o espaço de um Tweet para vendar sua marca e seu produto.

Sim, é uma proposta simples – mas é essencial fazer isso perfeitamente!

Você não pode simplesmente fazer qualquer coisa aqui e melhorar todo o resto. Se fizer isso, ninguém vai ver a parte que você aperfeiçoou.

Aqui está um gráfico com o que a Smart Insights identificou como os 7 alicerces de uma estratégia de marketing digital em 2017.

pasted image 0 904

Todos esses canais precisam ser consistentes.

Já sabemos como as meta tags afetam o SEO, mas esse não é o único elemento envolvido.

As meta tags vão facilitar seu email marketing e suas ações de automação de marketing ao fornecer informações para links incluídos em emails.

As tags são um elemento crucial que determina como meus posts automatizados em mídias sociais serão exibidos.

Neil Patel Twitter 2

Quando outros blogueiros, YouTubers e influenciadores (e micro influenciadores) sociais compartilham seu conteúdo, as tags facilitam o processo.

Pense nas tags como a embalagem do seu produto.

Se a embalagem não for perfeita, ninguém vai comprar seu produto, independentemente da qualidade dele!

E então, quais são as melhores práticas para utilizar meta tags?

Tenho uma boa notícia para você.

É exatamente isso que vou mostrar a seguir!

Como utilizar Meta Tags

Existem MUITAS tags HTML diferentes que podem ser usadas em um site.

Nesse artigo vamos focar apenas em algumas tags extremamente importantes.

Vamos começar com a tag que deve ter te motivado a ler este post.

1. Title Tags

A title tag em teoria não é uma meta tag, mas aparece no cabeçalho e é utilizada como uma.

A partir de julho de 2017, o limite de caracteres de tags de título nos resultados do Google é de 78 em dispositivos móveis e 70 em computadores.

Mas isso não significa que você deva necessariamente usar todos esses caracteres. O limite mais recomendado é 60 caracteres.

Palavras-chave de cauda longa fazem a diferença.

Aqui estão os melhores títulos nos SERPs para os termos “How to make content marketing effective” – como fazer marketing de conteúdo eficaz.

Content Marketing

Ao adicionar o ano, vemos resultados completamente diferentes para “how to make content marketing effective 2017.”

Alguns usuários vão querer as informações básicas, e outros vão querer as mais atuais.

Content Marketing 2017

Ao ajustar a title tag, podemos afetar em qual dessas buscas nosso site vai ser ranqueado.

O objetivo final é aparecer em ambas, mas isso nem sempre é possível.

Lembre-se de usar sua palavra-chave no título ou seus artigos vão ficar soterrados entre outros resultados de busca.

Por exemplo: quando eu pesquiso “best tacos in Tucson,” alguns restaurantes aparecem na página 10, abaixo até do Del Taco.

Isso é uma oportunidade perdida na capital americana dos tacos!

Tucson Tacos

Cada um desses pequenos negócios poderia melhorar muitos seus resultados nas buscas, suas vendas e seu ROI se simplesmente adicionassem “best tacos in Tucson” às suas tags de título.

Aqui está uma amostra do HTML necessário para uma tag de título, localizado no seu cabeçalho:

<head>

<title>O Melhor Exemplo que Eu Consegui Pensar</title>

</head>

No WordPress, isso é tão simples quanto dar um nome a uma página.

Não há como errar.

Wordpress Title Tag

E isso é tudo!

2. Image tags

Como as title tags, as image tags não são consideradas meta tags.

Mas elas são claramente usadas por mecanismos de busca, agregadores de links e outros sites para identificar o seu site.

Na verdade, existem duas descrições de imagem em uma image tag.

Veja como fica o código HTML:

<img src=“image.jpg” alt=“image description” title=“image tooltip”>

Para gerar a melhor experiência possível, as tags alt e title devem ser ambas preenchidas.

O título aparece na sua tela quando você passa o cursor por cima dele.

A alt tag aparece quando a imagem não pode ser exibida (ou é lida pelo sistema para usuários com deficiências visuais)

Ao enviar uma imagem no WordPress, você será notificado para inserir um título, uma legenda, um texto alternativo e uma descrição.

Wordpress Image Tags

Quanto mais campos você preencher (mesmo que seja com as mesmas informações), mais fáceis de pesquisar ficam suas imagens.

Entre 20 e 60% de todo o tráfego do Google vai para sites com gráficos bem otimizados.

Por que não ser parte desse grupo?

Além disso, é uma questão de acessibilidade.

Existem aproximadamente 58.200 pessoas com algum nível de deficiência visual a cada 1 milhão de pessoas, somente nos E.U.A.

1396223555Figure 3

É um segmento enorme da população que não terá uma boa experiência de usuário sem o uso de alt image tags.

Otimize suas imagens para mecanismos de busca e para usuários.

3. Description tags

A meta description tag te dá uma oportunidade para fornecer uma visão geral do conteúdo da página.

Essa tag é limitada a 160 caracteres, e não está diretamente ligada aos algoritmos de busca do Google!

Mais uma vez, a razão pela qual você precisa de description tags é melhorar a experiência do usuário.

As description tags encorajam cliques.

Veja como fica o código HTML:

<head>
<meta name=”description” content=”Esse é um exemplo do texto que vai aparecer nos resultados de busca. Continue lendo para aprender mais sobre description tags.”>
</head>

Sem uma meta description, o Google vai utilizar qualquer descrição padrão que considerar mais adequada para o conteúdo.

Isso não é necessariamente um problema.

Por exemplo: esse post não tem uma meta description (eu raramente as utilizo) e ainda assim tem um bom ranqueamento.

Neil Patel Social Media Marketing

Claro, meus blogs estão cheios de conteúdo relevante em frases curtas e concisas. A maioria delas já serve como descrições.

Ainda assim, não há desvantagem em adicionar mais informações pra deixar seu conteúdo mais fácil de pesquisar.

4.  Robots noindex e nofollow tags

As robot meta tags nem sempre são necessárias.

Como definição padrão, todas as páginas e links que você cria em seu site são indexadas como “follow” por robôs de busca e rastreadores da web.

Sempre que quiser redirecioná-los, você vai precisar de uma robot meta tag.

Aqui está o código HTML noindex:

<html><head>
<meta name=”robots” content=”noindex” />
(…)
</head>

Esse código vai aparecer dentro do cabeçalho e indicar que a página não precisa ser indexada.

Isso é útil para conteúdo sindicado e duplicado, que seus usuários e leitores podem usar mas não devem ser indexados.

Aqui está o HTML para um robot nofollow.

<meta name=”robots” content=”nofollow”>

Isso é útil para links que você não necessariamente quer apoiar.

Por exemplo: eu não apoio links deixados por usuários na minha seção de comentários. Assim, uma nofollow tag acima da seção de comentários mantém meu site limpo para bots.

Aqui está um infográfico excelente sobre quando e como usar nofollow tags.

nofollowtag 1000 2919

E agora vamos falar de uma das meta tags mais controversas.

5. Keyword tags

Keyword tags não são utilizadas por algoritmos de busca para determinar ranqueamento de pesquisa.

Veja o HTML:

<meta name=”keywords” content=”HTML, CSS, XML, JavaScript”>

Eu treino meus clientes de SEO para ignorar keyword tags, porque elas não afetam o SEO.

Mas isso não significa que elas sejam inúteis, necessariamente. Keyword tags são particularmente úteis no WordPress.

Keyword tags e categorias podem ajudar o Google a determinar que página do seu site deve ser ranqueada para uma pesquisa.

Elas também criam uma página no WordPress que fornece mais uma página indexada.

Wordpress category page

Isso significa que, enquanto seus posts de blog focam em palavras-chave de cauda longa, suas páginas de tag e categorias têm feeds cobrindo as palavras-chave mais curtas.

As categorias podem ser usadas para  o formato da URL, fornecendo mais uma palavra-chave para o endereço da página.

Você pode fazer isso em Settings – Permalinks no WordPress.

categoryurlspermalinks

Adicionar esse formato adiciona contexto ao seu conteúdo.

O Google adora ver contexto para resultados de pesquisa!

Keyword tags oferecem também uma visão geral de quantas páginas você tem para cada palavra-chave.

Você pode usá-las para ajudar no planejamento do seu calendário editorial.

6. Viewport tags

Você não deve passar muito tempo pensando em viewports, mas eles são especialmente importantes para o mundo da pesquisa mobile-first.

Em dispositivos móveis, as páginas são exibidas em uma janela popup chamada viewport, que se estende além da borda do dispositivo.

Veja uma ilustração desse conceito.

Understanding viewport meta tag width device width

Desenvolvedores podem configurar o tamanho do viewport para aumentar a usabilidade em dispositivos mobile.

Usuários do WordPress podem verificar essa tag para verificar essa informação para seus modelos.

Mas você provavelmente não sabia disso – a não ser que seja um desenvolvedor web.

Como o Google cada vez mais foca em sites amigáveis para dispositivos móveis, essa meta tag pode fazer a diferença entre o sucesso e o fracasso em mobile.

Agora que você já tem uma compreensão básica e já entende a importância de meta tags em SEO, vou te mostrar algumas das minhas ferramentas favoritas para manipular meta tags.

Ferramentas gratuitas para adicionar e verificar tags

1. Yoast SEO Plugin for WordPress

Yoast é um plugin de SEO poderoso para WordPress, e uma das ferramentas mais baixadas tanto para SEO quanto para meta tags.

Com o Yoast, todas as páginas e posts que você publica têm opções de backend para aumentar o compartilhamento social, otimizar o SEO e atualizar tags e outros meta dados.

Yoast SEO WordPress

Com o Yoast instalado em seu site WordPress, alguns cliques e alguns segundos do seu tempo são tudo de que você precisa para adicionar meta tags ao seu processo.

Isso logo vai ficar natural para você.

E é por isso que muita gente esquece por que meta tags são importantes!

O Yoast permite também que você insira uma palavra-chave foco que não será adicionada às meta tags, mas vai permitir ao programa de backend que analise seu post.

2. BuzzStream Meta Tag Extractor

Se você precisar de um gráfico rápido dos meta dados que estão sendo usados pela concorrência, o BuzzStream Meta Tag Extractor é uma solução simples e elegante.

Copie e cole uma lista de URLs e você verá informações sobre as meta tags.

Tag Extractor

Há até uma opção para baixar isso em um arquivo CSV, para que você possa recuperar listas longas rapidamente.

É uma forma fácil e rápida de organizar esses dados quando você precisar deles.

Essa ferramenta online gratuita cumpre essa tarefa sem complicações.

3. SEOCentro Meta Tag Analyzer

O Meta Tag Analyzer do SEOCentro é uma ferramenta gratuita muito útil para verificar tanto o seu site quanto os dos seus concorrentes.

Insira qualquer URL e você terá dados detalhados sobre as meta tags de um site.

Meta Tag Analyzer1

O site usa cores diferentes para deixar tudo ainda mais fácil.

As descrições são excelentes, e as bandeiras amarelas e vermelhas são explicadas em detalhes.

Descendo a página, você vai ver que o site vai ainda mais longe, fornecendo uma análise de palavras-chave que pode ser usada para a pesquisa de palavras-chave.

Meta Tag Analyzer

Como você vê, meu site precisa muito de mais palavras-chave de imagens, um problema que eu reconheço mas ainda não tive tempo de corrigir.

Estamos quase concluindo. Mas como isso é relevante, quero tirar um momento para falar das meta tags restantes.

Ao explicar por que meta tags são importantes, eu foquei nas meta tags mais úteis, mas existem muitas outras.

Eu ignorei as outras porque elas não são relevantes para as minhas necessidades. Mas você pode usá-las se quiser.

Meta tags que você não precisa usar exceto quando necessário

Quero ser bem transparente nessa seção. Aqui está uma tabela completa de meta tags HTML.

Meta Tags

A author meta tag pode ser usada para dizer aos mecanismos de busca quem escreveu um conteúdo.

Author tags já foram usadas em resultados de busca, mas hoje já não são relevantes. No entanto, você pode usar author tags se tiver um blog com vários autores.

O WordPress adiciona esses dados a blogs quando múltiplos usuários estão contribuindo com conteúdo.

Essas tags funcionam mais como medalhas de honra para blogueiros do que outra coisa.

A maioria das outras meta tags define parâmetros que já devem estar sob o controle do servidor.

Eu ignoro essas meta tags, mas você não precisa fazer o mesmo.

Fique à vontade para adicionar quaisquer informações que desejar.

Isso não acrescenta nada aos seu ranqueamento de busca, mas também não vai prejudicá-lo.

Conclusão

Meta tags são uma parte básica do HTML.

Nos primeiros tempos da Internet, elas eram um fator que sinalizava aos mecanismos de busca que um conteúdo aparecia em uma página.

A Internet (e nosso relacionamento com ela) evoluiu exponencialmente desde então.

Busca contextual, assistentes de voz com inteligência artificial e dispositivos móveis estão alterando a forma como nós visualizamos conteúdo.

Os mecanismos de pesquisa têm o objetivo de fornecer os melhores resultados de busca possíveis, e assim a importância de meta tags no SEO é cada vez menor.

No entanto, algumas delas, como a title tag e a description tag, agora são mais importantes do que nunca.

Apesar de usamos menos meta dados em geral, eles ainda são a primeira impressão que você dá aos bots e às pessoas.

O que as meta tags do seu site dizem sobre você?

Compartilhe