A Tag "title" - Aulas de HTML, Lição 5

Compartilhar

A tag <title> (do Inglês title, pronunciado "taito," significando "título") é a tag usada para definir o título de uma página HTML. Toda página tem somente uma tag <title>, que é descendente direta da tag <head>.

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="utf-8">
        <title>Lição 5: a Tag title - VirtualCuriosities.com</title>
    </head>
    <body>...</body>
</html>

O conteúdo da tag <title> não aparece por padrão dentro de uma página. É possível fazer o conteúdo aparecer, mas ninguém é louco o bastante para fazer isso. Em vez disso, a tag <title> é usada apenas para dizer a vários tipos de programas e outros websites qual o título de uma dada página HTML. Alguns jeitos que essa informação é usada inclui:

  • Em navegadores, o título da página é exibido na aba (tab) da página.
  • O título da página também é usado quando você salvo uma página em seus favoritos (bookmarks).
  • Em redes sociais que permitem o compartilhamento de links, o título da página pode ser exibido junto do link.
  • Em motores de busca como o Google, o título da página é exibido quando ela faz parte dos resultados de uma pesquisa.

Não existem regras na linguagem HTML sobre o que deve ser escrito da tag <title>. Porém, existem práticas.

  • É comum incluir o nome do site na tag <title>, separado por um tracinho (-) ou barra vertical (|).
  • É recomendado evitar títulos longos, já que eles não irão aparecer por inteiro no Google.
  • É recomendado evitar títulos que outra página na Internet pode ter. Isto é, inclua no título informações únicas sobre a página, e não somente o tópico que ela cobre. Por exemplo, existem vários artigos sobre "alternativas para o Google" na Internet, mas se usarmos números, "7 Alternativas para o Google em 2023," ele se torna muito mais único entre outros artigos sobre o mesmo tópico na Internet inteira.

Comentários

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *