i have a web site [http://www.nihangunes.com], where there is no homepage at all. it only shows a imageshow in main screen from GavickPro [https://www.gavick.com/image-show-gk4]
the issue is, as there is no home page, when i try to share my web in facebook, it doesn't have any info in the OG paramters
<meta property="og:title" content="" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://www.nihangunes.com/" />
<meta property="og:site_name" content="" />
<meta property="og:description" content="" />
I am trying to find a way how to populate these parameters without adding home page. image show is working as module.
Could you suggest how can i update above og parameters for mainpage?
thanks a lot
Gurhan Cagin
I found that GavickPro has a GK Open Graph Article Parameters plugin, and updating this plugin fixes homepage OG parameters properly.
Related
I'm building an image on the fly to attach to page to be shared on facebook. Everything seems to be going great until it hits the share dialog. Facebook doesn't seem to be scraping, because the image isn't showing up. If I refresh that dialog page, it does load the image (having crawled it from the first go?).
I've read several pages that say I need only specify og:image:width and og:image:height to allow for immediate rendering, but that doesn’t seem to be working. Here are my meta tags:
<meta property="fb:app_id" content="###"/>
<meta property="og:type" content="website" />
<meta property="og:url" content="###" />
<meta property="og:title" content="My Page Title" />
<meta property="og:description" content="My Page Description" />
<meta property="og:image" content="http://the-domain/the-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:type" content="image/jpeg" />
Am I missing something here?
For these kinds of issues, I recommend checking out the debugging tool that Facebook provides. It's great for quick identification of show stopping errors like you're receiving.
https://developers.facebook.com/tools/debug/
Just a couple of things to keep in mind, sometimes the image or page will time out if Facebook finds that it's taking longer than 1s to fetch the data. I've also found issues with my own implementations if the og:url is different than the page you're expecting Facebook to fetch. The two values must match, because ultimately it's the og:url value that facebook is trying to scrape.
I used Open Graph protocol for sharing pages via LinkedIn. I've added multiple tags og:image, but when I try to share, in share dialog I have first image from meta tags and 2 another from page content.
Can somebody tell, how to manage multiple images sharing using OG.
Code example:
<meta property="og:url" content="websiteUrl" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Test Title" />
<meta property="og:description" content="How much does culture influence creative thinking?" />
<meta property="og:image" content="http://tamgdeya.ru/photos/norm/1/1_jS37XHMl.jpg" />
<meta property="og:image" content="http://img.brothersoft.com/screenshots/softimage/n/nature_illusion_studio-44987-1300868181.jpeg" />
Share dialog: http://prntscr.com/bcxwi9
This is driving me mental! I have page which has a share button on it, for arguments sake I have hard coded the image name and title in the controller as shown here
public ActionResult ThankYou()
{
var model = new LabCombination
{
ImageCombination = "danone_ultimate_coconut_vanilla.png",
ImageTitle = "danone_ultimate_coconut_vanilla"
};
return View(model);
}
In my view I do this
<meta property="og:title" content="Check out the flavour I just made! #Model.ImageTitle" />
<meta property="og:description" content="Check out the flavour I have just created!" />
<meta property="og:image" content="http://danone.staging-eurorscg.com.au/Content/Images/FlavourLab/CombinationSmall/#Model.ImageCombination" />
<meta property="og:url" content="http://danone.staging-eurorscg.com.au/thank-you" />
which renders as follows
<meta property="og:title" content="Check out the flavour I just made! danone_ultimate_coconut_vanilla" />
<meta property="og:description" content="Check out the flavour I have just created!" />
<meta property="og:image" content="http://danone.staging-eurorscg.com.au/Content/Images/FlavourLab/CombinationSmall/danone_ultimate_coconut_vanilla.png" />
<meta property="og:url" content="http://danone.staging-eurorscg.com.au/thank-you" />
When I do the facebook scraper I see this
yet when I go to the page a press share I see this
Why is facebook not refreshing! I have cleared the cache in my browser!
You can scrap the page here
https://developers.facebook.com/tools/debug/og/object/
with the following url
http://danone.staging-eurorscg.com.au/thank-you
Any help would be appreciated
** Update ** As I set the mete data dynamically, it caches the original information as shown here, what you see in the middle of the screen i.e the image should be also displayed in the shared dialog
My Meta data looks like this
<meta property="og:title" content="Check out the flavour I just made! Strawberry & Honey" />
<meta property="og:description" content="Check out the flavour I have just created!" />
<meta property="og:image" content="http://danone.staging-eurorscg.com.au/Content/Images/FlavourLab/CombinationSmall/danone_ultimate_strawberry_honey.png" />
<meta property="og:url" content="http://danone.staging-eurorscg.com.au/thank-you" />
As you can see it has all the correct meta data.
That is because your share button is trying to share the url http://danone.staging-eurorscg.com.au/flavour-lab and not http://danone.staging-eurorscg.com.au/thank-you
Add the following og meta tag, with the current epoch time:
<meta property="og:updated_time" content="1431713584" />
You can force Facebook to update it's cache using debugger tool. It used to be called url linter.
https://developers.facebook.com/tools/debug/
I have a problem whenever I try to click my share button for the first time...
It's not seeing my og:image, but it's seeing my site logo instead.
See: http://d.pr/i/NIQZ
But for the second share and/or second attempt of clicking the share icon again, it begins to load the correct og:image or rather the thumbnail.
Proof: http://d.pr/i/vWAg
Here are my meta tags:
<meta property="og:image" content="http://stmaws.s3.amazonaws.com/thumbs/53184e19fd3401484600109b.jpg?AWSAccessKeyId=AKIAJQPNZH4P5E5ZY4LQ&Expires=1394388088&Signature=QTgflfyCzyIXVB%2BrMn2hBRw6srM%3D" />
<meta property="og:image:secure_url" content="https://stmaws.s3.amazonaws.com/thumbs/http://stmaws.s3.amazonaws.com/thumbs/53184e19fd3401484600109b.jpg?AWSAccessKeyId=AKIAJQPNZH4P5E5ZY4LQ&Expires=1394388088&Signature=QTgflfyCzyIXVB%2BrMn2hBRw6srM%3D.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="300" />
<meta property="og:title" content="Check out what I made on Muserk.com" />
<meta property="og:site_name" content="Check out what I made on Muserk.com" />
<meta property="og:description" content="Muserk.com gives you the ability to legally add music to your videos and share them with the world!" />
<meta property="og:url" content="http://www.muserk.com/video/index/531a092efd3401725c00067f" />
The url that I want to share is: http://www.muserk.com/video/index/531a092efd3401725c00067f
Facebook Debugger tool is showing response code 200 so I can't replicate this issue.
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.muserk.com%2Fvideo%2Findex%2F531a092efd3401725c00067f
Sharer link: https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.muserk.com%2Fvideo%2Findex%2F531a092efd3401725c00067f
PS: I cleared my browser cache like 5 times already and got no luck.
EDITS:
In my app that uses the sharer.php? way of catering share buttons, how can I implement the scrape=true paramater. Any ideas?
Tried to add the parameter to my sharer link but didn't work
https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.muserk.com%2Fvideo%2Findex%2F531a092efd3401725c00067f&scrape=true
I'm trying to implement a basic Facebook like functionality to a site. I've triple-checked & more the meta tags, but the og:description -text doesn't show up in the FB news feed. The title and the image work fine.
Here's the code:
<meta property="og:type" content="article" />
<meta property="og:title" content="SOG – VEITSIÄ VIIDAKOSTA ARKITÖIHIN" />
<meta property="og:url" content="http://www.finnprotec.fi/webshop/news/2" />
<meta property="og:description" content="Kunhan kirjoitan vaan jotain tekstia nyt." />
<meta property="og:site_name" content="Finnprotec.fi" />
<meta property="og:image" content="http://www.finnprotec.fi/webshop/kuvat/kuva517a8539a91f1.jpg" />
<meta property="fb:admins" content="6700009220" />
<meta property="fb:app_id" content="348235131938688" />
When I click on the link on the page, the description shows up nicely under the title:
But when I click on the send button, this shows up on my FB feed:
This is what I'm trying to get:
The url of the current page is: http://www.finnprotec.fi/webshop/news/2
I have tried to clear facebook's cache with the facebook linter, but that hasn't helped.
I just ran into this. I found that the description is actually there - you have to hover over the image to see it. It shows it in the format you want sometimes, depending on the size of the post where you're viewing it.
For example, after I've liked my post, I don't see the description in the post shown when I click on my name and view my wall (where the posts are smaller).
But I do see it when I just go to facebook.com and I view the larger version shown in my stream.
I realize this isn't really answering the question; I couldn't find a way to get it to show the description consistently.
add this two lines to your code after og:image
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
it must work