I have recently apdated my site from http to https. The system is using wordpress, and posts are all using Yoast pluging for seating the information for facebook posts. After I updated to https, I lost all my facebook information. I already redirected old links and updated my source code two. Yoast does write meta tags with https, but it doest seams to have any efect. Cant find where is the mistake.
https://aoriente.com/news/688/
For this link, yoast does write the following tags on my header:
<meta property="og:locale" content="pt_BR" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Guia prático do motociclista no Vietnam: Viagens!!!! - Ao Oriente" />
<meta property="og:description" content="Como viajar de moto com seguranca pelo interior do Vietnam. Dicas sobre equipamentos, estradas, manobras, etc..." />
<meta property="og:url" content="https://aoriente.com/news/688/" />
<meta property="og:site_name" content="Ao Oriente" />
<meta property="article:publisher" content="https://www.facebook.com/aooriente/" />
<meta property="article:tag" content="aventura" />
<meta property="article:tag" content="viagem" />
<meta property="article:section" content="Vietnam" />
<meta property="article:published_time" content="2019-01-14T12:46:30+00:00" />
<meta property="article:modified_time" content="2019-01-16T16:03:24+00:00" />
<meta property="og:updated_time" content="2019-01-16T16:03:24+00:00" />
<meta property="fb:app_id" content="937743383101636" />
<meta property="og:image" content="https://aoriente.com/castelo/wp-content/uploads/2019/01/DSCN7631-1024x768.jpg" />
<meta property="og:image:secure_url" content="https://aoriente.com/castelo/wp-content/uploads/2019/01/DSCN7631-1024x768.jpg" />
<meta property="og:image:width" content="1024" />
<meta property="og:image:height" content="768" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="Como viajar de moto com seguranca pelo interior do Vietnam. Dicas sobre equipamentos, estradas, manobras, etc..." />
<meta name="twitter:title" content="Guia prático do motociclista no Vietnam: Viagens!!!! - Ao Oriente" />
<meta name="twitter:site" content="#AoOriente" />
<meta name="twitter:image" content="https://aoriente.com/castelo/wp-content/uploads/2019/01/DSCN7631.jpg" />
<meta name="twitter:creator" content="#AoOriente" />
Its was a problem due to a bad intermediate as cited on comments. I contacted my host and they fixed the error.
“The certificate is not trusted in all web browsers. You may need to install an Intermediate/chain certificate to link it to a trusted root certificate. Learn more about this error. You can fix this by following Sectigo's Certificate Installation Instructions for your server platform (use these instructions for InstantSSL). Pay attention to the parts about Intermediate certificates.” –
Related
I am trying to get an S3 video to play in line on Facebook. My site is https://sigtwo.com/vlog/14/.
S3 Video: https://s3.amazonaws.com/spsttestbucket/20190220_142312_NF_2000k.mp4
I believe I used the proper tags as other parts of the post seem to work fine.
Meta tags are as follows:
<meta property="og:title" content="SigTwo Mapping & Imagery Solutions" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://sigtwo.com/vlog/14/" />
<meta property="og:description" content="Too many potholes on Storrow Drive after this winter. Someone needs to fix it." />
<meta property="og:image" content="http://sigtwo.com/static/img/OrangeMaskHeight500.png" />
<meta property="fb:app_id" content="571517186592163" />
<meta property="og:video:url" content="https://s3.amazonaws.com/spsttestbucket/20190220_142312_NF_2000k.mp4" />
<meta property="og:video:type" content="video/mp4" />
<meta property="og:video:height" content="720" />
<meta property="og:video:width" content="1280" />
Here are results of debugger where everything seems fine:
https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Fsigtwo.com%2Fvlog%2F14%2F
When specifying images for twitter cards and facebook shares, which one should I use:
<meta property="og:image" content="http://example.com/logo.png" />
<meta name="twitter:image" content="http://example.com/logo.png" />
or
<meta property="og:image" content="https://example.com/logo.png" />
<meta name="twitter:image" content="https://example.com/logo.png" />
?
I tried using schemaless approach:
<meta property="og:image" content="//example.com/logo.png" />
<meta name="twitter:image" content="//example.com/logo.png" />
and they both failed to fetch the picture.
I have a web page that shows video and people can share it to facebook.
here are the open graph meta tags im using:
<meta property="fb:app_id" content="app_id" />
<meta property="og:url" content="https://www.domain.com/show/245" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Website tile" />
<meta property="og:description" content="Website description" />
<meta property="og:video" content="https://www.domain.com/uploads/09250522_18.mp4" />
<meta property="og:video:url" content="https://www.domain.com/uploads/09250522_18.mp4" />
<meta property="og:video:secure_url" content="https://www.domain.com/uploads/09250522_18.mp4" />
<meta property="og:image" content="https://www.domain.com/uploads/thumbnail.png" />
<meta property="og:video:type" content="video/mp4" />
<meta property="og:video:width" content="1280" />
<meta property="og:video:height" content="720" />
*not actual domain name and app id, for privacy purpose
When i check the page using sharing debugger, it works okay, no error whatsoever.
The shared video also looks okay, just like normal video. But when i try to play it, it shows "download file" link to the video file instead.
Any idea why this is happening? i tried using different video, using 3rd party tools like addThis to generate the share button, but the result is the same.
Just figured it out!
You need to call "og:video:type" before you set video source.
I know it's weird, but this prevents api to set video source to "flash".
So your meta tag should look like this:
<meta property="og:url" content="someurl" />
<meta property="og:type" content="video.other" />
<meta property="og:title" content="yourtitle" />
<meta property="og:image" content="https://url.com/img.png">
<meta property="og:video:type" content="video/mp4"/>
<meta property="og:video" content="https://url.com/video.mp4" />
<meta property="og:video:url" content="https://url.com/video.mp4" />
<meta property="og:video:secure_url" content="https://url.com/video.mp4" />
<meta property="og:video:width" content="videoWidth"/>
<meta property="og:video:height" content="videoHeight"/>
<meta property="fb:app_id" content="id" />
I'm trying to implement internationalisation with facebook og tags, in order to have the object created on the page with the right language when shared.
This are the meta tags rendered when the page is requested as normal:
<meta property="og:ttl" content="120" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Clioco Make Up Bundle" />
<meta property="og:description" content="The more people who take part in Clioco Make Up Bundle's giveaway, the more free stuff everyone gets. So sign up now and tell your friends!" />
<meta property="og:updated_time" content="1436786566" />
<meta property="og:url" content="http://clioco.cobuydev.com/cobuys/clioco-make-up-bundle" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:locale:alternate" content="fr_CA" />
<meta property="og:locale:alternate" content="en_US" />
<meta property="og:locale" content="en_GB" />
<meta property="og:image" content="https://res.cloudinary.com/hp0f8ghfo/image/upload/v1429186395/ibawbi5rfdjwebcqf8er.png" />
This are the meta tags rendered when you specify the fb_locale param as fb_locale=fr_CA:
<meta property="og:ttl" content="120" />
<meta property="og:type" content="website" />
<meta property="og:title" content="FR Clioco Make Up Bundle" />
<meta property="og:description" content="FR FR FR FR The more people who take part in FR Clioco Make Up Bundle's giveaway, the more free stuff
everyone gets. So sign up now and tell your friends!
" />
<meta property="og:updated_time" content="1436786566" />
<meta property="og:url" content="http://clioco.cobuydev.com/cobuys/clioco-make-up-bundle" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:locale:alternate" content="fr_CA" />
<meta property="og:locale:alternate" content="en_US" />
<meta property="og:locale:alternate" content="en_GB" />
<meta property="og:image" content="https://res.cloudinary.com/hp0f8ghfo/image/upload/v1429186395/ibawbi5rfdjwebcqf8er.png" />
So, after made it work correctly, I have been trying to share this link from a facebook account that have main language setted up to be fr_CA, but the generated card is still in English.
I also wasn't able to test the render of it in fr_CA using the debugger (https://developers.facebook.com/tools/debug/og/object/?q=http%3A%2F%2Fclioco.cobuydev.com%2Ffr%2Fcobuys%2Fclioco-make-up-bundle&fb_locale=fr_FR)
Can someone tell me what am I missing? (if I'm missing something :D)
Thanks a lot!
Answering our own question, we discussed this on a Facebook bug report and after a bit of back and forth, came to the same conclusion as #CBroe commented.
It is not possible.
For further information see https://developers.facebook.com/bugs/978849008813532
I'm trying to post a SWF file on my Facebook profile.
The problem is that when the user clicks on the link he is getting transferred to the website where the SWF is hosted.
What I want is for the Flash to open inside Facebook like it does with videos.
The metatags I'm using are as follow:
<meta property="fb:app_id" content="" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="" />
<meta property="og:title" content="Title" />
<meta property="og:image" content="ImgUrl" />
<meta property="og:description" content="Mini Description" />
<meta property="og:site_name" content="Sitename" />
<meta property="og:video:height" content="476" />
<meta property="og:video:width" content="600" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video" content="Flash Url http" />
<meta property="og:video:secure_url" content="Flash Url https" />
After using https protocol the thumbnail on Facebook has the PLAY icon on it like it does with videos but when user clicks it, he is prompt to download the file.
You should add handler=fbplayer as a querystring in your https-secure url meta tag
eg flash.swf?handler=fbplayer