## ---- Open Graph core ----
<meta property="og:locale"    content="en_CA" />
<meta property="og:site_name" content="$testbench.sitename" />
#if($product)
  #set( $productimage = $mediaarchive.getAsset($product.image) )
  #set( $msize = "$home$cataloghome/downloads/preview/medium/$productimage.sourcepath/image1024x768.webp" )
  <meta property="og:type" content="product" />
  #if($product.seotitle)
    <meta property="og:title" content="$product.seotitle" />
  #else
    <meta property="og:title" content="$product.name" />
  #end
  #if($product.seodescription)
    <meta property="og:description" content="$product.seodescription" />
  #else
    <meta property="og:description" content="$product.name" />
  #end
  <meta property="og:url"   content="$testbench.domainroot$content.getPath()" />
  <meta property="og:image" content="${testbench.domainroot}$msize" />
#else
  <meta property="og:type"        content="website" />
  #if($content.title)
    <meta property="og:title" content="$content.title" />
  #else
    <meta property="og:title" content="$testbench.browsertitle" />
  #end
  #if($content.description)
    <meta property="og:description" content="$content.description" />
  #else
    <meta property="og:description" content="$testbench.browsertitle" />
  #end
  <meta property="og:url"   content="$testbench.domainroot$content.getPath()" />
  <meta property="og:image" content="$testbench.domainroot/share.webp" />
#end

#if($product)
  <!-- Twitter Card for Product pages -->
  <meta name="twitter:card"        content="summary_large_image" />
  <meta name="twitter:site"        content="@$testbench.sitename" />
  <meta name="twitter:title"       content="$product.seotitle" />
  <meta name="twitter:description" content="$product.seodescription" />
  <meta name="twitter:image"       content="$msize" />
  <!-- Optional alt text for screen-readers -->
  <meta name="twitter:image:alt"   content="Thumbnail for $product.name" />
#else
  <!-- Twitter Card fallback -->
  <meta name="twitter:card"        content="summary_large_image" />
  <meta name="twitter:site"        content="@$testbench.sitename" />

  #if($content.title)
    <meta name="twitter:title" content="$content.title" />
  #else
    <meta name="twitter:title" content="$testbench.browsertitle" />
  #end

  #if($content.description)
    <meta name="twitter:description" content="$content.description" />
  #else
    <meta name="twitter:description" content="$testbench.browsertitle" />
  #end

  <meta name="twitter:image"       content="$testbench.domainroot/share.webp" />
#end