[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/es/docs/Web/HTML/Reference/Elements/title [Back]  [Original]

<title>: El elemento Ttulo del documento - HTML | MDN

Esta pgina ha sido traducida del ingls por la comunidad. Aprende ms y nete a la comunidad de MDN Web Docs.

View in English Always switch to English

<title>: El elemento Ttulo del documento

Baseline Widely available

This feature is well established and works across many devices and browser versions. Its been available across browsers since julio de 2015.

El elemento <title> HTML define el ttulo del documento que se muestra en un browser la barra de ttulo o la pestaa de una pgina. Solo contiene texto; las etiquetas dentro del elemento se ignoran.

html
<title>Diario del festival de heavy metal de la abuela</title>
Categoras de contenido Contenido de metadatos.
Contenido permitido Texto que no es un espacio en blanco entre elementos.
Omisin de etiqueta Se requieren etiquetas de apertura y cierre. Tenga en cuenta que omitir </title> hara que el navegador ignore el resto de la pgina.
Padres permitidos Un elemento <head> que no contiene ningn otro elemento <title>.
Rol ARIA implcito Sin rol correspondiente
Roles ARIA permitidos No se permite role.
Interfaz DOM HTMLTitleElement

In this article

Atributos

Este elemento solo incluye los atributos globales.

Notas de uso

El elemento <title> siempre se usa dentro del bloque <head> de una pgina.

Ttulos de pgina y SEO

El contenido del ttulo de una pgina puede tener implicaciones significativas para la optimizacin de motores de bsqueda (SEO). En general, un ttulo descriptivo ms largo funciona mejor que los ttulos cortos o genricos. El contenido del ttulo es uno de los componentes que utilizan los algoritmos de los motores de bsqueda para decidir el orden en el que enumerar las pginas en los resultados de bsqueda. Adems, el ttulo es el "gancho" inicial mediante el cual captas la atencin de los lectores que miran la pgina de resultados de bsqueda.

Algunas pautas y consejos para componer buenos ttulos:

  • Evite los ttulos de una o dos palabras. Utilice una frase descriptiva o una combinacin de trminos y definiciones para las pginas de glosario o estilo de referencia.
  • Los motores de bsqueda suelen mostrar los primeros 55 a 60 caracteres del ttulo de una pgina. El texto ms all de eso puede perderse, as que trate de no tener ttulos ms largos que eso. Si debe usar un ttulo ms largo, asegrese de que las partes importantes aparezcan antes y que no haya nada crtico en la parte del ttulo que es probable que se elimine.
  • No utilice "blobs de palabras clave." Si su ttulo es solo una lista de palabras, los algoritmos a menudo reducen la posicin de su pgina en los resultados de bsqueda.
  • Trate de asegurarse de que sus ttulos sean lo ms nicos posible dentro de su propio sitio. Los ttulos duplicados, o casi duplicados, pueden contribuir a resultados de bsqueda inexactos.

Ejemplo

html
<title>Cosas increbles e interesantes</title>

Este ejemplo establece una pgina cuyo ttulo (tal como se muestra en la parte superior de la ventana o en la pestaa de la ventana) es "Cosas increbles e interesantes".

Problemas de accesibilidad

Es importante proporcionar un ttulo preciso y conciso para describir el propsito de la pgina.

Una tcnica de navegacin comn para los usuarios de tecnologa de asistencia es leer el ttulo de la pgina e inferir el contenido que contiene. Esto se debe a que navegar en una pgina para determinar su contenido puede ser un proceso lento y potencialmente confuso. Los ttulos deben ser nicos para cada pgina de un sitio web, idealmente mostrando primero el propsito principal de la pgina, seguido del nombre del sitio web. Seguir este patrn ayudar a garantizar que el lector de pantalla anuncie primero el propsito principal de la pgina. Esto brinda una experiencia mucho mejor que tener que escuchar el nombre de un sitio web antes del ttulo nico de la pgina, para cada pgina a la que navega un usuario en el mismo sitio web.

Ejemplo

html
<title>
  Men - Comida china Blue House - FoodYum: Comida a domicilio en lnea hoy!
</title>

Si el envo de un formulario contiene errores y el envo vuelve a representar la pgina actual, el ttulo se puede usar para ayudar a que los usuarios se den cuenta de cualquier error en su envo. Por ejemplo, actualice el valor de title de la pgina para reflejar cambios significativos en el estado de la pgina (como problemas de validacin de formularios).

html
<title>
  2 errores - Tu orden - Comida china Blue House - FoodYum: Comida a domicilio
  en lnea hoy!
</title>

Nota: Actualmente, los lectores de pantalla no anunciarn automticamente la actualizacin dinmica del ttulo de una pgina. Si va a actualizar el ttulo de la pgina para reflejar cambios significativos en el estado de una pgina, entonces tambin puede ser necesario el uso de regiones en vivo de ARIA.

Especificaciones

Specification
HTML
# the-title-element

Compatibilidad con navegadores


Web Proxy Viewer  |  New URL  |  Original Page