feat: Enhance SEO and accessibility by updating meta tags and improving header structure

Co-authored-by: Copilot <copilot@github.com>
2026-04-27 21:31:08 +02:00
parent 0d418fa3cd
commit 4a2659e6dd
2 changed files with 64 additions and 17 deletions
@@ -10,6 +10,7 @@
    <title>{% block title %}Digitale Schulverwaltung{% endblock %}</title>
    {# Basic SEO meta tags, can be overridden per-template by setting `meta_description` #}
    <meta name="description" content="{{ meta_description|default('Invario — Lehrmittel-, Inventar- und Ausleihverwaltung für Schulen. Sicher, einfach, nachvollziehbar.') }}">
+    <meta name="robots" content="index, follow">
    <link rel="canonical" href="{{ request.url_root.rstrip('/') }}{{ request.path }}">
    <!-- OpenGraph / Twitter -->
    <meta property="og:site_name" content="Invario">
@@ -378,7 +379,7 @@
    {% endblock %}
 </head>
 <body>
-    <nav class="site-nav">
+    <nav class="site-nav" role="navigation" aria-label="Hauptnavigation">
        <div class="site-shell site-nav-inner">
            <a class="brand" href="{{ url_for('default') }}">
                <img src="{{ url_for('static', filename='images/Logo-clear.png') }}" alt="Invario Logo">
@@ -425,7 +426,7 @@
            </div>
        </div>
    </nav>
-    <main class="site-shell main-wrap">
+    <main class="site-shell main-wrap" role="main">
        {% with messages = get_flashed_messages(with_categories=true) %}
            {% if messages %}
                <div class="flashes">
@@ -555,25 +555,71 @@
 {% block content %}
 <script type="application/ld+json">
 {
-	"@context": "https://schema.org",
-	"@type": "WebSite",
-	"name": "Invario",
-	"url": "{{ request.url_root.rstrip('/') }}",
-	"description": "{{ meta_description }}",
-	"publisher": {
-		"@type": "Organization",
-		"name": "Invario",
-		"url": "{{ request.url_root.rstrip('/') }}",
-		"logo": "{{ url_for('static', filename='images/logo-1.jpeg') }}"
-	}
+  "@context": "https://schema.org",
+  "@graph": [
+    {
+      "@type": "WebSite",
+      "@id": "{{ request.url_root.rstrip('/') }}#website",
+      "url": "{{ request.url_root.rstrip('/') }}",
+      "name": "Invario",
+      "description": "{{ meta_description }}",
+      "inLanguage": "de-DE",
+      "publisher": { "@id": "{{ request.url_root.rstrip('/') }}#organization" },
+      "potentialAction": {
+        "@type": "ContactAction",
+        "target": "{{ request.url_root.rstrip('/') }}/kontakt"
+      }
+    },
+    {
+      "@type": "Organization",
+      "@id": "{{ request.url_root.rstrip('/') }}#organization",
+      "name": "Invario",
+      "url": "{{ request.url_root.rstrip('/') }}",
+      "logo": {
+        "@type": "ImageObject",
+        "url": "{{ url_for('static', filename='images/logo-1.jpeg') }}"
+      },
+      "contactPoint": [
+        {
+          "@type": "ContactPoint",
+          "contactType": "customer support",
+          "url": "{{ request.url_root.rstrip('/') }}/kontakt",
+          "availableLanguage": ["de", "en"]
+        }
+      ]
+    },
+    {
+      "@type": "SoftwareApplication",
+      "@id": "{{ request.url_root.rstrip('/') }}#software",
+      "name": "Invario",
+      "url": "{{ request.url_root.rstrip('/') }}",
+      "description": "{{ meta_description }}",
+      "operatingSystem": "Web",
+      "applicationCategory": "EducationApplication",
+      "softwareVersion": "1.0",
+      "image": "{{ url_for('static', filename='images/logo-1.jpeg') }}",
+      "author": { "@id": "{{ request.url_root.rstrip('/') }}#organization" },
+      "publisher": { "@id": "{{ request.url_root.rstrip('/') }}#organization" },
+      "inLanguage": "de-DE"
+    },
+    {
+      "@type": "WebPage",
+      "@id": "{{ request.url_root.rstrip('/') }}#webpage",
+      "url": "{{ request.url_root.rstrip('/') }}",
+      "name": "Invario Startseite",
+      "description": "{{ meta_description }}",
+      "isPartOf": { "@id": "{{ request.url_root.rstrip('/') }}#website" },
+      "mainEntity": { "@id": "{{ request.url_root.rstrip('/') }}#software" }
+    }
+  ]
 }
 </script>
-<section class="hero" id="top">
+<header class="hero" id="top" aria-label="Seitenstart">
 	<div>
 		<span class="eyebrow">Lehrmittelverwaltungssoftware für Schulen</span>
-		<h1>Lehrmittel, Schul-IT und Ausleihen in einem sicheren System.</h1>
+		<h1>Invario ist die sichere Schulsoftware für Lehrmittelverwaltung, Inventar und Ausleihe.</h1>
 		<p>
-			Invario ist eine Lehrmittelverwaltungssoftware, die Schulbibliothek, Inventar und digitale Ausleihe zusammenführt. Prozesse bleiben bewusst schlank und schnell, während Sicherheitsfunktionen wie rollenbasierte Rechte, Sitzungsabsicherung und nachvollziehbare Protokolle im Hintergrund dauerhaft aktiv sind.
+			Invario hilft Schulen, Lehrmittel, Medien und Ausleihprozesse übersichtlich, digital und DSGVO-konform zu organisieren. Die Oberfläche bleibt für Lehrkräfte und Bibliothekspersonal verständlich, während Sicherheitsfunktionen im Hintergrund für Verlässlichkeit sorgen.
 		</p>
 		<div class="cta-row">
 			{% if 'username' in session %}
@@ -612,7 +658,7 @@
 			</div>
 		</aside>
 	</div>
-</section>
+</header>

 <section class="primary-focus" id="zielgruppen" aria-label="Zielgruppen">
 	<div class="primary-focus-content">