Link Previews
If you have posted a link on Telegram, Twitter, Discord, or other social media, you have probably seen a link preview which includes the title of the page, a description, and an image. These link previews can be set up with something called Open Graph.
Open Graph Basics
Fields:
URL: Current page url
Title: Title of the current page
Description: 1-2 sentence summary of the current page
Image: Preview image, should be around 1200x630px in size.
If using a website builder, they may have fields for these details. It may be under an SEO tab.
If using WordPress, I recommend using the YoastSEO plugin to set up these details.
If coding your own website, you can use the following code in the <head> of your page:
<meta property="og:url" content="URL">
<meta property="og:type" content="website">
<meta property="og:title" content="TITLE">
<meta property="og:description" content="DESCRIPTION">
<meta property="og:image" content="IMAGE">
Testing/Refreshing Open Graph
For Telegram, go to @webpagebotÂ