{"id":9231,"date":"2026-06-01T09:38:28","date_gmt":"2026-06-01T07:38:28","guid":{"rendered":"https:\/\/mybox.com\/help\/?post_type=manual_kb&#038;p=9231"},"modified":"2026-06-01T09:38:29","modified_gmt":"2026-06-01T07:38:29","slug":"what-is-open-graph","status":"publish","type":"manual_kb","link":"https:\/\/mybox.com\/help\/en\/knowledgebase\/what-is-open-graph\/","title":{"rendered":"What is Open Graph?"},"content":{"rendered":"\n<div class=\"translation-block translation-block-merged\">\n<p class=\"wp-block-paragraph\">Open Graph is a protocol developed to control how web pages are displayed when shared on social media platforms. It allows website owners to define what title, description, image, and other metadata should appear in link previews.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The system is widely used by platforms such as Facebook, LinkedIn, X (Twitter), and messaging apps that generate rich link previews.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/what-is-open-graph\/#How_Open_Graph_works\" >How Open Graph works<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/what-is-open-graph\/#Basic_Open_Graph_tags\" >Basic Open Graph tags<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/what-is-open-graph\/#Why_Open_Graph_is_important\" >Why Open Graph is important<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/what-is-open-graph\/#Optional_Open_Graph_extensions\" >Optional Open Graph extensions<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/what-is-open-graph\/#Where_Open_Graph_is_used\" >Where Open Graph is used<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/what-is-open-graph\/#Summary\" >Summary<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_Open_Graph_works\"><\/span>How Open Graph works<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<\/div>\n\n<div id=\"mybox-3783470474\" class=\"mybox-content mybox-entity-placement\"><div class=\"early-access-banner-inpost\">\r\n  <div class=\"banner-left-inpost\">\r\n    <div class=\"icon-box-inpost\">\r\n      <img decoding=\"async\" src=\"https:\/\/mybox.com\/help\/wp-content\/uploads\/2026\/02\/square-info-icon.svg\" alt=\"Info\">\r\n    <\/div>\r\n    <div class=\"text-box-inpost\">\r\n      <span class=\"label-inpost\"><span class=\"translation-block translation-block-banner-text\">Early access<\/span><\/span>\r\n      <h4><span class=\"translation-block translation-block-banner-text\">Still need help?<\/span><\/h4>\r\n      <p><span class=\"translation-block translation-block-banner-text\">Contact our customer service team.<\/span><\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"banner-right-inpost\">\r\n    <a href=\"https:\/\/panel.mybox.com\/helpdesk2\/v\/list\/\" class=\"banner-button-inpost\"><span class=\"translation-block translation-block-banner-text\">Message us<\/span><\/a>\r\n  <\/div>\r\n<\/div><\/div>\n\n<div class=\"translation-block translation-block-merged\"><p class=\"wp-block-paragraph\">When a user shares a link, social platforms scan the page\u2019s HTML for Open Graph meta tags. These tags provide structured information that defines how the preview should look.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If Open Graph tags are not present, platforms will try to guess the content automatically, which may result in incorrect or poorly formatted previews.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Basic_Open_Graph_tags\"><\/span>Basic Open Graph tags<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The most common Open Graph tags include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>og:title<\/code> \u2013 the title of the page<\/li>\n\n\n\n<li><code>og:description<\/code> \u2013 a short description of the page<\/li>\n\n\n\n<li><code>og:image<\/code> \u2013 image shown in the preview<\/li>\n\n\n\n<li><code>og:url<\/code> \u2013 canonical URL of the page<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Example:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;meta property=\"og:title\" content=\"Page Title\" \/&gt;\n&lt;meta property=\"og:description\" content=\"Page description\" \/&gt;\n&lt;meta property=\"og:image\" content=\"https:\/\/example.com\/image.jpg\" \/&gt;\n&lt;meta property=\"og:url\" content=\"https:\/\/example.com\/page\" \/&gt;\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Why_Open_Graph_is_important\"><\/span>Why Open Graph is important<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Open Graph improves how content appears when shared by:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>making links more visually attractive<\/li>\n\n\n\n<li>increasing click-through rates<\/li>\n\n\n\n<li>improving brand recognition<\/li>\n\n\n\n<li>ensuring consistent preview formatting<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Optional_Open_Graph_extensions\"><\/span>Optional Open Graph extensions<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In addition to basic tags, you can also define:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>og:type<\/code> \u2013 type of content (website, article, product, etc.)<\/li>\n\n\n\n<li><code>og:site_name<\/code> \u2013 website name<\/li>\n\n\n\n<li><code>og:locale<\/code> \u2013 language\/region settings<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These help platforms better understand and categorize your content.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Where_Open_Graph_is_used\"><\/span>Where Open Graph is used<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Open Graph is supported by many platforms, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>social media networks<\/li>\n\n\n\n<li>messaging apps<\/li>\n\n\n\n<li>link preview generators<\/li>\n\n\n\n<li>content sharing tools<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Summary\"><\/span>Summary<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Open Graph is a metadata protocol that allows websites to control how their content appears when shared online. By adding Open Graph tags, you ensure that shared links display correctly with the right title, image, and description, improving visibility and engagement.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[42],"manual_kb_tag":[5746,5747,5748,5749,5750,5751,3052,5743,5744,5745],"class_list":["post-9231","manual_kb","type-manual_kb","status-publish","format-standard","hentry","manualknowledgebasecat-miscellaneous","manual_kb_tag-website-metadata","manual_kb_tag-link-previews","manual_kb_tag-rich-link-previews","manual_kb_tag-social-media-sharing","manual_kb_tag-social-media-platforms","manual_kb_tag-sharing-optimization","manual_kb_tag-meta-tags","manual_kb_tag-open-graph","manual_kb_tag-open-graph-tags","manual_kb_tag-page-metadata"],"_links":{"self":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb\/9231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb\/9231\/revisions"}],"predecessor-version":[{"id":9232,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb\/9231\/revisions\/9232"}],"wp:attachment":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/media?parent=9231"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manualknowledgebasecat?post=9231"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb_tag?post=9231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}