Basic Open Graph / meta template
A minimal set of tags every page should have for a correct preview when the link is shared.
Code
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page title</title>
<meta name="description" content="A short page description">
<link rel="canonical" href="https://example.com/page">
<meta property="og:title" content="Page title">
<meta property="og:description" content="A short page description">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/page">
<meta property="og:image" content="https://example.com/preview.jpg">
<meta name="twitter:card" content="summary_large_image">
Explanation
og:image must point to an absolute URL (with https://), otherwise some platforms won't show a preview. twitter:card="summary_large_image" gives a bigger preview image than the plain summary card.
- To generate this set for a specific page, use the Meta Tags Generator tool.