Login

Please fill in your details to login.






metatags

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:

feature_image.png : 1200px x 627px
twitter_summary_image.png : SQUARE, between 144px and 4096px, less than 5MB in size.
twitter_summary_large_image.png : 1200px x 675px which is, annoying, nearly the same as the standard feature images size.

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

Links
developers.facebook.com
You can use the Sharing Debugger to see the information that is used when your website content is shared on Facebook, Messenger and other places.
search.google.com
Build, Test, and Release Your Structured Data.
metatags.io
With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!
ogp.me
The Open Graph protocol enables any web page to become a rich object in a social graph.
Last modified: June 7th, 2021