OG

Description

The Open Graph protocol enables any web page to become a rich object in a social graph. Most notably, this allows for these pages to be used with Facebook’s Like Button and Graph API as well as within Google+ posts.

The Open Graph plugin inserts the Open Graph metadata into page head section, and provides filters for other plugins and themes to override this data, or to provide additional Open Graph data.

No configuration, pure power.

Plugin grabs data from content and if contains YouTube URL, then plugin try to get movie thumbnail and use it in og:image.

If post contains YouTube links, this plugin saves as post meta video thumbnail link and add it to og:image as post thumbnail.

Installation

There are 3 ways to install this plugin:

The super easy way

  1. Log in to your WordPress Admin panel.
  2. Go to Plugins > Add New.
  3. Type ‘OG’ into the Search Plugins field and hit Enter. Once found, you can view details such as the point release, rating, and description.
  4. Click Install Now. After clicking the link, you’ll be asked if you’re sure you want to install the plugin.
  5. Click Yes, and WordPress completes the installation.
  6. Activate the plugin.
  7. That’s all. The plugin does not have any configuration.

The easy way

  1. Download the plugin (.zip file) on the right column of this page
  2. In your Admin, go to menu Plugins > Add
  3. Select button Upload Plugin
  4. Upload the .zip file you just downloaded
  5. Activate the plugin
  6. That’s all. The plugin does not have any configuration.

The old and reliable way (FTP)

  1. Upload OG folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. That’s all. The plugin does not have any configuration.

FAQ

Installation Instructions

There are 3 ways to install this plugin:

The super easy way

  1. Log in to your WordPress Admin panel.
  2. Go to Plugins > Add New.
  3. Type ‘OG’ into the Search Plugins field and hit Enter. Once found, you can view details such as the point release, rating, and description.
  4. Click Install Now. After clicking the link, you’ll be asked if you’re sure you want to install the plugin.
  5. Click Yes, and WordPress completes the installation.
  6. Activate the plugin.
  7. That’s all. The plugin does not have any configuration.

The easy way

  1. Download the plugin (.zip file) on the right column of this page
  2. In your Admin, go to menu Plugins > Add
  3. Select button Upload Plugin
  4. Upload the .zip file you just downloaded
  5. Activate the plugin
  6. That’s all. The plugin does not have any configuration.

The old and reliable way (FTP)

  1. Upload OG folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. That’s all. The plugin does not have any configuration.
How do I configure the Open Graph plugin?

You don’t; there’s nothing to configure and there is no admin page. By default, it will use whatever standard WordPress data it can to populate the Open Graph data. There are very simple yet powerful filters you can use to modify or extend the metadata returned by the plugin, described below.

What plugin add for all type of content?
  • og:locale – site locale
  • og:site_name – blog title
  • og:title – post/page/archive/tag/… title
  • og:url – the post/page permalink
  • og:type – “website” for the homepage, “article” for single content and blog for all others
  • og:description – site description
  • og:site_name – site name
What plugin add for single content?
  • og:image: From a specific custom field of the post/page, or if not set from the post/page featured/thumbnail image, or if it doesn’t exist from the first image in the post content, or if it doesn’t exist from the first image on the post media gallery, or if it doesn’t exist from the default image defined in the options menu. The same image chosen here will be used and enclosure/media:content on the RSS feed.
  • og:video – add links to YouTube movies.
  • article:author – author of post link
  • article:published_time – date of first article publication
  • article:modified_time – date of last article modification
  • article:tag – tags used in post
  • twitter:card – “summary.
  • twitter:title – the same line og:title
  • twitter:description – the same like og:description
  • twitter:image – the same like og:image
  • twitter:player – the same like og:video
What plugin add for single WooCommerce product?
  • og:price:amount – price amount
  • og:price:currency – price currency
  • og:availability – stock status
I installed OG and … nothing happen!

Please be patient, sometimes you need more a day to see results. The reason
of this is cache on Facebook. But check your plugins too and if you use
and caching plugins, try to do “flush cache” on your site.

How to filter values?

Use auto filters. If you have value like this:

<meta property="og:title" content="WordPress Trunk" />

Then auto filter is created like this:

og_ + (word before “:”) + _ + (word after “:”) + _value

In this case:

og_og_title_value

add_filter('og_og_title_value', 'my_og_og_title_value');
function my_og_og_title_value($title)
{
    if ( is_home() ) {
        return __('This is extra home title!', 'translate-domain');
    }
    return $title;
}
How to filter whole meta tag?

Use auto filters. If you have value like this:

<meta property="og:title" content="WordPress Trunk" />

Then auto filter is created like this:

og_ + (word before “:”) + _ + (word after “:”) + _meta

In this case:

og_og_title_meta

add_filter('og_og_title_meta', 'my_og_og_title_meta');
function my_og_og_title_meta($title)
{
    if ( is_home() ) {
        return '<meta property="og:title" content="WordPress Title" />';
    }
    return $title;
}
How to setup default image?

Use filter “og_image_init”:

add_filter('og_image_init', 'my_og_image_init');
function my_og_image_init($images)
{
    if ( is_front_page() || is_home() ) {
        $images[] = 'http://wordpress/wp-content/uploads/2014/11/DSCN0570.jpg';
    }
    return $images;
}
How to setup image on the front page?

Use filter “og_image_init”:

add_filter('og_og_image_value', 'my_og_og_image_value');
function my_og_og_image_value($images)
{
    if ( empty($images) ) {
        $images[] = 'http://wordpress/wp-content/uploads/2014/11/DSCN0570.jpg';
    }
    return $images;
}

Reviews

OG:Video making trouble since update

Hey guys,
OG is a good tool, lately we are experiencing some troubles since the last OG update.
Now the og:video TAG seems to be appearing in every WP blog article where a link is embeded. As consequence the article is not offered as a news article to click on at facebook, but as a direct video instead.
This causes the following problems:

1.) The video is broken, if users press “play” icon, no video is played but there is a whitescreen

2.) the user is not redirected to the news article. The articles we write are mostly news articles with an embedded video in it and not a single video without any text. The way it is displayed now is as if there was only a single video and not a news article.

This seems to be the problem:

	

[
    {
        "url": "https://youtu.be/KO1l7ZQxJKQ"
    }
]

So how can we prevent this tag from beeing displayed?

Thanks but had to disable

The plugin appeared to help some postings meet the Facebook criteria for awhile, but seemed to stop helping a few days after activation. We also noticed that with the plugin activated, the author tag would be left out of the Facebook post.

Read all 13 reviews

Contributors & Developers

“OG” is open source software. The following people have contributed to this plugin.

Contributors

“OG” has been translated into Polish. Thank you to the translators for their contributions.

Translate “OG” into your language.

Interested in development?

Browse the code or subscribe to the development log by RSS.

Changelog

2.4.5 (2017-06-13)

  • Added filter “og_array” which allow to change whole OG array before print it.

2.4.4 (2017-05-20)

  • Fixed site crash when WooCommerce is active. Props for JLY

2.4.3 (2017-05-09)

  • Update “Rate” module to 1.0.1 – fixed wrong rate URL for non English.

2.4.2 (2017-05-03)

  • Added tags “og:video” and “twitter:player” for YouTube embed movies.
  • Added WooCommerce integration for tags: “og:price:amount”, “og:price:currency” and “og:availability”.
  • Improved description tag, when entry content is empty, add entry title as description.

2.4.1 (2016-10-26)

  • Fixed problem for pages and another single content. At this moment OG works for all types of single entries.
  • Added ask for rating on plugins page.
  • Short twitter description.

2.4 (2016-04-10)

  • Fixed the problem with properly preparation for localization.
  • Fixed the profile with grabbing YouTube image.
  • Implement WordPress code standard for PHP code used in the plugin.

2.3 (2016-02-03)

  • Added categories as og:section.
  • Added esc_attr to headers tags.
  • Added msapplication-TileImage.
  • Added og:site_name.
  • Added profile:first_name, profile:last_name & profile:username props for Arek
  • Added tags.
  • Added twitter tags.
  • Added usage of site icon when is no icon – all cases.

2.2 (2015-08-19)

  • IMPROVEMENT: added the site icon as og:image for the home page.

2.1 (2015-05-21)

  • IMPROVEMENT: added checking site locale with facebook allowed locale.

2.0 (2014-12-11)

  • IMPROVEMENT: added check to post_content exists for CPT without this field.
  • IMPROVEMENT: added og:author link
  • IMPROVEMENT: big refactoring
  • IMPROVEMENT: added filters, see FAQ section

1.0 (2014-10-02)

Init.