How to Share a Flipbook on X Without Losing the Preview

Sharing a flipbook link on X should take five seconds. Instead, you get a blank post with a raw URL and no preview card, while everyone scrolls right past it. The problem is almost never your flipbook itself. It is how X reads the page before generating that thumbnail card. Once you understand what X is actually looking for, fixing the preview becomes straightforward, whether you are using Flipbooks AI or any other platform.

Why X Keeps Dropping Your Link Preview

X does not generate preview cards on its own. Every time someone posts a link, X sends a bot called the Twitter Card Crawler to visit that URL and read specific metadata from the page's HTML. If the crawler cannot find that metadata, or if the page blocks crawlers, X gives up and shows nothing but the URL.

How X Builds a Link Card

When you post a link, the X card crawler fetches the page within a few seconds and looks for Open Graph tags or Twitter Card meta tags in the HTML head. These are invisible lines of code that tell platforms exactly what title, description, and image to use when building a preview. A typical set looks like this:

• og:title - The headline shown in the card
• og:description - The short description below the headline
• og:image - The thumbnail image displayed in the card
• og:url - The canonical link
• twitter:card - Tells X whether to show a summary card or a large image card

If any of these are missing or malformed, X falls back to either a minimal text-only card or no card at all. For flipbooks, the og:image tag is the most critical. Without a valid, publicly accessible image URL in that tag, the card will never show a thumbnail.

What Breaks the Flipbook Preview

Several things can cause X to drop a flipbook preview:

• JavaScript-rendered content: Many flipbook viewers load content dynamically via JavaScript. X's crawler does not execute JavaScript, so it reads the HTML before any content loads, finding mostly empty tags.
• Redirect chains: If your flipbook URL redirects multiple times before reaching the final page, the crawler may time out or stop following redirects.
• Missing OG tags: Some flipbook platforms do not inject proper Open Graph metadata on individual publication pages.
• Image hosting restrictions: If the og:image URL is hosted on a server that blocks bots or requires authentication, the crawler cannot fetch it.
• URL parameters: URLs with complex query strings sometimes confuse crawlers or get flagged as dynamic pages without stable metadata.

The Open Graph Tag Problem

Open Graph is a protocol created by Facebook and now used across virtually every major platform, including X, LinkedIn, and iMessage. When a platform wants to show a rich link preview, it reads these OG tags. Most professional flipbook platforms inject these automatically, but the quality of what they inject varies enormously.

What OG Tags Actually Control

The Thumbnail Requirement

X has specific requirements for the image that appears in a card:

• Minimum size: 144 x 144 pixels for summary cards; 300 x 157 pixels for large image cards
• Maximum file size: 5 MB
• Accepted formats: JPG, PNG, WEBP, GIF (first frame only)
• Must be publicly accessible: No authentication, no bot-blocking
• Correct MIME type: The server must return the right Content-Type header

The twitter:card value matters a lot here. Set it to summary_large_image and X will display a large banner-style thumbnail above your post text. Set it to just summary and you get a small square image to the left of the text. For flipbooks and publications, summary_large_image is almost always the better choice visually.

How to Fix Your Flipbook Before Sharing

The fix depends on which flipbook platform you use and how much control you have over the publication's settings. For most users, there are two levers: the thumbnail image and the sharing URL.

Setting a Proper Thumbnail

The thumbnail image you set for your flipbook becomes the og:image for the page. This is the image X will display in the card. Follow these rules:

1. Use a high-contrast, visually clear image. The thumbnail is small. Text-heavy front pages often become illegible at card size.
2. Minimum 1200 x 630 pixels is recommended for large image cards. This is the standard OG image size for optimal display across all platforms.
3. Use a JPG or PNG. Avoid WebP if your platform is older, as some crawlers handle it inconsistently.
4. Make sure the image URL is static and permanent. Dynamic image URLs that change on refresh will cause the card to break over time.

Using the Right URL to Share

Not all flipbook URLs are equal. Most platforms give you multiple ways to access your publication:

Always use the direct publication URL (the one that opens the flipbook in your platform's viewer) rather than any embed or download link.

Create a Shareable Flipbook on Flipbooks AI

Flipbooks AI handles Open Graph metadata automatically on every publication page, which means your flipbook gets a proper preview card on X without any manual configuration. Here is the exact process:

Step 1: Upload Your PDF

Go to Flipbooks AI and create an account. Once inside your dashboard, click New Flipbook and upload your PDF file. The platform converts it into an interactive flipbook with page-turning animation within seconds for most documents.

Step 2: Set Your Thumbnail Image

After conversion, open the flipbook editor. The first page of your PDF becomes the default preview image, but you can override this. In the settings panel, find the Thumbnail or Preview Image option and upload a custom image. This image will be used as the og:image for your publication page, which is exactly what X will display in the preview card.

💡 Use a thumbnail that is at least 1200 x 630 pixels and designed to be readable at small sizes. Bold typography and strong contrast work best for social media cards.

Step 3: Add a Title and Description

In the publication settings, fill in the Title and Description fields. These map directly to the og:title and og:description tags on your publication page. X will display the title as the headline in the card and the description as the subtext.

Step 4: Copy the Publication URL

Once published, copy the URL from your browser address bar or from the Share button in the editor. This is the URL you will post on X. It contains all the proper metadata for X to generate a card.

Step 5: Post on X

Paste the URL directly into an X post. X will automatically fetch the metadata and show a preview card below your text. If you want more of your post's character count to go to your message rather than the URL, X counts all URLs as 23 characters regardless of actual length.

✅ You do not need to add any extra text or commands to trigger the preview. Just paste the URL and X will handle the rest.

When the Preview Still Fails

Even with a properly configured flipbook, X sometimes fails to generate a preview. This happens more often than it should. Here are the most reliable fixes:

The Image-First Workaround

If X refuses to show a preview for your flipbook URL, a reliable fallback is to attach the front page image directly as a media upload to your post, then include the flipbook URL in the text. The result looks similar to a card preview but with the image as a proper attachment and the URL as clickable text. You lose the auto-generated title and description in the card, but the post still looks visual and the link is still clickable.

Force X to Re-Crawl the URL

X caches card data for URLs it has already seen. If you shared the URL before your thumbnail was set, X may be showing cached data from that first crawl. To fix this:

1. Go to the Twitter Card Validator (cards-dev.twitter.com/validator) while logged into your X account
2. Paste your flipbook URL
3. Click Preview Card
4. X will re-crawl the page and update its cache

This forces a fresh fetch of your metadata. After doing this, your next post with that URL should show the updated preview.

⚠️ If the Card Validator is unavailable in your region, try posting a variation of the URL with a small query parameter appended (like ?v=1) to force X to treat it as a new URL and crawl it fresh.

Platform Comparison: Who Handles Flipbook Previews Best

Not all platforms where you might share a flipbook treat link previews the same way. Here is how the major social platforms compare:

Facebook's crawler actually renders JavaScript, which is why Facebook often shows flipbook previews even when X does not. LinkedIn and X both use static HTML-only crawlers, making proper server-side OG tag injection critical.

The Flipbooks AI Advantage

Flipbooks AI uses server-side rendering for all publication metadata. This means that when X's crawler visits your flipbook URL, the OG tags are already present in the HTML response, without waiting for JavaScript to run. This is the single most important technical factor for reliable preview cards on X.

X Preview Settings Worth Knowing

X has some behaviors around link cards that are not obvious from the user interface:

Only one card per post: If you include multiple URLs in a single X post, only one will generate a preview card (usually the last one, or none at all). Keep flipbook shares to one URL per post.

Cards can be hidden: X gives users the option to remove the card from their post before publishing. There is an X button visible in the card preview area while composing. Tapping it removes the card from the post permanently, so be careful you do not accidentally remove it while editing.

Direct messages show previews too: Flipbook links shared in X DMs also generate previews, using the same OG tag data. This is useful for sharing flipbooks with specific people while still getting the visual card.

Scheduled posts: If you use X's native scheduler or a third-party tool to schedule posts, the card preview is generated at post time, not at scheduling time. The card will still appear correctly when the post publishes.

Make Your Flipbook Worth Clicking

Even a perfect preview card is only as valuable as the flipbook behind it. A few things consistently improve click rates on X links with preview cards:

Thumbnail design: The thumbnail is the first thing people see. Use high contrast, a single strong focal point, and minimal text. Think of it as a publication visible at thumbnail size.

Title clarity: Your flipbook's title (which becomes the card headline) should communicate what someone gets if they click. Vague titles get ignored.

Post context: The text in your X post should add something the card cannot show. Ask a question, share a stat from the publication, or explain why now is the right time to read it.

Thread format: For longer publications, consider posting a thread where the first tweet contains the flipbook link with the preview card, and subsequent tweets highlight specific pages or stats from inside. This increases the post's visibility in the algorithm.

Flipbooks AI publications come with built-in sharing links, password protection options, and analytics on the Professional plan, so you can see exactly how many people are clicking through from X and how long they spend reading. Whether you are sharing a product catalog, a digital lookbook, or an e-book, the platform gives you the sharing infrastructure to make X previews work every time.

When to Use Each Sharing Method

Different scenarios call for different sharing strategies on X:

The cleanest, most reliable approach for a new publication is always a fresh direct URL post, shared from an account that has not posted the same URL before. This avoids cache issues entirely.

Ready to share flipbooks that actually show up the right way on X? Get started for free on Flipbooks AI and build publications with proper metadata already in place. Browse all the tools available to find the right format for your content, and compare plans to see which tier fits your sharing volume and analytics needs.