--------------------------------------------------------------------
NOTES
--------------------------------------------------------------------
This is deliberately short. Your theme already outputs og:title, og:description,
og:url, og:site_name, twitter:card, twitter:title and twitter:description through
the social-meta-tags snippet, and it already outputs a canonical tag. Adding those
again would duplicate them, and the browser takes the first one anyway.
The two things it does NOT do:
1. There is no robots meta anywhere. Adding max-snippet:-1 and max-image-preview:large
  tells Google it may quote the full answer block and show the diagram large. That is
  what wins the AI Overview and the image result.
2. social-meta-tags only emits og:image for products and for articles that have a
  featured image. Pages get no image at all, so the guide pages currently share as a
  bare link. The block above fixes that for the two guide pages.
Once the diagram PNG is uploaded to Shopify Files, replace all three instances of
REPLACE_WITH_DIAGRAM_CDN_URL with its CDN URL. Until then, leave the second block out.
For the touchmark post, set a featured image on the article and the theme handles the
og:image on its own. Nothing to add.
Skip to content