O Papel do Head do Documento
O cabeçalho do documento pode incluir meta tags, muitas das quais não são visíveis para o usuário na janela do navegador. Portanto, nos próximos exemplos, você não verá nenhum conteúdo visível. Essas tags armazenam informações de metadados sobre a página.
Título da Página
O texto dentro da tag <title> é exibido na aba do navegador. O título deve ser uma descrição concisa da página e conter no máximo 60 caracteres.
index.html
Com a ajuda deste código, é possível obter essa aparência no site. Na aba do navegador, será exibido exatamente o texto contido na tag <title> (moldura branca na imagem).
Metadados
A tag <meta> contém informações para navegadores e mecanismos de busca: codificação do documento, comunicação de dados e muito mais. As tags meta podem possuir diversos atributos, pois cada uma transmite informações diferentes. O mais importante é a codificação da página, que auxilia o navegador a exibir o texto corretamente. Caso a codificação não seja informada, o navegador pode apresentar mojibake em vez dos caracteres.
index.html
Significado dos Atributos da Tag meta
name: nome de uma propriedade pode ser qualquer palavra ou frase, mas os navegadores geralmente esperam um valor que possam reconhecer e usar para executar uma ação. Um exemplo seria<meta name="author" content="name">para indicar o autor da página;content: especifica o valor da propriedade. Um exemplo seria<meta name="language" content="english">para especificar o idioma do texto da página;http-equiv: significa equivalente HTTP, e é usado para simular cabeçalhos de resposta HTTP. Isso é raro de ver. Um exemplo seria<meta http-equiv="refresh" content="30">para indicar ao navegador que atualize a página a cada 30 minutos.
Meta Tags Básicas para Melhoria de SEO
<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 direito autoral da página web.
index.html
1. Onde a tag <meta> deve ser colocada?
2. Qual conteúdo de 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 examples of meta tags for SEO?
Can you explain more about the robots meta tag?
Why is specifying encoding in meta tags important?
Awesome!
Completion rate improved to 2.56O Papel do Head do Documento
Deslize para mostrar o menu
O cabeçalho do documento pode incluir meta tags, muitas das quais não são visíveis para o usuário na janela do navegador. Portanto, nos próximos exemplos, você não verá nenhum conteúdo visível. Essas tags armazenam informações de metadados sobre a página.
Título da Página
O texto dentro da tag <title> é exibido na aba do navegador. O título deve ser uma descrição concisa da página e conter no máximo 60 caracteres.
index.html
Com a ajuda deste código, é possível obter essa aparência no site. Na aba do navegador, será exibido exatamente o texto contido na tag <title> (moldura branca na imagem).
Metadados
A tag <meta> contém informações para navegadores e mecanismos de busca: codificação do documento, comunicação de dados e muito mais. As tags meta podem possuir diversos atributos, pois cada uma transmite informações diferentes. O mais importante é a codificação da página, que auxilia o navegador a exibir o texto corretamente. Caso a codificação não seja informada, o navegador pode apresentar mojibake em vez dos caracteres.
index.html
Significado dos Atributos da Tag meta
name: nome de uma propriedade pode ser qualquer palavra ou frase, mas os navegadores geralmente esperam um valor que possam reconhecer e usar para executar uma ação. Um exemplo seria<meta name="author" content="name">para indicar o autor da página;content: especifica o valor da propriedade. Um exemplo seria<meta name="language" content="english">para especificar o idioma do texto da página;http-equiv: significa equivalente HTTP, e é usado para simular cabeçalhos de resposta HTTP. Isso é raro de ver. Um exemplo seria<meta http-equiv="refresh" content="30">para indicar ao navegador que atualize a página a cada 30 minutos.
Meta Tags Básicas para Melhoria de SEO
<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 direito autoral da página web.
index.html
1. Onde a tag <meta> deve ser colocada?
2. Qual conteúdo de 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!
