set page title and metadata according to SEO spec

NatLibFi · Apr 25, 2024 · 87d2c03 · 87d2c03
1 parent 80a7c9e
commit 87d2c03
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 8 deletions.
diff --git a/src/view/about.twig b/src/view/about.twig
@@ -1,6 +1,6 @@
 {% set pageType = 'about' %}
 {% extends "base-template.twig" %}
-{% block title %}: "About"{% endblock %}
+{% block title %}{{ "About" | trans}} - {{ GlobalConfig.serviceName }}{% endblock %}
 {% block content %}
 
 <div class="container">

diff --git a/src/view/base-template.twig b/src/view/base-template.twig
@@ -3,11 +3,16 @@
 <head>
 <base href="{{ BaseHref }}">
 <link rel="shortcut icon" href="favicon.ico">
+<title>{% block title %}{{ GlobalConfig.serviceName }}{% endblock %}</title>
 <meta http-equiv="X-UA-Compatible" content="IE=Edge">
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="format-detection" content="telephone=no">
-<meta name="generator" content="Skosmos {{ request.version }}" />
+<meta name="generator" content="Skosmos {{ request.version }}">
+<meta name="title" content="{{ block('title') }}">
+<meta property="og:title" content="{{ block('title') }}">
+<meta name="twitter:title" content="{{ block('title') }}">
+<meta name="twitter:card" content="summary">
 <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" media="screen, print" rel="stylesheet" type="text/css">
 <link href="resource/css/fonts.css" media="screen, print" rel="stylesheet" type="text/css">
 <link href="resource/css/skosmos.css" media="screen, print" rel="stylesheet" type="text/css">
@@ -18,7 +23,6 @@
 <link href="{{ GlobalConfig.customCss }}" media="screen, print" rel="stylesheet" type="text/css">
 {% endif %}
 {% for plugin, files in request.plugins.pluginsCSS %}{% for file in files %}<link href="{{ file }}" media="screen, print" rel="stylesheet" type="text/css">{% endfor %}{% endfor %}
-<title>{{ GlobalConfig.serviceName }}{% block title %}{% endblock %}</title>
 </head>
 <body{% if request.vocabid == '' and request.page != 'feedback' and request.page != 'about' and request.page != 'search' %} class="bg-light frontpage-logo"{% else %} class="bg-medium vocab-{{ request.vocabid }}"{% endif %}>
   <header>

diff --git a/src/view/concept.twig b/src/view/concept.twig
@@ -1,6 +1,6 @@
 {% set pageType = 'concept' %}
 {% extends "base-template.twig" %}
-{% block title %}: {{ vocab.shortName }}: {{ concept_label }}{% endblock %}
+{% block title %}{{ concept.label }} - {{ vocab.shortName }} - {{ GlobalConfig.serviceName }}{% endblock %}
 
 {% block content %}
   {% include "sidebar.inc" %}

diff --git a/src/view/error.twig b/src/view/error.twig
@@ -1,6 +1,6 @@
 {% set pageType = 'error' %}
 {% extends "base-template.twig" %}
-{% block title %}: "Error"{% endblock %}
+{% block title %}{{ "Error"| trans }} - {{ GlobalConfig.serviceName }}{% endblock %}
 {% block content %}
 {% set pageError = request.vocabid != '' and request.page == 'page' %}
 {% if pageError %}

diff --git a/src/view/feedback.twig b/src/view/feedback.twig
@@ -1,7 +1,7 @@
 {% set pageType = 'feedback' %}
 {% extends "base-template.twig" %}
 
-{% block title %}: "Feedback"{% endblock %}
+{% block title %}{{ "Feedback"|trans }} - {{GlobalConfig.serviceName}}{% endblock %}
 {% block content %}
 
   {% if feedback_sent %}

diff --git a/src/view/vocab-home.twig b/src/view/vocab-home.twig
@@ -1,6 +1,6 @@
 {% set pageType = 'vocab-home' %}
 {% extends "base-template.twig" %}
-{% block title %}: {{ vocab.title(request.contentLang) }}{% endblock %}
+{% block title %}{{ vocab.title(request.contentLang) }} - {{ GlobalConfig.serviceName }}{% endblock %}
 
 
 {% block content %}

diff --git a/src/view/vocab-search.twig b/src/view/vocab-search.twig
@@ -1,6 +1,6 @@
 {% set pageType = 'vocab-search' %}
 {% extends "base-template.twig" %}
-{% block title %}: {{ vocab.shortName(request.contentLang) }} '{{ term }}'{% endblock %}
+{% block title %}'{{ term }}' - {{ vocab.shortName(request.contentLang) }} - {{ GlobalConfig.serviceName }}{% endblock %}
 {% block content %}
 <main class="searchpage py-5" id="main-container" >
   <div class="container">