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.

2 replies

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 2 years ago · Improve this answer

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

Answered a year 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