{"id":23104,"date":"2024-03-27T17:29:18","date_gmt":"2024-03-27T11:59:18","guid":{"rendered":"https:\/\/www.rankwatch.com\/blog\/?p=23104"},"modified":"2024-03-29T13:38:45","modified_gmt":"2024-03-29T08:08:45","slug":"open-graph","status":"publish","type":"post","link":"https:\/\/www.rankwatch.com\/blog\/open-graph\/","title":{"rendered":"Open Graph Protocol: Convert Your WebPages Into Social Media Snippets!"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Imagine what would happen if the webpage you shared on social media appeared like a featured snippet. The visibility, impressions, engagement, and conversions; everything will start skyrocketing!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">That\u2019s the power of open graph protocol!\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">They can easily convert your webpage into social media snippets and boost your marketing campaign like never before! So hop on, as we are going to discuss them today!<\/span><\/p>\n<h2><b>What is Open Graph?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">OG tags control how your web page URL will look on the screens when shared on social media platforms. Simply put, open graph protocol transforms your web pages into social media snippets, thus enhancing their visibility on social media platforms.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The open graph protocol was initially designed by Facebook to provide better visibility for well-designed content. Later on, brands started using the OG image and other tags to improve visibility and engagement, which further made them important.\u00a0<\/span><\/p>\n<h2><b>What Are The Types Of Open Graph Tags?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">There are a total of 17 open graph tags, but not all of them are important. That\u2019s why we have divided them into two groups, covering both major and minor tags.<\/span><\/p>\n<h3><b>Essential OG Tags<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Essential OG types, like the name suggests, are the ones that are of utmost importance, and you must install them in your structure code.<\/span><\/p>\n<h4><b>Og: title<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">The og: title tag is used to describe the title of your page.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It is the most important open graph meta tag as it presents the headline, the first thing the user notices. The syntax for using this open graph tag is as follows<\/span><\/p>\n<p><span style=\"font-weight: 400;\">&lt;meta property=&#8221;og: title&#8221; content=&#8221; Insert Your Title Here&#8221;&gt;<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/1-10.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23103 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/1-10.png?resize=640%2C266&#038;ssl=1\" alt=\"\u201cHow to disavow backlinks: easy 3 step process\u201d social media snippet\" width=\"640\" height=\"266\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/1-10.png?w=1345&amp;ssl=1 1345w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/1-10.png?resize=300%2C125&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/1-10.png?resize=1024%2C426&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/1-10.png?resize=768%2C320&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/1-10.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">In the above example, the OG title will be \u201cHow To Disavow Backlinks: Easy 3-Step Process.\u201d It is extremely important that you keep the <\/span><a href=\"https:\/\/www.rankwatch.com\/blog\/title-tag-seo-friendly\/\"><span style=\"font-weight: 400;\">SEO title tag<\/span><\/a><span style=\"font-weight: 400;\"> as clean and crisp as possible.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Our <\/span><a href=\"https:\/\/www.rankwatch.com\/tools\/seo-iq\/\"><span style=\"font-weight: 400;\">on-page SEO analysis tool<\/span><\/a><span style=\"font-weight: 400;\"> can help you here by determining whether your title tag is accurate and of relevant length or not. Ideally, the title length should be within 60 characters to avoid truncation on both mobile and desktop screens.<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/2-10.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23105 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/2-10.png?resize=640%2C266&#038;ssl=1\" alt=\"RankWatch\u2019s SEO IQ dashboard showing meta title length analysis\" width=\"640\" height=\"266\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/2-10.png?w=1345&amp;ssl=1 1345w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/2-10.png?resize=300%2C125&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/2-10.png?resize=1024%2C426&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/2-10.png?resize=768%2C320&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/2-10.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">You can also compare your meta title length with your competitors and understand whether you fall within the stipulated range.<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/3-10.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23106 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/3-10.png?resize=640%2C266&#038;ssl=1\" alt=\"RankWatch\u2019s SEO IQ dashboard showing meta title length comparison graph\" width=\"640\" height=\"266\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/3-10.png?w=1345&amp;ssl=1 1345w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/3-10.png?resize=300%2C125&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/3-10.png?resize=1024%2C426&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/3-10.png?resize=768%2C320&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/3-10.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Based on the comparison and suggestions, you can change your title and re-check.\u00a0<\/span><\/p>\n<h4><b>Og: type<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">The og: type open graph meta tag states the type of content you are posting.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It helps social media platforms understand what you are posting, making it easier for them to rank it. Here\u2019s the syntax for the og:type tag<\/span><\/p>\n<p><span style=\"font-weight: 400;\">&lt;meta property=&#8221;go: type&#8221; content=&#8221; Insert the type here&#8221; \/&gt;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Remember that only a few values are accepted for the go: type tag, which you can see below<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Website,\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Book,\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Video. movie,\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Music. song, and\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Article<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">In case you are promoting one of your landing pages, make sure to insert \u201cwebsite\u201d in the og: type syntax.<\/span><\/p>\n<h4><b>Og:URL<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">The og:url tag is for you to insert the canonical or original URL of the webpage that you are sharing on social media. This particular open graph tag helps social media platforms identify the original content without any hassle.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here\u2019s the OG tag syntax:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">&lt;meta property=&#8221;og:url&#8221; content=&#8221;Insert your canonical URL here&#8221;&gt;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You should always paste the <\/span><a href=\"https:\/\/www.rankwatch.com\/blog\/canonical-urls\/\"><span style=\"font-weight: 400;\">canonical URLs<\/span><\/a><span style=\"font-weight: 400;\"> of the web pages to avoid a penalty from Google. If you are unsure as to whether your website has canonicalized pages or not, use our Site Auditor to check for the same.\u00a0<\/span><\/p>\n<ol>\n<li><span style=\"font-weight: 400;\">Enter your domain name and URL, and let the tool conduct an audit.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Go to the \u201cNon-indexable Pages\u201d section and click on the number beside \u201cCanonicalized Pages.\u201d<\/span><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/4-9.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23107 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/4-9.png?resize=640%2C266&#038;ssl=1\" alt=\"RankWatch\u2019s site auditor dashboard showing Non-indexable pages\" width=\"640\" height=\"266\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/4-9.png?w=1345&amp;ssl=1 1345w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/4-9.png?resize=300%2C125&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/4-9.png?resize=1024%2C426&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/4-9.png?resize=768%2C320&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/4-9.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/li>\n<li><span style=\"font-weight: 400;\">A new dashboard will appear, displaying all canonicalized pages present on your domain.<\/span><\/li>\n<\/ol>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/5-8.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23108 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/5-8.png?resize=640%2C266&#038;ssl=1\" alt=\"RankWatch\u2019s site auditor dashboard showing canonicalized pages\" width=\"640\" height=\"266\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/5-8.png?w=1345&amp;ssl=1 1345w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/5-8.png?resize=300%2C125&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/5-8.png?resize=1024%2C426&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/5-8.png?resize=768%2C320&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/5-8.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Now that you have the list, you can easily identify the canonicalized pages and prevent those URL addresses while implementing the og:url tags.<\/span><\/p>\n<h4><b>Og: image<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">The OG image tag is used to insert the open graph image URL for the social media snippet. Since the open graph image will take up maximum space, the OG image tag is of utmost importance.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here\u2019s the syntax for the OG image tag:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">&lt;meta property=&#8221;og:image&#8221; content=&#8221;Insert image URL here&#8221;&gt;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Before you insert the image URL in the OG image tag, there are some pointers that you must remember:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ensure that the open graph image size falls within the 1200 x 630 size aspect<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ensure that the OG image is of good quality and has high-resolution<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The open graph image must be in JPEG or PNG format for easy uploading<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Make sure that the OG image is related to the content<\/span><\/li>\n<\/ol>\n<h3><b>Optional Open Graph Meta Tags<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Optional tags, as the name suggests, are not as important as the essential ones and can be used to polish the snippet structure.<\/span><\/p>\n<h4><b>Og:description<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">The og:description open graph meta tag is used to insert the summary of your content.\u00a0 Simply put, you need to paste the web page&#8217;s <\/span><a href=\"https:\/\/www.rankwatch.com\/blog\/everything-you-need-to-know-about-meta-description-tags\/\"><span style=\"font-weight: 400;\">meta description tags<\/span><\/a><span style=\"font-weight: 400;\"> over here.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The syntax for og:description is:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">&lt;meta property=&#8221;og:description&#8221; content=&#8221;Insert your description here&#8221;&gt;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Just like meta description, the recommended character limit for the og:description tag is under 200 characters. If you are unsure whether your meta description is accurate and of approximate length or not, you can take the help of our SEO IQ. The tool provides accurate details on whether your meta description fits within the character limit and if it needs any changes.<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/6-9.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23109 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/6-9.png?resize=640%2C266&#038;ssl=1\" alt=\"RankWatch\u2019s SEO IQ dashboard showing meta description length analysis\" width=\"640\" height=\"266\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/6-9.png?w=1345&amp;ssl=1 1345w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/6-9.png?resize=300%2C125&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/6-9.png?resize=1024%2C426&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/6-9.png?resize=768%2C320&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/6-9.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Besides, our SEO IQ also analyzes the meta descriptions of your top ten competitors and presents your web page\u2019s position amongst them.<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/7-7.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23110 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/7-7.png?resize=640%2C266&#038;ssl=1\" alt=\"RankWatch\u2019s SEO IQ dashboard showing meta description length comparison graph\" width=\"640\" height=\"266\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/7-7.png?w=1345&amp;ssl=1 1345w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/7-7.png?resize=300%2C125&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/7-7.png?resize=1024%2C426&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/7-7.png?resize=768%2C320&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/7-7.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<h4><b>Og:site_name<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">The og:site_name tag is used to state the name of your website. Here\u2019s the syntax for the same:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">&lt;meta property=&#8221;og:site_name&#8221; content=&#8221;Insert your brand name here&#8221;&gt;<\/span><\/p>\n<h4><b>Og:locale<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">The og:locale tag is used to specify the language that you are using in your webpage content. It helps the social media platforms figure out the target audience that will benefit from the post.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here\u2019s the syntax for the og:locale tag:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">&lt;meta property=&#8221;og:locale&#8221; content=&#8221;Insert language and country in correct format&#8221;&gt;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Always make sure to enter the language in the proper language_country format for a better understanding of the social media crawlers.<\/span><\/p>\n<h2><b>How To Use Open Graph Meta Tags?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Now that you know the various types of tags, let\u2019s see how you can use them in various content management systems. We are going to focus on three major CMS: WordPress, Shopify, and Wix.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We\u2019ll also discuss how to implement OG image and other tags manually on your web page.<\/span><\/p>\n<h3><b>WordPress<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">To implement OG image, OG title and other open graph protocol tags on WordPress, you first need to install the Yoast SEO plugin.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Head on to the Yoast SEO section on the left-hand sidebar and select \u201cSettings.\u201d<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/8-8.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23111 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/8-8.png?resize=640%2C266&#038;ssl=1\" alt=\"WordPress sidebar menu showing Yoast SEO Plugin dropdown menu\" width=\"640\" height=\"266\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/8-8.png?w=1345&amp;ssl=1 1345w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/8-8.png?resize=300%2C125&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/8-8.png?resize=1024%2C426&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/8-8.png?resize=768%2C320&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/8-8.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">The features dashboard will appear on your screen, after which you have to select the \u201cOpen Graph Data\u201d from the \u201cSocial Sharing\u201d section.<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/9-9.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23112 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/9-9.png?resize=640%2C266&#038;ssl=1\" alt=\"WordPress dashboard showing Yoast SEO plugin\u2019s Social Sharing settings\" width=\"640\" height=\"266\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/9-9.png?w=1345&amp;ssl=1 1345w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/9-9.png?resize=300%2C125&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/9-9.png?resize=1024%2C426&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/9-9.png?resize=768%2C320&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/9-9.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">The Yoast SEO plugin will automatically add the essential open graph image and other tags for all web pages.<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/10-9.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23114 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/10-9.png?resize=640%2C266&#038;ssl=1\" alt=\"WordPress post dashboard showing social media section with OG tags\" width=\"640\" height=\"266\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/10-9.png?w=1345&amp;ssl=1 1345w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/10-9.png?resize=300%2C125&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/10-9.png?resize=1024%2C426&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/10-9.png?resize=768%2C320&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/10-9.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Fill out the details for individual web pages, and it&#8217;s done.<\/span><\/p>\n<h3><b>Shopify<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Shopify is the next big CMS platform website owners use for their business. If you are one of them, you must know that the CMS platform automatically selects your original title and URL as OG title and URL from the web page.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0In case you want to edit or view them, this is the pathway that you need to follow:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Online Store &gt; Themes &gt; Actions &gt; Edit code &gt; Snippets &gt; social-meta-tags.liquid\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, in the case of Shopify, you need to optimize the OG image tag. Just follow this route for the same:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Select the Online Store &gt; Themes &gt; Customize &gt; Theme Settings &gt; Customize &gt; Social Media &gt; Select an image.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Make sure to insert a high-resolution image in the open graph image tag for better visibility.<\/span><\/p>\n<h3><b>Wix\u00a0<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Similar to Shopify, Wix also takes up the open graph image and other tags from your web pages. However, you can still customize the essential OG data tags like OG title, open graph image tag, and open graph description easily.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For that, you first need to follow this pathway:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u201cMarketing &amp; SEO\u201d &gt; \u201cSEO\u201d &gt; \u201cSEO Settings.\u201d<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/11-10.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23115 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/11-10.png?resize=640%2C266&#038;ssl=1\" alt=\"Wix\u2019s SEO settings dashboard\" width=\"640\" height=\"266\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/11-10.png?w=1345&amp;ssl=1 1345w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/11-10.png?resize=300%2C125&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/11-10.png?resize=1024%2C426&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/11-10.png?resize=768%2C320&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/11-10.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">After that, select the page type for which you want to edit the open graph image, and other open graph protocol tags. Once you have selected the page type, select the \u201cBasics &amp; Social Share\u201d option and then \u201cEdit.\u201d<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/12-9.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23116 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/12-9.png?resize=640%2C266&#038;ssl=1\" alt=\"Wix\u2019s Settings for blog posts dashboard\" width=\"640\" height=\"266\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/12-9.png?w=1345&amp;ssl=1 1345w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/12-9.png?resize=300%2C125&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/12-9.png?resize=1024%2C426&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/12-9.png?resize=768%2C320&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/12-9.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">The next dashboard will present you with the OG title, OG description, and OG image tags that you can customize as per your requirements. Once you are done with all the editing, make sure to \u201cSave\u201d the changes.<\/span><\/p>\n<h3><b>Manual Implementation<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">In case you want to implement the tags manually, you need to follow these steps:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Get hold of the HTML code of the web page on which you want to implement the tags.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Manually insert the OG image and other tags within the &lt;head&gt; section of the HTML code.<\/span><\/li>\n<\/ol>\n<h2><b>Testing And Debugging Open Graph Meta Tags<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Now that you have successfully implemented the OG image and other tags in your web pages, it&#8217;s time to test them and remove the bugs, if any.<\/span><\/p>\n<p><b>Step 1: Use A Debug Tool<\/b><\/p>\n<p><span style=\"font-weight: 400;\">First of all, you need to use a proper debug tool to verify whether the OG image and other open graph protocol tags are free of bugs and performing correctly or not.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There are three main debug tools that you can use for this purpose:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Facebook Sharing Debugger<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Twitter Card Validator<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">LinkedIn Post Inspector<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">You need to paste the web page URL in the debug tool to initiate the test.<\/span><\/p>\n<p><b>Step 2: Check The Tags<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Once you have pasted the URL, the debug tool will analyze the open graph protocol tags and display the same for verification. Cross-check whether the tags have the same content you had entered.<\/span><\/p>\n<p><b>Step 3: Check For Warnings<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Almost all three debuggers mentioned above will showcase warnings related to the open graph protocol tags for you to edit and improve. Check out for such warnings and start working on them immediately.\u00a0<\/span><\/p>\n<p><b>Step 4: Re-check<\/b><\/p>\n<p><span style=\"font-weight: 400;\">After making the changes, make sure to re-check the tags by selecting the \u201cscrape again\u201d or the re-check option in the debugger tool.<\/span><\/p>\n<h2><b>Open Graph Meta Tags Are The Way To Enhance Social Media Presence<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Who doesn\u2019t want to have a great social media presence? Currently, social media holds a majority of the portion in the online marketing section, which means brands must focus on their social media presence. And they can do that by implementing the open graph image and other tags.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These tags can easily convert a simple article into a social media snippet, capturing the majority of the screen space, which automatically attracts the readers. If you also want to enhance your brand visibility on social media platforms, you must practice using OG tags. And don\u2019t worry; RankWatch is there with you at every step.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hope this blog was useful for you!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">See you soon!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Imagine what would happen if the webpage you shared on social media appeared like a featured snippet. The visibility, impressions, engagement, and conversions; everything will start skyrocketing! That\u2019s the power of open graph protocol!\u00a0 They can easily convert your webpage into social media snippets and boost your marketing campaign like never before! So hop on, [&hellip;]<\/p>\n","protected":false},"author":215,"featured_media":23117,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":""},"categories":[29],"tags":[],"class_list":["post-23104","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-social-media","entry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Open Graph Protocol: Boost Your Social Media with OG Tags<\/title>\n<meta name=\"description\" content=\"Boost social media engagement with powerful Open Graph protocols such as OG tags. Create compelling social media snippets using Open Graph meta tags.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.rankwatch.com\/blog\/open-graph\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Open Graph Protocol: Boost Your Social Media with OG Tags\" \/>\n<meta property=\"og:description\" content=\"Boost social media engagement with powerful Open Graph protocols such as OG tags. Create compelling social media snippets using Open Graph meta tags.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rankwatch.com\/blog\/open-graph\/\" \/>\n<meta property=\"og:site_name\" content=\"RankWatch Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RankWatch\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/RankWatch1\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-27T11:59:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-29T08:08:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/open_graph_banner.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sahil Kakkar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@RankWatch\" \/>\n<meta name=\"twitter:site\" content=\"@rankwatch\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sahil Kakkar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/open-graph\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/open-graph\/\"},\"author\":{\"name\":\"Sahil Kakkar\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/fddb7440d6f90e9b9983791e476a1429\"},\"headline\":\"Open Graph Protocol: Convert Your WebPages Into Social Media Snippets!\",\"datePublished\":\"2024-03-27T11:59:18+00:00\",\"dateModified\":\"2024-03-29T08:08:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/open-graph\/\"},\"wordCount\":1862,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/open-graph\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/open_graph_banner.png?fit=1200%2C800&ssl=1\",\"articleSection\":[\"Social Media\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.rankwatch.com\/blog\/open-graph\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/open-graph\/\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/open-graph\/\",\"name\":\"Open Graph Protocol: Boost Your Social Media with OG Tags\",\"isPartOf\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/open-graph\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/open-graph\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/open_graph_banner.png?fit=1200%2C800&ssl=1\",\"datePublished\":\"2024-03-27T11:59:18+00:00\",\"dateModified\":\"2024-03-29T08:08:45+00:00\",\"description\":\"Boost social media engagement with powerful Open Graph protocols such as OG tags. Create compelling social media snippets using Open Graph meta tags.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/open-graph\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.rankwatch.com\/blog\/open-graph\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/open-graph\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/open_graph_banner.png?fit=1200%2C800&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/open_graph_banner.png?fit=1200%2C800&ssl=1\",\"width\":1200,\"height\":800},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/open-graph\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.rankwatch.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Open Graph Protocol: Convert Your WebPages Into Social Media Snippets!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#website\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/\",\"name\":\"RankWatch Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.rankwatch.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#organization\",\"name\":\"Rankwatch\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1\",\"width\":400,\"height\":90,\"caption\":\"Rankwatch\"},\"image\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/RankWatch\/\",\"https:\/\/x.com\/rankwatch\",\"https:\/\/www.instagram.com\/rankwatch_seo\/\",\"https:\/\/in.linkedin.com\/company\/rankwatch\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/fddb7440d6f90e9b9983791e476a1429\",\"name\":\"Sahil Kakkar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/09\/301d348a-2522-4ee1-8dde-2ee543cf1f5e_templates_1627454150633_sahil-final-96x96.png\",\"contentUrl\":\"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/09\/301d348a-2522-4ee1-8dde-2ee543cf1f5e_templates_1627454150633_sahil-final-96x96.png\",\"caption\":\"Sahil Kakkar\"},\"description\":\"Sahil is the CEO and Founder of RankWatch - a platform that helps companies and brands stay ahead with their SEO efforts in the ever growing internet landscape. Sahil likes making creative products that help in the automation of mundane tasks and he can spend endless nights implementing new technologies and ideas. You can connect with him and the Rankwatch team on Facebook or Twitter.\",\"sameAs\":[\"http:\/\/www.rankwatch.com\",\"https:\/\/www.facebook.com\/RankWatch1\",\"https:\/\/in.linkedin.com\/company\/rankwatch\",\"https:\/\/x.com\/RankWatch\"],\"url\":\"https:\/\/www.rankwatch.com\/blog\/author\/sahil-kakkar\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Open Graph Protocol: Boost Your Social Media with OG Tags","description":"Boost social media engagement with powerful Open Graph protocols such as OG tags. Create compelling social media snippets using Open Graph meta tags.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.rankwatch.com\/blog\/open-graph\/","og_locale":"en_US","og_type":"article","og_title":"Open Graph Protocol: Boost Your Social Media with OG Tags","og_description":"Boost social media engagement with powerful Open Graph protocols such as OG tags. Create compelling social media snippets using Open Graph meta tags.","og_url":"https:\/\/www.rankwatch.com\/blog\/open-graph\/","og_site_name":"RankWatch Blog","article_publisher":"https:\/\/www.facebook.com\/RankWatch\/","article_author":"https:\/\/www.facebook.com\/RankWatch1","article_published_time":"2024-03-27T11:59:18+00:00","article_modified_time":"2024-03-29T08:08:45+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/open_graph_banner.png","type":"image\/png"}],"author":"Sahil Kakkar","twitter_card":"summary_large_image","twitter_creator":"@RankWatch","twitter_site":"@rankwatch","twitter_misc":{"Written by":"Sahil Kakkar","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.rankwatch.com\/blog\/open-graph\/#article","isPartOf":{"@id":"https:\/\/www.rankwatch.com\/blog\/open-graph\/"},"author":{"name":"Sahil Kakkar","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/fddb7440d6f90e9b9983791e476a1429"},"headline":"Open Graph Protocol: Convert Your WebPages Into Social Media Snippets!","datePublished":"2024-03-27T11:59:18+00:00","dateModified":"2024-03-29T08:08:45+00:00","mainEntityOfPage":{"@id":"https:\/\/www.rankwatch.com\/blog\/open-graph\/"},"wordCount":1862,"commentCount":0,"publisher":{"@id":"https:\/\/www.rankwatch.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.rankwatch.com\/blog\/open-graph\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/open_graph_banner.png?fit=1200%2C800&ssl=1","articleSection":["Social Media"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.rankwatch.com\/blog\/open-graph\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.rankwatch.com\/blog\/open-graph\/","url":"https:\/\/www.rankwatch.com\/blog\/open-graph\/","name":"Open Graph Protocol: Boost Your Social Media with OG Tags","isPartOf":{"@id":"https:\/\/www.rankwatch.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.rankwatch.com\/blog\/open-graph\/#primaryimage"},"image":{"@id":"https:\/\/www.rankwatch.com\/blog\/open-graph\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/open_graph_banner.png?fit=1200%2C800&ssl=1","datePublished":"2024-03-27T11:59:18+00:00","dateModified":"2024-03-29T08:08:45+00:00","description":"Boost social media engagement with powerful Open Graph protocols such as OG tags. Create compelling social media snippets using Open Graph meta tags.","breadcrumb":{"@id":"https:\/\/www.rankwatch.com\/blog\/open-graph\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rankwatch.com\/blog\/open-graph\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rankwatch.com\/blog\/open-graph\/#primaryimage","url":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/open_graph_banner.png?fit=1200%2C800&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/open_graph_banner.png?fit=1200%2C800&ssl=1","width":1200,"height":800},{"@type":"BreadcrumbList","@id":"https:\/\/www.rankwatch.com\/blog\/open-graph\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.rankwatch.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Open Graph Protocol: Convert Your WebPages Into Social Media Snippets!"}]},{"@type":"WebSite","@id":"https:\/\/www.rankwatch.com\/blog\/#website","url":"https:\/\/www.rankwatch.com\/blog\/","name":"RankWatch Blog","description":"","publisher":{"@id":"https:\/\/www.rankwatch.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.rankwatch.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.rankwatch.com\/blog\/#organization","name":"Rankwatch","url":"https:\/\/www.rankwatch.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1","width":400,"height":90,"caption":"Rankwatch"},"image":{"@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/RankWatch\/","https:\/\/x.com\/rankwatch","https:\/\/www.instagram.com\/rankwatch_seo\/","https:\/\/in.linkedin.com\/company\/rankwatch"]},{"@type":"Person","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/fddb7440d6f90e9b9983791e476a1429","name":"Sahil Kakkar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/09\/301d348a-2522-4ee1-8dde-2ee543cf1f5e_templates_1627454150633_sahil-final-96x96.png","contentUrl":"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/09\/301d348a-2522-4ee1-8dde-2ee543cf1f5e_templates_1627454150633_sahil-final-96x96.png","caption":"Sahil Kakkar"},"description":"Sahil is the CEO and Founder of RankWatch - a platform that helps companies and brands stay ahead with their SEO efforts in the ever growing internet landscape. Sahil likes making creative products that help in the automation of mundane tasks and he can spend endless nights implementing new technologies and ideas. You can connect with him and the Rankwatch team on Facebook or Twitter.","sameAs":["http:\/\/www.rankwatch.com","https:\/\/www.facebook.com\/RankWatch1","https:\/\/in.linkedin.com\/company\/rankwatch","https:\/\/x.com\/RankWatch"],"url":"https:\/\/www.rankwatch.com\/blog\/author\/sahil-kakkar\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2024\/03\/open_graph_banner.png?fit=1200%2C800&ssl=1","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts\/23104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/users\/215"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/comments?post=23104"}],"version-history":[{"count":1,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts\/23104\/revisions"}],"predecessor-version":[{"id":23118,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts\/23104\/revisions\/23118"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/media\/23117"}],"wp:attachment":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/media?parent=23104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/categories?post=23104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/tags?post=23104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}