Metadados
Metadados são todo tipo de informação externas ou internas que formatam e dão vida ao seu site. Essas informações não são vistas pelo usuário, elas são capturadas pelo navegador.
Todas essas informações ficam dentro da tag <head> do seu site.
Exemplo de estrutura de HTML:
Em posts anteriores explicamos sobre Doctype, Sobre as tags Body, HTML e sobre formatação de textos.
Agora vamos falar um pouco sobre os Metadados.
<link> – Defini um link entre documento e um recurso externo, como um arquivo CSS, em um head pode ter vários links, nesse metadado usamos o rel=”” para referenciar o documento.
Exemplo: rel=”alternate” utilizada para dizer aos mecanismos de buscas que seu site possui uma versão alternativa, com por exemplo um site em outra língua ou um Feed.
E também temos o mais usado que é o rel=”stylesheet” usado para referenciar o CSS do seu site, a folha de estilo que formata seu site.
<script> – Usada para definir um Javascript, o elemento contém instruções de script inseridos internamente dentro do <head> ou apontam para um arquivo de script externo através do atributo src=””.
<meta> – Os meta-elementos geralmente são usados para especificar a descrição da página, autor, palavras-chaves, a ultima modificação de outros metadados. As meta tags são muito utilizadas por profissionais de SEO, elas contém elementos que ajudam a melhorar o ranqueamento do seu site.
Exemplo:
<style> – Usada para definir o estilo do site, diferente do link que referencia um documento de estilo externo, com essa tag você consegue adicionar estilos CSS internamente no seu site.
Exemplo:
<title> – A tag Title é necessário em absolutamente todos documentos HTML, ela define o título do seu documento, e não existe nada mais importante do que seu site ter um nome.
Exemplo: