Jekyll head meta

_config.yml

# Permalinks
permalink: pretty

# Posts
excerpt_separator: <!-- more -->

# Site info
url: "https://darn.es"
title: "David Darnes"
description: "Web Designer & Front-end Developer"
avatar: "https://avatars1.githubusercontent.com/u/1177460?s=100"
avatarurl: "https://avatars1.githubusercontent.com/u/1177460"
colour: "#ffffff"

# Metadata
meta:
  facebook: DavidDarnes
  twitter: DavidDarnes

favicons.html

<link rel="apple-touch-icon" sizes="57x57" href="{{ site.avatarurl }}?s=57">
<link rel="apple-touch-icon" sizes="60x60" href="{{ site.avatarurl }}?s=60">
<link rel="apple-touch-icon" sizes="72x72" href="{{ site.avatarurl }}?s=72">
<link rel="apple-touch-icon" sizes="76x76" href="{{ site.avatarurl }}?s=76">
<link rel="apple-touch-icon" sizes="114x114" href="{{ site.avatarurl }}?s=114">
<link rel="apple-touch-icon" sizes="120x120" href="{{ site.avatarurl }}?s=120">
<link rel="apple-touch-icon" sizes="144x144" href="{{ site.avatarurl }}?s=144">
<link rel="apple-touch-icon" sizes="152x152" href="{{ site.avatarurl }}?s=152">
<link rel="apple-touch-icon" sizes="180x180" href="{{ site.avatarurl }}?s=180">
<link rel="icon" type="image/png" href="{{ site.avatarurl }}?s=32" sizes="32x32">
<link rel="icon" type="image/png" href="{{ site.avatarurl }}?s=194" sizes="194x194">
<link rel="icon" type="image/png" href="{{ site.avatarurl }}?s=96" sizes="96x96">
<link rel="icon" type="image/png" href="{{ site.avatarurl }}?s=192" sizes="192x192">
<link rel="icon" type="image/png" href="{{ site.avatarurl }}?s=16" sizes="16x16">
<link rel="shortcut icon" href="{{ site.avatarurl }}">
<meta name="msapplication-TileColor" content="{{ site.colour }}">
<meta name="msapplication-TileImage" content="{{ site.avatarurl }}?s=144">
<meta name="theme-color" content="{{ site.colour }}">

meta.html

<!-- General meta -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Title meta -->
{% if page.title contains site.title %}
	<title>{{ page.title }}</title>
{% else %}
	<title>{{ page.title }} - {{ site.title }}</title>
{% endif %}
<meta property="og:title" content="{{ page.title }}">
<meta name="twitter:title" content="{{ page.title }}">

<!-- Description meta -->
{% if page.excerpt %}
  {% assign description = page.excerpt | strip_html | replace:'\n',' ' %}
{% else %}
  {% assign description = site.description %}
{% endif %}
<meta name="description" content="{{ description }}">
<meta property="og:description" content="{{ description }}">
<meta name="twitter:description" content="{{ description }}">

<!-- Author meta -->
<meta property="og:site_name" content="{{ site.title }}">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="{{ site.meta.twitter }}">

<!-- Domain meta -->
<meta name="twitter:domain" content="{{ site.url }}">
<meta name="robots" content="index, follow">

<!-- URL meta -->
<meta property="og:url" content="{{ site.url }}{{ page.url }}">
<meta name="twitter:url" content="{{ site.url }}{{ page.url }}">

<!-- Article meta -->
{% if page.url == "/" %}
	<meta property="og:type" content="website">
{% else %}
	<meta property="og:type" content="article">
	<meta property="article:author" content="https://www.facebook.com/{{ site.meta.facebook }}" />
	<meta name="twitter:creator" content="{{ site.meta.twitter }}">
{% endif %}

<!-- Image meta -->
{% if page.image %}
  {% assign image = page.image %}
{% else %}
  {% assign image = site.avatar %}
{% endif %}
<meta property="og:image" content="{{ image }}">
<meta name="twitter:image:src" content="{{ image }}">