How to use the Open Graph Protocol for your website

=> Comment on Mastodon

Introduction

Today I made a small change to my blog, I added some more HTML metadata for the Open Graph protocol.

Basically, when you share an url in most social networks or instant messaging, when some Open Graph headers are present the software will display you the website name, the page title, a logo and some other information. Without that, only the link will be displayed.

Implementation

You need to add a few tags to your HTML pages in the "head" tag.

There are more metadata than this but it was enough for my blog.

=> Open Graph Protocol website

Proxy Information
Original URL
gemini://perso.pw/blog//articles/opengraph.gmi
Status Code
Success (20)
Meta
text/gemini
Capsule Response Time
139.278988 milliseconds
Gemini-to-HTML Time
0.341553 milliseconds

This content has been proxied by September (ba2dc).