Issue: When sharing Shopify pages/products on Facebook, the displayed image defaults to the Shopify Admin profile photo rather than the page’s intended image.
Goal: Have Facebook automatically use the first image from any product or page when a link is shared.
Context: The poster has reviewed Facebook’s sharing documentation for webmasters and markup and is looking for practical implementation details in Shopify Liquid templates.
Technical note: This centers on Facebook’s Open Graph markup, particularly setting the og:image tag to control the preview image.
Request: Examples or guidance on Liquid code to dynamically set og:image to the first product/page image.
Status: No provided solution or actions yet; the thread is seeking advice and remains unresolved.
Hello - I have read articles and the markup instructions about how to have facebook pull the header photo or image tagged in the page. But Facebook keeps using my photo from the Shopify settings in the Admin.. I would like to have facebook pull the first image from any product or page I share.. Does anybody have and documentation or links I can add to my liquid to get this working?
Refrence page - https://developers.facebook.com/docs/sharing/webmasters#markup