OG

Descripción

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 the post contains YouTube links, this plugin saves as post meta video thumbnail link and add it to og:image as post thumbnail.

Instalación

There are 3 ways to install this plugin:

The super easy way

  1. Login 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. Activar el 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. Activa el plugin en menú ‘Plugins’ de WordPress
  3. That’s all. The plugin does not have any configuration.

Preguntas frecuentes

Installation Instructions

There are 3 ways to install this plugin:

The super easy way

  1. Login 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. Activar el 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. Activa el plugin en menú ‘Plugins’ de WordPress
  3. That’s all. The plugin does not have any configuration.
How do I configure the Open Graph plugin?

There is nothing to configure and there is no admin page. By default, it will use standard WordPress data which can to populate the Open Graph. There are very simple and powerful filters which you can use to modify or extend the metadata returned by the plugin. More information 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 a single WooCommerce product?
  • og:price:amount – price amount
  • og:price:currency – price currency
  • og:availability – stock status
I installed OG and … nothing happens!

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;
}
How to add Facebook app_id?

OG plugin is super simple and we do not plan to add any “options page” which is needed if you want to have data like “fb:app_id” or “fb:pages”.

But, if you really wanna use OG and serve “FB” OpenGraph tags, then you can use og_array filter to add (or modify) OpenGraph tags.

add_filter( 'og_array', 'add_og_facebook_data' );
function add_og_facebook_data( $og ) {
    $og['fb'] = array(
        'app_id' => 'my-app-id',
        'pages' => 'foo, bar',
    );
    return $og;
}

Reseñas

Awesome plugin!

Top simplicity. I was looking for a solution which would allow to thumbnails of website’s posts appear with links in Whatsapp. The only thing you have to do is to upload, install and voila!!! Highly recommendable.

Good plugin

Works great if you just wanna get a little something out there without having to do any configuration. Good for quick-patches.

No image show in Facebook? Install now!!!

If you post is not showing preview image in Facebook use this. Corrected issue immediately. FB debug announced a lost og:image tag, and this corrected it. Tks a lot.

Se o preview de seus posts no Face não está mostrando as imagens, instale este plugin que resolve na hora. O Debug do Face dizia falta a tag og:image, que é exatamente o que este plugin cria.

Leer todas las 34 reseñas

Colaboradores y desarrolladores

“OG” es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

“OG” ha sido traducido a 1 idioma. Gracias a los traductores por sus colaboraciones.

Traduce “OG” a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN , o suscríbete al log de desarrollo por RSS .

Registro de cambios

2.5.2 (2018-05-09)

  • Remove debug function, which broke whole plugin.

2.5.2 (2018-05-08)

  • Added filter og_description_words to allow change og:description length.
  • Fixed a problem with wtriping last word. Props for intrex
  • We are back to trim og:description to 55 words (it is default for wp_trim_words() function).

2.5.1 (2018-04-16)

  • Added og:image:width and og:image:height for first content image from site URL.

2.5.0 (2018-04-14)

  • Added og:image:width and og:image:height for featured image.

2.4.9 (2018-02-27)

  • Remove filter “the_content” to avoid incompatibility with some plugins.

2.4.8 (2018-02-19)

  • Added first content image to og:image if featured image is not set. Props for andreyenkin

2.4.7 (2017-09-26)

  • Added filter “og_[og_name]_value” to change single og value.
  • Added og:type for post formats “audio” and “video”.
  • Fixed og:type for WooCommerce product. Props for shaharsol

2.4.6 (2017-09-13)

  • Removed limit for og:description.

2.4.5 (2017-06-13)

  • Added filter “og_array” which allows 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 the rating on the plugin page.
  • Short twitter description.

2.4 (2016-04-10)

  • Fixed the problem with proper 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.