This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
public:tellmaps_social_networks [2014/07/07 08:00] honzik |
public:tellmaps_social_networks [2014/07/07 08:11] (current) honzik [OG tags specification] |
||
---|---|---|---|
Line 27: | Line 27: | ||
Actually, there is no way to display a snippet for twitter. Therefore, we will leave the "tweet" feature the same as in current tellmaps. | Actually, there is no way to display a snippet for twitter. Therefore, we will leave the "tweet" feature the same as in current tellmaps. | ||
+ | ===== OG tags specification ===== | ||
+ | This OG format is well supported in all three social networks and probably many more. The only exception is missing description in Google+. This is not documented and there is the only information I found in that matter: http://www.seoskeptic.com/google-quietly-removes-descriptions-from-snippets/ | ||
+ | |||
+ | First, place this into the ''<html>'' tag: | ||
+ | |||
+ | <code html> | ||
+ | <html lang="en" prefix="og: http://ogp.me/ns#"> | ||
+ | </code> | ||
+ | |||
+ | Then, according to given social network, provide these META tags: | ||
+ | |||
+ | <code html> | ||
+ | <meta property="og:title" content="This should display as snippet title"> <!-- can be an item name in tellmaps --> | ||
+ | <meta property="og:type" content="website"> <!-- keep always --> | ||
+ | <meta property="og:url" content="full-url-to-given-item"> <!-- this can be without the ?sharing GET param, however most social networks use the shared URL, not this one --> | ||
+ | <meta property="og:description" content="snippet description, displays under the link and site name"> <!-- google+ ignores any description --> | ||
+ | <meta property="og:image" content="full-path-to-image-1"> <!-- one or multiple images --> | ||
+ | <meta property="og:image" content="full-path-to-image-2"> | ||
+ | <meta property="og:site_name" content="tellmaps.com"> <!-- optional, not found to work well in most networks --> | ||
+ | </code> |