Open Graph Checker
Validate the Open Graph tags currently installed on your webpage.
Field note
Read a Open Graph Checker card
- 01
Enter a page URL.
- 02
Run the check. The page is not downloaded.
- 03
Read each property, value, and status.
- 04
View the live source to confirm the real og tags.
Detail
Labels Open Graph Checker prints
| Term | Meaning |
|---|---|
| og:title | Open Graph title. Confirm it in the source. |
| og:description | Open Graph description. |
| og:image | The image URL for the card. |
| og:url | The URL the card should represent. |
| meta property | The HTML attribute used for Open Graph tags. |
Read this
A Open Graph Checker walkthrough
Input
Type https://example.com/story. The table lists og properties with values and statuses. Those values were not parsed from example.com.
What you should see
View source and search for property="og:. Edit the tags you find, or add the ones that are missing.
On this tool
Under the Open Graph Checker labels
Open Graph properties include og:title, og:description, og:image, and og:url. A checker’s job is to show which of those exist on a page. This table presents that checklist without fetching the URL.
Open Graph properties include og:title, og:description, og:image, and og:url. A checker’s job is to show which exist. This table presents that checklist without fetching the page. A status on a row describes the sample, not your head.
og:title is one of the values Open Graph Checker puts on screen. The title of the share card. The sample fills a value and a status. Your title tag is not read.
Read og:description on its own before you mix it with the other rows. The text under the title. The sample supplies a description. It may not match your meta description.
og:image answers a narrower question than the headline number. The picture URL. The sample can show a URL or a gap. It was not scraped.
Treat og:url as a label with a specific job. The canonical URL of the card. The sample fills one. Check the live tag before you trust it.
The Status line is worth a full stop. A mark for whether the row is filled. The mark describes the sample row. A complete table here is not a complete head.
View the page source and read meta property tags that start with og:. Write missing ones with the Open Graph generator. Do not mark a row fixed because this table looked complete. A second run will not fetch the page either. It only redraws the same kind of sample rows.
If you remember one sequence from Open Graph Checker, remember the fields in the order they change a decision. og:title matters because The title of the share card. In practice, The sample fills a value and a status. The mistake to avoid is this: Your title tag is not read. og:description matters because The text under the title. In practice, The sample supplies a description. The mistake to avoid is this: It may not match your meta description. og:image matters because The picture URL. In practice, The sample can show a URL or a gap. The mistake to avoid is this: It was not scraped. og:url matters because The canonical URL of the card. In practice, The sample fills one. The mistake to avoid is this: Check the live tag before you trust it. Status matters because A mark for whether the row is filled. In practice, The mark describes the sample row. The mistake to avoid is this: A complete table here is not a complete head. After that, the checks are simple. You did not report a pass from the sample statuses. You did not copy a sample image URL. You will read og:url in the source. Facebook was not assumed to match this table. The generator is the place to write missing tags.
The worked example for Open Graph Checker, read as one scene, is this. Type https://example.com/story. The table lists og properties with values and statuses. Those values were not parsed from example.com. View source and search for property="og:. Edit the tags you find, or add the ones that are missing.
Final notes for Open Graph Checker, written as decisions rather than as a table. When og:title is in front of you, decide using this: The title of the share card. Your title tag is not read. When og:description is in front of you, decide using this: The text under the title. It may not match your meta description. When og:image is in front of you, decide using this: The picture URL. It was not scraped. When og:url is in front of you, decide using this: The canonical URL of the card. Check the live tag before you trust it. When Status is in front of you, decide using this: A mark for whether the row is filled. A complete table here is not a complete head. Then apply the checks without skipping one. You did not report a pass from the sample statuses. You did not copy a sample image URL. You will read og:url in the source. Facebook was not assumed to match this table. The generator is the place to write missing tags.
Keep Open Graph Checker as this step only. When the job moves on, the Facebook Preview Tool is the next page: Facebook Preview Tool asks for a URL and draws a feed card with a title, description, and image state. 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.
Where Open Graph Checker fits
Open Graph Checker asks for a page URL and lists og properties with a value and a status. It is a sample tag table. The page is not fetched, so the values are not the live Open Graph tags on that host.
The property table is a sample. This page does not fetch the URL, so the values are not the live Open Graph tags.
What Open Graph Checker returns
- The columns are property, content, and status.
- You can learn the core og names in one list.
- The URL is not downloaded.
Before you trust Open Graph Checker
- You did not report a pass from the sample statuses.
- You did not copy a sample image URL.
- You will read og:url in the source.
- Facebook was not assumed to match this table.
- The generator is the place to write missing tags.
Easy to misread Open Graph Checker
Reporting a pass from this table
The statuses are sample marks.
Copying a sample image URL into the CMS
The URL was not your asset.
Skipping og:url
A wrong og:url can point the card at another page. Read the live tag.
Assuming Facebook will match the table
Facebook reads the live tags, not this fixture.
From the form
Open Graph Checker limits
Does the Open Graph checker fetch the page?
No. The property rows are a sample for the URL you type.
What columns are shown?
Property, content, and a status.
How do I see the real og tags?
View the page source and read the meta property og tags.
Where do I write missing tags?
Use the Open Graph generator, then paste the HTML into the head.
Field note
After Open Graph Checker
Write down the hostname only. Open Graph Checker did not look it up. Facebook Preview Tool is a different sample, not a live confirm.