From 3d7a353bdbd26bb93bb89e37e524c46f47e9f2b8 Mon Sep 17 00:00:00 2001
From: Tom <thomas.hodson@ecmwf.int>
Date: Wed, 1 Nov 2023 18:30:46 +0000
Subject: [PATCH] Update default_head_tags.html

---
 _includes/default_head_tags.html | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/_includes/default_head_tags.html b/_includes/default_head_tags.html
index 9d785e1..d84d48f 100644
--- a/_includes/default_head_tags.html
+++ b/_includes/default_head_tags.html
@@ -2,21 +2,28 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-<!-- HTML Meta Tags -->
+<!-- HTML Meta Tag Title -->
 <title>Tom Hodson - {{ page.title }}</title>
 <meta property="og:title" content="Tom Hodson - {{ page.title }}">
 <meta name="twitter:title" content="Tom Hodson - {{ page.title }}">
+
+<!-- HTML Meta Tag Theme Color -->
 <meta name="theme-color" content="#fcfcfc">
 
+{% if page.excerpt %}
+<!-- HTML Meta Tag Description -->
 <meta name="description" content="{{page.excerpt | strip_html | strip}}">
 <meta property="og:description" content="{{page.excerpt | strip_html | strip}}">
 <meta name="twitter:description" content="{{page.excerpt | strip_html | strip}}">
+{% endif %}
 
+<!-- HTML Meta Tag Url -->
 <meta property="og:url" content="{{page.url | absolute_url}}">
 <meta property="twitter:domain" content="thomashodson.com">
 <meta property="twitter:url" content="{{page.url | absolute_url}}">
 <meta name="twitter:site" content="@T_Hodson">
 
+<!-- HTML Meta Tag Type -->
 <meta property="og:type" content="website">
 
 {% if page.social_image %}
@@ -38,6 +45,8 @@
 {% endif %}
 
 {% if image %}
+<!-- HTML Meta Tag Image -->
+
 <!--  This tag enables pages to be featured in Google Discover as large previews
 See: https://developers.google.com/search/docs/advanced/mobile/google-discover?hl=en&visit_id=637424198370039526-3805703503&rd=1 -->
 <meta name="robots" content="max-image-preview:large">
@@ -45,10 +54,10 @@ See: https://developers.google.com/search/docs/advanced/mobile/google-discover?h
 <meta name="twitter:card" content="summary_large_image">
 <meta name="twitter:image" content="{{image | absolute_url}}">
 <meta property="og:image" content="{{image | absolute_url}}">
-{% if alt %} <!-- Note og:image:alt must immediately follow og:image tag -->
-<meta property="og:image:alt" content="{{alt | strip}}">
-<meta property="twitter:image:alt" content="{{alt | strip}}">
-{% endif %}
+  {% if alt %} <!-- Note og:image:alt must immediately follow og:image tag -->
+  <meta property="og:image:alt" content="{{alt | strip}}">
+  <meta property="twitter:image:alt" content="{{alt | strip}}">
+  {% endif %}
 {% endif %}
 
 <!-- indieauth.com authentication -->