Acquisition Tagging - Open Graph and Schema.org

Why This Matters

Your eCommerce site already shows products beautifully to shoppers. But to Webeyez, search engines and social media platforms, pages are just blocks of text and images unless we give them structured data.

Open Graph (OG): Controls how your pages look when shared on social media (title, image, description, price). Cleaner previews = more clicks.
Schema.org (Structured Data): Helps Google and other search engines understand your products. This unlocks rich search results (price, stock, reviews) and makes your products more discoverable.

Together, these ensure your products look great in Webeyez, search results and on social shares.

What to Ask Your Developers To Do

1. Add Open Graph tags to each page

These live in the <head> of your pages and tell Webeyez, Facebook, LinkedIn, WhatsApp, etc. what to show.
This ensures that when someone shares a product, the right name, image, and price appear.

For every product page, ask developers to include tags like:

<meta property="og:type" content="product" />
<meta property="og:title" content="Product Name | Brand" />
<meta property="og:description" content="Short 1–2 sentence description." />
<meta property="og:url" content="https://www.example.com/product-url" />
<meta property="og:image" content="https://www.example.com/product-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="product:price:amount" content="129.99" />
<meta property="product:price:currency" content="USD" />
<meta property="product:availability" content="in stock" />

2. Add Schema.org Product markup

This is structured data in JSON format. Search engines read it to display product info directly in search results.

Ask your developers to add this <script> into each product page’s <head>

<script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "Product",
 "name": "Running Shoes",
 "image": [
   "https://www.example.com/product-image.jpg"
 ],
 "description": "Lightweight daily trainer with breathable mesh.",
 "sku": "SKU-123",
 "brand": {
   "@type": "Brand",
   "name": "BrandName"
 },
 "offers": {
   "@type": "Offer",
   "url": "https://www.example.com/product-url",
   "priceCurrency": "USD",
   "price": "129.99",
   "availability": "https://schema.org/InStock"
 }
}
</script>

Acquisition Tagging - Open Graph and Schema.org

Why This Matters

What to Ask Your Developers To Do

1. Add Open Graph tags to each page

2. Add Schema.org Product markup

Was this article helpful?