jefklakscodex/themes/jefklak-creative-portfolio/layouts/partials/head.html

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{{ .Title }} | {{ .Site.Title }}</title>
<meta content="{{ .Title }} | {{ .Site.Title }}" property="og:title">  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="all,follow">
<meta name="googlebot" content="index,follow,snippet,archive">
<link rel="me" title="Mastodon" href="{{ .Site.Author.mastodonlink }}" />
<link rel="me" title="Github" href="{{ .Site.Author.githublink }}" />
<link rel="author" href="{{ .Site.BaseURL }}humans.txt" type="text/plain" />
<link rel="webmention" href="https://jam.brainbaking.com/webmention" />
<link rel="pingback" href="https://webmention.io/webmention?forward=https://jam.brainbaking.com/webmention" />

{{ if .Description }}
  <meta name="description" content="{{ .Title }}. {{ .Description | safeHTML }} Via {{ .Site.Title }}">
  <meta content="{{ .Title }}. {{ .Description | safeHTML }} Via {{ .Site.Title }}" property="og:description">  
{{ else }}
  <meta name="description" content="{{ .Title }}. {{ .Summary | safeHTML }}">
  <meta content="{{ .Title }}. {{ .Summary | safeHTML }} Via {{ .Site.Title }}" property="og:description">  
{{ end }}

{{ if .Keywords }}
  <meta content="{{ delimit .Keywords ", " }}, {{ .Title }}" name="keywords">
{{ else if .Params.tags }}
  <meta content="{{ delimit .Params.tags ", " }}, {{ .Title }}" name="keywords">
{{ end }}

<!-- opengraph meta -->
<!-- see https://github.com/nozzle/hugo-snippets/blob/master/layouts/partials/head/seo/open_graph.html -->

<meta property="og:url" content="{{ .Permalink }}" />
<meta property="og:type" content="{{ if .Params.type }}{{ .Params.type }}{{ else }}website{{ end }}" />
{{ if .Params.image }}
  <meta property="og:image" content="{{.Site.BaseURL}}{{ .Params.image }}" />
{{ end }}
<!-- zie sidebar.html, zelfde logica gebruikt -->
{{ $related := first 3 (where (where (where .Site.Pages.ByDate.Reverse ".Type" "==" "articles") ".Params.tags" "intersect" .Params.tags) "Permalink" "!=" .Permalink) }}

{{ if $related }}
  {{ range $related }}
    <meta property="og:see_also" content="{{ .Permalink }}" />
  {{ end }}
{{ end }}
<meta property="article:published_time" content="{{ .PublishDate }}" />
<meta property="article:modified_time" content="{{ .Date }}" />
<meta property="article:section" content="{{ .Section }}" />
{{ with .Params.tags }}{{ range first 6 . }}
  <meta property="article:tag" content="{{ . }}" />
{{ end }}{{ end }}
<!-- end og -->

<!-- structured data -->
{{ $ISO8601 := "2006-01-02T15:04:05-07:00" }}
<script type="application/ld+json">
{
    "@context" : "http://schema.org",
    "@type" : "BlogPosting",
    "mainEntityOfPage": {
         "@type": "WebPage",
         "@id": {{ .Site.BaseURL }}
    },
    "articleSection" : "{{ .Section }}",
    "name" : {{ .Title }},
    "headline" : {{ .Title }},
    "description" : {{ if .Description }}{{ .Description }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ end }}{{ end }},
    "inLanguage" : "{{ .Site.LanguageCode }}",
    {{ if .Params.image }}
      "image": {{ .Params.image | absURL }},
    {{ else }}
      "image": "{{.Site.BaseURL}}img/logo.png",
    {{ end }}
    "author" : {
      "@type": "Person",
      "name": "{{ .Site.Author.name }}"
    },
    "creator" : {
        "@type": "Person",
        "name": "{{ .Site.Author.name }}"
    },    
    "publisher": {
      "@type": "Organization",
      "name": "Brain Baking",
      "url": {{ .Site.BaseURL }},
      "logo": {
        "@type": "ImageObject",
        "url": "https://brainbaking.com/img/avatar-icon.png",
        "width": "150",
        "height": "150"
      }
  },
    "accountablePerson" : "{{ .Site.Author.name }}",
    "copyrightHolder" : "{{ .Site.Author.name }}",
    "copyrightYear" : "{{ .Date.Format "2006" }}",
    "dateCreated": {{ .Date.Format $ISO8601 }},
    "datePublished": {{ .PublishDate.Format $ISO8601 }},
    "dateModified": {{ .Lastmod.Format $ISO8601 }},
    "url" : {{ .Permalink }},
    "wordCount" : "{{ .WordCount }}",
    {{ if .Keywords }}
      "keywords" : [ {{ range .Keywords }}{{ . }},{{ end }}{{ .Title }} ],
      "genre" : [ {{ range .Keywords }}{{ . }},{{ end }}{{ .Title }} ]
    {{ else if .Params.tags }}
      "keywords" : [ {{ if isset .Params "tags" }}{{ range .Params.tags }}{{ . }},{{ end }}{{ end }}{{ .Title }} ],
      "genre" : [ {{ if isset .Params "tags" }}{{ range .Params.tags }}{{ . }},{{ end }}{{ end }}{{ .Title }} ]
    {{ else }}
      "keywords": [ {{ .Title }} ]
    {{ end }}
}
</script>

<link rel="preload" href="{{ "css/bootstrap.min.css" | absURL }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
<link rel="preload" href="{{ "css/font-awesome.min.css" | absURL }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
<link rel="preload" href="{{ "css/simple-lightbox.min.css" | absURL }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
  <link rel="stylesheet" href="{{ "css/bootstrap.min.css" | absURL }}">
  <link rel="stylesheet" href="{{ "css/font-awesome.min.css" | absURL }}">
  <link rel="stylesheet" href="{{ "css/simple-lightbox.min.css" | absURL }}">
</noscript>

<link href="{{ "css/style.default.css" | absURL }}" rel="stylesheet" id="theme-stylesheet">
{{- $options := (dict "targetPath" "css/styles.css" "outputStyle" "compressed" "enableSourceMap" "true") -}}
{{- $styles := resources.Get "sass/main.sass" | resources.ExecuteAsTemplate "main.sass" . | resources.ToCSS $options | resources.Fingerprint "sha512" }}
<link rel = 'stylesheet' href = '{{ $styles.Permalink }}' integrity = '{{ $styles.Data.Integrity }}'>

<noscript>
  <style>
    figure a img {
      max-width: 100%;
    }
    .sidebar-game-platform {
      max-height: 100%;
    }
  </style>
</noscript>

<link rel="shortcut icon" href="{{ "img/favicon.png" | absURL }}">
  {{ with .OutputFormats.Get "RSS" }}
  <link href="{{ .RelPermalink }}" rel="alternate" type="application/rss+xml" title="Jefklak's Codex" />
  <link href="{{ .RelPermalink }}" rel="feed" type="application/rss+xml" title="Jefklak's Codex" />
  {{ end }}
{{- if (ne hugo.Environment "development") }}
<script data-goatcounter="https://stats.jefklakscodex.com/count"
        async src="//stats.jefklakscodex.com/count.js"></script>
{{- end }}

<!-- twitter cards -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{{ .Title }}">
<meta name="twitter:description" content="{{ if .Description }}{{ .Description }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ end }}{{ end }}">
{{ if .Params.image }}
  <meta name="twitter:image" content="{{ .Params.image | absURL }}">
{{ end }}
<meta name="twitter:image:alt" content="Figure of {{ .Title }}">