{"id":30119,"date":"2024-11-12T12:39:23","date_gmt":"2024-11-12T12:39:23","guid":{"rendered":"https:\/\/www.seobility.net\/en\/blog\/wiki\/open-graph\/"},"modified":"2025-02-26T09:23:49","modified_gmt":"2025-02-26T09:23:49","slug":"Open_Graph","status":"publish","type":"wiki","link":"https:\/\/www.seobility.net\/en\/wiki\/Open_Graph","title":{"rendered":"Open Graph"},"content":{"rendered":"<h2><span class=\"mw-headline\" id=\"Open_Graph_-_Definition\">Open Graph &#8211; Definition<\/span><\/h2>\n<p>Open Graph is a protocol used to influence the way a web page is shared on social media. It uses metadata on the webpage to create a standard format used across different social media channels. This allows web developers and SEOs to influence how a page is portrayed when shared on social media channels.\n<\/p>\n<p>Open Graph was initially created by Facebook but has since been adopted by other social media channels, including Twitter, Pinterest, and LinkedIn.\n<\/p>\n<h2><span class=\"mw-headline\" id=\"What_Open_Graph_is_used_for\">What Open Graph is used for<\/span><\/h2>\n<p>Developers mainly use Open Graph to improve the sharing of pages on a site. Instead of an auto-generated image and description appearing, Open Graph allows web developers to create metadata that tells social media channels how a page should be represented when shared.\n<\/p>\n<p>Open Graph can improve the way pages are shared on social media channels, impacting the <a href=\"\/en\/wiki\/Website_Traffic\" title=\"Website Traffic\">traffic<\/a> going to a website. By informing people about what the content is about and providing an eye-catching image or video, you can improve user interaction and achieve a higher <a href=\"\/en\/wiki\/ctr-click-through-rate\" title=\"CTR (Click-Through Rate)\">CTR<\/a>.\n<\/p>\n<p>By implementing Open Graph <a href=\"\/en\/wiki\/Meta_Tags\" title=\"Meta Tags\">meta tags<\/a>, social media channels also better understand the information on a page. This works in much the same way as <a href=\"\/en\/wiki\/Microdata\" title=\"Microdata\">microdata<\/a> and <a href=\"\/en\/wiki\/JSON-LD\" title=\"JSON-LD\">JSON-LD<\/a> do for <a href=\"\/en\/wiki\/Search_Engine\" title=\"Search Engine\">search engines<\/a>, in that it makes the content easier to process. This makes it possible for social media channels to promote the content to more relevant audiences, further improving its effectiveness.\n<\/p>\n<p><img decoding=\"async\" alt=\"Open Graph\" src=\"\/en\/wiki\/images\/8\/87\/Open-graph-meta-tags.png\" title=\"Screenshot of Facebook for Developers\" width=\"602\" height=\"311\" class=\"thumbborder\" \/>\n<\/p>\n<p>An example of a social media post formatted using Open Graph meta tags, as seen on <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/developers.facebook.com\/docs\/sharing\/webmasters#media\">Facebook for Developers<\/a>\n<\/p>\n<h2><span class=\"mw-headline\" id=\"Open_Graph_meta_tags\">Open Graph meta tags<\/span><\/h2>\n<p>Open Graph meta tags are the code used to control how your <a href=\"\/en\/wiki\/URL\" title=\"URL\">URL<\/a> and content are displayed when shared on social media. Open Graph meta tags are generally added to the head of a web page. They can be identified by the \u201cog:\u201d at the start.\n<\/p>\n<h2><span class=\"mw-headline\" id=\"The_different_Open_Graph_tags\">The different Open Graph tags<\/span><\/h2>\n<p>There are many Open Graph tags that can be used by web developers. Some of the most used ones are listed below:\n<\/p>\n<ul>\n<li> og:title \u2013 The og:title tag indicates the title of the page.<\/li>\n<\/ul>\n<pre>&lt;meta property=\"og:title\" content=\"Open Graph Meta Tags: Everything You Need to Know\" \/&gt;<\/pre>\n<ul>\n<li> og:image \u2013 The image that should be displayed.<\/li>\n<\/ul>\n<pre>&lt;meta property=\"og:image\" content=\"https:\/\/example.com\/blog\/wp-content\/uploads\/2020\/01\/fb-open-graph-1.jpg\" \/&gt;<\/pre>\n<ul>\n<li> og:type \u2013 The type of web page you\u2019re sharing.<\/li>\n<\/ul>\n<pre>&lt;meta property=\"og:type\" content=\"article\" \/&gt;<\/pre>\n<ul>\n<li> og:url \u2013 The page\u2019s URL.<\/li>\n<\/ul>\n<pre>&lt;meta property=\"og:url\" content=\"https:\/\/example.com\/blog\/open-graph-meta-tags\/\" \/&gt;<\/pre>\n<ul>\n<li> og:description \u2013 The description of the content that you want to be displayed.<\/li>\n<\/ul>\n<pre>&lt;meta property=\"og:description\" content=\"This is a description of the content that is shared.\" \/&gt;<\/pre>\n<ul>\n<li> og:locale \u2013 The language of the content on the page.<\/li>\n<\/ul>\n<pre>&lt;meta property=\"og:locale\" content=\"en_GB\" \/&gt;<\/pre>\n<ul>\n<li> og:sitename \u2013 The name of the website (note: not the name of the page but the overall site)<\/li>\n<\/ul>\n<p><img decoding=\"async\" alt=\"Open Graph WordPress\" src=\"\/en\/wiki\/images\/thumb\/4\/47\/Open-graph-wordpress.png\/650px-Open-graph-wordpress.png\" title=\"Screenshot of the social tab in Yoast SEO\" width=\"650\" height=\"572\" class=\"thumbborder\" srcset=\"\/en\/wiki\/images\/thumb\/4\/47\/Open-graph-wordpress.png\/975px-Open-graph-wordpress.png 1.5x, \/en\/wiki\/images\/thumb\/4\/47\/Open-graph-wordpress.png\/1300px-Open-graph-wordpress.png 2x\" \/>\n<\/p>\n<p>An image of how Open Graph tags can be added easily in WordPress using the Yoast plugin\n<\/p>\n<h2><span class=\"mw-headline\" id=\"Social_media_networks_that_implement_Open_Graph\">Social media networks that implement Open Graph<\/span><\/h2>\n<p>Various social media channels have implemented Open Graph to allow web developers to influence how their pages look when shared. They typically follow the same core <a href=\"\/en\/wiki\/Syntax\" title=\"Syntax\">syntax<\/a>, however, certain social media channels use extra tags for channel-specific features.\n<\/p>\n<p>The largest social media channels that currently work with this protocol are Facebook, LinkedIn, Pinterest, and Twitter. Other social media channels are likely to follow, which makes it an important concept to understand.\n<\/p>\n<h2><span class=\"mw-headline\" id=\"Its_importance_for_SEO\">Its importance for SEO<\/span><\/h2>\n<p>Open Graph doesn\u2019t directly impact a site\u2019s SEO performance, however, it can impact the results of off-page promotion. By improving the way social media posts that link to a web page are displayed, SEO professionals and web developers can improve the click-through-rate. They can also make it easier for social media channels to understand what the content is about, allowing them to promote the post to the right audience.\n<\/p>\n<h2><span class=\"mw-headline\" id=\"Related_links\">Related links<\/span><\/h2>\n<ul>\n<li> <a rel=\"nofollow\" class=\"external free\" href=\"https:\/\/developers.facebook.com\/docs\/sharing\/webmasters\/\">https:\/\/developers.facebook.com\/docs\/sharing\/webmasters\/<\/a><\/li>\n<li> <a rel=\"nofollow\" class=\"external free\" href=\"https:\/\/developers.pinterest.com\/docs\/rich-pins\/reference\/\">https:\/\/developers.pinterest.com\/docs\/rich-pins\/reference\/<\/a><\/li>\n<li> <a rel=\"nofollow\" class=\"external free\" href=\"https:\/\/www.linkedin.com\/pulse\/how-generate-proper-link-previews-social-media-code-included-smith\">https:\/\/www.linkedin.com\/pulse\/how-generate-proper-link-previews-social-media-code-included-smith<\/a><\/li>\n<li> <a rel=\"nofollow\" class=\"external free\" href=\"https:\/\/developer.twitter.com\/en\/docs\/twitter-for-websites\/cards\/guides\/getting-started\">https:\/\/developer.twitter.com\/en\/docs\/twitter-for-websites\/cards\/guides\/getting-started<\/a><\/li>\n<\/ul>\n<h2><span class=\"mw-headline\" id=\"Similar_articles\">Similar articles<\/span><\/h2>\n<ul>\n<li> <a href=\"\/en\/wiki\/Social_Sharing\" title=\"Social Sharing\">Social Sharing<\/a><\/li>\n<li> <a href=\"\/en\/wiki\/Social_Media_Marketing\" title=\"Social Media Marketing\">Social Media Marketing<\/a><\/li>\n<\/ul>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Article\",\n  \"author\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Seobility\",\n    \"url\": \"https:\/\/www.seobility.net\/\"\n  }\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Open Graph &#8211; Definition Open Graph is a protocol used to influence the way a web page is shared on social media. It uses metadata on the webpage to create a standard format used across different social media channels. This allows web developers and SEOs to influence how a page is portrayed when shared on [&hellip;]<\/p>\n","protected":false},"author":38,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-30119","wiki","type-wiki","status-publish","hentry","wiki_categories-web-development"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>What is Open Graph? - Seobility Wiki<\/title>\n<meta name=\"description\" content=\"Open Graph is a protocol used to influence the way a web page is shared on social media channels. Learn more\u2026\" \/>\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.seobility.net\/en\/wiki\/Open_Graph\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is Open Graph? - Seobility Wiki\" \/>\n<meta property=\"og:description\" content=\"Open Graph is a protocol used to influence the way a web page is shared on social media channels. Learn more\u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.seobility.net\/en\/wiki\/Open_Graph\" \/>\n<meta property=\"og:site_name\" content=\"Seobility\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/seobility.net\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-26T09:23:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.seobility.net\/wp-content\/uploads\/2025\/06\/seobility-og-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@seobility_net\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"ScholarlyArticle\",\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\\\/Open_Graph#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\\\/Open_Graph\"},\"author\":{\"name\":\"Seobility Wiki Team\",\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/#\\\/schema\\\/person\\\/c838e66a3b46262b4c963df5cd5b2d8a\"},\"headline\":\"Open Graph\",\"datePublished\":\"2024-11-12T12:39:23+00:00\",\"dateModified\":\"2025-02-26T09:23:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\\\/Open_Graph\"},\"wordCount\":620,\"commentCount\":0,\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\\\/Open_Graph#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\\\/Open_Graph\",\"url\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\\\/Open_Graph\",\"name\":\"What is Open Graph? - Seobility Wiki\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/#website\"},\"datePublished\":\"2024-11-12T12:39:23+00:00\",\"dateModified\":\"2025-02-26T09:23:49+00:00\",\"description\":\"Open Graph is a protocol used to influence the way a web page is shared on social media channels. Learn more\u2026\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\\\/Open_Graph#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\\\/Open_Graph\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\\\/Open_Graph#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wiki\",\"item\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Open Graph\",\"item\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/wp-json\\\/wp\\\/v2\\\/wiki\\\/30119\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/\",\"name\":\"Seobility\",\"description\":\"Online SEO Software &amp; Tools For Better Rankings\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/#\\\/schema\\\/person\\\/c838e66a3b46262b4c963df5cd5b2d8a\",\"name\":\"Seobility Wiki Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.seobility.net\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Seobility-S-2025-150x150.png\",\"url\":\"https:\\\/\\\/www.seobility.net\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Seobility-S-2025-150x150.png\",\"contentUrl\":\"https:\\\/\\\/www.seobility.net\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Seobility-S-2025-150x150.png\",\"caption\":\"Seobility Wiki Team\"},\"description\":\"The Seobility Wiki team consists of seasoned SEOs, digital marketing professionals, and business experts with combined hands-on experience in SEO, online marketing and web development. All our articles went through a multi-level editorial process to provide you with the best possible quality and truly helpful information. Learn more about the people behind the Seobility Wiki.\",\"url\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/blog\\\/author\\\/seobility-wiki-team\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is Open Graph? - Seobility Wiki","description":"Open Graph is a protocol used to influence the way a web page is shared on social media channels. Learn more\u2026","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.seobility.net\/en\/wiki\/Open_Graph","og_locale":"en_US","og_type":"article","og_title":"What is Open Graph? - Seobility Wiki","og_description":"Open Graph is a protocol used to influence the way a web page is shared on social media channels. Learn more\u2026","og_url":"https:\/\/www.seobility.net\/en\/wiki\/Open_Graph","og_site_name":"Seobility","article_publisher":"https:\/\/www.facebook.com\/seobility.net\/","article_modified_time":"2025-02-26T09:23:49+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.seobility.net\/wp-content\/uploads\/2025\/06\/seobility-og-image.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@seobility_net","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"ScholarlyArticle","@id":"https:\/\/www.seobility.net\/en\/wiki\/Open_Graph#article","isPartOf":{"@id":"https:\/\/www.seobility.net\/en\/wiki\/Open_Graph"},"author":{"name":"Seobility Wiki Team","@id":"https:\/\/www.seobility.net\/en\/#\/schema\/person\/c838e66a3b46262b4c963df5cd5b2d8a"},"headline":"Open Graph","datePublished":"2024-11-12T12:39:23+00:00","dateModified":"2025-02-26T09:23:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.seobility.net\/en\/wiki\/Open_Graph"},"wordCount":620,"commentCount":0,"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.seobility.net\/en\/wiki\/Open_Graph#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.seobility.net\/en\/wiki\/Open_Graph","url":"https:\/\/www.seobility.net\/en\/wiki\/Open_Graph","name":"What is Open Graph? - Seobility Wiki","isPartOf":{"@id":"https:\/\/www.seobility.net\/en\/#website"},"datePublished":"2024-11-12T12:39:23+00:00","dateModified":"2025-02-26T09:23:49+00:00","description":"Open Graph is a protocol used to influence the way a web page is shared on social media channels. Learn more\u2026","breadcrumb":{"@id":"https:\/\/www.seobility.net\/en\/wiki\/Open_Graph#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.seobility.net\/en\/wiki\/Open_Graph"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.seobility.net\/en\/wiki\/Open_Graph#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.seobility.net\/en\/"},{"@type":"ListItem","position":2,"name":"Wiki","item":"https:\/\/www.seobility.net\/en\/wiki"},{"@type":"ListItem","position":3,"name":"Open Graph","item":"https:\/\/www.seobility.net\/en\/wp-json\/wp\/v2\/wiki\/30119"}]},{"@type":"WebSite","@id":"https:\/\/www.seobility.net\/en\/#website","url":"https:\/\/www.seobility.net\/en\/","name":"Seobility","description":"Online SEO Software &amp; Tools For Better Rankings","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.seobility.net\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.seobility.net\/en\/#\/schema\/person\/c838e66a3b46262b4c963df5cd5b2d8a","name":"Seobility Wiki Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.seobility.net\/wp-content\/uploads\/2025\/06\/Seobility-S-2025-150x150.png","url":"https:\/\/www.seobility.net\/wp-content\/uploads\/2025\/06\/Seobility-S-2025-150x150.png","contentUrl":"https:\/\/www.seobility.net\/wp-content\/uploads\/2025\/06\/Seobility-S-2025-150x150.png","caption":"Seobility Wiki Team"},"description":"The Seobility Wiki team consists of seasoned SEOs, digital marketing professionals, and business experts with combined hands-on experience in SEO, online marketing and web development. All our articles went through a multi-level editorial process to provide you with the best possible quality and truly helpful information. Learn more about the people behind the Seobility Wiki.","url":"https:\/\/www.seobility.net\/en\/blog\/author\/seobility-wiki-team\/"}]}},"_links":{"self":[{"href":"https:\/\/www.seobility.net\/en\/wp-json\/wp\/v2\/wiki\/30119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.seobility.net\/en\/wp-json\/wp\/v2\/wiki"}],"about":[{"href":"https:\/\/www.seobility.net\/en\/wp-json\/wp\/v2\/types\/wiki"}],"author":[{"embeddable":true,"href":"https:\/\/www.seobility.net\/en\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/www.seobility.net\/en\/wp-json\/wp\/v2\/comments?post=30119"}],"version-history":[{"count":0,"href":"https:\/\/www.seobility.net\/en\/wp-json\/wp\/v2\/wiki\/30119\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.seobility.net\/en\/wp-json\/wp\/v2\/media?parent=30119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}