Title: Open Graph Protocol Framework
Author: itthinx
Published: <strong>Disyembre 21, 2012</strong>
Last modified: Disyembre 20, 2025

---

Search plugins

![](https://ps.w.org/open-graph-protocol-framework/assets/banner-772x250.png?rev
=3424334)

![](https://ps.w.org/open-graph-protocol-framework/assets/icon-256x256.png?rev=1118812)

# Open Graph Protocol Framework

 By [itthinx](https://profiles.wordpress.org/itthinx/)

[Download](https://downloads.wordpress.org/plugin/open-graph-protocol-framework.2.1.0.zip)

 * [Details](https://ceb.wordpress.org/plugins/open-graph-protocol-framework/#description)
 * [Reviews](https://ceb.wordpress.org/plugins/open-graph-protocol-framework/#reviews)
 *  [Installation](https://ceb.wordpress.org/plugins/open-graph-protocol-framework/#installation)
 * [Development](https://ceb.wordpress.org/plugins/open-graph-protocol-framework/#developers)

 [Support](https://wordpress.org/support/plugin/open-graph-protocol-framework/)

## Description

The [Open Graph protocol](https://ogp.me/) enables any web page to become a rich
object in a social graph. For instance, this is used on Facebook to allow any web
page to have the same functionality as any other object on Facebook.

This WordPress plugin is aimed at automating the process of adding basic and optional
metadata to a site’s pages. It is also designed to act as a framework for other 
plugins or themes and allows to modify and adapt the information provided as needed.

If you find this plugin useful and would like to support our work, you can do so
by purchasing in our [Shop](https://www.itthinx.com/shop/), thank you!

Supports [WooCommerce](https://wordpress.org/plugins/woocommerce/) to include essential
product metadata on product pages.

### Usage

Install and activate the plugin. It will automatically render the following metadata
for posts, pages, etc. :

 * `og:title` : The page’s title is used, this provides the title for posts, pages,
   archives etc.
 * `og:type` : The type will be `article` in general, `website` for the front page
   and `blog` for the blog homepage.
 * `og:image` : For post types that support featured images, the URL of the featured
   image is used. Additional metadata `og:image:width`, `og:image:height`, `og:image:
   url`, `og:image:secure_url` and `og:image:alt` are added.
 * `og:url` : The URL of the current page.
 * `og:site_name` : The name of the site.
 * `og:description` : Uses the full excerpt if available, otherwise derives it from
   the content. For author and archive pages, the type of page and title is used.
 * `og:locale` : The current locale.
 * `og:locale:alternate` : Indicates additional locales available with [WPML](https://wpml.org/)
   and [Polylang](https://wordpress.org/plugins/polylang/).

The content of the `og:image:alt` property is based on the Alt Text of the featured
image, the image’s Caption in lack thereof, or ultimately the image’s Description
in lack of the latter. If any of those are empty, the property is not rendered.

### Filters

This section is for developers. If you’re not a developer, you can safely skip it.

The plugin provides the following filters:

#### `open_graph_protocol_meta`

This filter allows to modify the value of the `content` attribute for a given meta
tag.
 It is invoked for every supported type of metadata.

Parameters:

 * `string` `content` – the current value of the `content` attribute
 * `string` `property` – the metadata name, for example `og:title`

Filters must return:

 * `string` the desired value of the `content` attribute

#### `open_graph_protocol_meta_tag`

This filter allows to modify the actual HTML `<meta>` tag that is rendered in the`
<head>` section of pages.

Parameters:

 * `string` HTML `<meta>` tag
 * `string` `property` – the metadata name, for example `og:title`
 * `string` `content` – the value of the `content` attribute

Filters must return:

 * `string` the desired output for the HTML `<meta>` tag

#### `open_graph_protocol_metas`

This filter allows to add or remove metadata before it is rendered.

Parameters:

 * `array` of metadata indexed by metadata name

Filters must return:

 * `array` of metadata indexed by metadata name

#### `open_graph_protocol_echo_metas`

This filter allows to modify the HTML that renders the plugin’s meta tags in the`
<head>` section.

Parameters:

 * `string` HTML with `<meta>` tags to be rendered

Filters must return:

 * `string` HTML with `<meta>` tags to be rendered

#### `open_graph_protocol_framework_ext`

This filter allows to determine whether additional meta tags should be produced 
for supported integrations.

Parameters:

 * `boolean` whether to process the integration
 * `string` the integration

Filters must return:

 * `boolean` whether to process additional meta tags for the integration

### Why this plugin?

This plugin was created because we needed an extendable way to render meta tags 
based on the Open Graph protocol, which would allow to modify the meta tag content
rendered or add meta tags when appropriate based on external data.

None of the existing plugins provided a sufficiently flexible way of doing that,
among other reasons we needed a solution that would comply with all of these requirements
and none of the existing solutions does:

 * must be compatible with WordPress 3.5
 * must automatically add meta tags for featured images
 * must be automated and create sensible meta tag content for each page, we don’t
   want to manually indicate the tag content for every page
 * must provide a framework for extension through hooks and filters on every tag,
   and provide a design that allows other plugins to modify the meta tags in flexible
   ways
 * must not ask to provide your Facebook account details or application ID when 
   there is no need for it
 * must not be bloated with features you don’t want or need when you simply want
   Open Graph metatags to be rendered automatically for your pages

### Logo Attribution

The logo used for this plugin’s icon and banner is the [Open Graph protocol logo](https://commons.wikimedia.org/wiki/File:Open_Graph_protocol_logo.png#/media/File:Open_Graph_protocol_logo.png)
by Facebook – [ogp.me](https://ogp.me). Licensed under Public Domain via [Wikimedia Commons](https://commons.wikimedia.org/wiki/).

### Validators

To test the generated metadata you can use several tools, among those:

 * [X Card Validator](https://cards-dev.x.com/validator)
 * [Meta Sharing Debugger](https://developers.facebook.com/tools/debug/)

## Screenshots

 * [[
 * Plugin info

## Installation

See also the [Open Graph Protocol](https://www.itthinx.com/plugin/open-graph-protocol/)
plugin pages and [documentation](https://docs.itthinx.com/document/open-graph-protocol-framework/).

 1. Use the _Add new_ option found in the _Plugins_ menu in WordPress and search for
    _Open Graph Protocol_ or upload the plugin zip file or extract the `open-graph-
    protocol` folder to your site’s `/wp-content/plugins/` directory.
 2. Enable the plugin from the _Plugins_ menu in WordPress.

## FAQ

### Where is the documentation?

The plugin’s documentation pages are [here](https://docs.itthinx.com/document/open-graph-protocol-framework/).

### Where can I ask a question?

You can post a comment on the [plugin page](https://www.itthinx.com/plugins/open-graph-protocol/).

### Where can I find out more about the Open Graph protocol?

The Open Graph protocol specification is available on [ogp.me](https://ogp.me/).

## Contributors & Developers

“Open Graph Protocol Framework” is open source software. The following people have
contributed to this plugin.

Contributors

 *   [ itthinx ](https://profiles.wordpress.org/itthinx/)

[Translate “Open Graph Protocol Framework” into your language.](https://translate.wordpress.org/projects/wp-plugins/open-graph-protocol-framework)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/open-graph-protocol-framework/),
check out the [SVN repository](https://plugins.svn.wordpress.org/open-graph-protocol-framework/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/open-graph-protocol-framework/)
by [RSS](https://plugins.trac.wordpress.org/log/open-graph-protocol-framework/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

See the complete [changelog](https://github.com/itthinx/open-graph-protocol-framework/blob/master/changelog.txt)
for details.

## Meta

 *  Version **2.1.0**
 *  Last updated **3 bulan ago**
 *  Active installations **3numero_pormat_thousands_sep000+**
 *  WordPress version ** 6.0 or higher **
 *  Tested up to **6.9.4**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/open-graph-protocol-framework/)
 * Tags
 * [facebook](https://ceb.wordpress.org/plugins/tags/facebook/)[google](https://ceb.wordpress.org/plugins/tags/google/)
   [ogp](https://ceb.wordpress.org/plugins/tags/ogp/)[open graph protocol](https://ceb.wordpress.org/plugins/tags/open-graph-protocol/)
   [x](https://ceb.wordpress.org/plugins/tags/x/)
 *  [Advanced View](https://ceb.wordpress.org/plugins/open-graph-protocol-framework/advanced/)

## Ratings

 4.3 out of 5 stars.

 *  [  12 5-star reviews     ](https://wordpress.org/support/plugin/open-graph-protocol-framework/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/open-graph-protocol-framework/reviews/?filter=4)
 *  [  1 3-star review     ](https://wordpress.org/support/plugin/open-graph-protocol-framework/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/open-graph-protocol-framework/reviews/?filter=2)
 *  [  2 1-star reviews     ](https://wordpress.org/support/plugin/open-graph-protocol-framework/reviews/?filter=1)

[Add my review](https://wordpress.org/support/plugin/open-graph-protocol-framework/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/open-graph-protocol-framework/reviews/)

## Contributors

 *   [ itthinx ](https://profiles.wordpress.org/itthinx/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/open-graph-protocol-framework/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://www.itthinx.com/shop/)