Open Graph Generator

Generate Open Graph tags for your web page.

Result

Share on Social Media:

Our Open Graph Generator helps you create Open Graph meta tags for your web pages.

Open Graph (OG) meta tags are defined by Facebook’s Open Graph protocol and placed in the ‹head› section of  the HTML code of a webpage.  OG tags can be easily identified by the og: prefix before property name.

These tags allow web designers to define the appearance of their content when shared on social media, including Facebook, LinkedIn, and Twitter (if Twitter Cards are not used). 

 

To generate Open Graph tags, provide the following details:

 

Title

This will populate the 'og:title' tag. This tag is used to define the title that should be displayed when the content is shared.

‹meta property="og:title" content="Example Page Title"›

 

Site Name

Provides the name of the web site, if the content is part of a larger site.
‹meta property="og:site_name" content="Example Site"›

 

Url

Specifies the canonical URL of the content.

‹meta property="og:url" content="https://example.com/page"›

 

Description

Provides a brief, one- to two-sentence description of the content.

‹meta property="og:description" content="This is an example description."›

 

Type

This will populate the  'og:type’ tag. Defines the type of content, such as article, website, video, etc. Depending on the type, the type-specific tags may also need to be included.  Here is a list of some commonly used og:type values:

  • article: A news article, blog post, or other similar content.
  • book: Represents a book.
  • music.album: Represents a music album.
  • music.radio_station: Represents a music radio station.
  • music.song: A single music track.
  • product: Represents a product.
  • profile: Represents a person.
  • video.episode: Represents a TV show episode.
  • video.movie: Represents a movie.
  • video.tv_show: A multi-episode TV show.
  • website: Represents a generic website or web page.

 

Image URL
Include the image URL for the 'og:image' tag.
‹meta property="og:image" content="https://example.com/image.jpg"›

 

Generated meta tags can be directly placed in the ‹head› section of your page or, if required, can be further modified to include additional details and tags.

 For more details see The Open Graph protocol page.