ℹ Info Open Graph

Falta og:locale — Declara el idioma y la región de tu contenido

La etiqueta og:locale declara el idioma y la región de tu contenido.

¿Qué es og:locale?

La meta etiqueta og:locale especifica el idioma y la variante regional de tu contenido usando el formato idioma_TERRITORIO (por ejemplo, en_US, es_ES, fr_FR). Ayuda a las plataformas sociales a mostrar tu página a la audiencia correcta y en el contexto de idioma adecuado.

¿Por qué es importante?

Segmentación de contenido

Facebook usa og:locale para categorizar y servir contenido a los usuarios en el idioma correcto
LinkedIn lo utiliza para recomendaciones de contenido regional
Ayuda a las plataformas a entender a qué segmento de audiencia va dirigido tu contenido

Sitios multi-idioma

Si tienes contenido en varios idiomas, og:locale es esencial:

Indica a las plataformas qué versión de idioma se está compartiendo
Funciona con og:locale:alternate para indicar otros idiomas disponibles
Evita que aparezca la versión de idioma incorrecta en las vistas previas

Alineación con el SEO

Complementa el atributo lang de tu etiqueta <html>
Proporciona señales de idioma adicionales a los rastreadores
Ayuda con el SEO internacional y la coherencia con hreflang

Cómo solucionarlo

<meta property="og:locale" content="en_US" />

Para sitios multi-idioma

<!-- Primary language -->
<meta property="og:locale" content="en_US" />

<!-- Alternative languages available -->
<meta property="og:locale:alternate" content="es_ES" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:locale:alternate" content="de_DE" />

Valores de locale comunes

Locale	Idioma
`en_US`	Inglés (EE. UU.)
`en_GB`	Inglés (Reino Unido)
`es_ES`	Español (España)
`es_MX`	Español (México)
`fr_FR`	Francés
`de_DE`	Alemán
`pt_BR`	Portugués (Brasil)
`ja_JP`	Japonés
`zh_CN`	Chino (simplificado)

Buenas prácticas

Usa siempre el formato idioma_TERRITORIO — en_US, no en ni english
Coincide con el contenido de tu página — No pongas en_US en una página en español
Sé consistente — Alinéalo con tu atributo <html lang> y las etiquetas hreflang
El valor por defecto es en_US — Si no se especifica, Facebook asume en_US

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"