social.open_graph
Que la página tenga título e imagen para compartir en redes (Open Graph).
Por qué importa
Las etiquetas Open Graph controlan el título y la imagen que aparecen al compartir la página en redes sociales y aplicaciones de mensajería. Sin ellas, cada plataforma elige lo que quiere.
Cómo se corrige
Añade en <head>, como mínimo: <meta property="og:title" content="..."> y <meta property="og:image" content="https://.../imagen.jpg">.
Paso a paso: el prompt para tu IA
Cuando Seotres encuentra este problema en tu web, te da un prompt listo para pegar en la IA que uses, con los datos de tu página. Este es el de esta regla con una web de ejemplo (tudominio.com):
Problema: faltan etiquetas Open Graph (título o imagen) para compartir la página en redes.
Datos de tu web: Aquí van la página y la evidencia que ha encontrado Seotres.
Objetivo
Que https://tudominio.com/ declare og:title y og:image en su <head>, para que WhatsApp, LinkedIn y X enseñen el título y la imagen que yo quiero.
Pasos
- Añade <meta property="og:title" content="..."> con un título claro (hasta unos 70 caracteres) y <meta property="og:image" content="https://..."> con la dirección completa de una imagen de 1200×630 píxeles.
- Si no tengo una imagen, pregúntame antes de crear o elegir una.
- Si la web es código propio: cambia la etiqueta <meta property="og:..."> en la plantilla o el componente que genera el <head> de esa página.
- Si usas WordPress: búscalo en el bloque del plugin SEO (por ejemplo Yoast SEO o Rank Math), en la pestaña de redes sociales de esa página, o en los ajustes del tema.
- Si usas Shopify: búscalo en los ajustes de la tienda (imagen para compartir en redes) o en el editor de esa página o producto.
- Si usas Wix, Squarespace u otro creador de webs: busca «Compartir en redes» o «Imagen para redes sociales» en los ajustes de SEO de esa página.
Límites
- No uses una imagen de otra web ni con derechos de otra persona: pregúntame qué imagen debo usar si no hay una propia.
Antes de volver a Seotres
Para comprobarlo antes de volver a Seotres, mira el código de la página (clic derecho, «Ver código fuente») y busca las etiquetas <meta property="og:..."> dentro de <head>. Las redes guardan en caché la tarjeta: puede tardar en actualizarse.
Términos de esta regla
- Open Graph
Etiquetas del <head> que dicen a las redes qué título, descripción e imagen enseñar al compartir la página.
Ejemplo: <meta property="og:image" content="https://tudominio.com/imagen.jpg">
Fuente: The Open Graph protocol
- Título de la página
El texto de la etiqueta <title>. Google suele usarlo como el enlace azul de tu resultado.
Ejemplo: <title>Zapatillas de running para mujer | Mi tienda</title>
Fuente: Google Search Central: cómo influir en los enlaces de título
- HTTPS
La versión cifrada de HTTP: lo que viaja entre el navegador y tu web no se puede leer ni alterar por el camino.
Ejemplo: https://tudominio.com en lugar de http://tudominio.com.
Fuente: MDN Web Docs: HTTPS