SEO, Weiterleitungen und strukturierte Daten (Arbeitspaket E)

Migration 20260912000800 ergänzt page.robots, page.og_media_id, website.settings und die Tabelle redirect. Alles Maschinenlesbare wird aus dem veröffentlichten Bestand abgeleitet, nichts separat gepflegt: die Sitemap listet nur veröffentlichte, indexierbare Seiten samt Beitragsübersicht und Begriffsarchiven, und dieselbe Einstellung setzt auch das noindex-Meta - beide Aussagen können nicht auseinanderlaufen. Strukturierte Daten entstehen nur aus gepflegten Werten: ohne Angaben wird kein leerer Organization-Block ausgegeben. JSON-LD ist ein Datenblock, kein Skript, daher bleibt script-src 'none' unberührt. Weiterleitungen greifen vor dem 404, aber nach der Seitensuche: eine vorhandene Seite gewinnt immer, sonst könnte ein alter Eintrag eine neue Seite unerreichbar machen. Ketten werden abgewiesen. robots.txt nimmt zusätzliche Zeilen nur nach festem Muster an, damit ein Eintrag die Datei nicht umdeuten kann. llms.txt ist standardmäßig aus. Geprüft: 128 PHP-Tests / 507 Assertions unter PHP 8.2.12 und 8.4.22, 14 JavaScript-Modelltests, Lint/Format/Container. Dazu eine reine Sichtprüfung im Browser auf einer lokalen Demoseite - weiterhin keine axe- oder Lighthouse-Messung. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-09-12 12:43:00 +02:00
1 parent d43bd91069
commit a40c2bb27e
@@ -17,7 +17,7 @@
            <section class="panel-section"><div class="panel-title"><h2>Werkzeugkasten</h2><button id="toggle-library" class="text-button" aria-expanded="true" aria-controls="toolbox">− <span class="visually-hidden">Werkzeugkasten einklappen</span></button></div><div id="toolbox"><h3 class="preset-heading">Element hinzufügen</h3>
                <p class="panel-hint">In die gewählte Sektion oder hinter das gewählte Element.</p>
                <div id="library" class="library">
-                {% for type, label in {section:'Sektion', row:'Zeile', column:'Spalte', heading:'Überschrift', text:'Text', image:'Bild', button:'Button', gallery:'Galerie', postlist:'Beitragsliste', iconcard:'Symbolkarte', stat:'Kennzahl', quote:'Kundenstimme', logos:'Logoleiste', cta:'Aufruf-Band', contact:'Kontaktdaten', accordion:'Akkordeon', accordionitem:'Eintrag', tabs:'Tabs', tabitem:'Tab', form:'Formular', divider:'Trennlinie', spacer:'Abstand'} %}<button type="button" data-add="{{ type }}" disabled><span aria-hidden="true">{{ {section:'▣',row:'☰',column:'▥',heading:'H',text:'T',image:'▧',button:'↗',gallery:'▦',postlist:'☷',iconcard:'◈',stat:'№',quote:'❝',logos:'⬚',cta:'◉',contact:'✆',accordion:'⌵',accordionitem:'·',tabs:'▭',tabitem:'▫',form:'✉',divider:'—',spacer:'⇳'}[type] }}</span>{{ label }}</button>{% endfor %}
+                {% for type, label in {section:'Sektion', row:'Zeile', column:'Spalte', heading:'Überschrift', text:'Text', image:'Bild', button:'Button', gallery:'Galerie', postlist:'Beitragsliste', iconcard:'Symbolkarte', stat:'Kennzahl', quote:'Kundenstimme', logos:'Logoleiste', cta:'Aufruf-Band', contact:'Kontaktdaten', accordion:'Akkordeon', accordionitem:'Eintrag', tabs:'Tabs', tabitem:'Tab', form:'Formular', breadcrumb:'Brotkrumen', divider:'Trennlinie', spacer:'Abstand'} %}<button type="button" data-add="{{ type }}" disabled><span aria-hidden="true">{{ {section:'▣',row:'☰',column:'▥',heading:'H',text:'T',image:'▧',button:'↗',gallery:'▦',postlist:'☷',iconcard:'◈',stat:'№',quote:'❝',logos:'⬚',cta:'◉',contact:'✆',accordion:'⌵',accordionitem:'·',tabs:'▭',tabitem:'▫',form:'✉',breadcrumb:'⟩',divider:'—',spacer:'⇳'}[type] }}</span>{{ label }}</button>{% endfor %}
                </div>
                <button id="open-media-library" class="secondary full-width media-launch" disabled>Medienverwaltung öffnen</button>
                <h3 class="preset-heading">Fertige Abschnitte</h3><p class="panel-hint">Wird nach dem aktuellen Seitenabschnitt eingefügt.</p>
@@ -8,7 +8,7 @@
 <main id="admin-main" class="pages-main" tabindex="-1">
    <p class="eyebrow">FORMULARE</p><h1>Formulare</h1>
    <p class="muted">Felder, Empfänger und Einwilligungstext werden hier gepflegt. Auf einer Seite steht nur ein Formularblock mit der Adresse – so kann ein gespeicherter Seiteninhalt niemals ändern, wohin eine Anfrage geht.</p>
-    <p class="admin-links"><a class="secondary" href="{{ path('admin_pages') }}">Seiten</a> <a class="secondary" href="{{ path('admin_menus') }}">Menüs</a></p>
+    <p class="admin-links"><a class="secondary" href="{{ path('admin_pages') }}">Seiten</a> <a class="secondary" href="{{ path('admin_menus') }}">Menüs</a> <a class="secondary" href="{{ path('admin_settings') }}">Einstellungen</a></p>

    {% for type in ['error', 'success'] %}{% for message in app.flashes(type) %}
        <p class="notice {{ type == 'error' ? 'error' : 'ok' }}" role="{{ type == 'error' ? 'alert' : 'status' }}">{{ message }}</p>
@@ -8,7 +8,7 @@
 <main id="admin-main" class="pages-main" tabindex="-1">
    <p class="eyebrow">NAVIGATION</p><h1>Menüs</h1>
    <p class="muted">Ein Eintrag verweist auf eine Seite, auf ein Sprungziel innerhalb einer Seite oder auf eine externe Adresse. Die Reihenfolge ergibt sich aus der Position, die Verschachtelung aus der Ebene.</p>
-    <p class="admin-links"><a class="secondary" href="{{ path('admin_pages') }}">Seiten</a> <a class="secondary" href="{{ path('admin_forms') }}">Formulare</a></p>
+    <p class="admin-links"><a class="secondary" href="{{ path('admin_pages') }}">Seiten</a> <a class="secondary" href="{{ path('admin_forms') }}">Formulare</a> <a class="secondary" href="{{ path('admin_settings') }}">Einstellungen</a></p>

    {% for type in ['error', 'success'] %}{% for message in app.flashes(type) %}
        <p class="notice {{ type == 'error' ? 'error' : 'ok' }}" role="{{ type == 'error' ? 'alert' : 'status' }}">{{ message }}</p>
@@ -8,7 +8,7 @@
 <main id="admin-main" class="pages-main" tabindex="-1">
    <p class="eyebrow">DEINE WEBSITE</p><h1>Gute Inhalte beginnen hier.</h1>
    <p class="muted">Wähle eine Seite. Gestalte deinen Entwurf. Veröffentliche, wenn alles passt.</p>
-    <p class="admin-links"><a class="secondary" href="{{ path('admin_media') }}">Medienverwaltung</a> <a class="secondary" href="{{ path('admin_menus') }}">Menüs</a> <a class="secondary" href="{{ path('admin_forms') }}">Formulare</a> <a class="secondary" href="/beitraege">Beitragsübersicht ↗</a></p>
+    <p class="admin-links"><a class="secondary" href="{{ path('admin_media') }}">Medienverwaltung</a> <a class="secondary" href="{{ path('admin_menus') }}">Menüs</a> <a class="secondary" href="{{ path('admin_forms') }}">Formulare</a> <a class="secondary" href="{{ path('admin_settings') }}">Einstellungen</a> <a class="secondary" href="/beitraege">Beitragsübersicht ↗</a></p>

    {% for type in ['error', 'success'] %}{% for message in app.flashes(type) %}
        <p class="notice {{ type == 'error' ? 'error' : 'ok' }}" role="{{ type == 'error' ? 'alert' : 'status' }}">{{ message }}</p>
@@ -63,12 +63,21 @@
            </div>
            <span class="badge {{ page.published_revision_id == page.draft_revision_id ? 'published' : '' }}">{{ page.published_revision_id is null ? 'Nicht veröffentlicht' : (page.published_revision_id == page.draft_revision_id ? 'Veröffentlicht' : 'Entwurf geändert') }}</span>
            <a class="secondary" href="{{ path('admin_editor', {id: page.id}) }}" aria-label="{{ page.title }} bearbeiten">Bearbeiten <span aria-hidden="true">→</span></a>
-            {% if page.type == 'post' and is_granted('ROLE_EDITOR') %}
+            {% if is_granted('ROLE_EDITOR') %}
            <details class="meta-panel">
-                <summary aria-label="Beitragsdaten von {{ page.title }}">Beitragsdaten</summary>
+                <summary aria-label="Seitendaten von {{ page.title }}">{{ page.type == 'post' ? 'Beitragsdaten' : 'Seitendaten' }}</summary>
                <form action="{{ path('admin_post_meta', {id: page.id}) }}" method="post">
                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('pages') }}">
                    <input type="hidden" name="expectedVersion" value="{{ page.version }}">
+                    <label for="robots-{{ page.id }}">Suchmaschinen</label>
+                    <select id="robots-{{ page.id }}" name="robots">
+                        <option value="index"{{ page.robots != 'noindex' ? ' selected' : '' }}>Darf indexiert werden</option>
+                        <option value="noindex"{{ page.robots == 'noindex' ? ' selected' : '' }}>Nicht indexieren</option>
+                    </select>
+                    <p class="field-help">Nicht indexierte Seiten erscheinen auch nicht in der Sitemap.</p>
+                    <label for="og-{{ page.id }}">Vorschaubild beim Teilen</label>
+                    <input id="og-{{ page.id }}" name="ogMediaId" maxlength="32" value="{{ page.og_media_id }}" placeholder="ID aus der Mediathek">
+                    {% if page.type == 'post' %}
                    <label for="date-{{ page.id }}">Veröffentlicht am</label>
                    <input id="date-{{ page.id }}" name="publishedAt" type="date" value="{{ page.published_at ? page.published_at|date('Y-m-d') : '' }}">
                    <label for="author-{{ page.id }}">Autor</label>
@@ -83,7 +92,8 @@
                    <p class="field-help">Mehrere durch Komma trennen. Unbekannte Namen werden angelegt.</p>
                    <label for="media-{{ page.id }}">Beitragsbild</label>
                    <input id="media-{{ page.id }}" name="featuredMediaId" maxlength="32" value="{{ page.featured_media_id }}" placeholder="ID aus der Mediathek">
-                    <button class="primary" type="submit">Beitragsdaten speichern</button>
+                    {% endif %}
+                    <button class="primary" type="submit">Speichern</button>
                </form>
            </details>
            {% endif %}
@@ -0,0 +1,124 @@
+{% extends 'admin/base.html.twig' %}
+{% block title %}Einstellungen{% endblock %}
+{% block body %}
+<header class="admin-header">
+    <a class="brand" href="{{ path('admin_pages') }}"><span class="brand-icon" aria-hidden="true">k.</span>kant<span>cms</span></a>
+    <div class="header-actions"><a href="/">Website ansehen ↗</a><span class="user-name">{{ app.user.userIdentifier }}</span><form action="{{ path('admin_logout') }}" method="post"><input type="hidden" name="_csrf_token" value="{{ csrf_token('logout') }}"><button class="subtle" type="submit">Abmelden</button></form></div>
+</header>
+<main id="admin-main" class="pages-main" tabindex="-1">
+    <p class="eyebrow">EINSTELLUNGEN</p><h1>Unternehmen und Adressen</h1>
+    <p class="muted">Aus diesen Angaben entstehen die strukturierten Daten der Startseite. Was hier steht, ist genau das, was Suchmaschinen lesen – es gibt keine zweite, unsichtbare Fassung.</p>
+    <p class="admin-links">
+        <a class="secondary" href="{{ path('admin_pages') }}">Seiten</a>
+        <a class="secondary" href="{{ path('admin_menus') }}">Menüs</a>
+        <a class="secondary" href="{{ path('admin_forms') }}">Formulare</a>
+        <a class="secondary" href="/sitemap.xml">Sitemap ↗</a>
+        <a class="secondary" href="/robots.txt">robots.txt ↗</a>
+    </p>
+
+    {% for type in ['error', 'success'] %}{% for message in app.flashes(type) %}
+        <p class="notice {{ type == 'error' ? 'error' : 'ok' }}" role="{{ type == 'error' ? 'alert' : 'status' }}">{{ message }}</p>
+    {% endfor %}{% endfor %}
+
+    <section class="menu-section">
+        <div class="section-heading"><h2>Unternehmensdaten</h2><span class="muted">Grundlage für Organization und LocalBusiness</span></div>
+        <form action="{{ path('admin_settings_save') }}" method="post" class="menu-form">
+            <input type="hidden" name="_csrf_token" value="{{ csrf_token('settings') }}">
+            <div class="create-grid">
+                <div>
+                    <label for="legalName">Name des Unternehmens</label>
+                    <input id="legalName" name="legalName" maxlength="200" value="{{ settings.legalName }}">
+                </div>
+                <div>
+                    <label for="phone">Telefon</label>
+                    <input id="phone" name="phone" maxlength="40" value="{{ settings.phone }}">
+                </div>
+                <div>
+                    <label for="email">E-Mail</label>
+                    <input id="email" name="email" type="email" maxlength="120" value="{{ settings.email }}">
+                </div>
+                <div>
+                    <label for="street">Straße und Hausnummer</label>
+                    <input id="street" name="street" maxlength="120" value="{{ settings.street }}">
+                </div>
+                <div>
+                    <label for="postalCode">Postleitzahl</label>
+                    <input id="postalCode" name="postalCode" maxlength="16" value="{{ settings.postalCode }}">
+                </div>
+                <div>
+                    <label for="city">Ort</label>
+                    <input id="city" name="city" maxlength="120" value="{{ settings.city }}">
+                </div>
+                <div>
+                    <label for="country">Land</label>
+                    <input id="country" name="country" maxlength="2" pattern="[A-Za-z]{2}" value="{{ settings.country }}">
+                    <p class="field-help">Zweibuchstabiger Code, zum Beispiel DE.</p>
+                </div>
+            </div>
+            <label for="description">Kurzbeschreibung</label>
+            <input id="description" name="description" maxlength="300" value="{{ settings.description }}">
+            <label for="sameAs">Profile</label>
+            <textarea id="sameAs" name="sameAs" rows="3" placeholder="https://www.linkedin.com/company/…">{{ settings.sameAs|join('\n') }}</textarea>
+            <p class="field-help">Eine HTTPS-Adresse je Zeile, höchstens zwanzig.</p>
+            <label class="check-label" for="localBusiness"><input id="localBusiness" name="localBusiness" type="checkbox" value="1"{{ settings.localBusiness ? ' checked' : '' }}> Als lokales Unternehmen auszeichnen</label>
+            <p class="field-help">Braucht mindestens Straße und Ort. Sinnvoll bei einem Standort mit Kundenverkehr.</p>
+            <label class="check-label" for="llmsTxt"><input id="llmsTxt" name="llmsTxt" type="checkbox" value="1"{{ settings.llmsTxt ? ' checked' : '' }}> <code>llms.txt</code> ausliefern</label>
+            <p class="field-help">Eine maschinenlesbare Liste der veröffentlichten, indexierbaren Seiten. Optional. Kein Rankingfaktor und keine Voraussetzung für irgendeine Suchfunktion; ohne Aktivierung antwortet die Adresse mit 404.</p>
+            <label for="robotsExtra">Zusätzliche Zeilen für robots.txt</label>
+            <textarea id="robotsExtra" name="robotsExtra" rows="3">{{ settings.robotsExtra }}</textarea>
+            <p class="field-help">Nur Kommentarzeilen und einfache Anweisungen wie <code>Disallow: /pfad</code>. Höchstens dreißig Zeilen.</p>
+            <button class="primary" type="submit">Unternehmensdaten speichern</button>
+        </form>
+    </section>
+
+    <section class="menu-section">
+        <div class="section-heading"><h2>Weiterleitungen <span class="count">{{ redirects|length }}</span></h2><span class="muted">Werden vor dem 404 geprüft.</span></div>
+        <form action="{{ path('admin_redirect_save') }}" method="post" class="menu-form">
+            <input type="hidden" name="_csrf_token" value="{{ csrf_token('settings') }}">
+            <div class="create-grid">
+                <div>
+                    <label for="from">Alte Adresse</label>
+                    <input id="from" name="from" maxlength="400" required placeholder="alte-seite">
+                </div>
+                <div>
+                    <label for="to">Neue Adresse</label>
+                    <input id="to" name="to" maxlength="400" placeholder="leistungen/webdesign">
+                    <p class="field-help">Bei 410 leer lassen.</p>
+                </div>
+                <div>
+                    <label for="status">Art</label>
+                    <select id="status" name="status">
+                        <option value="301">301 – dauerhaft verschoben</option>
+                        <option value="410">410 – entfernt</option>
+                    </select>
+                </div>
+            </div>
+            <button class="primary" type="submit">Weiterleitung speichern</button>
+        </form>
+
+        {% if redirects is not empty %}
+        <table class="menu-table redirect-table">
+            <caption class="visually-hidden">Gespeicherte Weiterleitungen</caption>
+            <thead><tr><th scope="col">Alte Adresse</th><th scope="col">Ziel</th><th scope="col">Art</th><th scope="col">Entfernen</th></tr></thead>
+            <tbody>
+            {% for entry in redirects %}
+                <tr>
+                    <td><code>/{{ entry.from }}</code></td>
+                    <td>{% if entry.to %}<code>/{{ entry.to }}</code>{% else %}<span class="muted">—</span>{% endif %}</td>
+                    <td>{{ entry.status }}</td>
+                    <td>
+                        <form action="{{ path('admin_redirect_save') }}" method="post">
+                            <input type="hidden" name="_csrf_token" value="{{ csrf_token('settings') }}">
+                            <input type="hidden" name="remove" value="{{ entry.id }}">
+                            <button class="text-button danger-text" type="submit" aria-label="Weiterleitung von /{{ entry.from }} entfernen">Entfernen</button>
+                        </form>
+                    </td>
+                </tr>
+            {% endfor %}
+            </tbody>
+        </table>
+        {% endif %}
+    </section>
+    <p class="footnote">Kant CMS · Visueller Editor, erster Prototyp</p>
+</main>
+{% endblock %}