ℹ Info Twitter

Falta twitter:site — Atribuye contenido a tu cuenta de X/Twitter

Añadir tu @usuario de X/Twitter ayuda a atribuir el contenido a tu cuenta.

¿Qué es twitter:site?

La meta etiqueta twitter:site especifica el @usuario de X/Twitter del sitio web o la organización propietaria del contenido. Se muestra en las previsualizaciones de tarjetas y ayuda a atribuir los enlaces compartidos a tu marca.

Cómo lo usan las plataformas

X/Twitter — Muestra “De @tumarca” o atribuye la tarjeta a tu cuenta
Analíticas — Habilita Twitter Card Analytics para tu dominio
Señal de confianza — Los usuarios ven una cuenta establecida vinculada al contenido

¿Por qué deberías añadirlo?

Visibilidad de marca — Tu @usuario aparece junto a los enlaces compartidos
Acceso a analíticas — Twitter Card Analytics rastrea impresiones, clics e interacción
Credibilidad — Los enlaces atribuidos a cuentas verificadas o establecidas generan más confianza
Descubrimiento — Los usuarios pueden acceder directamente a tu perfil de Twitter

Cómo solucionarlo

<meta name="twitter:site" content="@yourbrand" />

Considera también twitter:creator

<!-- Cuenta del sitio/organización -->
<meta name="twitter:site" content="@yourbrand" />

<!-- Autor individual (para artículos/blogs) -->
<meta name="twitter:creator" content="@authorhandle" />

Buenas prácticas

Incluye el símbolo @ — @tumarca, no solo tumarca
Usa tu cuenta de marca principal — No una cuenta personal (usa twitter:creator para eso)
Mantenlo consistente — El mismo @usuario en todas las páginas
Verifica tu cuenta — Las cuentas verificadas generan más confianza en las previsualizaciones

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"