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
What are some best practices for writing effective meta descriptions?
Can you explain more about how the robots meta tag works?
Why is character encoding important in the meta tag?
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!
