Facebook share, image not displayed - facebook-graph-api

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

Related

Facebook author name doesn't display

i am trying to add author name for my blog ham học look like
THIS
and here is my code
<meta property='og:locale' content='vi_VN' />
<meta property='og:url' expr:content='data:blog.canonicalUrl' />
<meta property='og:type' content="article" />
<meta property='article:publisher' content='my_personal_account_url' />
<meta property='article:author' content='my_fanpage_url' />
<meta property='og:rich_attachment' content='true' />
<meta property='article:section' content='Download' />
But it doesn't work for me, i've tried to use debugger tool but still doesn't display. I read some post about this issue and i tried to use my fanpage id,... but nothing changes. My friend's blog still display it. Can someone help me please.

Auto-play Open Graph Protocol Videos in Facebook Mobile News Feed

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):

different pic and description visible when sharing a post shared with feed dialog from website

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

Meta Tags In Body

I am trying to get my like button on my website www.nacts.com.au to add to the ones on our Facebook page but receive this message:
You have tags ouside of your . This is either because your was malformed and they fell lower in the parse tree, or you accidentally put your Open Graph tags in the wrong place. Either way you need to fix it before the tags are usable.
But it is actually placed like this under PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://developers.facebook.com/schema/" "html xmlns:fb="http://ogp.me/ns/fb#" >
<head>
<title>North Australia Career & Training Services</title>
<meta property="fb:app_id" content="191402794307447" />
<meta property="og:title" content="North Australia Career & Training Services" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.nacts.com.au" />
<meta property="og:image" content="http://nacts.com.au/images/NACTS4.png" />
<meta property="og:site_name" content="NACTS" />
<meta property="fb:admins" content="566419298" />
<meta property="og:description" content="North Australia Career & Training Services">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="msvalidate.01" content="3123382E32539EBE8C53C2CA69F7510D" />
<meta name="google-site-verification" content="bExkQFnEooJVIoZIm70CO8H8Yjx_FfyyCC6hNE_SeoA" />
<meta name="keywords" content=" training rockhampton, training rocky, rockhampton training,training,train,career development,mining,course,Resumes, Resumes Rockhampton, Tenders,Tender Writing, Marketing,business services,Rockhampton Business Services ,Courses,North Rockhampton Training,Industry Courses,Workplace Development,Rockhampton Career Advice,Career Development Rockhampton,RPL,North Australia,career,training Services,funding, Grants" />
</head>
What am I doing wrong?

The answer to your issue is in the error description. You have to embed the og: meta tags in the <head /> section of the HTML code. Please read more about how open graph tags work here: http://ogp.me
EDIT
Based upon the edits to the question, now knowing the URL of www.nacts.com.au, it's much easier to troubleshoot.
I do see one meta tag that is in the BODY section and not in the HEAD. It is <meta property="fb:page_id" content="148187795268337">

Problems with OG "like" button for articles: not showing images/article contents in feeds

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.