Images when sharing posts on social media?

When sharing links to my website on social media, how can I get thumbnails to show up?

1 replies

You will want to add social media meta tags to your template. There is a guide to meta tags for social media on CSS tricks. Here is a complete example of meta tags that will work on Blot:

<meta name="description" content="{{> description}}">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" property="og:title" itemprop="title name" content="{{> title}}">
<meta name="twitter:description" property="og:description" itemprop="description" content="{{> description}}">
{{#entry}}
<link rel="canonical" href="{{{absoluteURL}}}" />
<meta property="og:url" content="{{{absoluteURL}}}">
{{#thumbnail.large}}
<meta name="twitter:image" content="{{url}}">
<meta property="og:image" content="{{url}}">
{{/thumbnail.large}}
{{/entry}}

You will want to add these to your template's head.html file.

Answered 2 years ago · Improve this answer

Markdown allowed
Question or feedback?
Contact us

Tags

developers 28 questions bug 14 questions posts 9 questions resolved 7 questions request 6 questions google-drive 5 questions configure 4 questions pages 3 questions added 3 questions meta 3 questions More tags →
Subscribe for changes
RSS Feed of latest questions