Ir para conteúdo principal

Como adicionar metatags ao cabeçalho do site: Metadados em HTML

Os metadados são o herói desconhecido de SEO do site. Consulte este guia para ter certeza de que está adicionando metatags em HTML da maneira certa.

Metatags, também conhecidas como metadados, são trechos HTML usados no desenvolvimento da web para descrever o conteúdo em uma página da web. Metatags não aparecem nas páginas, mas existem dentro do código-fonte do site, também conhecido como código HTML, localizado no cabeçalho do site. Essas tags fornecem aos mecanismos de busca descrições sobre o conteúdo da página para ajudá-los a determinar sobre o que é a página e entregar as páginas mais relevantes aos usuários do mecanismo de busca.

Metatags são usadas em HTML no início da página, tornando-as visíveis apenas para mecanismos de pesquisa e aqueles que sabem como olhar para o código-fonte do site. Os metadados informam os mecanismos de pesquisa sobre os dados em um site para ajudar seu conteúdo a se classificar em mecanismos de pesquisa populares como o Google. Infelizmente, adicionar metatags pode ser difícil se você não souber como criar metadados do site ou código HTML.

O que é a tag de cabeçalho HTML?

A tag de cabeçalho HTML é o recipiente para metadados. Ela está localizada entre a <html> tag de HTML e as <body> tags de corpo. Esse é o local em que você coloca todas as suas metatags em HTML para definir o título, estilos, caracteres e outras informações. Essa área da página não é exibida no navegador da web. Em vez disso, os mecanismos de pesquisa usam as informações para determinar o que é uma página, incluindo seu título, conteúdo, palavras-chave e muito mais. Os navegadores usam informações no cabeçalho para renderizar a página do site corretamente. Ao contrário da cabeça, o elemento do corpo é exibido na página quando carregado em um navegador, portanto, não deve conter metadados.

Onde está o cabeçalho HTML?

O cabeçalho HTML está localizado entre a tag HTML e a tag de corpo. Normalmente é muito menor do que a tag de corpo, porque seu trabalho principal é conter metadados. Você pode usar ferramentas de desenvolvimento em seu navegador para encontrar o cabeçalho HTML de qualquer página do site.

O que são metadados do site?

Metatags em HTML servem como informações importantes para mecanismos de busca. Elas são usadas para descrever elementos HTML e comunicar o conteúdo de um site para mecanismos de busca. Os metadados do site incluem títulos de páginas, descrições, palavras-chave e muito mais para ajudar os mecanismos de pesquisa a rastrear e classificar páginas da internet. Os mecanismos de pesquisa interpretam dados e informações nas páginas do site para determinar a relevância para a consulta de pesquisa de um usuário. Palavras-chave dentro do corpo e vínculos regressivos para a página desempenham papéis essenciais, mas os metadados explicam o objetivo geral de uma página para permitir que ela seja classificada por palavras-chave.

Metatags podem melhorar os esforços de SEO para ajudar os mecanismos de pesquisa a entender o objetivo de uma página. No entanto, nem todas as metatags são projetadas para fins de SEO.

Você pode adicionar metadados ao cabeçalho de um site de algumas maneiras diferentes. Primeiro, você precisará acessar a seção de cabeçalho do arquivo HTML. Você pode baixá-lo e editá-lo com um editor de texto ou criar um novo arquivo. Você também pode optar por adicionar ou editar o arquivo no Gerenciador de arquivos do cPanel. Depois de ter o arquivo HTML, localize a seção de cabeçalho na parte superior. Dependendo de como a página foi desenvolvida, talvez você já tenha uma tag de título e outros tipos de metatags.

Se você não for um desenvolvedor de sites, poderá usar um plugin do WordPress, como SEOPress ou Yoast, para adicionar facilmente metatags às suas páginas da web.

Tag de título

A tag de título é exibida nas páginas de resultados de mecanismos de pesquisa (SERPs) como título da sua página da web. Cada página do seu site deve ter um título único. O título não deve ser confundido com a tag H1 que existe no corpo da página e pode servir como título para o conteúdo da página. As tags de título devem ter entre 50 e 60 caracteres para evitar serem truncadas nos mecanismos de busca.

Você pode adicionar o título a uma página da web encontrando a <title> tag dentro do código-fonte e inserindo as palavras. Quando terminar de adicionar sua tag de título, ela deve ser assim:

<title> O título vai aqui</title>

As tags de título são importantes porque ajudam os mecanismos de busca a determinar o que é uma página da web, ajudando-os a decidir se classificam ou não sua página para uma consulta específica. As tags de título também aparecem nas guias do navegador para ajudá-lo a navegar pelo navegador.

As tags de título eficazes devem usar suas palavras-chave de destino para ajudar os mecanismos de pesquisa a classificar a página. No entanto, eles também devem induzir os usuários a clicar para ler seus artigos ou páginas da web. Palavras-chave de alta prioridade devem aparecer o mais próximo possível do início do título, já que você não tem muito espaço para trabalhar. Além disso, cada página deve ter um título exclusivo para evitar confundir os mecanismos de busca e seus usuários.

Tag de metadescrição

Uma metadescrição é o resumo de texto curto que aparece nas SERPs abaixo do título. Suas páginas devem ter descrições exclusivas e precisas do conteúdo. Uma metadescrição deve ter entre 150 e 160 caracteres para evitar ser truncada nos resultados da pesquisa. Infelizmente, você nem sempre pode ter uma opinião sobre qual é a sua metadescrição. Mesmo que você mesmo as escreva, os mecanismos de busca ainda podem decidir que você forneceu informações que não eram relevantes e optar por reescrever suas metadescrições ou exibir o conteúdo errado da página.

Para adicionar a tag de metadescrição à página do site, localize a <meta name=" description" content= "Content goes here." > seção do código HTML.

Uma metadescrição é uma informação importante para os mecanismos de busca e usuários. Usar uma metadescrição eficaz pode promover mais cliques em seu site, definindo expectativas claras sobre o que os usuários podem esperar encontrar.

Incluir palavras-chave de destino em sua metadescrição pode ajudar as pessoas a descobrir seu conteúdo mais facilmente enquanto dizem aos mecanismos de busca do que se trata a página. Você também pode explicar a finalidade da página e o que os clientes encontrarão quando clicarem. Você também pode realizar testes A/B em suas metadescrições para ver quais versões obtêm mais cliques, ajudam você a classificar mais alto e, por fim, trazem mais tráfego ao site. Saiba como escrever uma descrição eficaz ao conferir estes exemplos de metadescrição.

Tag de meta robôs

A tag de meta robôs diz aos mecanismos de pesquisa como rastrear seu site, informando quais páginas você deseja classificar e quais não. Há muitas finalidades para essas tags, portanto, você deve usá-las corretamente se quiser classificar determinadas páginas e ignorar outras.

As tags de robôs informam aos mecanismos de pesquisa se devem ou não indexar ou seguir uma página, rotulando-as como INDEX and FOLLOW (INDEXAR e SEGUIR) ou NOINDEX and NOFOLLOW (NÃO INDEXAR e NÃO SEGUIR). Ao rotular uma página como INDEX (INDEXAR), você diz aos mecanismos de pesquisa que você quer que ela apareça nas SERPs. Enquanto isso, quando você diz a eles para FOLLOW (SEGUIR) uma página, significa que você quer passar o PageRank para uma página específica. Uma tag NOFOLLOW (NÃO SEGUIR) não é seguida, portanto, não pode transferir a classificação da página para nenhum outro tipo de página da web. Essas páginas ainda podem aparecer no índice do Google se outro site se vincular a elas sem usar a tag NOFOLLOW (NÃO SEGUIR). Outros mecanismos de busca podem ter regras diferentes para essas tags de robô.

As tags de robô podem ser parecidas com:

<meta name= “robots” content=noindex, nofollow”>
<meta name= “robots” content=noindex, follow”>
<meta name= “robots” content=index, nofollow”>

Em última análise, quais tags você usa dependerão de suas metas para uma página específica. A primeira linha em nosso exemplo diz aos mecanismos de pesquisa para ignorar a página e os links dentro da página, tornando-a inútil para o tráfego de referências. O segundo exemplo diz aos mecanismos de pesquisa para ignorar a página, mas seguir todos os hiperlinks nessa página, e o terceiro exemplo diz aos mecanismos de pesquisa para indexar a página, mas não seguir os hiperlinks na página que podem ir para outras páginas.

Cada uma de suas páginas deve ter uma tag de meta robôs, mas apenas uma tag por página. Você não usaria todas as três opções na mesma página.

Tag de gráfico aberto

Tags de gráfico aberto são usadas para compartilhar mensagens em plataformas de redes sociais como o Facebook. Se quiser passar informações de um blog como a imagem em destaque e um snippet, você usará a tag de gráfico aberto. Essas tags informam efetivamente às plataformas de redes sociais o tipo de informação que você deseja exibir quando compartilha um link do seu site.

Você provavelmente já viu algumas tags de gráfico aberto em ação. Sempre que você compartilha um link de um site nas redes sociais, ele gera automaticamente uma visualização. Essa visualização é criada por meio da tag de gráfico aberto. Há muitas tags de gráfico aberto que você pode escolher, mas elas aparecerão no HTML principal como

<meta property=”og:xx”>

As opções nas quais podem ser inseridas tags de gráfico aberto incluem:
<meta property=”og:title”>
<meta property=”og:description”>
<meta property=”og:type”>
<meta property=”og:image”>
<meta property=”og:url”>
<meta property=”og:site_name”>

O título define a página da web e seu assunto. Você pode fazer com que o título do gráfico aberto seja o mesmo do seu metatítulo ou alterá-lo dependendo do seu público nas redes sociais. Enquanto isso, a descrição age de forma semelhante a uma metadescrição, enquanto o tipo define o tipo de conteúdo. Por exemplo, o tipo pode se referir a uma música, pdf ou imagem.

Além disso, a tag de imagem de gráfico aberto informa às plataformas de redes sociais qual imagem você deseja extrair da página da web para servir como a imagem da postagem, e a URL define a URL da página que você está compartilhando. Se quiser exibir o nome do seu site, você pode fazê-lo usando a tag de nome do site, mas geralmente não é uma propriedade importante para usuários de redes sociais.

Tag de metapalavra-chave

A tag de metapalavra-chave é usada para descrever as palavras-chave que você deseja classificar. No entanto, a maioria dos mecanismos de busca ignora essa tag, então ela está se tornando obsoleta a cada ano. Na verdade, se você abusar da tag de metapalavra-chave, poderá receber uma penalidade, impedindo que você classifique suas palavras-chave alvo. Quando usada corretamente, essa tag pode informar aos mecanismos de pesquisa sobre o que é seu conteúdo, destacando palavras-chave importantes encontradas em sua página. Infelizmente, o Google não usa a tag de metapalavra-chave, mas outros mecanismos de pesquisa podem, por isso vale a pena considerar se você quer melhorar sua SEO usando mecanismos de pesquisa que não sejam o Google.

No mínimo, usar a tag de metapalavra-chave pode ajudá-lo a acompanhar quais palavras-chave você está segmentando em diferentes páginas do site. A tag se parece com algo assim:
<meta name+" keywords" content=" keywords go here"/>

Como os principais mecanismos de pesquisa não usam mais a metapalavra-chave como fator de classificação, não há necessidade de perder tempo ou adicionar mais código que possa desacelerar seu site. Em vez disso, você pode pular isso e se concentrar em metatags que podem ajudar a melhorar as classificações e a experiência do usuário.

Outras metatags HTML

Há muitos outros tipos de metatags que podem ser usadas no cabeçalho ou no corpo de um site, incluindo:

  • Tag canônica: A tag canônica é usada para indicar se há uma versão original de uma página da web para dizer aos mecanismos de pesquisa que uma versão é a página principal e as outras não devem ser indexadas. Isso pode impedir que você concorra consigo mesmo por classificações e impedir que conteúdo duplicado se torne um problema.
  • Tag de texto alternativo: A tag de texto alternativo ajuda os mecanismos de pesquisa a ler imagens através do texto, pois eles não podem dizer como é uma imagem. Ao escrever texto alternativo, sempre use descrições relevantes sem preenchimento de palavras-chave. O texto alternativo também é importante para os leitores de tela melhorarem a acessibilidade do site, por isso deve fazer sentido para as pessoas.
  • Tags de cabeçalho: As tags de cabeçalho são usadas para alterar os tamanhos das fontes e estruturar seu conteúdo. Essas tags variam de H1 (a maior) a H6 (a menor), e podem ajudar os leitores a escanear o conteúdo.
  • Tags de idioma: A metatag de idioma informa aos mecanismos de pesquisa em qual idioma o conteúdo está e identifica o país para melhorar os resultados da pesquisa com base no idioma e na localização.
  • Tags de autor: As tags de autor mostram o autor do conteúdo, o que pode ajudar a satisfazer os requisitos de Expertise, Autoridade e Confiabilidade (EAT) do Google para classificar o conteúdo.
  • Data da publicação: A data da publicação pode ser usada em blogs para ajudar os usuários a entender o quanto as informações são relevantes e recentes. Saiba mais sobre metadados para postagens de blog.
  • Estilo: A tag de estilo contém o código CSS para definir como os elementos HTML devem aparecer nos navegadores.

Você deve ponderar os prós e os contras de cada um ao considerar quais tags usar. Mais códigos em seu site podem afetar negativamente a velocidade de carregamento, impedindo que seu site seja carregado o mais rápido possível. A velocidade da página define o tempo que leva para uma página carregar em seu site. Quanto mais tempo levar para uma página carregar, maior será a probabilidade de os usuários abandonarem o site, perdendo o tráfego da web e a oportunidade de fazer uma venda. Ao avaliar a velocidade da página, você deve considerar usuários de desktops e dispositivos móveis. Os indivíduos que usam seus dispositivos móveis para visitar sites são ainda menos pacientes, portanto, a velocidade da página móvel deve ser uma prioridade máxima para manter os usuários interessados em ler seu conteúdo.

A velocidade da página também é um fator de classificação importante porque melhora a experiência do usuário. Quanto mais rápida for o carregamento de uma página da web, maior será a probabilidade de um usuário ter uma boa experiência, permitindo que os mecanismos de busca ofereçam melhores resultados para os usuários. A velocidade da página também afeta sua receita, porque uma página deve carregar rapidamente para manter seus clientes potenciais envolvidos no site, permitindo que eles aprendam tudo o que podem antes de converter.

Embora as metatags também sejam essenciais para mecanismos de busca, é sempre melhor considerar as que você mais precisa. Discutimos as principais metatags a serem usadas em seu site para melhorar a SEO, mas adicionar mais código do que isso ao seu site pode afetar a velocidade da página e ter um impacto direto em suas classificações.

Por que é importante adicionar metadados HTML no cabeçalho do site

Os metadados só podem ser usados no cabeçalho do site. Se você colocá-los na seção do corpo da página, eles aparecerão quando renderizados em um navegador, afetando a experiência do usuário e impedindo que os mecanismos de busca possam usar os dados de forma eficaz para classificar as páginas do seu site. Se sua marcação for inválida, os navegadores poderão renderizar suas páginas incorretamente; por isso é sempre melhor manter as tags no cabeçalho, onde elas devem estar, pois esse é o único lugar em que os mecanismos de pesquisa as procurarão.

Notas finais de metadados do site

Os metadados podem ajudar a levar seu SEO para o próximo nível, permitindo que você escreva seus próprios títulos e descrições e diga aos mecanismos de pesquisa como interagir e entender seu site. Infelizmente, trabalhar com código HTML pode ser difícil se você não for um desenvolvedor de sites. Felizmente, essa não é a sua única opção. Se você tiver um site do WordPress, poderá usar plug-ins de SEO para facilitar a adição de tags ou usar os serviços de marketing da Mailchimp. Ao criar um site com a Mailchimp, você pode escrever suas próprias metatags para o seu site, incluindo metatítulos e metadescrições, para ajudá-lo a se classificar nos mecanismos de busca e obter mais tráfego no site.

Compartilhar este artigo