SEO 91% now

ht_booking/assets/views/about.html

@@ -1,6 +1,7 @@
 {% extends "base.html" %}
 
 {% block title %}{{ t(key="about-title", lang=lang) }}{% endblock title %}
+{% block meta_description %}{{ t(key="meta-description-about", lang=lang) }}{% endblock meta_description %}
 
 {% block content %}
 <div class="mx-auto max-w-2xl">

ht_booking/assets/views/base.html

@@ -33,6 +33,18 @@
     });
   </script>
   <title>{% block title %}{{ t(key="brand", lang=lang) }}{% endblock title %}</title>
+  <meta name="description"
+    content="{% block meta_description %}{{ t(key='meta-description', lang=lang) }}{% endblock meta_description %}">
+  <!-- Open Graph / Twitter — how the page previews when its link is shared
+       (chat apps, social). Not scored by Lighthouse SEO, but cheap to have.
+       og:url and og:image are left out: they need the absolute production
+       domain, so wire them once the site has one. -->
+  <meta property="og:type" content="website">
+  <meta property="og:site_name" content="{{ t(key='brand', lang=lang) }}">
+  <meta property="og:title" content="{{ t(key='brand', lang=lang) }}">
+  <meta property="og:description" content="{{ t(key='meta-description', lang=lang) }}">
+  <meta property="og:locale" content="{% if lang == 'en' %}en_US{% else %}sk_SK{% endif %}">
+  <meta name="twitter:card" content="summary">
   <link href="https://cdn.jsdelivr.net/npm/daisyui@4/dist/full.min.css" rel="stylesheet" type="text/css" />
   <script src="https://cdn.tailwindcss.com"></script>
   <style>