O Papel do Cabeçalho do Documento
O cabeçalho do documento contém metadados, informações para navegadores e mecanismos de busca. Essas tags não aparecem na própria página, por isso os exemplos abaixo não exibem saída visível.
Título da Página
A tag <title> controla o que aparece na aba do navegador. Deve ser curta, clara e, idealmente, ter menos de 60 caracteres.
index.html
Metadados
A tag <meta> armazena informações técnicas importantes sobre a página.
A mais essencial é a codificação de caracteres, que previne caracteres corrompidos (mojibake):
index.html
Significado dos Atributos da Tag meta
name: descreve o tipo de metadado;content: o valor desse metadado;http-equiv: simula cabeçalhos HTTP.
Tags meta básicas para melhoria de SEO
SEO (Search Engine Optimization) é o processo de otimização de um site para melhorar sua visibilidade nos resultados dos mecanismos de busca.
<meta name="description"/>: especifica uma breve descrição da página web;<meta name="author" />: especifica o autor da página web;<meta name="language"/>: especifica o idioma da página web;<meta name="robots"/>: informa aos mecanismos de busca como rastrear ou indexar a página web;<meta name="googlebot" content="notranslate"/>: informa ao Google para não oferecer traduções automáticas da página web;<meta name="copyright" content="Copyright 2024"/>: especifica o copyright da página web.
index.html
1. Onde a tag <meta> deve ser colocada?
2. O conteúdo de qual tag será exibido na aba do usuário?
3. O que pode ser feito para ajudar o navegador a indexar a página?
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Incrível!
Completion taxa melhorada para 2.38O Papel do Cabeçalho do Documento
Deslize para mostrar o menu
O cabeçalho do documento contém metadados, informações para navegadores e mecanismos de busca. Essas tags não aparecem na própria página, por isso os exemplos abaixo não exibem saída visível.
Título da Página
A tag <title> controla o que aparece na aba do navegador. Deve ser curta, clara e, idealmente, ter menos de 60 caracteres.
index.html
Metadados
A tag <meta> armazena informações técnicas importantes sobre a página.
A mais essencial é a codificação de caracteres, que previne caracteres corrompidos (mojibake):
index.html
Significado dos Atributos da Tag meta
name: descreve o tipo de metadado;content: o valor desse metadado;http-equiv: simula cabeçalhos HTTP.
Tags meta básicas para melhoria de SEO
SEO (Search Engine Optimization) é o processo de otimização de um site para melhorar sua visibilidade nos resultados dos mecanismos de busca.
<meta name="description"/>: especifica uma breve descrição da página web;<meta name="author" />: especifica o autor da página web;<meta name="language"/>: especifica o idioma da página web;<meta name="robots"/>: informa aos mecanismos de busca como rastrear ou indexar a página web;<meta name="googlebot" content="notranslate"/>: informa ao Google para não oferecer traduções automáticas da página web;<meta name="copyright" content="Copyright 2024"/>: especifica o copyright da página web.
index.html
1. Onde a tag <meta> deve ser colocada?
2. O conteúdo de qual tag será exibido na aba do usuário?
3. O que pode ser feito para ajudar o navegador a indexar a página?
Obrigado pelo seu feedback!
