How to Specify Global & Fallback og:images on Collection Pages

The easiest way to manage this is to avoid using Webflow's built-in og:image specifier altogether, and simply construct the og:image elements yourself in your HEAD custom code, in the order of preference.

_{<meta content=" (1st choice image) " property="og:image" />}

_{<meta content=" (2nd choice image) " property="og:image" />}

_{<meta content=" (3rd choice image) " property="og:image" />}

References

• Open Graph Arrays - ogp.me

More notes