0
/600
/160
<!-- HTML Meta Tags -->
<title>this is title</title>
<meta name="description" content="find meta description">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="find og url ">
<meta property="og:title" content="find og title ">
<meta property="og:description" content="find og description ">
<meta property="og:image" content="find og image field">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="find twt domain">
<meta property="twitter:url" content="find twt url">
<meta name="twitter:title" content="find twitter title">
<meta name="twitter:description" content="find twitter description">
<meta name="twitter:image" content="find twitter image">
<!-- Meta Tags Generated via iplocation.io -->
How Does the Open Graph Checker Work?
The open graph checker tool helps you fetch the open graph properties for your web page. Let’s discuss how it works:
- The open graph checker tool first goes through the code of the given URL and inspects the meta elements containing "og" properties.
- After finding the og tags, it validates the og tags like "og:title", "og:description", "og:image", "og:url", "og:type", and others. It validates the values against each property and fetches the results.
- After successful validation, this OG checker displays the results accurately to the users for further analysis and viewing.
Our OG checker additionally allows you to edit the open graph values for the given web page and preview them in real time.
What is an Open Graph tag?
Open Graph is a protocol introduced by Facebook in 2010 that allows for better reach on Facebook for any website.
Open Graph protocol enables webmasters and website owners to integrate their web pages into social media platforms like Facebook, Twitter, LinkedIn, Pinterest, etc. These tags provide structured information to all social media platforms when users share links from web pages on these platforms.
Open graph tags help users establish their website’s specific presence by giving a title and description of their own when a link is shared on any of the Social Media platforms. These tags contain the
- Title
- description
- Image
- content type
and other metadata of a web page or a website.
What are Meta tags?
Meta tags are HTML tags that provide metadata about a web page or a website. This metadata contains the information about specifying title, description & keywords, defining character set, defining viewport settings for responsiveness of the website, and sharing other information about a web page.
How to add HTML meta tags?
Use a free tool like Open Graph debugger to create a meta tag for your website, and then copy the meta tag into the <head> element.
Meta tags can be used to define the Open graph protocols for any website. To implement the open graph protocol, properties like "og:title", "og:description", "og:image", "og:url", and others are used.
Below is the syntax of them:
<!-- Open Graph tags -->
<meta property="og:title" content="Your Open Graph Title">
<meta property="og:description" content="Description for Open Graph">
<meta property="og:image" content="URL to the Open Graph Image">
<meta property="og:url" content="URL of the Webpage">
<meta property="og:type" content="website">
Can I add meta tags to the main element?
Meta tags are only allowed for head elements. Adding meta tags to the body will result in invalid markup.
What Is the Image Size of an Open Graph?
Use images at least 1080 pixels wide for the best viewing experience on high-resolution devices. Facebook recommends using 1:1 images in ads to achieve better performance for image ads.
Click one of the official Open Graph debugging tools to scrape your website again:
Facebook: https://developers.facebook.com/tools/debug/
LinkedIn: https://www.linkedin.com/post-inspector/
Pinterest: https://developers.pinterest.com/tools/url-debugger/