-
1. Re: Facebook meta description for blog posts
The Open Graph protocol was designed to help information from non-Facebook web pages translate gracefully when shared on Facebook, and it comes with special meta tags that include the prefix “og”.
Here are the three Open Graph meta tags you’ll want to include for every page on your site. They go in the HTML header, where the other more traditional meta tags live:
The first tag show above lets you specify the exact title for your page — and that’s what will appear as the link title in Facebook’s link preview.
The second tag works the same way, for the description area in the link preview.
The third tag lets you specify a thumbnail image that will serve as the default thumbnail that appears in the link preview. And it needs to be in one of Facebook’s supported image formats. (I’d recommend sticking with a JPG or a PNG.) Then upload it to your web server, and paste the URL for the thumbnail into the appropriate place in the image tag shown above.
Presto — your three Open Graph meta tags will now function almost like little personal assistants for your web page, making sure it’s dressed to kill when it’s time for its appearance as a link on Facebook. -
2. Re: Facebook meta description for blog posts
Thanks for the reply stevedolan
Unfortunately I have not found a way to add this meta data to the head of blog posts in Business Catalyst as they use a shared template, meaning I cannot edit the header of each blog.
I'm looking for a way to add those tags you mention somehow
-
3. Re: Facebook meta description for blog posts
You're not the first to notice this, but like you said, that part of the template appears to be sandboxed. So this may currently be impossible unless they've improved things recently.
-
4. Re: Facebook meta description for blog posts
I have filed a few support tickets because of this issue. The response I have recieved back is that this is a bug and here is the bug number: 3014970
I raised this back in February of 2012 and there has been no fix.
-
5. Re: Facebook meta description for blog posts
Steve, You should check out the behavior in BC as some have indicated Being in p tags in the body is no good
-
6. Re: Facebook meta description for blog posts
I'm trying to do the same thing. I have a "blog" built using a web app. And I have web app fields for og title, og description, og image, etc. My goal was to have the open graph meta tags dynamically populated with the web app field information. However, it doesn't seem to work. It doesn't look like BC allows meta data (anything in the head) to be populated from web app information. It really sucks.
-
7. Re: Facebook meta description for blog posts
Just been onto Adobe Support. Its now Feb 2014 and STILL they have no answer but directed me to this forum link! Has anyone cracked this yet? It really is an important issue for blogs.
-
8. Re: Facebook meta description for blog posts
Of course it does.
In the large product layout you just includ..
<head>
META HERE
</head>
And that is rendered out into the head by the system and out of the detail layout.
-
9. Re: Facebook meta description for blog posts
Add this at the top of your post layout... Notice I have added an ID to the OG:image meta tag. You control title and meta description for each blog post using eth BC user interface. See below on image.
<head>
<meta property='og:title' content='{tag_blogpostmetatitle}' />
<meta property='og:description' content='{tag_blogpostmetadescription}' />
<meta property='og:image' id='meta-image' content='' />
</head>
To populate the go:image content attribute, add the script below to the bottom of your post layout. Make sure that your blog image has "blog-image" as an ID; e.g, <img alt="" id="blog-image" src="" />
<script>
//Parse image source path and copy to FB image meta tag content attr.
jQuery(document).ready(function() {
var $img = jQuery('#blog-image').attr("src");
var $met = jQuery('#meta-image').attr("content",$img);
//console.log(jQuery('#meta-image').attr("content"));
});
</script>
-
10. Re: Facebook meta description for blog posts
Have you tested that? Because you will find that it wont work.
