Image preview when link is copied

[RithwikU]

serve_og_meta: false# Include Open Graph meta tags in the HTML head
serve_schema_org: false # Include Schema.org in the HTML head
og_image: # The site-wide (default for all links) Open Graph preview image

Should I make changes to these flags to enable the image preview when I copy my website link?

[george-gca]

Absolutely. By setting serve_og_meta to true and setting og_image you achieve that. For more information about what these do, take a look here and here.

[RithwikU]

Thanks a lot!

[kallenosf]

Is there a way to change to have a different preview image for each blog post link? For example, the thumbnail photo of the post.

[george-gca]

Currently we look for a og_image in the page/post front matter, as can be seen here:

al-folio/_includes/metadata.liquid

Lines 61 to 63 in c5d484e

	{% if page.og_image or site.og_image %}
	<meta property="og:image" content="{% if page.og_image %}{{ page.og_image }}{% else %}{{ site.og_image }}{% endif %}">
	{% endif %}