og.relative_url
Que las direcciones de Open Graph (og:image, og:url) sean absolutas.
Por qué importa
El protocolo Open Graph pide la dirección completa de la imagen. Muchas redes no resuelven una ruta relativa (/img/og.jpg) y se quedan sin imagen.
Cómo se corrige
Escribe la dirección absoluta, con https:// y el dominio: <meta property="og:image" content="https://tudominio.com/img/og.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: la dirección de og:image es relativa, y muchas redes no la resuelven.
Datos de tu web: Aquí van la página y la evidencia que ha encontrado Seotres.
Objetivo
Que la etiqueta og:image de https://tudominio.com/ tenga la dirección absoluta de la imagen (https://dominio/ruta), no una ruta relativa.
Pasos
- Sustituye el valor de og:image por la dirección completa de la misma imagen, empezando por https:// y el dominio.
- No cambies la imagen: solo la forma de escribir su dirección.
- 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.
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
- 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