✕ Error SEO

Falta la etiqueta <title> — El elemento SEO on-page más importante

La etiqueta HTML <title> es el elemento SEO on-page más importante para los motores de búsqueda.

¿Qué es la etiqueta title?

La etiqueta <title> define el título de tu documento HTML. Aparece en:

Pestañas del navegador — El texto que se muestra en la pestaña
Resultados de búsqueda — El titular clicable en Google, Bing, etc.
Respaldo en redes sociales — Cuando falta og:title, las plataformas usan este valor
Marcadores — El nombre predeterminado cuando los usuarios guardan tu página como favorito

¿Por qué es fundamental?

La etiqueta <title> es considerada el elemento SEO on-page más importante:

Google la utiliza como la señal principal para entender el contenido de la página
Es lo primero que ven los usuarios en los resultados de búsqueda
Impacta directamente en la tasa de clics (CTR) desde el buscador
Las páginas sin título pueden ser mal indexadas o posicionadas

Cómo solucionarlo

Añade una etiqueta <title> dentro de tu <head>:

<head>
  <title>Tu título atractivo de página — Tu Marca</title>
</head>

Buenas prácticas

50-60 caracteres — Google muestra aproximadamente entre 50 y 60 caracteres en los resultados de búsqueda
Único por página — Cada página debe tener un título diferente
Palabras clave al inicio — Coloca las palabras más importantes primero
Incluye tu marca — Añade el nombre de tu marca al final con un separador (| o —)
Sé descriptivo — Describe con precisión de qué trata la página

Ejemplos

Buenos títulos:

Cómo crear una API REST con Node.js — DevBlog
Auriculares inalámbricos premium | Envío gratis | TechStore
Contacto — Obtén ayuda en 24 horas | TuMarca

Malos títulos:

Inicio — Demasiado vago
Documento sin título — Texto predeterminado
Vacío o ausente — El peor caso

Verifica tus etiquetas Open Graph

Artículos relacionados

og:image rota

La URL de og:image no devuelve una imagen válida. Las plataformas sociales mostrarán una vista previa rota o vacía.

La URL canónica difiere de la URL de la página

La URL canónica apunta a una URL diferente a la de la página actual.

El charset no es la primera etiqueta meta

La declaración de charset debería ser el primer elemento dentro de <head>.

og:description podría ser más larga

Tienes espacio para una descripción más detallada que aumente la interacción.

og:description contiene una URL

La og:description debería ser un resumen legible, no una URL.

Keyword stuffing en og:description

Repetir las mismas palabras excesivamente en la descripción se percibe como spam.

Servidor MCP de OpenGraph

Inspecciona tags OG directamente desde tu editor

El servidor MCP de OpenGraph te permite inspeccionar y analizar meta tags Open Graph directamente desde tu editor con IA o asistente. Proporciona dos herramientas:

inspect_og — Obtener y puntuar tags OG de cualquier URL
suggest_og_tags — Generar HTML de meta tags recomendados

Agrega el servidor al archivo .cursor/mcp.json de tu proyecto:

{
  "mcpServers": {
    "opengraph": {
      "command": "npx",
      "args": ["-y", "opengraph-mcp"]
    }
  }
}

Reinicia Cursor después de agregar la configuración.

Agrega a tu archivo .vscode/mcp.json (requiere extensión GitHub Copilot):

{
  "servers": {
    "opengraph": {
      "command": "npx",
      "args": ["-y", "opengraph-mcp"]
    }
  }
}

Asegúrate de tener GitHub Copilot con soporte MCP habilitado.

Agrega a tu archivo claude_desktop_config.json:

{
  "mcpServers": {
    "opengraph": {
      "command": "npx",
      "args": ["-y", "opengraph-mcp"]
    }
  }
}

El archivo de configuración está en ~/Library/Application Support/Claude/claude_desktop_config.json en macOS o %APPDATA%\Claude\claude_desktop_config.json en Windows.

Agrega a tu archivo ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "opengraph": {
      "command": "npx",
      "args": ["-y", "opengraph-mcp"]
    }
  }
}

Reinicia Windsurf después de modificar la configuración.

Agrega a tu settings.json de Zed bajo context_servers:

{
  "context_servers": {
    "opengraph": {
      "command": {
        "path": "npx",
        "args": ["-y", "opengraph-mcp"]
      }
    }
  }
}

Abre ajustes con Cmd+, y agrega la configuración.

Ejemplos de uso

▶ "Inspecciona los tags OG de github.com"

▶ "Sugiere meta tags OG para mi sitio web https://example.com"

▶ "Verifica si mi blog tiene etiquetas Open Graph correctas"