Saltar al contenido

Etiqueta HTML <title>

La etiqueta <title> define el título de un documento HTML. Una etiqueta de título debe ser la descripción precisa del contenido de una página. El título se muestra en la barra de herramientas del navegador y en las páginas de resultados de los motores de búsqueda (SERPs) como un titular clicable.

El contenido del título es un componente importante que los algoritmos de los motores de búsqueda utilizan para determinar el orden de aparición de las páginas en los resultados de búsqueda.

Una etiqueta de título optimizada aumenta el rango en las SERPs y la tasa de clics.

Las etiquetas de título se utilizan para:

  • el título corto y la descripción de una página que se muestra en la parte superior de la ventana del navegador,
  • el posicionamiento en los motores de búsqueda,
  • el nombre predeterminado para los marcadores creados por el usuario,
  • el titular del enlace cuando se comparte en redes sociales,
  • el titular clicable.

éxito

El título debe contener palabras clave para que los motores de búsqueda posicionen la página para consultas relevantes.

Debe haber solo un elemento <title> en un documento HTML ubicado dentro de la <head> sección.

Aquí tienes algunos consejos para crear buenos títulos:

  • Evita el uso de títulos de una o dos palabras. En su lugar, puedes usar una frase descriptiva.
  • Si es posible, evita los caracteres especiales, ya que los navegadores pueden mostrarlos de manera diferente.
  • En general, los motores de búsqueda muestran alrededor de 55-60 caracteres de un título. Al usar un título más largo, asegúrate de que las partes importantes estén al principio.
  • Evita el uso de una lista de palabras como título.
  • Asegúrate de que el título sea único en tu sitio.

Sintaxis

El elemento <title> viene en pares. El contenido se escribe entre las etiquetas de apertura (<title>) y cierre (</title>).

Ejemplo de la etiqueta HTML <title>:

Etiqueta HTML <title>

html
<!DOCTYPE html>
<html>
  <head>
    <title>W3Docs - learn HTML, CSS, PHP, JavaScript online.</title>
  </head>
  <body>
    <p>The main content of the page.</p>
  </body>
</html>

Resultado

ejemplo de título

Atributos

La etiqueta <title> admite los Atributos Globales.

Práctica

¿Qué es cierto sobre la etiqueta de título HTML según la información de W3Docs?

¿Te resulta útil?

Vista previa dual-run — compárala con las rutas Symfony en producción.