Whenever I post a link of a post from my blog on Facebook, Facebook shows the wrong author.
Screenshot:
The meta tag in my header.php has another author in it.
<meta name="author" content="MYAUTHORNAME">
I searched the web and tried to add this:
<meta property="article:author" content="https://www.facebook.com/MYSITE" />
<meta property="article:publisher" content="https://www.facebook.com/MYSITE" />
But still no effect. I don't know where the author tag on Facebook is coming from.
Check if you dont have a publisher meta:
<meta property="article:author" content="https://www.facebook.com/fareedzakaria" />
<meta property="article:publisher" content="https://www.facebook.com/cnn" />
Source: https://developers.facebook.com/docs/sharing/best-practices#crawl
Also check if your code is valid using this:
https://developers.facebook.com/tools/debug/og/object/ insert the url and press "fetch new scrape information" and see if that fixes it.
Related
Here is my code :
<html class="">
<head>
<!--<![endif]-->
<meta charset="utf-8">
<meta property="og:title" content="#shareacokesg" />
<meta property="og:description" content="Personalise the iconic Coca-Cola can with a name and share a Coke with someone special today!" />
<meta property="og:image" content="http://netbizlabs.com/coke/uploads/<?php echo $text;?>" />
Other content is working fine but I want to prefill the textarea which marked in red below :
Is this is possible? If yes then how can I achieve this?
Thanks in advance.
You are not allowed to pre-fill the message part of any post or share – users have to enter it themselves.
See Platform Policy, 3.3:
“Don't prefill captions, comments, messages, or the user message parameter of posts with content a person didn’t create, even if the person can edit or remove the content before sharing.”
Unfortunately, this is not possible with Facebook and OpenGraph.
The Facebook Open Graph Debugger gives all the information you can show in the share modal: https://developers.facebook.com/tools/debug/
I want to share title , image and description on facebook without javascript just by passing these to share.php of facebook.
I got some code on this site in question Open source alternative to AddThis AddToAny, ShareThis etcfor Social Bookmarking
and I have read the question how to pass custom parameter in facebook sharer link
Now I want to combine both questions. Can I pass Image, title and description simply in the facebook share.php url
like:
<a class="scmFacebook" href='http://www.facebook.com/sharer.php?s=100&p[title]=<?php echo $title;?>&p[summary]=<?php echo $summary;?>&p[url]=<?php echo $url; ?>&&p[images][0]=<?php echo $image;?>'>Facebook</a>
OR
If I am wrong then please show me the right destination.
According to the facebook developers (bug):
The sharer will no longer accept custom parameters and facebook will pull the information that is being displayed in the preview the same way that it would appear on facebook as a post from the url OG meta tags.
Either you use the Share Button - requires Javascript SDK
Or, use the latest Share Dialog - requires just an app id. It has a direct url direction method for invoking the share dialog:
https://www.facebook.com/dialog/share?
app_id={app-id}
&display=popup
&href={link-to-share}
&redirect_uri={redirect-uri}
<head>
<meta property="og:title" content="Title" />
<meta property="og:image" content="image_link" />
<meta property="og:url" content="https://www.google.com/" />
<meta property="og:description" content="Description" />
<meta property="og:site_name" content="Google" />
</head>
<body>
Facebook
</body>
Use meta property to use title description and image and link sharer.php to share
I am going crazy over this, like going gray haired instantly.
I hope someone can help me.
I am currently developing a website which has accommodations.
They have a page for each accommodation with details of that item.
Before the document is put out to the browser, I collect all meta data for Open Graph with php and output it all in the head of the document with the use of og meta tags.
A strange thing happens at all these pages, for example http://parclaclusure.internetanders.nl/nl/accommodaties/lodgetenten/
Because when I use the Facebook Debugger on that url it comes up with different results than the browser gives me in the source code.
The things I did to rule out any problems on my part:
Checked the HTML with the W3C validator, it checks out, no errors
Used an extra parameter to ensure that de meta data is not cached # Facebook, like adding ?test=1234 to the url
Search on Stackoverflow (and the rest of the interwebs) for the same problem, couldn't find any
Can anyone point out what's wrong with my og meta tags? or why they are ignored/changed in Facebook. (Facebook uses the og meta data of a page located 1 step higher -> http://parclaclusure.internetanders.nl/nl/accommodaties/)
Note: Please be discrete with the website address, because it's a development environment and not yet meant to go public, live or viral :P, thanks!
It looks like a session problem. I have the feeling a session is set after all the required data is loaded.
What I notice is that after a page refresh I see different content.
Hope this helps...
You need to check your page with the OpenGraph Debugger : https://developers.facebook.com/tools/debug/
It will update the content of your OG tags in Facebook. It doesn't update the content each time someone share your page, only on debug.
EDIT : On your code :
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/defaults/default.facebook.png" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-e04fcee6a2ba22c917d1c45e6c61b926.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-0cb0ca4759b278c22f075c781a628956.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-6c63e58a9ba8d555f277d34d2daeddc5.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-73f0f66a0d05d0bf570254f1eb7072f8.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-063fcc1f10db6bdb3e2d3c4d053f76db.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-1c0526d2cc3c916fc3c67d0b83e6f7f9.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-a850047c2225b1b9e5d5fddae1d1c7bf.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-25094d3a08fb093983dedffdcaf14c88.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-3414c0ad4780a27ad8326007ec3987ae.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-845b24160e9fe438e851a6b2fb17af17.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-0e2b4efe0d30745ea34afc9b01bb6eb4.jpg" />
What do you expect from this ? You are supposed to have only one OG:image metatag...
I have to customize the elements displayed in the facebook personal page after publishing the like made to a post on a website.
I see that image, title and links are displayed but i have to display the post description too.
I've read, following some "Questions that may..." that i should use the Open Graph API but i would do the simplest solution ever to include the "description". If i could use the basic solutions offered by Facebook it would be a better solution.
Any suggestions?
You have to use the Open Graph API headers in the HTML page of your posts. E.g. in any post page from your website you have to add something like this in your HEAD section
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Site name" />
<meta property="og:title" content="Title" />
<meta property="og:description" content="Some description" />
<meta property="og:image" content="..." />
How can I change the content of my facebook share option? my web app is written on PHP with Zend Framework. I want to change the content of the facebook share option instead of the description that was already been in the website.
If you use fb social plugin, it reads the open graph tags.
<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />
You can set those in zend by using in controller
$this->view->headMeta()->setProperty('og:description','asdasdasd');
$this->view->headMeta()->setProperty('og:title',"title here");
$this->view->headMeta()->setProperty('og:image',"url");
if you dont want to use that open graph tags,
Creating Your Own Share URL
https://www.facebook.com/sharer/sharer.php?s=100&p[title]=titlehere&p[url]=http%3A%2F%2Fwww.yoururlhere.com&p[summary]=yours description
Open that URL in a browser, when user click share icon/link.
Btw, share is deprecated.
FYI: https://developers.facebook.com/docs/share/
FB Share description:
You can control the exact title, description, and thumbnail that Facebook Share uses by adding the following meta tags to the element in your page:
<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />
please read more here:
regards.