What is Open Graph? –

Hosting Mautic QuickStart -50% with support in Spanish
24 hours and free training

Send up to 1,000,000 emails/year. Mautic support in Spanish 24 hours, 365 days

It is possible that what I am going to tell you has happened to you on your own website or on some other website that you have visited: in the blog entries, a series of buttons are shown for each of them to share the content on social networks.

You press to share an article on Facebook, but when are you going to see the shared content inside facebook the information displayed does not seem correct: the title is not the same as that of the shared article, the image that is loaded has nothing to do with it (for example, it is the logo of the page) and neither does the description.

Why is this happening? Because Facebook does not know how to interpret what the title of the article is, nor the main image, nor the content of what is being shared.

Keep in mind that when a blog article is loaded in WordPress, not only is the article displayed on the page, but also the rest of the content that is displayed next to it: the web logo, the main menu, some widgets in a side column and in the footer, etc.

That is why Facebook may not be clear about the exact content being shared.

And how do we fix this? With OpenGraph.

Without going into technicalities, Open Graph is a tag series that are added to the code of the page, invisible to the web visitor, which help Facebook and other social networks like Twitter and Google+ to identify the main elements of the article that you want to share: title, image, description, etc.

The appearance at the code level would be as follows:

To find out if Open Graph tags are already being loaded in your WordPress, load an article from your blog and show the source code of the page (all browsers have this option).

Here you should find a code similar to the one I put before.

search for the text

“og:”

to see if you can find it. If not, it is highly recommended that you add these meta tags in your WordPress.

How to Add Open Graph to WordPress

No need to apply WordPress code changes to add the Open Graph meta-tags.

Luckily there are many plugins that are responsible for performing this task automatically. Even some WordPress themes, usually paid, include this option in their configuration.

Although there are many specific plugins to perform this task, my advice is to use the plugin to generate these tags, since in addition to this task the plugin is responsible for performing other very beneficial tasks in the face of improve positioning of our WordPress in the search engines.

On the blog you will find an article explaining how to configure WordPress SEO to generate Open Graph meta-tags.

Once you have added the Open Graph tags to your WordPress, whether it was with the WordPress SEO plugin or another, you will have to check that everything has gone well.

To do this, go to the and put a url of a new article on your website.

Here it will show you the information that Facebook is reading and that it will show on the social network when an article is shared.

Be careful, if an article had already been shared before, it is possible that this page will show you the content that it has cached from a previous review, so I recommend you do the test with new articles.

don’t forget about add Open Graph tags to your website.

They are configured in a moment, they will improve the positioning of your page and the entries of your website will be seen correctly on Facebook.

Help us improve our content by sharing your opinion

Technician with more than 15 years of experience in web support and development. I am currently in charge of caltener.com, a company specialized in WordPress, PrestaShop and Joomla support.

Website design where we take care of the details, such as design, loading speed and adaptation to SEO.

Optimization, migration and update services.