SEO Optimization

• The Open Graph protocol (ogp.me)
• Canonical Urls
• Meta tags in website e.g. description, author, etc.

Example

{% extends "base.html" %}
{%- block site_meta %}
<link rel="canonical" href="https://notes.akenofu.me/">
{%- endblock %}


{% block extrahead %}
  {% set title = config.site_name %}
  {% if page and page.meta and page.meta.title %}
    {% set title = title ~ " - " ~ page.meta.title %}
  {% elif page and page.title and not page.is_homepage %}
    {% set title = title ~ " - " ~ page.title %}
  {% endif %}
  <meta property="og:type" content="website" />
  <meta property="og:title" content="{{ title }}" />
  <meta property="og:description" content="{{ config.site_description }}" />

  <!---
    TBD
    One day I will stop hardcoding this
  <meta property="og:url" content="https://notes.akenofu.me" />
  -->

  <meta property="og:image" content="https://notes.akenofu.me/Screenshots/me.gif" />
  <meta property="og:image:type" content="image/png" />
  <meta property="og:image:width" content="480" />
  <meta property="og:image:height" content="270" />


  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="{{ title }}" />
  <meta name="twitter:description" content="{{ config.site_description }}" />
  <meta name="twitter:image" content="https://notes.akenofu.me/Screenshots/me.gif" />

{% endblock %}