HTML SEO Boilerplate

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>Example</title>
  <meta name="description" content="Example long description.">
  <link rel="canonical" href="https://example.com">
  <link rel="shortcut icon" type="image/png" href="favicon.png">

  <!-- OpenGraph - https://ogp.me -->
  <meta property="og:title" content="Example">
  <meta property="og:site_name" content="Example">
  <meta property="og:description" content="Example long description.">
  <meta property="og:url" content="https://example.com">
  <meta property="og:type" content="website">
  <meta property="og:image" content="og.png">

  <!-- Twitter (using large preview images) -->
  <meta name="twitter:title" content="Example">
  <meta name="twitter:description" content="Example long description.">
  <meta name="twitter:url" content="https://example.com">
  <meta name="twitter:domain" content="example.com">
  <meta name="twitter:image" content="og.png">
  <meta name="twitter:card" content="summary_large_image">
</head>
22 Apr 2020 Snippets

HTML SEO Boilerplate

Back to All Snippets

Webmentions & Comments
