1

If I include an url in some applications, for example in a conversation thread in Facebook Messenger (www.messenger.com), the application is able to show a "key" image from that web site. Is there a special Html tag or attribute that allows the web author to specify which should be the image that is to be shown?

Example, pasting http://www.digitaltrends.com/cool-tech/spencer-the-airport-robot-will-help-you-catch-your-flight/ in Messenger will display:

enter image description here

Old Geezer
  • 14,854
  • 31
  • 111
  • 198

1 Answers1

2

Here is an example from Facebook's documentation

<meta property="og:image" content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

og:image -> The URL of the image that appears when someone shares the content to Facebook. See below for more info, and check out our best practices guide to learn how to specify a high quality preview image.

Joseph
  • 1,076
  • 10
  • 22
  • So it's not a common standard? I see that Hangouts can show a screen grab for Youtube urls. – Old Geezer Dec 04 '15 at 03:17
  • 1
    @OldGeezer The og meta tags is not specific to just Facebook, but not every social media site uses the Open Graph Protocol, if that is what you mean. http://ogp.me/ – Joseph Dec 04 '15 at 04:24
  • 1
    @OldGeezer Here is another question about the protocol and who uses it: http://stackoverflow.com/questions/10397510/do-services-other-than-facebook-use-open-graph – Joseph Dec 04 '15 at 04:27