DEV Community

gilq
gilq

Posted on

Etiqueta <title>: Tu primera impresión en el mundo 🌍

Si el <head> es el cerebro de tu web, la etiqueta <title> es su nombre y apellido. No aparece dentro de la página blanca, pero es el texto más importante que escribirás para el SEO (Optimización en Buscadores).

🔍 ¿Dónde aparece el título?

Muchos principiantes la confunden con el <h1>, pero el <title> vive en tres lugares críticos:

  1. La pestaña del navegador: Ayuda al usuario a encontrar tu web entre 50 pestañas abiertas.
  2. Resultados de búsqueda (Google): Es el enlace azul gigante en el que la gente hace clic.
  3. Marcadores/Favoritos: Es el nombre con el que se guarda tu sitio.

🏗️ La Fórmula Maestra para un <title> PRO

Un Arquitecto Web no escribe simplemente "Inicio". Usa una estructura que venda:
Palave Clave Principal | Nombre de la Marca

🚀 Código: Configuración de Éxito

<head>
    <title>Página de Inicio</title>

    <title>Curso de HTML Pro | Domina 2000 temas con John</title>
</head>
Enter fullscreen mode Exit fullscreen mode

Tip para el Futuro Senior:

Mantén tus títulos entre 50 y 60 caracteres. Si te pasas, Google cortará el texto con "..." y perderás clics. Además, intenta que cada página de tu sitio tenga un título único. Si todas se llaman igual, Google se confundirá y tu SEO caerá al suelo.

Top comments (0)