Facebook Preview Tool

A Facebook link preview uses Open Graph title, description, and image when those tags exist. Without og:image the card falls back to a plain layout. This screen draws that kind of card without fetching the URL.

A Facebook link preview uses Open Graph title, description, and image when those tags exist. Without og:image the card falls back to a plain layout. This screen draws that kind of card. The random warning is not a live read.

Title and description is one of the values Facebook Preview Tool puts on screen. The feed uses og:title and og:description when they exist. The sample fills lines for the URL you pasted. They are not your tags.

Read Image on its own before you mix it with the other rows. og:image is the picture. The sample can drop the image and warn. The warning is not a scrape of your head.

Fallback answers a narrower question than the headline number. Without an image, the card is plain. The sample demonstrates that state. Your page might already have an image.

Treat Actor line as a label with a specific job. A feed mock shows a person and a time. Those are props. They are not a Facebook account.

The Warnings line is worth a full stop. A checker lists problems under the card. The sample can add a missing og:image warning at random. Run it twice and the warning can change. Your tags did not.

Publish og:title, og:description, and og:image with the Open Graph generator when you are ready to write tags. Then check the live tags in the page source. This preview does not call Facebook.

If you remember one sequence from Facebook Preview Tool, remember the fields in the order they change a decision. Title and description matters because The feed uses og:title and og:description when they exist. In practice, The sample fills lines for the URL you pasted. The mistake to avoid is this: They are not your tags. Image matters because og:image is the picture. In practice, The sample can drop the image and warn. The mistake to avoid is this: The warning is not a scrape of your head. Fallback matters because Without an image, the card is plain. In practice, The sample demonstrates that state. The mistake to avoid is this: Your page might already have an image. Actor line matters because A feed mock shows a person and a time. In practice, Those are props. The mistake to avoid is this: They are not a Facebook account. Warnings matters because A checker lists problems under the card. In practice, The sample can add a missing og:image warning at random. The mistake to avoid is this: Run it twice and the warning can change. Your tags did not. After that, the checks are simple. You did not add an image solely from one warning. You did not copy the sample title. You knew Facebook was not contacted. You will confirm og tags in the source. The Open Graph generator is the place to write tags.

The worked example for Facebook Preview Tool, read as one scene, is this. Paste https://example.com/story. The card shows a title and maybe a missing-image warning. example.com was not scraped. Paste it again. The warning may vanish. The page did not gain an image in that second. Write og tags with the Open Graph generator and confirm them in the source.

Final notes for Facebook Preview Tool, written as decisions rather than as a table. When Title and description is in front of you, decide using this: The feed uses og:title and og:description when they exist. They are not your tags. When Image is in front of you, decide using this: og:image is the picture. The warning is not a scrape of your head. When Fallback is in front of you, decide using this: Without an image, the card is plain. Your page might already have an image. When Actor line is in front of you, decide using this: A feed mock shows a person and a time. They are not a Facebook account. When Warnings is in front of you, decide using this: A checker lists problems under the card. Run it twice and the warning can change. Your tags did not. Then apply the checks without skipping one. You did not add an image solely from one warning. You did not copy the sample title. You knew Facebook was not contacted. You will confirm og tags in the source. The Open Graph generator is the place to write tags.

Keep Facebook Preview Tool as this step only. When the job moves on, the Open Graph Checker is the next page: Open Graph Checker asks for a page URL and lists og properties with a value and a status. The Open Graph Generator covers a different piece of the same work: Open Graph Generator writes og meta tags from a type, title, URL, description, and image URL.