As Meta Tags auxiliam os mecanismos de busca (search engines) 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>

<!DOCTYPE html>
<html>
<head>
<title> Aprendendo sobre as meta tags </title>
<meta name="author" content="Ronaldo Lanhellas">
<meta name="description" content="Meta Tags na Devmedia">
<meta name="keywords" content="sites, web, desenvolvimento">
</head>

Atributos e Especificações

Vimos na seção anterior quais os tipos de Meta Tags existentes e agora veremos que atributos podemos utilizar junto a elas:

AUTHOR: Serve para identificar qual o nome do autor da página, geralmente o desenvolver ou a empresa desenvolvedora. Essa tag é utilizado com o tipo “name”, ou seja, você terá que definir como na Código 2: name=”author”.

<meta name="author" content="Ronaldo Lanhellas" />

CACHE-CONTROL: Essa tag é utilizada no com o tipo “http-equiv” e é reconhecida apenas pelo http 1.1, e no seu atributo “content” (onde fica o conteúdo da tag) é permitido os seguintes valores:

Public: Os dados da página podem ser armazenados de forma compartilhada, isto é, será utilizado por diferentes usuários de um mesmo browser.
Private: É o contrário de public, o cache é armazenado para um específico usuário.
No-Cache: A página não é armazenada em Cache.
No-Store: É feito um cache temporário, a página não é arquivada.

Como a tag cache-control é reconhecida apenas pelo HTTP 1.1, o uso do pragma:no-cache é importante caso pretenda-se usar o cache-control:no-cache, isso porque ambos tem o mesmo efeito mas não se sabe se o servidor é ou não compatível com o HTTP 1.1, por isso o uso de ambos é importante

<meta http-equiv="cache-control" content="no-cache" />

CONTENT-TYPE: Esta tag é uma das mais importantes e jamais deve ser esquecida pois ela define qual o tipo de conteúdo que a página contém e qual a codificação deste conteúdo. Assim fica fácil saber se iremos abrir uma página HTML ou um arquivo PDF.

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

COPYRIGHT: Como o próprio nome já sugere, este serve para declarar os direitos autorais da página em questão.

<meta name="copyright" content="© 2019 DevMedia" />

DESCRIPTION: Contém uma descrição/resumo sobre a página, utilizada por alguns mecanismos de busca.

<meta name="description" content="Artigo da Devmedia sobre Meta Tags” />