Open Graph
Open Graph is a set of meta tags, such as og:title, og:description and og:image, that decides the title, text and picture shown when a page is shared in social media and chats.
How Xodia sets Open Graph tags: each page's settings hold its share title, description and image, the same as its title tag and meta description until you change them, and prerendered pages carry them in their HTML so link previews find them.
Updated
On this page
What it is
When someone pastes a link, the app fetches the page and reads its Open Graph tags to draw a card. Without them it guesses, often with the wrong image or no text at all.
The share image works best at least 1200 by 630 pixels, and the tags must be in the page's HTML, since most link previews don't run JavaScript.
In Xodia
A page's settings have the Open Graph title, description and image, each Same as the title tag and meta description unless you change it. On a CMS collection page they are templates, with the share image taken from an image field, and a share preview that steps through your items.
Collection pages are prerendered, so each item's own share tags are in its HTML for link previews.
Read more
Related terms
- PrerenderingPrerendering builds a page's HTML ahead of time, at build time, so the content is in the page when it loads instead of being drawn later by JavaScript.
- Structured dataStructured data is machine-readable information about a page, usually JSON-LD in the schema.org vocabulary, that tells search engines and AI tools what the page is about.
- Collection pageA collection page is one page design that shows every item of a CMS collection, each at its own address, such as /blog/my-first-post for each post in a blog.