My meta tags seem to be fine and the post inspector shows the image perfectly but when I try to share the post on linked, the image is always missing.
https://goalenvisionpublic-test.azurewebsites.net/sv/event/7-varje-artikel-bor-for-sokmotoroptimeringens/?ppl=sade
Here's how my html looks:
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"><style id="stndz-style"></style>
<title>Varje artikel bör för sökmotoroptimeringens skull innehålla minst 1 av - Utbildning - GoalEnvision.com</title>
<meta name="keywords" content="Vision, Mission, Affärsidé och Smarta Mål i Ledningsgruppen">
<meta name="description" content="VD och Ledningsgrupp. Formulera, kommunicera och genomför er strategi. Genom smarta mål arbetar ni med er affärsidé för att nå er vision.">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<meta property="og:title" content="Varje artikel bör för sökmotoroptimeringens skull innehålla minst 1 av ">
<meta property="og:image" name="image" content="https://goalenvisiontest.blob.core.windows.net/images/7_large_image.jpg">
<meta property="og:image:height" content="627">
<meta property="og:image:width" content="1200">
<meta property="og:description" content="sdkfjns lkjfnd slkjfnsl dkfjnsdlfkds">
<meta property="og:type" content="article">
<meta prefix="og:url" content="https://goalenvisionpublic-test.azurewebsites.net/sv/event/7-varje-artikel-bor-for-sokmotoroptimeringens/?ppl=sade">
LinkedIn Post Inspector
Not really an answer but LinkedIn have confirmed the bug in their crawler. Here's what I heard from them:
Thanks for reporting your issue. We've confirmed the problem you reported. After careful assessment, we've decided that we won't be moving forward with a fix at this time. LinkedIn continuously evaluates how features and products are used and we make adjustments accordingly to focus our resources on providing the most value to our members.
We greatly appreciate your feedback and have documented the issue to track additional reports of the problem and for consideration to be addressed in a future release. If there's anything else I can help you with, please don't hesitate to let me know.
so when helping someone else i discoverd this, hopefully this/was the case with you.
The first time that LinkedIn's crawlers visit a webpage when asked to
share content via a URL, the data it finds (Open Graph values or our
own analysis) will be cached for a period of approximately 7 days.
This means that if you subsequently change the article's description,
upload a new image, fix a typo in the title, etc., you will not see
the change represented during any subsequent attempts to share the
page until the cache has expired and the crawler is forced to revisit
the page to retrieve fresh content.
If you make API calls that directly provide the content to be shared
rather than by a URL that requires analysis, LinkedIn will always use
the values you provide.
source: https://developer.linkedin.com/docs/share-on-linkedin
Related
Working on a site that contains OpenGraph tags. However, when trying to share one of those pages, the Facebook preview isn't populating properly:
For example: https://www.hkinsurance.com/2018/03/noise-reduction-restaurant/
OG Tags:
<meta property="og:locale" content="en_US"/>
<meta property="og:site_name" content="H&K Insurance"/>
<meta property="og:title" content="Noise Reduction for Your Restaurant - H&K Insurance"/>
<meta property="og:url" content="https://www.hkinsurance.com/2018/03/noise-reduction-restaurant/"/>
<meta property="og:type" content="article"/>
<meta property="og:description" content="Reducing noise is key to maintaining ambiance in your restaurant. Learn about noise reduction techniques on our blog. Call 617-612-6515 to evaluate your insurance coverages."/>
You need to enter your page url and click Scrape Again button in the next page.
https://developers.facebook.com/tools/debug/
If this doesn't help maybe you don't have property requirements for og tags.
Check out this: https://developers.facebook.com/docs/sharing/best-practices
For og:image if you changed image for same url, sometimes facebook caching the image and Scrape button doesn't work. You have two options: wait until facebook cleans its cache or change image name and og:image propery path for the new image and Scrape Again.
After a lot of confusion, I discovered that my file was in UTF-16 format, not UTF-8. As soon as I converted it, everything worked.
We have a Facebook app that generates custom shareable links for users when they complete certain activities. The shareable pages have the following meta tags:
<meta property="fb:admins" content="1000000000000000">
<meta property="fb:app_id" content="1000000000000000">
<meta property="og:site_name" content="ActivityApp">
<meta property="og:title" content="I just completed this activity.">
<meta property="og:description" content="Click here to see John's activity!">
<meta property="og:type" content="website">
<meta property="og:url" content="http://activity.com/abcd69478383951886c14ae">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="800">
<meta property="og:image:height" content="420">
<meta property="og:image" content="http://cdn.com/abcd69478383951886c14ae.png">
<meta name="author" content="John">
Most of the time, Facebook will correctly show the title, description, and image on the Newsfeed when the links are shared. But sometimes, the og:image and og:title will be hidden for no reason. This is what it looks like...
The strange part is that when we check the link on the debugger by clicking Show existing scrape information it would say that it was correctly scraped and would display the title, image, and description at the bottom.
Why does this happen, and what can we do to make sure that our links will display correctly every time they are shared?
Additional info: our app generates millions of stories so we can't manually do anything to the links.
I still cannot post comments, so I try to give my answer: try using og:image:url instead of og:image. I know they should be the same, but sometimes it works.
link to answer
Read and try any of these:
https://photographylife.com/how-to-make-facebook-show-images-in-links
http://www.addthis.com/academy/how-to-optimize-facebook-sharing/
There are plenty of suggestions that you can try but I don't have concrete knowledge about that so you can search for more information in the google page.
People used to work on this:
https://developers.facebook.com/tools/debug/og/object/
But you can also try this:
https://developers.facebook.com/tools/debug/sharing
If you still can't make the image there, then it must be something wrong with your website. Unless you can provide an actual link to your resource, I can't do any further help.
I have a strange problem with Facebook sharing. I have a news portal and when I try to share some news, half of them are sharing fine, and half are not recognized at all, just the link is shared without Title, Image and Description.
The news portal is in PHP Codeigniter, and here are the meta tags that every news link has, and they are correct when I see Page Source.
<meta property="fb:app_id" content="the number"/>
<meta property="og:url" content="the full url of the page" />
<meta property="og:title" content="Title of the news story" />
<meta property="og:description" content="The introduction of the story" />
<meta property="og:image" content="full link of the image"/>
I checked there isn't anything common for the stories that Facebook does not take the meta data. I tried with everytype od image, and with many different resolutions, even with the minimum resolution 200x200 but there is no success.
The only solution is to put the link in the Facebook debugger and then it is working fine. After that you can share it normal, but this is wasting of a lot of time and energy to put half of the links in the debugger before sharing...
What am I missing here?
I am attempting to replicate a bit of what Amazon.com is doing. After a person checks out, they are then able to SHARE to the social networks, the product in which they just purchased.
On my site however, facebook won't EVER get to crawl the final booking pages since they are dynamically driven after the user enters their credit card info.
I know the linter could be used for force a decache... but that's really not the story here....
I am of course, refering to the OG information stored in the meta tags.
<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."/>
I haven't been able to find ANY clear cut documentation on whether facebook actually needs to CRAWL a page before the opengraph will work or not. If the content above is not on a crawlable page, WILL it still work?
If not? Is there a way around this?
Yes, for the Like-Button and Open Graph-Metadata to work, Facebook definitely has to crawl your page (How would it be possible to get the content of your meta-tags otherwise?). Here are the (old) docs on OG-metatags, which gives a good overview:
https://developers.facebook.com/docs/opengraphprotocol/
The idea is, that every object in the graph is represented on a unique URL, containing the OG-metadata. For you app this means, that the dynamically generated booking-pages must be made available to the crawler, f.e. at http://yourapp.com/booking.php?id=45345 you would output these tags:
<meta property="og:title" content="Booking No. 45345"/>
<meta property="og:type" content="order"/>
<meta property="og:description" content="..."/>
<meta property="og:url" content="http://yourapp.com/booking.php?id=45345"/>
The stories generatd by the Like-Button for this URL will than contain a link back to the order-page.
Now, the question is, do you really want booking-pages to be available publicly & permanently? If the answer is "no", than the Like-Button & OG-metatags are probably not the right choice for sharing in your app. You should consider letting your users share stories the Feed-dialogue, which lets you craft individual stories:
https://developers.facebook.com/docs/reference/dialogs/feed/
Dear fellow developers,
the past days I tried hard to have facebook understand my website what it is - a representation of a hotel/bed and breakfast - i am running with the help of OG. I completely failed. i read a lot here about people having problems parsing their sites as og:type "hotel" or "restaurant". i really tried to understand the situation but i can't help it with a strategy. I read different documentations on the OG site itself - but there is no clear approach - i found contradicting documentations on facebook, too. i tried to come up with a solution offering to implement the complete metatags like
<meta property="og:type" content="my_og_app:hotel">
buts still that just messed it up more.
At the moment I go with that which constantly have my site parsed as og:type:website where i want to go for "hotel" plus adding the geo-lacation as seen below:
<!-- Metatags for Viral Marketing / Open Graph / facebook.com -->
<meta property="og:title" content="Bordemundo B&B - Grüner Urlaub in Patagonien"/>
<meta property="og:type" content="hotel"/>
<meta property="og:url" content="http://www.bordemundo.com/patagonien-deutschland /zimmer_ferienhaus_urlaub.html"/>
<meta property="og:image" content="http://www.bordemundo.com/images/facebook_og_bordemundo.jpg"/>
<meta property="og:site_name" content="Bordemundo Bed & Breakfast Puerto Varas"/>
<meta property="fb:app_id" content="340364045978919"/>
<meta property="og:description"
content="Grüner Tourismus in Patagonien. Wildes Land, einsamer Strand, schöne Zimmer und organisches Essen."/>
<!-- Location -->
<meta property="og:latitude" content="-41.31513"/>
<meta property="og:longitude" content="-72.93576"/>
<meta property="og:street-address" content="km 3, Camino a Ensenada"/>
<meta property="og:locality" content="Puerto Varas"/>
<meta property="og:region" content="Los Lagos"/>
<meta property="og:postal-code" content="5550000"/>
<meta property="og:country-name" content="Chile"/>
<meta property="og:email" content="javiera#bordemundo.com"/>
<meta property="og:phone_number" content="650-123-4567"/>
<meta property="og:fax_number" content="+56-9-629-19443"/>
I appreciate any clear suggestions on that because none of the appearing posts help me. I understand that "hotel" is not supported by OG and more or less a facebook specific entity. but how am i able to make use of an appropriate code and method of implementation then?
i found a hint to declare and object type but in my app this need to be chained to an action. why? and what would that be good for?
saludos desde chile and thx for helping me out,
michael.
Having troubles with the open graph, you should always use the facebook debugger. Paste your url into the debugger and check the warnings and error messages it gives you:
http://developers.facebook.com/tools/debug