On my website, we have Functionality for dynamically updating Facebook, Twitter, and Linkedin post title, description, and image. Now What happens, sometimes when the user enters a long title in the post it shows the title only and the description is missing. And in Linkedin event title has a length of only 5 characters it still not showing description.
I have tried to debug the post on Facebook sharing debugger and Linkedin's post inspector it's crawling perfectly. is there any length limits for sharing or any rules for omitting the information.
Related
I have a "single page" website. Let's call it "mySite.com/index.html".
There are several different places on my page that I would like users to share via Facebook. Each of these items should display a different image and headline text, when shared on the user's Facebook timeline.
Each of these item posts should link Facebook users back to my website, "mySite.com/index.html", when the posts are viewed from a Facebook timeline.
Example:
On my page, I wish to have two different share buttons:
A. ButtonA: This button would create a picture of an elephant on the user's Facebook timeline, with the headline, "A Beautiful Elephant!". This post on the user's timeline should link back to my page, when the post is clicked.
A. ButtonB: This button would create a picture of a tiger on the user's Facebook timeline, with the headline, "A Scary Tiger!". This post on the user's timeline should link back to my page, when the post is clicked.
The Problem:
My understanding is that in order to create Facebook timeline posts which contain attractive headline text and images, I must use Facebook OpenGraph Meta tags, on the same page that is being linked to. It seems impossible to have two different sets of Facebook meta tags on "mySite.com/index.html", one outlining the 'elephant' post, and the other outlining the 'tiger' post.
The only possible solution I can think of is this:
Create a special 'Facebook Meta HTML Page' for each post I want to make. Each 'special page would only contain the meta tags for the post I wish to outline. "mySite.com/elephant_meta.html"
The body of the special page would be blank. This will work, but there is a problem: The resulting Facebook post will link users to "mySite.com/elephant_meta.html", which is just a blank page. I wish them to be directed to "mySite.com/index.html".
Solution: Create a JavaScript redirect in the body of "mySite.com/elephant_meta.html". This redirect will take users to "mySite.com/index.html".
This will work, but it feels incredibly hacky. Is there a better way?
Still finding my way on the open graph stuff as well, but the way I understand it, you can set og:url to the url that you want users to go to when they click on the link in your story on facebook. So each of your meta pages could point back to your main site page using the og:url meta tag.
We have a mobile app. When a user achieves something he earns a badge. The badge is posted into facebook timeline.
It has just few properties: title, description and image.
Since we develop mobile-app, we don't have a site except of API-server.
Our problem is that all posted badges have clickable title which references to our API url, or to the url of empty page with og-metatags of that object.
Is there a way to suppress link on the object title? If we omit "og:url" from the object description then it's generated automatically.
I want a Like button on my web site that Likes my Facebook profile (rather than my web page), so that when a user clicks it they subscribe to my Facebook posts.
I've created the Like button using the tool at https://developers.facebook.com/docs/reference/plugins/like/
Further down that page there is an FAQ entry:
Can I link the Like button to my Facebook page?
Yes. Simply specify the URL of your Facebook page in the href
parameter of the button.
So, I've edited the href parameter to point to my Facebook page. eg:
https://www.facebook.com/myfacebookid
When a user clicks the Like button it has the desired effect. The user ends up having Liked my Facebook page. This is easily verified by the user going to my Facebook profile and checking that the Like button has changed to Liked.
But. When the user clicks the Like button, and entry appears in their News Feed with a generic Facebook description. ie:
Facebook is a social utility that connects people with friends and
others who work, study and live around them. People use Facebook to
keep up with friends, upload an unlimited number of photos, post links
and videos, and learn more about the people they meet.
I don't want a generic post about Facebook to appear. I want the description to relate to my Facebook account and/or web site.
Normally, I could modify this behavior with the Opengraph og: description tag, but as the page in the href is a Facebook page and not my own, I can't control the Opengraph tags.
I'm pretty sure that this was working okay before I enabled timeline for my account, so maybe this is a timeline bug?
So, how do I add a Like button which a) Likes my Facebook profile rather than one of my own web pages, and b) Posts a description of my Facebook profile rather than give a generic Facbook description?
Are all your fields in the info part of your page filled in, and/or completed? I just tested your theory and it seemed to work as expected, only thing is I know all fields in "info" are filled it. Give that a try.
This may happen if you have filled invalid/incomplete/wrong og tags in past and later changed them. Facebook's cache creates problem sometime.
Try putting all the entries (i.e. all og tags) and then debug them here http://developers.facebook.com/tools/debug. This debugger gives a detailed info about the url with og tags and also clears the cache for you.
This should solve the problem.
You have 3 important fields that used on page opengraph: Name,Description,Profile Image.
They are used when some one post your link on Facebook, or Google or some else web service that handle opengraph.
Actually, the suggested answers currently do not work and there is an open bug / ticket on Facebook for it. Up to now, there's no fix.
The problem is that you can not use simply https://www.facebook.com/myfacebookid. You should copy and paste the exact page URL. If you have a low number of likes it would look something like https://www.facebook.com/pages/[YourPageName]/[Your page Id]/, and this is the URL that you should use at this point.
If it does not work, try also https://www.facebook.com/[YourPageName]/[Your page Id]/.
In short, copy-paste the URL, do not type it manually.
We have an app on Facebook called TouchActive
We provide ways for user to post content to Facebook, either from web (via AddThis) or native Android/iOS app.
When we post from say Android we identify the app and the post appears correctly, showing "... via TouchActive" all fine.
When we post from web, we post a URL that Facebook queries, and we provide an OpenGraph response from our server with all the og: meta tags, including the facebook app_id.
The content appears correctly (it's parsing the OG response OK), but it doesn't show as posted via our app, and the posts don't appear in our Insight statistics for the app.
We are assuming this can be done.
Anyone know what we could be doing wrong in our open graph response that causes this to not work?
I have tried the Facebook debug tool https://developers.facebook.com/tools/debug and it shows the correctly parsed OG response and no errors, only a warning about og:url.
Is og:url recommended or a MUST for this to work?
Andrew: I am also using the same meta tag for my site and it works as expected and the post is attributed to my site. I guess u should specify the og:url meta-tag once and then check. As this url is used on the attributed app's anchor link on fb wall.
If still it has the same issue then we can dig it more to come to solution.
A user manually sharing a link to or liking a web page which has opengraph meta tags (including an App ID) is not the same as posting the content from the app - are you definitely posting the links using the app?
You must post via the API to get the post attributed to your app, regardless of which app is specified on the page's meta tag (which is done primarily for insights and administration purposes)
I'm trying to integrate open graph in my website, so that I can post a link to my relevant facebook page and it will display the relevant information (title, description etc).
Yet, even though it worked for some time, now it only displays my domain name regardless of the link I post. No images, no descs, nothing.
I've created a test page to find out what's wrong, but I've come to a dead end.
The test page is W3C valid, the Facebook debugger is parsing all the information correctly, the preview before I post the link to facebook is correct, but when I hit post it displays nothing, just the url.
I've tried several actions such as different doctypes, commenting out the open graph metas, moving js after the metas, removing the meta content-type to no avail, but if you can help me post the test page correctly to facebook, I think I'll be able to find what's wrong with my site.
My website: http://www.accorda.info
The test page: http://www.accorda.info/test.html
My facebook fan page: http://www.facebook.com/accorda.info
Replace the meta tag or delete some. I don't understand… Facebook OpenGraph Debug tool show IMBb info for your page.
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.accorda.info%2Ftest.html
Remember, Facebook don't update page info real-time. New meta tags can be visible in 2 days.