Metatags help search engines and social media platforms to learn about your site and serve the content you want. These are the most basic metatags that you should include on each webpage on your site.

<!-- Primary Meta Tags -->
<title>Page Title</title>
<meta name="title" content="Page Title">
<meta name="description" content="Page description including keywords">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://the.computing.cafe/">
<meta property="og:title" content="Page title">
<meta property="og:description" content="Page description including keywords.">
<meta property="og:image" content="https://the.computing.cafe/images/feature_image.png">
<meta property="og:image:alt" content="feature_image_alt_text">

<!-- Twitter -->
<meta property="twitter:card" content="card_type">
<meta property="twitter:site" content="@website_username">
<meta property="twitter:creator" content="@author_username">
<meta property="twitter:title" content="Page Title">
<meta property="twitter:description" content="Page description including keywords.">
<meta property="twitter:image" content="https://the.computing.cafe/images/twitter_card_type_image.png">
<meta property="twitter:image:alt" content="feature_image_alt_text">

The card type, which will be one of “summary”, “summary_large_image”, “app”, or “player”. Only one card type per-page is supported. I think that the featured image and the twitter images should have complete URLs (well, it seems to work that way, so why break it?). Also, be aware that the recommended sizes for the images are:


All feature images and card images must be hotlinkable, accessible without logging in or accessing through another page.