What is the Open Graph?

What is the Open Graph?

Its just an agreed way of adding meta data to your site, to show a certain way on twitter and facebook etc. Originally used by facebook, its been adopted by other companies too.

Open Graph is a protocol enables any web page to become a rich object in a social graph. It's useful for social media like Facebook or Twitter. Most CMS provide an Open Graph module or plugin now. Have a look to this post https://www.brightedge.com/blog/cap...al-media-the-power-of-the-open-graph-protocol

when we talk about open graphs.. it is a standard structure with the use of metadata inside your webpage to indicate the contents of your page.

Here you can provide the title of your page.. the duration of the video .. etc...

Open Graph is a protocol that allows developers to control what content is shown when their websites are linked on Facebook or another social media platform.
If you lack these tags, then there's a good chance that an unrelated image will appear when your website is shared, or the description will be inaccurate.

It's just a silly conspiracy to screw with the closed graphs.

Closed graphs became the shit in the 1980's with Michale Jacksuns, Ronald Regan and Florens Griffin Joyner.

Then Facebook came along and decided to graph the shit out of everyone's personal info. And they called it the open graph.

(Edit added along for fucks clarity)

https://ogp.me/ is an internet protocol that was originally created by http://fbdevwiki.com/wiki/Open_Graph_protocol to standardize the use of metadata within a webpage to represent the content of a page.

The Open Graph protocol enables any web page to become a rich object in a social graph

Well, what if I ignore Open Graph ??

an internet protocol that was originally created by Facebook to standardize the use of metadata within a webpage to represent the content of a page.

Open Graph is a protocol that allows any web page to become a rich object in a social graph. For example, this could mean that when you click on the Facebook "Like" button on a web page, your friend sees that you liked the page even if they're not on Facebook.

Open Graph is built on three core concepts:

1. Objects: A web page is an object, and can have any number of associated objects. For example, a web page about a band could have associated objects like an album, tour dates, and photos.

2. Properties: Each object has a set of properties that describe it. For example, the "name" property for a band is "San Francisco String Quartet". The photo for the band would have properties like height, width, and "author", which could be an email address or URL that represents the person who uploaded the photo.

3. Open Graph Protocol: It's a set of rules for how objects can define their own relationships to other objects. To get started, objects can declare which properties they have and what type of values they accept.

The Open Graph protocol allows for rich object descriptions that go beyond basic HTML and make it easy to publish richer data like: who wrote a book, the characters in a movie, or the events in a sporting match; or to control how we want our data to look when it's shared on social media.

It's an SEO protocol that allows you to set up the look of the share window on different social media. Basically, here you define what users that want to share some content from your site will see once they try to post it on their social media profile. It's good practice to add open graphs as this gives you more control.