Updated · Built and checked by the PlinzoTools team, formulas tested against published sources
Preview how your page will look when shared as a link card on Facebook, LinkedIn, and other platforms.
plinzotools.com
Free Online Tools & Calculators
Fast, free, and accurate online tools -- no sign-up required.
This tool renders a mockup of how your page's Open Graph tags (title, description, image, site name) will look as a shared link card -- the same rich preview shown on Facebook, LinkedIn, and other platforms that read Open Graph meta tags.
Enter your title, description, site name, and image URL. The card preview updates instantly.
The preview is a card about 500 pixels wide. The top is an image area 260 pixels tall; the image you supply by URL is scaled to fill it and cropped to fit, and if you leave the field blank a placeholder icon appears instead. Beneath the image are the site name in small uppercase letters, the title in bold on a single line, and the description limited to two lines. Anything longer than that is cut off in the mockup. There is no character counter or warning here: the tool is purely a visual mockup, and it does not fetch or validate a live page. It only renders what you type.
Try a realistic scenario. Suppose you publish a guide called "How to Read a Bus Timetable in Five Minutes" on a site named "Transit Basics". Enter that title, a description such as "A plain-language walkthrough of stops, times and symbols on a typical schedule", the site name and the URL of your cover image. You will see straight away that the title fits on one line, and that a longer title, for example one with a subtitle after a colon, gets cut off with an ellipsis. Try lengthening the description to three sentences and observe that the card shows only two lines. This tells you which part of your message must come first.
The image area is roughly 500 by 260 pixels, close to the wide ratio of about 1.9 to 1 that is commonly recommended for large link-preview images (for instance 1200 by 630 pixels). If your picture is square or portrait, it will be centre-cropped in the mockup, and platforms may crop or letterbox it differently. Keep faces, logos and any text in the middle of the frame, away from the edges. Use a full absolute web address that loads publicly; a relative path or a link to a file on your own computer will not display. If the preview stays blank, open the image URL in a new tab to confirm it loads and is not behind a login.
Each platform has its own layout, and the same tags can look different on Facebook, LinkedIn, messaging apps and other services. Some platforms show the domain instead of the site name, or a smaller image beside the text for narrow images. Platforms also cache the data they collect: after you change your tags, an old preview may persist until you ask the platform to rescrape the page with its own debugging tool. This mockup will not reflect that cache, since it only shows what you entered. It also cannot tell you whether the tags exist correctly in your page's head section. Once you like the preview, confirm the real markup on the published page by viewing its source.
Use the preview during writing or design, when you can still change the title and image easily. Then produce the actual tags, publish, and test the live page through each platform's sharing tool. Repeating that check for your most important pages, such as the home page and top articles, is a cheap way to avoid awkward previews when people begin sharing your links.
Use the Open Graph Tags Generator to produce the real meta tag markup to add to your page's <head>.
Each platform (Facebook, LinkedIn, etc.) renders Open Graph data slightly differently -- this preview approximates the common layout, not any one platform's exact rendering.
The image must be an absolute web address that loads publicly. Check that the URL is complete, points directly to an image file, and does not require a login.
The mockup displays up to two lines and hides the rest, and the title is limited to a single line. Put the most important words at the start of each.
A wide image at about a 1.9 to 1 ratio, such as 1200 by 630 pixels, is a commonly recommended choice. Keep important content near the centre because platforms crop differently.
No. It only renders the values you type into the fields. To verify the real tags, view your published page's source or use each platform's own sharing debugger.
Reference: Google Search Central