Posted on Leave a comment

Simple Facebook Meta Tags

Simple Facebook Meta Tags is an ultra-simple, lightweight WordPress plugin that easily fixes poor appearance of shared links to your web pages on Facebook. It requires no setup or configuration, and there is no admin dashboard page. All the proper values are gathered automatically.

DOWNLOAD HERE

This plugin automatically places the most relevant Facebook Open Graph (OG) meta tags into the head section of your web pages.

1. og:site_name = Your website’s title
1. og:url = The link to the current page
1. og:title = The title of the current page
1. og:type = The type of the website; website (Page) or blog (Post or Index)
1. og:description = The first three sentences of the page’s Post content
1. og:image = a link to the most relevant image.

The image chosen is…

1. The Featured Image, or if none…
1. The first Content image, or if none…
1. A default image you upload to your server’s home directory named “facebook_default_image” (.jpg or .png), or if none…
1. The site theme’s custom logo, or if none…
1. The custom header image, or if none…
1. No image meta tag will be output.

The code output looks like this…

Installation

1. Upload the plugin folder to the ‘/wp-content/plugins/’ directory
1. Activate the plugin through the ‘Plugins’ menu in WordPress

DOWNLOAD HERE

 

Frequently Asked Questions

How can I preview what my page will look like when shared on Facebook?

Use the page debugger tool here…

https://developers.facebook.com/tools/debug/sharing/

You can use this to adjust your page and then re-check it until it looks the way you want.

 

I’m not impressed. Why doesn’t the result look like it should?

Make sure you don’t have another plugin, like Jetpack, adding Open Graph tags too.

 

How can I force the link preview and/or image to be different from the page content?

Put a <div> tag at the top of the content area with your text and image within. Then add the CSS style display:none; to the <div>. Now the <div> won’t display on the page, but the meta tags will use this content.

For example:

<div style=”diplay:none;”>
Sentence one. Sentence two. Sentence three.
<img src=”myimage.png” />
</div>

Begin page content…

= How can I ask a question? =

Please contact me here.

= Can I add Twitter tags and others too? =

No, but I can for you. Please contact me.

Changelog

= 1.3 =
* Initial Release to Public

Posted on Leave a comment

How to Make Your Website Social Media Friendly

In my last post I talked about the importance of making your website social media friendly. Now it’s time to tell you exactly how to do it. In essence, what we are trying to do is make it easy for site visitors to be able to share your pages into the social media realm, for when your enthusiastic friend adds your site to their social stream, their friends will surely take notice.

Fortunately, it’s very easy to add this functionality to almost any website. There are two great and free services that make this a snap: AddThis and Add To Any. I personally like to use the AddThis button. You’ll see one to the left of this post in the blog. Hover over the button and a menu will pop up with a plethora of sharing options, plus many more with an extra click. All the visitor has to do to share your web page is to click on the social media venue of their choice. Go ahead and give it a try. It even has email to a friend and page print capability. Continue reading How to Make Your Website Social Media Friendly

Posted on Leave a comment

Why Your Website Needs to Be Social Media Friendly

Facebook Like ButtonFacebook just introduced a new set of social plug-ins designed to increase the integration of your website with Facebook users and their friends. Is this a good thing? Some may argue that Facebook is getting a little too powerful and throwing their weight around a bit much by asking site owners to add FB connectivity to their websites, even if it is a little Like button. I can see the point in this, why would anyone want to add someone else’s branding to their site? The answer? Only if you have much to gain by doing so. And in this case you do.

Continue reading Why Your Website Needs to Be Social Media Friendly