Loading...

Uso de títulos de página en HTML

El título de la página aparece en la pestaña del navegador cuando un usuario visita tu sitio. Aunque no forma parte del contenido visible, juega un papel crucial en la experiencia del usuario y la optimización para buscadores (SEO).

Uso de la etiqueta <title>

El elemento <title> se coloca dentro de la sección <head> y contiene un único valor de texto que representa el título de la página.

html

<head>
  <title>My First Webpage</title>
</head>

¿Dónde aparece el título de la página?

El título indicado se muestra en la pestaña del navegador al abrir la página y también aparece cuando se guarda como marcador.

Ubicación en el documento

La etiqueta <title> debe aparecer solo una vez en un documento HTML y debe colocarse dentro de la sección <head>. Aquí tienes un ejemplo de una página con título:

html

<!DOCTYPE html>
<html>
  <head>
    <title>Portfolio | Anna Kovács</title>
  </head>
  <body>
    <h1>Welcome to my page!</h1>
  </body>
</html>

Dónde no colocar un título

La etiqueta <title> solo es válida dentro de la sección <head>. Colocarla en el <body> no tendrá efecto y puede causar errores de validación. HTML sigue reglas estrictas — siempre colócala dentro de <head>.

Consejos para escribir un buen título

Usa frases cortas pero significativas. Incluye palabras clave, pero escríbelas para humanos — esto es lo primero que ven. Por ejemplo: 'Curso HTML para principiantes – ReadyTools' es mejor que solo 'Inicio'.

¿Por qué es importante para el SEO?

Los motores de búsqueda usan el contenido del título al clasificar las páginas. Un título bien escrito y con palabras clave puede ayudar a mejorar la visibilidad en los resultados de búsqueda.

Errores comunes

Los errores comunes incluyen omitir la etiqueta <title>, usar un título demasiado largo o poco informativo, o repetir el mismo título en todas las páginas, lo que perjudica el rendimiento SEO.

¿Cuál es la longitud ideal para un título?

La mayoría de los navegadores y motores de búsqueda muestran entre 50 y 60 caracteres del título. Es mejor mantenerse dentro de ese rango para evitar que se corte.

Sigue Tu Progreso 🚀

Aprende más fácilmente siguiendo tu progreso completamente gratis.


Herramientas destacadas

Hub de CódigoBoardly NUEVOLinksy NUEVOChromo NUEVO

Seleccionar idioma

Establecer tema

© 2025 ReadyTools. Todos los derechos reservados.