Link card details
About this Open Graph preview
Open Graph tags tell social networks and messaging apps what to show when someone shares a page. They provide the card title, description, page address and image.
Change the fields to see an approximate link card, then copy the generated lines into the head section of your page. The image needs a public URL that a social crawler can open. A 1200 × 630 image uses the common 1.91:1 shape and usually works well.
The real card may not look exactly like this preview. Each app has its own layout, text limits and cache. After publishing new tags, a platform may keep showing the old card until it fetches the page again.
The main Open Graph tags
Use one clear value for each tag and keep it consistent with the page people will open.
| Tag | What it controls |
|---|---|
| og:title | The main line on the shared link card |
| og:description | A short explanation below the title |
| og:image | A public preview image; 1200 × 630 is a useful starting size |
| og:url | The full preferred address of the shared page |
How to make an Open Graph preview
- Write the card text: Add a short title and description that match the page.
- Add the page and image URLs: Use complete public addresses. Describe the image for people who cannot see it.
- Copy and publish: Put the OG lines in the page's head section and let the platform fetch the public page again.
Frequently asked questions
What image size should I use for Open Graph?
1200 × 630 pixels is a common practical size, with a 1.91:1 ratio. Keep important words and faces away from the edges because some apps crop the image.
Why does the shared card still show the old image?
Social platforms cache link cards. Confirm that the new tags are on the public page, then use that platform's sharing debugger or wait for it to fetch the URL again.
Does this preview guarantee the exact result?
No. Facebook, LinkedIn, messaging apps and other services have different card layouts and text limits. This preview is a useful check, not an exact copy of every app.
Is my text or image uploaded to QwHub?
No. The text and tags stay in your browser. To display a public image URL, your browser requests that image directly from its host; QwHub does not copy it.