chg: [meta] updated to have proper "Open Graph protocol"

This commit is contained in:
Alexandre Dulaunoy 2023-01-01 13:10:02 +01:00
parent ac2850a174
commit ccb9163dd2
Signed by: adulau
GPG key ID: 09E2CD4944E6CBCD
2 changed files with 50 additions and 1 deletions

View file

@ -1,7 +1,7 @@
# Site settings # Site settings
title: Alexandre Dulaunoy - adulau - Home Page title: Alexandre Dulaunoy - adulau - Home Page
email: a@foo.be email: a@foo.be
description: > description: Personal webpage of Alexandre Dulaunoy - from information security to open source and art
baseurl: "" baseurl: ""
url: "https://www.foo.be" url: "https://www.foo.be"

View file

@ -6,10 +6,59 @@
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title> <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}"> <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
<!-- Meta Meta Tags / The Open Graph protocol -->
<meta property="og:site_name" content="{{ site.title }}">
{% if page.title %}
<meta property="og:title" content="{{ page.title }}">
{% else %}
<meta property="og:title" content="{{ site.title }}">
{% endif %}
{% if page.title %}
<meta content="article" property="og:type">
{% else %}
<meta content="website" property="og:type">
{% endif %}
{% if page.description %}
<meta property="og:description" content="{{ page.description }}">
{% else %}
<meta property="og:description" content="{{ site.description }}">
{% endif %}
{% if page.url %}
<meta property="og:url" content="{{ site.url }}{{ page.url }}">
{% endif %}
{% if page.date %}
<meta property="article:published_time" content="{{ page.date | date_to_xmlschema }}">
<meta property="article:author" content="{{ site.url }}/about/">
{% endif %}
{% if page.image %}
<meta property="og:image" content="{{ site.url }}/assets/img/posts/{{ page.image }}">
{% else %}
<meta property="og:image" content="{{ site.url }}/assets/notebook_52041203272_5070f094ae_w.jpg">
{% endif %}
{% if page.categories %}
{% for category in page.categories limit:1 %}
<meta property="article:section" content="{{ category }}">
{% endfor %}
{% endif %}
{% if page.tags %}
{% for tag in page.tags %}
<meta property="article:tag" content="{{ tag }}">
{% endfor %}
{% endif %}
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="foo.be">
<meta property="twitter:url" content="https://foo.be">
<meta name="twitter:title" content="Alexandre Dulaunoy">
<meta name="twitter:description" content="Personal webpage of Alexandre Dulaunoy - from information security to open source and art">
<meta name="twitter:image" content="https://www.foo.be/assets/notebook_52041203272_5070f094ae_w.jpg">
<link href='https://fonts.googleapis.com/css?family=Titillium+Web' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Titillium+Web' rel='stylesheet' type='text/css'>
<!-- <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700|Roboto+Mono:400,500' rel='stylesheet' type='text/css'> --> <!-- <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700|Roboto+Mono:400,500' rel='stylesheet' type='text/css'> -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}"> <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}"> <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}"> <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
</head> </head>