Your sites Log in Sign up Menu

Thumbnails on social media?

I would like an image used in my blog post to appear when I share the post on Twitter, or Facebook.


16 days ago, 3 replies   developers   Improve this question

You will need to edit your template's <head> section in the head.html template file. Add the following:

{{#entry}}
<meta property="og:title" content="{{title}}">
<meta property="og:description" content="{{summary}}">
{{#thumbnail.large}}
<meta property="og:image" content="{{{url}}}">
{{/thumbnail.large}}
<meta property="og:url" content="{{{absoluteURL}}}">
<meta name="twitter:card" content="summary_large_image">
{{/entry}}

Source: The Essential Meta Tags for Social Media on CSS-Tricks.

Answered 3 years ago · Improve this answer

I would like to edit the content for {{#thumbnail.large}} and {{summary}}. Where is they being pulled from?

Answered 3 years ago · Improve this answer

On https://blot.im/questions/1718l they told me to add the following line to the metadata of the post, and it works!

Thumbnail: /path/To/Image.jpg
Answered 16 days ago · Improve this answer