Imagini OG pentru paginile de produs

O imagine OG pentru o pagină de produs este previzualizarea socială care afișează numele produsului, prețul și o miniatură atunci când pagina este distribuită. FastOG o generează dinamic la 1200×630 și o stochează în cache la marginea rețelei, astfel încât fiecare produs primește un card personalizat, fără ca un designer să atingă un șablon.

De ce paginile de produs din ecommerce au nevoie de imagini OG dinamice

Când un client distribuie un link către un produs în WhatsApp, Slack sau Discord, cardul de previzualizare este un mini-anunț. Un card cu numele real al produsului, prețul și ratingul convertește mult mai bine decât imaginea generică cu logo-ul magazinului. Crearea manuală a unui card unic pentru fiecare produs nu se scalează — pentru asta există API-ul.

Cum să generezi o imagine OG pentru un produs

Semnează un URL cu template=ecommerce, titlul produsului, prețul, ratingul și un URL pentru imagine. API-ul redă cardul la cerere și îl stochează în cache.

// Next.js — app/products/[slug]/page.tsx
export function generateMetadata({ params }) {
    const product = await getProduct(params.slug);
    return {
        openGraph: {
            images: [generateOgImageUrl({
                template: "ecommerce",      // product card
                title: product.name,
                subtitle: product.tagline,  // optional
                price: product.price,       // e.g. "$29.99"
                rating: product.rating,     // e.g. "4.9"
                image: product.imageUrl,    // product photo
            })],
        },
    };
}

Câmpurile șablonului de comerț electronic

Întrebări frecvente

FastOG încarcă imaginea produsului meu în card?

Da. Transmite URL-ul imaginii produsului în parametrul image, iar șablonul de ecommerce o compune în card.

Prețul este afișat în timp real și poate fi editat?

Prețul este orice transmiți la momentul semnării. Schimbi prețul → schimbi URL-ul → un nou randament.

Ce facem cu prețurile reduse / promoționale?

Transmite prețul curent ca price. Unii vânzători reîmprospătează cardul când se schimbă promoția, astfel încât previzualizarea partajată să afișeze prețul actual.

Articole similare

• Sincronizarea prețurilor WooCommerce în previzualizarea WhatsApp
• Previzualizarea linkului WhatsApp nu apare? Remediază og:image
• Actualizare instantanee a imaginii WhatsApp pentru WooCommerce
• Referință API
• SDK — Descărcare și utilizare
• Dimensiunea imaginii OG: 1200×630 explicată
• Imagini OG pentru SaaS