[Horizon] How to Set Custom OGP Images Per Page Using Metafields in Shopify's Horizon Theme

In Shopify, "Pages" cannot have individual OGP images set by default, unlike products or blog posts. When any page is shared on social media, it always shows the same OGP image as the homepage.

This TIPS shows how to register an OGP image per page using metafields and output it from the theme. Following the Horizon customization policy, this is implemented without directly editing any vendor files.

Benefits:
- Control the SNS share image for each page individually
- No editing of vendor files (meta-tags.liquid), so no conflicts on theme updates
- All customizations are centralized in custom.globals.liquid

Steps:
1. Add a metafield definition for "Pages" (Admin > Settings > Custom data)
2. Add one line to layout/theme.liquid to load custom.globals
3. Create snippets/custom.globals.liquid with the OGP meta tag output code

How OGP Images Work

Step 1: Add a Metafield for Pages

Step 2: Add Custom Liquid to the Header Group

The same TIPS for the Dawn theme is available here. In Horizon, following the customization approach outlined in this blog post, this can be achieved without modifying any original theme files by using custom.globals.liquid.