improving site metadata tags (USRSE#742)

Signed-off-by: vsoch <[email protected]>
Co-authored-by: vsoch <[email protected]>

Author: vsoch

Gemfile

@@ -10,6 +10,5 @@ group :jekyll_plugins do
     gem "jekyll-feed", "~> 0.6"
     gem "jekyll-sitemap"
     gem "jekyll-paginate"
-    gem "jekyll-seo-tag"
 end
 

_config.yml

@@ -2,7 +2,7 @@
 lang: en
 
 title: US-RSE
-description: Association of Research Software Engineers
+description: United States Research Software Engineer Association
 
 url: ""
 baseurl: ""  # for testing, also check .circleci/circle_urls.sh
@@ -33,11 +33,14 @@ twitter: us_rse
 github_org: USRSE
 linkedin: company/us-rse/
 
+# Twitter card for meta tags
+twitter_card: summary
+
+
 plugins:
   - jekyll-sitemap
   - jekyll-paginate
   - jekyll-feed
-  - jekyll-seo-tag
 
 exclude: 
   - Gemfile

_includes/head.html

@@ -3,21 +3,15 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="theme-color" content={{ site.theme_color | default: '#ffffff' }}>
     <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css">
-    <link rel="shortcut icon" type="image/png"
-          {% if site.favicon %} href="{{ site.favicon | relative_url }}" {% else %} href="{{ site.baseurl }}/favicon.png" {% endif %}
-    />
+    <link rel="shortcut icon" type="image/png" {% if site.favicon %} href="{{ site.favicon | relative_url }}" {% else %} href="{{ site.baseurl }}/favicon.png" {% endif %}/>
     <script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js" defer></script>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css">
     <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/reboot.css">
     <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/bootstrap.css">
 
     {% if page.redirect %}<meta http-equiv="refresh" content="0;url={{ site.baseurl }}{{ page.redirect }}"/>{% endif %}
-    {% unless site.hide_share_buttons %}
-        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@1/bin/bulma-social.min.css">
-    {% endunless %}
-    {% seo %}
-    {%- if site.google_analytics -%}
-      {%- include google-analytics.html -%}
-    {%- endif -%}
-    {%- include head-scripts.html -%}
+    {% unless site.hide_share_buttons %}<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@1/bin/bulma-social.min.css">{% endunless %}
+    {% include metatags.html %}
+    {% if site.google_analytics %}{% include google-analytics.html %}{%- endif -%}
+    {% include head-scripts.html %}
 </head>

_includes/metatags.html

@@ -0,0 +1,32 @@
+  
+  <!-- Social: Facebook / Open Graph -->
+  <title>{{ site.title }} | {{ site.description }}</title>
+  <link rel="canonical" href="{{ site.domain }}" />
+  {% if page.id %}<meta property="og:type" content="article">
+  <meta property="article:author" content="{% if page.posted_by %}{{ page.posted_by }}United States Research Software Engineer Association{% endif %}">
+  {% if page.category %}<meta property="article:section" content="{{ page.category }}">{% endif %}
+  <meta property="article:tag" content="{% if page.keywords %}{{ page.keywords }}{% else %}rseng, research software, professional society{% endif %}">
+  <meta property="article:published_time" content="{{ page.date }}">
+  {% else %}<meta property="og:type" content="website">{% endif %}
+
+  <meta property="og:url" content="{{ site.domain }}{{ site.baseurl }}{{ page.url }}">
+  <meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
+  <meta property="og:image" content="{% if page.image %}{{ site.domain }}{{ page.image }}{% else %}{{ site.domain }}{{ site.twitter-img }}{% endif %}">
+  <meta property="og:description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
+  <meta property="og:site_name" content="{{ site.title }}">
+  <meta property="og:locale" content="en_US">
+
+  <!-- Social: Twitter -->
+  <meta name="twitter:card" content="{{ site.twitter_card }}">
+  <meta name="twitter:site" content="@{{ site.twitter }}">
+  <meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
+  <meta name="twitter:description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
+  {% if page.image %}<meta name="twitter:image" content="{{ site.domain }}{{ page.image }}">{% else %}<meta name="twitter:image" content="{{ site.domain }}{{ site.twitter-img }}">{% endif %}
+
+  <!-- Social: Google+ / Schema.org  -->
+  <meta itemprop="name" content="{{ page.title }}">
+  <meta itemprop="description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
+  <meta itemprop="image" content="{% if page.image %}{{ site.domain }}{{ page.image }}{% else %}{{ site.domain }}{{ site.twitter-img }}{% endif %}">
+  <script type="application/ld+json">
+  {"@type":"WebSite","headline":"{{ site.title }}{% if page.title %} | {{ page.title }}{% endif %}","url":"{{ site.domain }}{{ page.url }}","description":"{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}","name":"{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}","@context":"https://schema.org"}
+  </script>