I have found to reload the .swf file everytime so the user has the latest version, add the following code to eliminate caching by the browser:
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
Anyone have other suggestions?
Thanks!
The meta tag only instruct the browser not to cache the html page, but not its assets. To avoid caching, instead of embedding the SWF like "foo.swf", try it like "foo.swf?c=" + new Date().getTime()
The same trick goes for any other embedding dynamic assets including videos, audios as well as dynamic images.
Related
I'm getting the following error:
Image Unavailable
Provided og:image, https://sustainablewestonma.org/.swag/uploads/logoCapture.png could not be
downloaded. This can happen due to several different reasons such as your server using unsupported
content-encoding. The crawler accepts deflate and gzip content encodings.
the file is 252X226 png bit depth 32. As far as I can tell it is not base64. I tried to refresh on facebook several times but that didn't work either/
here are the meta tags I'm using:
<meta property="og:title" content="SWAG" />
<meta property="og:type" content="website" />
<meta property="og:description" content="logo" />
<meta property="fb:app_id" content="419989405770732" />
<meta property="og:url" content="https://sustainablewestonma.org/.swag/public/php/homeCtrl.php?place=first" />
<meta property="og:image" content="https://sustainablewestonma.org/.swag/uploads/logoCapture.png" />
converted the image to an *.ico file and it worked
I made changes to the site through the Elementor plugin. I look at the page in incognito mode - it is displayed correctly. I look in the normal mode - the layout is break.
I understand that the problem is in the browser cache. But how to solve it?
Here is what I have tried.
Found and installed the plugin "Busted!". Judging by the description, it forces the browser to download files and cache again if they have changed. But it didn’t help me.
I reset the cache from the Autoptimize plugin - it did not help.
I reset the cache from the WP Super Cache plugin - it did not help.
Re-create CSS in Elementor -> Tools - did not help.
Added this code to the theme header:
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
Did not help.
What else can I do?
Try opening your browser's Developer Tools (hit F12 or Ctrl+Shift+I), go to the Application tab and on the left menu, search for Application > Clear Storage.
Click the 'Clear site data' button and see if that helps.
I'm really struggling to get LinkedIn to recognise an og:image. My og tags look like this:
<meta property="og:type" content="website" />
<meta property="og:title" content="My title here" />
<meta property="og:url" content="https://www.example.com/some-page" />
<meta property="og:description" content="Description here" />
<meta property="og:image" content="https://www.example.com/og-image.png" />
So far I've tried:
checking the og:url matches the current page
checking the image exists
adding prefixprefix="og: http://ogp.me/ns#" to my HTML tag
changing that prefix to prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"
checking the site's SSL settings (as per Share on LinkedIn with og)
ensuring my image is at least 1200x672px
ensuring my image is under 5MB
I'm not sure what else there is to try. Any ideas?
Aha – just tried making it a JPG rather than PNG and LinkedIn now sees it. That's kind of shocking but hopefully that'll help someone else!
Anybody knows how Telegram makes the rich preview?? It would be very useful to learn about it for a development I am making. It is a server side features, so I think the code is not available. Isn't it?
It uses Open Graph protocol: http://telegram.wiki/manuals/general/link-previews
In some posts, the preview doesn't need any work from you, for example if you have a photo URL link in your post, that is an entity of the message.
But in other cases you need to add some tag in your material, for example when you add one URL that points to an article in your website, you must tag and your HTML tag must change:
<html prefix="og: http://ogp.me/ns#">
your head tag
<meta property="og:title" content="title text" />
<meta property="og:image" content="an image url that exist in your page" />
<meta property="og:url" content="current page url" />
<meta property="og:description" content="description text" />
Good day -- I'm currently using Facebook's PHP SDK to share a link (see: https://developers.facebook.com/docs/php/howto/postwithgraphapi/), but when I attempt to customize the image, title and description via the Facebook meta tags, they do not take effect (FB always renders the defaults instead).
Here is my html head information:
<head prefix="og: http://ogp.me/ns#">
<title>Share to Facebook Custom Image</title>
<meta property="og:title" content="Share to Facebook Custom Image">
<meta property="og:type" content="website">
<meta property="og:url" content="http:...">
<meta property="og:image" content="http://www.millennialmedia.com/images/home/mmedia-2.png">
<meta property="og:description" content="add a short description of the page or content">
<meta property="fb:app_id" content="751866978175179">
</head>
Can someone please advise as to what I might be doing wrong? Much obliged!
Go to facebook debugger (ex linter) and paste the url. That should help debug. Facebook caches a copy and debugger refreshes it. Try that. Another thing that might help as well is clearing your browser's cache as the last solution.
EDIT SOLVED
You are using XHTML and XHTML is strict on errors. That was causing the facebook url parser to fail getting the information due to an invalid <br /> tag that you are using (</br>). Fix that and it will work. If going on with XHTML look here for common mistakes
I recommend switching to html like so:
<!doctype html>
<head prefix="og:http://ogp.me/ns# fb:http://ogp.me/ns/fb#">
<!-- Meta -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
As for your image not displaying issue upload a bigger image bigger from 200x200 pixels if I remember correctly.