{"id":9152,"date":"2021-11-11T03:27:58","date_gmt":"2021-11-11T07:27:58","guid":{"rendered":"https:\/\/staging.modulebazaar.com\/blog\/?p=9152"},"modified":"2021-11-12T00:55:08","modified_gmt":"2021-11-12T04:55:08","slug":"what-is-open-graph-and-why-is-it-important-to-your-web-pages","status":"publish","type":"post","link":"https:\/\/www.modulebazaar.com\/blog\/what-is-open-graph-and-why-is-it-important-to-your-web-pages\/","title":{"rendered":"What is Open Graph and Why is it Important to your Web Pages?"},"content":{"rendered":"\n<p>Social media is how many people share content on the Internet. Sites like Facebook, Twitter, and Instagram are ideal ways to share content from various websites to a broader audience. Brands and businesses may share content themselves, or they can benefit from social media users organically linking to their pages. However, social media posts won\u2019t get as much attention if they are just raw hyperlinks. To present content properly, you need to implement Open Graph on your pages.<\/p>\n\n\n\n<h3>What is Open Graph?<\/h3>\n\n\n\n<p>Open Graph is a protocol developed by Facebook to improve how outside content is presented on social media. When a URL is shared on Facebook or other social media platforms, by default it would just be a clickable link. But since social media is visually-driven, that is less appealing, and modern web technologies are capable of automatically displaying a better representation of what\u2019s on the page. This saves the work of designing each post to best reflect what the page will show.&nbsp;<\/p>\n\n\n\n<p>A Facebook post that uses OpenGraph will give more information than just the URL. It will turn the page into an object that contains a&nbsp;<a href=\"https:\/\/www.elitesiteoptimizer.com\/features\/on-page-seo-analysis\/\" target=\"_blank\" rel=\"noreferrer noopener\">title, description, and image<\/a>&nbsp;formatted like other social media posts.&nbsp;&nbsp;<\/p>\n\n\n\n<h3>What is the benefit of Open Graph?<\/h3>\n\n\n\n<p>As established, social media thrives on visually appealing posts. Engagement with the audience is what leads to more social media shares and clicks. In contrast, unappealing posts that are just text and links may make social media viewers wary. They may not be immediately interested, and social media users may not want to go to another site, especially if they are browsing on a mobile app. If a social media post contains all the information already and is in an attractive format, then not only are viewers more likely to click, but brands can get their message out even if viewers don\u2019t click.<\/p>\n\n\n\n<p>For SEO purposes, social media shares are valuable even if they don\u2019t directly lead to increased search rank. Getting your page title and description visible on social media is a similar success to getting them displayed effectively in search results with featured snippets.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.elitesiteoptimizer.com\/blogs\/ways-to-integrate-structured-data\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Read Also:-<\/strong>4 Tips for Integrating Structured Data<\/a><\/p>\n\n\n\n<h3>Setting up Open Graph<\/h3>\n\n\n\n<p>Needless to say, you want to enable Open Graph on every page that you want to be shared on social media. This includes landing pages, blog posts, features pages, and more. Open Graph is enabled by putting special HTML meta tags. In the &lt;meta property&gt; tags of your headers, you can add properties including the following essential ones:<\/p>\n\n\n\n<ul><li>\u201cog:url\u201d for the canonical URL of the page<\/li><li>\u201cog:title\u201d for the title that will appear on social media<\/li><li>\u201cog:description\u201d for the text description of between 2 and 4 sentences that appears on social media below the title.<\/li><li>\u201cog:image\u201d for the image that appears. It should be the main image from the page or a representation of the page content. Follow&nbsp;<a href=\"https:\/\/developers.facebook.com\/docs\/sharing\/best-practices#images\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Facebook\u2019s best practices<\/a>&nbsp;and remember that the Open Graph images appear as squares.&nbsp;<\/li><li>\u201cog:app_id\u201d is vital for displaying analytics of all your linked pages on social media through Facebook Insights and other tools.&nbsp;<\/li><\/ul>\n\n\n\n<p>Other properties can be added to define the specifics of the image and graph. The \u201cog:type\u201d property is important for identifying what type of content is on the linked page, such as an article, movie, book, or audio content. You can include a secure HTTPS URL for video and audio content to be loaded through the post.&nbsp;<\/p>\n\n\n\n<p>When implementing Open Graph for Facebook, you should create a Facebook page or Facebook application that is associated with your domain for analytics purposes. You can then apply your ID to the header of your pages. You can also test pages by putting the URL into the&nbsp;Sharing Debugger. Remember to add a&nbsp;Facebook Like button&nbsp;on the page as well for the best results.&nbsp;<\/p>\n\n\n\n<p>There are several ways to quickly parse and add Open Graph data without needing to do so manually, such as the Facebook plugin&nbsp;for all WordPress sites,&nbsp;OpenGraph Ruby, and&nbsp;PyOpenGraph.&nbsp;<\/p>\n\n\n\n<p>If you want your content to be shareable on social media, then you need to support Open Graph. Social media promotion and organic sharing work best when they integrate with the platform seamlessly.&nbsp;<a href=\"https:\/\/www.elitesiteoptimizer.com\/features\/content-audit\/\" target=\"_blank\" rel=\"noreferrer noopener\">Check that your website supports Open Graph<\/a> for all pages.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Social media is how many people share content on the Internet. Sites like Facebook, Twitter, and Instagram are ideal ways to share content from various websites to a broader audience. Brands and businesses may share content themselves, or they can benefit from social media users organically linking to their pages. However, social media posts won\u2019t get as much attention if they are just raw hyperlinks. To present content properly, you need to implement Open Graph on your pages. What is Open Graph? Open Graph is a protocol developed by Facebook to improve how outside content is presented on social media. When a URL is shared on Facebook or other social media platforms, by default it would just be a clickable link. But since social media is visually-driven, that is less appealing, and modern web technologies are capable of automatically displaying a better representation of what\u2019s on the page. This saves the work of designing each post to best reflect what the page will show.&nbsp; A Facebook post that uses OpenGraph will give more information than just the URL. It will turn the page into an object that contains a&nbsp;title, description, and image&nbsp;formatted like other social media posts.&nbsp;&nbsp; What is the [&hellip;]<\/p>\n","protected":false},"author":44,"featured_media":9474,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3611],"tags":[3614,3615],"yst_prominent_words":[1656,1672,2836,2178,1946,2801,1671,1673,2174],"_links":{"self":[{"href":"https:\/\/www.modulebazaar.com\/blog\/wp-json\/wp\/v2\/posts\/9152"}],"collection":[{"href":"https:\/\/www.modulebazaar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.modulebazaar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.modulebazaar.com\/blog\/wp-json\/wp\/v2\/users\/44"}],"replies":[{"embeddable":true,"href":"https:\/\/www.modulebazaar.com\/blog\/wp-json\/wp\/v2\/comments?post=9152"}],"version-history":[{"count":1,"href":"https:\/\/www.modulebazaar.com\/blog\/wp-json\/wp\/v2\/posts\/9152\/revisions"}],"predecessor-version":[{"id":9475,"href":"https:\/\/www.modulebazaar.com\/blog\/wp-json\/wp\/v2\/posts\/9152\/revisions\/9475"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.modulebazaar.com\/blog\/wp-json\/wp\/v2\/media\/9474"}],"wp:attachment":[{"href":"https:\/\/www.modulebazaar.com\/blog\/wp-json\/wp\/v2\/media?parent=9152"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.modulebazaar.com\/blog\/wp-json\/wp\/v2\/categories?post=9152"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.modulebazaar.com\/blog\/wp-json\/wp\/v2\/tags?post=9152"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.modulebazaar.com\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=9152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}