Facebook / Open Graph (og:description) / (og:title) tag fixes for VB 4.1.10+ by BOP5
 

Brought to you by BirdOPrey5 / Qapla.com.

For some reason vBulletin 4.x does not use the thread's meta description when populating the open graph "description" tag that is read by Facebook and other social networking sites. Instead by default vBulletin uses your site default meta description that is set in Admin CP -> Settings -> Options -> Site Name / URL / Contact Details.

This default description is usually very generic whereas the thread description is the first few sentences of the thread and therefore usually far more useful to describe the page actually being shared than your generic site description.

Also even with the Facebook Platform enabled vBulletin doesn't provide an open graph title tag at all- while in practice this isn't a big deal as Facebook will default to the page title, as a matter of good practice it should be explicitly provided.

This mod fixes both issues. It will override the generic description with the thread's meta description which is based on the text of the first post. It also adds an explicit og:title tag.

New In Version 1.2.0 - The mod now also greatly improves the open graph tag description tag for blog entries. By default the description tag is the blog title followed by the username of the blog poster. With this mod the description becomes up to a 300 character preview of the actual blog entry instead. And the open graph title tag provided takes the form of blog title Posted By username.

Blog Demo: http://www.totallycommercials.com/en...ckbuster-Video
Thread Demo: http://www.totallycommercials.com/sh...how-Commercial
(View page source or better yet, share on Facebook to see the differences. ;))

This mod is only for people with VB 4.1.10 or higher and only if you have the Facebook Platform enabled in your settings. It will do nothing if both of those do not apply to you.

There are no settings- just install the product and the mod is active.

To see the difference use the Facebook Debugger to look at the content scraped off a thread page before and after instillation-
Facebook Debugger is here: https://developers.facebook.com/tools/debug

------------------------------------------------------

Please "Mark as Installed" if you use this. :)
Donations always appreciated. :up:
Nominate MOTM if you LOVE it! ;)

Reserved.

Using 4.2.0 PL3 - For me the og:description did not change. Although it looked good already (first 150 chars. of the thread). The og:title property was added but the content is blank.

I wondered if the description change was a more recent issue... If your og:description is already correct no need for this obviously. Maybe the issue is limited to 4.2.1/4.2.2 - need to do more testing. Thanks for heads up

I am using 4.2.0 PL3 and it worked great!

Thank you for this BOP.

Weird. I tested this on a 4.2.0 forum with no other add-ons installed the default og:description was the site default. When i installed the mod it worked exactly as expected provided the better description and an og:title tag. Perhaps you already have some mod making the fix?

Thanks for letting me know!

Figured it out and you are correct. It is the unreleased Dragonbyte SEO I'm beta testing which was already doing this.

Installed, and it works as advertised.

If only my FB-Connect button was working too!!!!!!!!

Installed and voted for MOTM!