Does anybody know how to "convince" Microsoft Teams to show my websites logo in a copied link in a teams chat. It only shows the generic link icon:
Thank you very much!
Seems this meta-tag does the magic:
<meta property="og:image" content="https://www.blikk.it/blikk_gross.png">
Found here: https://learn.microsoft.com/en-us/microsoftteams/platform/concepts/build-and-test/share-to-teams
Related
We have been sharing our website pages and articles to LinkedIn for almost 4 years using
https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/page1/
Until recently, the share block would appear with an image, caption and summary. Just as in Facebook. But now, we find that the summary does not show. I know many have raised this same concern here. One solution I saw in this forum is to switch to forcing visitors to sign into our LinkedIn app and post the status via REST API. My question is, Is this really necessary. We don't have a login feature for our website and to force people to login to LinkedIn app just to show description which is already part of the og tags on the page. Surely someone from LinkedIn can respond to this issue since so many have raised it.
You can use Post Inspector (https://www.linkedin.com/post-inspector/) to preview how your posts will be shared on LinkedIn.
Alternatively, you can use the Share Plugin (https://learn.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/share-plugin) to add a widget for users to easily share content on LinkedIn.
Just take a quick look at the Official LinkedIn "Making Your Website Shareable on LinkedIn" Documentation. I will bold areas of particular interest:
If you're the developer of your website, you'll need to make sure the source code complies with Open Graph Protocol (OGP) and certain image requirements specific to LinkedIn....
Below are the og: tags that must exist and their correct format:
<meta property='og:title' content='Title of the article"/>
<meta property='og:image' content='//media.example.com/ 1234567.jpg"/>
<meta property='og:description' content='Description that will show in the preview"/>
<meta property='og:url' content='//www.example.com/URL of the article" />
And the requirements...
Here are the image requirements specific to the LinkedIn sharing module:
Max file size: 5 MB
Minimum image dimensions: 1200 (w) x 627 (h) pixels
Recommended ratio: 1.91:1
So, if you want to make sure your image displays correctly in the LinkedIn share functionality, make sure your webpage has the following...
<html>
<head>
<meta property="og:image" content="someweburl.jpg" />
</head>
...
</html>
Hope this helps!
I'm not sure if this is new behaviour or if it didn't work at all.
So I'm using the LinkedIn Customized URL feature, you can look it up here. The URL looks like this:
https://www.linkedin.com/shareArticle?mini=true&url=http://developer.linkedin.com&title=LinkedIn%20Developer%20Network&summary=My%20favorite%20developer%20program&source=LinkedIn
Once I share the URL the provided summary is not shown in the post preview:
So I tried with other services like Youtube, Reddit etc. and all posts do not include the provided summary.
Unfortunately I can't provide you the open-graph tags I used on my site as it's running in a corporate environment and I'm not sure if I can provide these snippets as of now.
However, running linkedin's Post Inspector shows that it detects my summary without problems:
Values are in German if anyone wonders...
So my quick and fairly simple questions, which might be answered in a comment as well, are:
Did linkedin change something on their side?
Is there some other undocumented property which neither youtube nor me included in the customized URL and therefore the summary does not show up?
Is there any post from linkedin developers which note this change?
Was it like that all the time or is it just a temporary thing?
Main Problem People are Experiencing: You cannot display BOTH an image and a description. You may only use one. Indicating an OG tag for image means your description will not display. Source: Arguing with LinkedIn Support for 2 Weeks.
LinkedIn only supports one parameter in their share content now:
https://www.linkedin.com/sharing/share-offsite/?url={url}
Source: Microsoft LinkedIn Share URL Documentation.
If you want to specify title and summary, then you need the og tags, but these are things LinkedIn associates with the URL, and it doesn't populate in the message body.
Otherwise, this works for me:
https://www.linkedin.com/sharing/share-offsite/?url=http://www.wikipedia.org/
Works fine:
If you are interested in a regularly maintained GitHub project that keeps track of this so you don't have to, check it out! Social Share URLs
LinkedIn now uses the Open Graph tags to show the preview.
Below are the og:tags that must exist and their correct format:
<meta property='og:title' content='Title of the article"/>
<meta property='og:image' content='//media.example.com/ 1234567.jpg"/>
<meta property='og:description' content='Description that will show in the preview"/>
<meta property='og:url' content='//www.example.com/URL of the article" />
And the sharing url is changed to:
https://www.linkedin.com/sharing/share-offsite/?url=your_encoded_url
Please see this Making Your Website Shareable on LinkedIn
I have been using addthis script for social media sharing. Now I have to share a song in facebook. I have done so many searches and surfed a lot. I could not find the perfect solution to share a song in facebook using addthis script.
Some posts said that need to keep a facebook appid to share. And some posts said do it simply and don't get complicated. But they does not show the way to reach a solution.
Please guide me to understand what things need to be done for sharing a song in facebook via addthis.
For information, I have tested the following codes to share a song.
<meta property='og:audio' content='song location path' />
<meta property='og:audio:title' content='title' />
<meta property='og:audio:artist' content='Artist name' />
<meta property='og:audio:type' content='application/mp3' />
Unfortunately AddThis doesn't have any control over how your site is shared to Facebook. Your best bet for learning which Open Graph tags to use is to go to the official Open Graph Protocol site http://ogp.me/
I'm develop sucsongmoi.net (vietnamese language) and when viewer share link of site from their wall some link facebook get description and image, some link facebook could not get description and image.
eg: share sucsognmoi.net facebook do not get description, image
but when i share: sucsongmoi.net/nau-gi-hom-nay-84.html facebook could get description and image.
I feel odd because I implement same code for this.
when I share through:
https://www.facebook.com/sharer/sharer.php?u=http://www.sucsongmoi.net/?a=1
then it works. Is that facebook cache my site (như google index)? Then how can I update it?
thanks in advance
Here is a great tool facebook provides us to deal with exactly these issues -
Meet facebook's URL Debugger. With regard to YOUR problems, you can see from this report that facebook is unable to retrieve the title & url og:tags.... this is possibly due to the non-standard character set that you are using... can you try change the og:title value to something with only regular English letters? Or alternatively placing some Unicode characters instead.
I can not see ANY og:tags in your source. You can read more about Open Graph and the og:tags on this link.
Basically you have to place these tags in your page so that facebook can know what information to take and display when a user shares your url.
For example :
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
This will tell facebook about the image to use and the website name.
If you want to control the information that is shown when your link is posted in a Facebook status then you must add some Open Graph tags to the head section of your web page.
They are explained here: https://developers.facebook.com/docs/opengraph/
When someone posts a link to a web site in Facebook, it populates the link preview box with a photo and some text from the site.
If someone posts a link to my site in Facebook, it is generally just get the site's domain name and one of the images that appears on the site. No text appears.
I would like to be able to control what text and images appear in the link. Is there a specification that they use? Can I provide some metadata so Facebook will display what I want?
Here is Facebook's developer page on their share function.
Basically there are some simple metatags you can use to optimize what appears on FB
<meta name="title" content="title" />
<meta name="description" content="description " />
<link rel="image_src" href="thumbnail_image" / >
AND:
The wiki article doesn't mention this, but Facebook CACHES the results of your site for awhile. So, if you're debugging & doing quick iterations, you either need to wait awhile, or rename the page (index2.html, index3.html, etc) until you find something that works.