<!-- Custom properties -->
<meta property="og:locale" content="en_US" />
<meta property="og:updated_time" content="2024-01-15T10:00:00Z" />
<meta property="article:author" content="John Doe" />
<meta property="article:published_time" content="2024-01-15T09:00:00Z" />
<meta property="article:section" content="Technology" />
<meta property="article:tag" content="web development" />

Integración de datos estructurados

Combina etiquetas Open Graph con datos estructurados para mejorar el SEO:

<!-- Open Graph tags -->
<meta property="og:type" content="article" />
<meta property="og:title" content="Advanced Web Development" />

<!-- Structured data -->
<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "headline": "Advanced Web Development",
    "author": {
      "@type": "Person",
      "name": "John Doe"
    }
  }
</script>

Soporte multilingüe

Etiquetas por locale

Para sitios internacionales, utiliza etiquetas específicas por locale:

<!-- English version -->
<meta property="og:locale" content="en_US" />
<meta property="og:title" content="Welcome to Our Site" />

<!-- Spanish version -->
<meta property="og:locale:alternate" content="es_ES" />
<meta property="og:title" content="Bienvenido a Nuestro Sitio" />

URLs por idioma

Usa URLs distintas para cada idioma:

/en/page para inglés
/es/page para español
/fr/page para francés

Optimización de rendimiento

Carga de imágenes

usa un CDN para una entrega más rápida
aplica lazy loading a imágenes no críticas
optimiza el tamaño de los archivos
elige el formato adecuado

Ubicación de meta tags

coloca las etiquetas en la sección <head>
mantenlas cerca de la parte superior para un parsing más rápido
evita etiquetas duplicadas o en conflicto

Analítica y seguimiento

Analítica en redes sociales

Monitorea el rendimiento de tus etiquetas Open Graph:

revisa las tasas de clic desde plataformas sociales
analiza qué contenido funciona mejor
realiza pruebas A/B con imágenes y descripciones

Parámetros UTM

Añade parámetros UTM para rastrear tráfico social:

https://yoursite.com/page?utm_source=facebook&utm_medium=social&utm_campaign=article_share

Solución de problemas comunes

Imágenes que no se muestran

Causas comunes y soluciones:

URL incorrecta: usa URLs absolutas con https://
imagen demasiado pequeña: asegura mínimo 600x315 píxeles
archivo demasiado grande: mantén el tamaño por debajo de 8MB
problemas de acceso: verifica que la imagen sea públicamente accesible

Títulos y descripciones truncados

título demasiado largo: mantén menos de 60 caracteres
descripción demasiado larga: mantén menos de 160 caracteres
caracteres especiales: evita entidades HTML en meta tags

Problemas específicos por plataforma

Facebook: usa su debugger para refrescar caché
Twitter: valida las cards con su validator
LinkedIn: revisa con su post inspector

Buenas prácticas por industria

E-commerce

usa imágenes de producto de alta calidad
incluye precios en las descripciones
destaca características y beneficios
mantén un branding consistente

Noticias y medios

usa titulares atractivos
incluye la fecha de publicación
usa imágenes relevantes
añade información del autor

Tecnología

usa descripciones claras y técnicas
considera incluir fragmentos de código en las imágenes
destaca funcionalidades clave
utiliza imágenes profesionales

Marca personal

usa fotos de perfil profesionales
resalta logros
mantén un mensaje consistente
demuestra tu experiencia

Automatización e integración

Integración con CMS

Muchos CMS soportan Open Graph:

WordPress: usa plugins como Yoast SEO
Drupal: usa el módulo Metatag
Joomla: usa extensiones Open Graph

Integración vía API

Para contenido dinámico, considera:

generación del lado del servidor
sistemas basados en plantillas
meta tags gestionados desde base de datos

Próximos pasos

Ahora que entiendes las funciones avanzadas, visita la sección Examples para ver implementaciones reales y casos de uso.

¿Te resultó útil esta página?

On this page

Optimización por tipo de contenido Estrategias de optimización de imágenes Optimización de Twitter Cards Personalización avanzada de meta tags Soporte multilingüe Optimización de rendimiento Analítica y seguimiento Solución de problemas comunes Buenas prácticas por industria Automatización e integración Próximos pasos