SebinNyshkim/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: ✨ add excerpt logic

Browse source
This commit is contained in:
Sebin Nyshkim 2025-03-16 19:11:53 +01:00
parent afab1ab781
commit 6a6c5e5e14
10 changed files with 34 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/posts/2024-10-26_opengraph-data.md
View file

@ -1,6 +1,5 @@
---
title: Open Graph Metadata and Images in Eleventy Made Easy
description: Blog posts are meant to be shared. When sharing links, you'll often see a preview on social media and instant messengers. But how does it work and how can you do it with Eleventy?
image:
src: https://cdn.sebin-nyshkim.net/-asGarKBdVZ
alt: The Open Graph protocol logo sourrounded by the logos of Twitter, Mastodon, Telegram, Discord and the Fediverse
@ -11,7 +10,9 @@ image:
tags: ["eleventy"]
---
{{ description }}
Blog posts are meant to be shared. When sharing links, you'll often see a preview on social media and instant messengers. But how does it work and how can you do it with Eleventy?
<!-- more -->
The metadata that makes share previews on social media and messengers work is called the [Open Graph protocol](https://ogp.me/). Originally conceived by Facebook to map relationships between people, it is now used primarily on social platforms to generate an eye-catching preview of a shared website that contains an image, a URL, a title and a short teaser of the content.