Módulo Meta OG para Magento 2: mejor visibilidad en redes sociales
- Compatibilidad
- 2.4.9, 2.4.8, 2.4.7, 2.4.6, 2.4.5, 2.4.4, 2.4.3, 2.4.2, 2.4.1, 2.4.0, 2.3.7, 2.3.6, 2.3.5, 2.3.4
- Hyva Theme
- Hyva Theme Redy
Descripción / Módulo Meta OG para Magento 2: mejor visibilidad en redes sociales
MAGENTO 2 · OPEN GRAPH · REDES SOCIALES · COMPARTIR
Cuida la presentación de los enlaces compartidos desde tu tienda.
Kowal Meta OG
Configura el título, la descripción y la imagen para las vistas previas de productos, categorías y páginas CMS. Utiliza los datos de la página y los valores predeterminados para que los enlaces transmitan un mensaje claro de tu marca.
Productos, categorías, CMS · Valores predeterminados · Luma y Hyvä
CÓMO FUNCIONA EN LA PRÁCTICA
01 · Completas los metadatos
Seleccionas el título, la descripción y la imagen de la página.
02 · Magento genera las etiquetas
Los datos Open Graph se incorporan al HTML en el servidor.
03 · La plataforma lee el enlace
Utiliza los metadatos para crear la vista previa.
¿Qué gana tu tienda?
Descubre las funciones, el uso y la configuración del módulo.
Conoce el módulo
El módulo Kowal_MetaOg permite gestionar de forma avanzada los datos Open Graph en tu tienda Magento 2. Con él obtienes control total sobre cómo se muestran los enlaces a productos, categorías y páginas CMS en redes sociales como Facebook, Messenger, Twitter (X), LinkedIn o WhatsApp.
¿Qué es Open Graph?
Open Graph (OG) es un conjunto de metaetiquetas que informa a las plataformas sociales sobre el contenido de una página determinada. Permiten definir, entre otros elementos, el título, la descripción, el tipo de contenido, la imagen e incluso el idioma, para que el enlace compartido resulte atractivo y anime a hacer clic.
¿Por qué utilizar OG en Magento?
- Mayor tasa de clics (CTR): las vistas previas claras pueden animar a visitar la tienda; el resultado depende del contenido y del público.
- Mejor presentación de productos: definición automática o manual de la descripción, el título y la imagen de cada página.
- Visibilidad en redes sociales: Open Graph organiza la vista previa del enlace. El efecto sobre los clics debe medirse; el módulo no garantiza por sí solo una mejora de las posiciones en buscadores.
- Compatibilidad con plataformas populares: funciona, entre otras, con Facebook, Twitter (X), LinkedIn, Slack y Discord.
Tipos de páginas compatibles
- Fichas de producto : lectura automática del nombre, la descripción y la imagen, o posibilidad de configurarlos individualmente.
- Páginas de categoría : compatibilidad con OG title, description y opción de usar la imagen de la categoría como banner o solo como OG image.
- Páginas CMS : posibilidad de añadir una descripción OG y una imagen sin intervenir en el código de la plantilla.
Funciones principales del módulo
- Edición manual de datos OG: title, description, image
- Fallback a la configuración global desde el panel de configuración
- Integración con el sistema Magento UI en el panel de administración
- Validación segura y gestión de errores
- Compatibilidad con cualquier tema Magento
Información adicional
- Módulo compatible con Magento 2.3.x – 2.4.x
- Instalación sencilla mediante Composer
¿Tienes preguntas?
Contacta con nosotros a través del formulario de contacto o escríbenos a kontakt@kowal.co.
Metadatos a partir de los datos de la página y los valores predeterminados
Un producto puede tener sus propios OG title, description, image y tipo. Sin valores personalizados, el módulo lee el nombre, la descripción breve y la imagen del producto. Las categorías utilizan el nombre, la meta description y la imagen de la categoría; las páginas CMS utilizan valores propios o datos estándar.
En Stores → Configuration → Kowal → Meta OG configuras el título, la descripción, la imagen y el nombre del sitio predeterminados. El código también emite la URL, el tipo de contenido y el locale. La imagen de la categoría puede mantenerse en los metadatos aunque el banner de la página esté desactivado.
Luma, Hyvä y etiquetas duplicadas
El mismo módulo funciona con Luma y Hyvä sin un adaptador independiente. Las etiquetas se generan en el HTML head en el servidor; no requieren JavaScript ni una compilación adicional de los recursos del tema.
El módulo elimina el bloque estándar opengraph.general del producto para reducir conflictos OG; con ello también elimina sus metadatos estándar de precio y moneda. Comprueba otros módulos SEO y las etiquetas propias del tema que puedan seguir generando duplicados.
Vista previa del enlace y resultados de marketing
Open Graph transmite metadatos que describen la página. La presentación y la actualización de la vista previa dependen de la plataforma. El módulo no publica entradas, no gestiona cuentas de redes sociales ni garantiza un aumento del CTR o de las posiciones en Google.
El significado de las propiedades de título, imagen, descripción y locale se explica en la especificación Open Graph.
Instalación mediante Composer
Paquete kowal/module-metaog, módulo Kowal_MetaOg. Tras configurar el acceso al repositorio de Kowal, instala el paquete, activa el módulo, actualiza Magento y limpia la caché. En producción, ten en cuenta la compilación y el despliegue de contenido estático de acuerdo con el proceso de la tienda.
De la configuración al resultado
1. Completas los metadatos
Seleccionas el título, la descripción y la imagen de la página.
2. Magento genera las etiquetas
Los datos Open Graph se incorporan al HTML en el servidor.
3. La plataforma lee el enlace
Utiliza los metadatos para crear la vista previa.
Una vista previa adaptada a la campaña
El producto tiene un nombre de catálogo, pero para compartirlo configuras un título OG más corto, una descripción de sus ventajas y una imagen específica.
Si no introduces valores propios, el módulo utiliza los datos de la página y, cuando faltan, los valores predeterminados.
Organiza las vistas previas de los enlaces de tu tienda
¿Quieres adaptar el módulo a tu tienda? Consulta sobre la implementación de Kowal Meta OG y comenta la configuración o las ampliaciones necesarias.
Más Información
| Hyva Theme | Hyva Theme Redy |
|---|---|
| Conformidad con la plantilla | Hyvä, Luma / Blank, KOWAL |
Instrucciones de instalación del módulo
Instalación mediante Composer
Recibirás por correo electrónico los datos de acceso al repositorio Composer (dirección de e-mail del cliente y token de licencia) después de la compra. También están disponibles en el panel de cliente tras iniciar sesión en kowal.store. Sustituye TWOJ_EMAIL_KLIENTA por la dirección de e-mail de tu cuenta y TWOJ_TOKEN por el token recibido. Ejecuta los comandos en el directorio raíz de Magento.
composer config repositories.kowal composer https://repo.kowal.store
composer config http-basic.repo.kowal.store "TWOJ_EMAIL_KLIENTA" "TWOJ_TOKEN"
composer require kowal/module-metaog
Después de instalar el paquete, ejecuta:
php bin/magento setup:upgrade
php bin/magento cache:flush
1. Configuración global (system.xml)
Ve a Tiendas > Configuración > KOWAL > Meta OG:
-
Título predeterminado (og:title)
-
Descripción predeterminada (og:description)
-
Imagen predeterminada (og:image)
-
Nombre del sitio web (og:site_name)
-
Desactivar la visualización de la imagen de categoría (show_category_image)
2. Productos
Al editar un producto hay 3 campos nuevos disponibles:
-
Meta OG Title
-
Meta OG Description
-
La imagen OG se obtiene automáticamente de la galería del producto
3. Categorías
Al editar una categoría están disponibles:
-
Meta OG Title
-
Meta OG Description
La imagen OG se obtiene automáticamente del campo «Image» de la categoría.
Si quieres desactivar su presentación como banner en el frontend, desactiva la opción «Mostrar imagen de categoría (como banner)» en los ajustes del módulo.
4. Página CMS
Al editar una página CMS, por ejemplo, las condiciones de venta:
-
Meta OG Title
-
Meta OG Description
-
Meta OG Image (de la carpeta wysiwyg)
5. Visualización en el código fuente
Tras acceder a una página de producto, categoría o CMS, abre DevTools y comprueba <head>:
<meta property="og:title" content="Tytuł strony lub produktu"> <meta property="og:description" content="Krótki opis widoczny w podglądzie linku"> <meta property="og:image" content="https://example.com/media/og-image.jpg"> <meta property="og:url" content="https://example.com/strona-produktu">