Aula 26 - Elemento Title do HTML

Introdução

O elemento <title> é utilizado para definir o título de uma página HTML.

Esse título é exibido principalmente na aba do navegador e também é utilizado pelos mecanismos de busca para identificar o conteúdo da página.

📌 Todo documento HTML deve possuir um elemento <title> bem definido.

O que é o elemento <title>?

O elemento <title> pertence ao cabeçalho <head> do documento HTML.

Ele informa o nome ou descrição principal da página.



<head>


<title>

Curso de Desenvolvimento Web

</title>


</head>

Onde aparece o Title?

Local	Utilização
Aba do navegador	Exibe o nome da página aberta.
Mecanismos de busca	Ajuda na identificação do conteúdo.
Favoritos	Nome salvo pelo usuário.

Exemplo Visual

🌐 Navegador

┌─────────────────────────┐
│ Curso HTML - Aula 26 │
└─────────────────────────┘

Esse texto vem do elemento:
<title>

Estrutura Correta do Title



<!doctype html>


<html lang="pt-BR">



<head>


<title>

Minha Primeira Página

</title>



</head>



<body>


Conteúdo da página


</body>



</html>

Importância para SEO

SEO significa Search Engine Optimization, ou seja, otimização para mecanismos de busca.

O título da página é um dos elementos analisados pelos buscadores para compreender o assunto do conteúdo.

Um bom título ajuda usuários a encontrarem páginas relevantes nos resultados de pesquisa.

Exemplos de Titles

Ruim	Melhor
Página 1	Curso HTML - Aula 26
Documento	Sistema de Cadastro de Alunos
Home	OLECRAM TI - Soluções Web

Boas Práticas para Criar Titles

Criar títulos claros e objetivos.
Representar corretamente o conteúdo da página.
Evitar títulos genéricos.
Utilizar palavras importantes do conteúdo.
Manter tamanho adequado para exibição nos buscadores.

Title em Diferentes Páginas

Página	Exemplo de Title
Home	Minha Empresa - Página Inicial
Produto	Notebook Gamer - Loja Online
Curso	Curso HTML Completo

Erros Comuns

⚠️ Erros frequentes:

❌ Não utilizar a tag <title>
❌ Utilizar o mesmo título em todas as páginas
❌ Criar títulos sem relação com o conteúdo
❌ Usar nomes muito genéricos

Exemplo Profissional



<head>


<meta charset="UTF-8">


<title>

Curso Técnico em Desenvolvimento de Sistemas

</title>



</head>

Resumo da Aula

<title> define o nome da página.
Fica dentro do elemento <head>.
Aparece na aba do navegador.
Ajuda no SEO.
Deve ser único para cada página.

🏷️ Elemento <title> do HTML