I created a feed dialog on my website for a news page, I can share this news content without any issue to FB, but once in Facebook I want to share it there, I get the picture and description from a like button on my site.
This is the link for sharing from site to FB
<img src = "http://www.nwheelsandheels.be/img/share_button2.png">
part1
but when sharing it on FB again I get the picture and details from my like button on the home page.
part 2
For my like button the details are set in meta tags, can this be the issue (it has a different app id)
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta property="fb:app_id" content="190271261128958" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.nwheelsandheels.be" />
<meta property="og:title" content="N. Wheels and heels" />
<meta property="og:image" content="http://www.nwheelsandheels.be/img/logofb.png" />
Any help will be welcome, Thanks Johan
Related
Has anyone been able to figure out the open graph tags to get a video to auto-play like Facebook-native uploaded videos do?
I've been able to successfully link a video to my URL in the share preview/url debugger using og:video tags but it doesn't play automatically on mobile like if I upload it directly as a shared video.
These are the open graph tags I have now:
<meta property="fb:app_id" content="_______" />
<meta property="og:type" content="article" />
<meta property="article:publisher" content="https://www.facebook.com/______" />
<meta property="og:site_name" content="_______" />
<meta property="og:url" content="https://_______.com/_______/_______" />
<meta property="og:title" content="_______" />
<meta property="og:description" content="_______" />
<meta property="og:image" content="https://_______.com/images/opengraph.png" />
<meta property="og:video" content="http://_______.com/videos/_______.mp4" />
<meta property="og:video:secure_url" content="https://_______.com/videos/_______.mp4" />
<meta property="og:video:type" content="video/mp4" />
<meta property="og:video:width" content="480" />
<meta property="og:video:height" content="320" />
My videos show up like this when I share them on Facebook:
I'd like them to show up like this (note: this is auto-playing when I scroll through my news feed which happens when you upload a video directly through Facebook):
Just a question about sharing image on social networks as Fb, Twitter... when they are stored on inkfilepicker.
In my head section, I have put opengraph tags or link but image is never displayed when sharing.
<meta property="og:image" content="https://www.filepicker.io/api/file/pZFD49sHQ0yazsb1mTKD">
<link rel="image_src" href="https://www.filepicker.io/api/file/pZFD49sHQ0yazsb1mTKD">
Any ideas where it may come from ?
Thanks,
Jul
<img src=" image link here " />
Please try to write as above .
I'm currently using this Open Graph tags, and they works, i have changed the connection to database in php to the <header> section of the page, without the "og:image:width" and "og:image:height" tags, the first time the article is shared, no image is shown, due to a Facebook cache problem.
<meta property="og:image" content="/path/to/image" />
<meta property="og:image:width" content="image_width_in_pixels" />
<meta property="og:image:height" content="image-height_in_pixels" />
<meta property="og:url" content="url_being_shared" />
<meta property="og:type" content="article" />
<meta property="og:title" content="title_of_article" />
<meta property="og:description" content="description_of_article" />
You can find more information about that in:
https://developers.facebook.com/docs/sharing/best-practices/#precaching
There are previous posts about this on the web, however none of the proposed solutions actually work for my scenario.
I have a children pages which all have their own unique og tags, and a parent root domain page with its own og tag, all to be crawled by facebook so people can see the descriptions/images when they are posted.
However, when I post my child url in the box, the results are blatantly proof that facebook crawled the parent page instead. Even the "see exactly what our scraper sees" page confirms that because it is only the parent template being shown.
Here is a link to fb's scraper : https://developers.facebook.com/tools/debug
Here are my og tags in the root domain html template:
Suppose the parent is www.me.com
Suppose one child is www.me.com/path/path
<head> ...
<meta name="keywords" content="...">
<meta name="description" content="..." />
<meta property="fb:app_id" content="..."/>
<meta property="og:site_name" content="..." />
<meta property="og:type" content="website" />
<meta property="og:title" content="..." />
<meta property="og:image" content="..." />
<meta property="og:description" content="..." />
<meta property="og:url" content="http://www.me.com" />
Here are the og tags in the child html template:
<head> ...
<meta name="keywords" content="...">
<meta name="description" content="..." />
<meta property="fb:app_id" content="..."/>
<meta property="og:site_name" content="..." />
<meta property="og:type" content="article" />
<meta property="og:title" content="..." />
<meta property="og:image" content="..." />
<meta property="og:description" content="..." />
<meta property="og:url" content="http://www.me.com/path/path" />
This is very frustrating because i've tried removing and adding many of the tags in different combinations, and every single time, the www.me.com parent gets crawled, while the child is left ignored!!
I tried to mimic the order of the tags of other sites with this feature working like cnn.com, but however mine still refuse to crawl the child..
Any help? Thank you.
Check that you're not
Rejecting the crawler's attempt to reach the child page
Redirecting the child page to the parent page when the crawler tries to load it
Including an og:url meta tag on the child page pointing to the homepage
Including a canonical meta tag in the child page pointing to the parent
Those are by far the most likely reasons for this, and though you've said in your question your og:url tags are correct, in my experience that's most likely to be the problrm
I fixed the issue after after finally noticing some odd hints. The site i'm working on is set so the first page view redirects to a splash page if and only if a specific cookie has not been set.
Hence, the Facebook crawler was hitting that page every time. It was not obvious though because the splash page inherits so much and looks just like one of the regular child pages.
What an unfortunate & time consuming bug.
This may be a stupid question, but I'll ask it nonetheless: Do the child urls have public access? The problem you are facing could be because the child url is being redirected to root url.
In the facebook linter output check for Fetched Url and Canonical Url section. This will give you some idea, whether redirections are happening.
It's Facebook.... there's something in their 'cacheing' or whatever you want to call it....
when a page is registered with a incorrect url... correcting that can be tricky....if not impossible...
Just try this.... change your back page url to:
www.me.com/path/path/file1.php
and run it thru the linter....with the correct metatags.....
How do I specify the product image that I want the send button to display. I would like it to display the product on the product page but it seems to just pick up random images from the page.
You'll need to add some og:tags to your page. Please read the Open Graph Protocol Documentation for details on the different tags and what they mean.
A quick example :
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
content="A group of U.S. Marines, under command of
a renegade general, take over Alcatraz and
threaten San Francisco Bay with biological
weapons."/>
...
</head>
...
</html>
Once you have placed the correct og:tags and set their values, you can use the URL Debugger to see how facebook views your URL.
I have 2 like buttons on my site, one for the website itself is working fine, but the other one for the 'specific articles' isn't showing the image and article contents in the news feeds. It'll just show something like this:
Felix Tan likes a link.
http://www.neptuni.com/lab/blog/new-marketplace-new-opportunities.php
I believe this is a problem with my meta tags, here's my tags for the article page
<meta property="og:image" content="http://www.neptuni.com/images/fb_image.png" />
<meta property="og:title" content="Neptuni.com" />
<meta property="og:site_name" content="Neptuni.com" />
<meta property="fb:admins" content="514526208" />
<meta property="og:url" content="http://www.neptuni.com/lab/blog/new-marketplace-new-opportunities.php" />
<meta property="og:description" content="test" />
<meta property="og:type" content="article" />
Can anyone help me on this? Thanks!
You can see the specific page at http://www.neptuni.com/lab/blog/new-marketplace-new-opportunities.php
It worked just fine for me. Most likely it's a caching problem. When facing such issues always run your links on the Facebook Debugger.