lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

webIntroHtmlChapter4Title

lesson12Title

webIntroHtmlChapter1Title

webIntroHtmlChapter2Title

webIntroHtmlChapter3Title

# Advanced SEO - Open Graph

Let's explore `Open Graph`, which is used to present web pages on social media platforms like Instagram and Facebook.

Open Graph is akin to a movie poster that displays the movie's title, lead actors, a brief synopsis, along with an image.

Developed by Facebook, the Open Graph protocol is used to provide metadata such as the title, description, and image of a webpage to social media, facilitating the display of link preview images.

 

## Key Open Graph Tags

Open Graph meta tags control the social media preview of a webpage.

The key Open Graph meta tags are as follows:

### og:title

Defines the title of the webpage.

```html title="Website Title"
<meta property="og:title" content="Website Title" />
```

 

### og:description

Defines a brief description of the webpage.

```html title="Website Description"
<meta property="og:description" content="Website Description" />
```

 

### og:type

Defines the type of the webpage (e.g., website, article).

```html title="Website Type"
<meta property="og:type" content="website" />
```

 

### og:url

Specifies the exact address (URL) of the webpage.

```html title="Website URL"
<meta property="og:url" content="https://example.com/my-web-page" />
```

 

### og:site_name

Defines the name of the website.

```html title="Website Name"
<meta property="og:site_name" content="Website Name" />
```

 

### og:image

Specifies the URL of the link preview image.

```html title="Website Preview Image"
<meta property="og:image" content="https://example.com/my-image.jpg" />
```

Open Graph is a protocol developed by Meta that provides metadata to better represent a web page when shared on social media. This enables social media platforms to display preview images and other information for links.

### Open Graph is a protocol that provides metadata to better represent web pages on social media.