Etiqueta HTML <título>


Ejemplo

Defina un título para su documento HTML:

<!DOCTYPE html>
<html>
<head>
  <title>HTML Elements Reference</title>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Definición y uso

La <title>etiqueta define el título del documento. El título debe ser solo de texto y se muestra en la barra de título del navegador o en la pestaña de la página.

¡ La <title>etiqueta es obligatoria en los documentos HTML!

¡El contenido del título de una página es muy importante para la optimización de motores de búsqueda (SEO)! Los algoritmos de los motores de búsqueda utilizan el título de la página para decidir el orden al enumerar las páginas en los resultados de búsqueda.

El <title>elemento:

  • define un título en la barra de herramientas del navegador
  • proporciona un título para la página cuando se agrega a favoritos
  • muestra un título para la página en los resultados del motor de búsqueda

Estos son algunos consejos para crear buenos títulos:

  • Elija un título más largo y descriptivo (evite los títulos de una o dos palabras)
  • Los motores de búsqueda mostrarán entre 50 y 60 caracteres del título, así que trate de no tener títulos más largos que eso.
  • No use solo una lista de palabras como título (esto puede reducir la posición de la página en los resultados de búsqueda)

Por lo tanto, trate de hacer que el título sea lo más preciso y significativo posible.

Nota: NO puede tener más de un <title>elemento en un documento HTML.



Compatibilidad con navegador

Element
<title> Yes Yes Yes Yes Yes

Atributos globales

La <title>etiqueta también es compatible con los atributos globales en HTML .


páginas relacionadas

Tutorial HTML: Cabecera HTML

Referencia HTML DOM: Objeto de título


Configuración predeterminada de CSS

La mayoría de los navegadores mostrarán el <title>elemento con los siguientes valores predeterminados:

title {
  display: none;
}