---
title: "Open Graph and Twitter Card previews: a debugging checklist when the wrong image shows"
date: 2026-04-07
author: "xcropimage.io Team"
tags: ["Open Graph", "Twitter Card", "social sharing", "SEO", "meta tags"]
lang: "en"
description: "Fix wrong or stale link previews by validating OG/Twitter tags, absolute URLs, image size, and platform cache refresh."
---

## Introduction

Link previews sometimes show the **wrong image**, a **stale** asset, or **nothing**. Debug **Open Graph** and **Twitter Card** tags together with **CDN and platform caches**.

<figure>
<img src="/blog-images/open-graph-twitter-card-preview-debugging.jpg" alt="Open Graph and Twitter Card previews: a debugging checklist when the wrong image shows." width="1200" height="630" loading="lazy" decoding="async" />
<figcaption>Open Graph and Twitter Card previews: a debugging checklist when the wrong image shows.</figcaption>
</figure>

**Earlier in this series:** [Email newsletter hero images](/blog/email-newsletter-hero-image-file-size-layout) · [WebP vs AVIF](/blog/webp-avif-publishing-browser-fallback). For cover sizing, see [blog cover image tips](/blog/blog-cover-image-tips).

## Checklist

1. **Tags present?** `og:image`, `og:title`, `og:url`, plus `twitter:card` / `twitter:image` as needed.
2. **Absolute URLs:** `og:image` should be a full **HTTPS** URL—relative paths often fail.
3. **Dimensions:** Follow platform guidance; see Facebook’s [image guidelines for sharing](https://developers.facebook.com/docs/sharing/webmasters/images) and Twitter’s [Cards documentation](https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards).
4. **Cache:** Social networks cache previews—use official debuggers to **rescrape**.

## Debuggers

* Facebook [Sharing Debugger](https://developers.facebook.com/tools/debug/)
* [LinkedIn Post Inspector](https://www.linkedin.com/post-inspector/)
* Twitter/X validation tools (check current docs—tools change)

## SEO angle

Previews are not a direct ranking factor, but **CTR** and **brand consistency** matter indirectly. Align filenames and on-page [alt text SEO](/blog/e-commerce-seo-file-name-and-alt-text) with your campaign assets.

## CDN and your own cache

If `og:image` points at a CDN URL, you may still see stale art after deploy—see [CDN cache and stale images](/blog/cdn-cache-stale-images-after-update). Version filenames or purge paths in the same release where you change meta tags.

## Common mistakes

* Multiple conflicting `og:image` tags (last wins—know your template order).
* Huge uncompressed PNGs as preview images (slow scrape, occasional failures).
* Forgetting to update `og:url` when the canonical page moves.

## Turkish parallel

[Open Graph ve Twitter Card (Türkçe)](/blog/open-graph-twitter-card-onizleme-hata-ayiklama) mirrors this checklist.

## Conclusion

Validate tags first, then **refresh caches** with platform tools. Use [resize](/resizer) and [crop](/crop) to lock stable aspect ratios for previews.