Juntos para codar de verdade.

EQUIPE DEV

> Tags head _


Com o avanço das tecnologias voltadas para a Web, é essencial e indispensável que um bom profissional conheça conceitos básicos sobre a estruturação do HTML, e neste artigo explicaremos como funcionam as Meta Tags.


Meta Tags

As Meta Tags auxiliam os mecanismos de busca (search engines) como o Google a encontrarem o seu site na web, isso porque são elas que dão um pequeno resumo sobre o que será encontrado na sua página, sendo assim uma forma de indexar o conteúdo web disponível, mas essas tags não se resumem apenas a melhoria para mecanismos de busca, veremos que existem Meta Tags com funções mais complexas e com funções que podem ajudar muito em momentos oportunos.

As meta tags devem estar entre as tags <head></head>, mesmo local onde fica a tag <title></title>


Tag Title

É considerada a tag mais importante e a que deve ser melhor trabalhada, pois é com ela que será definido o título da página. Todas as páginas de um site devem conter esta tag, sendo obrigatório serem diferentes entre cada página. Trabalhar as palavras-chave nos títulos é uma ótima maneira  de atrelar relevância à elas, porém é bom lembrar que o título não deve passar de 70 caracteres, pois é o máximo que é exibido nas páginas de resultados do Google!

É importante que o title de cada página deva ser único. O Google baixa a relevância do site caso existam titles duplicados entre as páginas.

O código usado para esta tag no HTML é:

<title>Titulo da página</title>


Meta Description

A descrição do site nas ferramentas de busca é definida por esta importante tag, que também ajuda bastante na otimização de um site. Aparece logo após o título e mostra sobre o que é aquela página, dando uma pequena – como o nome já sugere – descrição do assunto tratado ali para o usuário. Só vale a pena incluir no até 156 caracteres, pois é o máximo exibido no Google. Mesmo não sendo relevantes para o ranqueamento da página, vale lembrar que pode atrair o usuário a clicar no link.

Assim como acontece com o title, não é nada bom ter descriptions duplicadas. Cada página é “vendida” ao visitante de uma forma melhor se sua description for única, e não a mesma presente em outras páginas do site.

O código usado para esta tag no HTML é

<meta name=”description” content=”descrição”>


Meta Keywords (Aqui jaz uma meta-tag)

Primeiramente, as keywords são as palavras-chave que o usuário utiliza em ferramentas de busca para encontrar um determinado site, sendo um dos elementos mais importantes na hora de aplicar o SEO. É a partir delas que o título da página e sua descrição são feitas, além de ser bom para a otimização da página que elas apareçam ao longo da página.

No entanto, as meta keywords não dão nenhuma relevância no ranqueamento de uma página. O próprio Google admite que nem mesmo verifica as keywords em uma página.


Robots

É a tag responsável pela indexação ou não indexação de alguma página pelos robôs das ferramentas de busca. Tais robôs são parte de um programa que varre os sites da internet em busca de páginas, no caso do Google,  para sites que tenham um bom conteúdo. Porém é bom lembrar que nem todos os sites de buscas obedecem a esta meta tag.

O código padrão usado para esta tag no HTML é:

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


Podendo ter as seguintes variações:

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

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

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

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

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

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

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


Follow é usado para dar permissão aos robots para seguirem os links.

No Follow é usado para impedir os robots de seguirem os links.

Index é usado para pedir a indexação de uma página.

No Index é usado para impedir a indexação de uma página.


Mesmo sabendo da existência dessa tag, o uso delas no código não é essencial. A indexação de páginas ou links é feita automaticamente pelos buscadores, sem que o webmaster do site precise usar os códigos. O uso dessa tag é recomendada para usuários mais avançados, pois uma configuração equivocada pode retirar as páginas dos resultados do Google.

Leia mais
_ [] X

// Bem vindo a Kodar

> Página do grupo de estudos e projetos de desenvolvimento e programação.


// integrantes
> Jovany Alves
> Gabriel Costa
> $Lkazin
> Fellype Alves
> Robyfranklin

// links úteis

Referências HTML, CSS, JavaScript

> W3Schools
> MDN
> Link
> Link
> Link