Tutorial

Warum ein „Zuletzt aktualisiert“-Datum dein SEO-Ranking und Leser-Vertrauen stärkt

Melden

Ein „Zuletzt aktualisiert“-Datum (Edit Date) ist wichtig für das SEO-Ranking und das Vertrauen deiner Leser. Es zeigt, dass deine Inhalte aktuell sind.

In diesem Tutorial zeige ich dir verschiedene Wege, wie du das Bearbeitungsdatum hinzufügen kannst – von WordPress bis hin zu eigenem Code.

Methode 1: WordPress mit einem Plugin (Einfachste Methode)

Wenn du keine Lust auf Code hast, ist ein Plugin die schnellste Lösung.

  1. Plugin installieren: Gehe in dein Dashboard zu Plugins > Installieren und suche nach "WP Last Modified Info".
  2. Aktivieren: Installiere und aktiviere es.
  3. Einstellungen: Unter Einstellungen > WP Last Modified Info kannst du festlegen:
    • Wo das Datum erscheinen soll (vor oder nach dem Content).
    • Wie der Text lauten soll (z. B. "Zuletzt aktualisiert am:").
    • Das Datumsformat.

Methode 2: WordPress ohne Plugin (Code-Snippet)

Das ist die sauberste Lösung für die Performance. Wir fügen eine Funktion in die functions.php deines Themes (am besten eines Child-Themes) ein.

  1. Gehe zu Design > Theme-Datei-Editor.
  2. Wähle die functions.php aus.
  3. Füge folgenden Code am Ende ein:
function display_last_updated_date( $content ) {
    $u_time = get_the_time('U'); 
    $u_modified_time = get_the_modified_time('U'); 

    // Nur anzeigen, wenn das Bearbeitungsdatum nach dem Veröffentlichungsdatum liegt
    if ($u_modified_time >= $u_time + 86400) { 
        $updated_date = get_the_modified_time('d.m.Y');
        $custom_content .= '<p class="last-updated">Zuletzt aktualisiert am ' . $updated_date . '</p>';  
    } 

    $custom_content .= $content;
    return $custom_content;
}
add_filter( 'the_content', 'display_last_updated_date' );

Was dieser Code macht:

  • Er vergleicht das Veröffentlichungsdatum mit dem Änderungsdatum.
  • Nur wenn der Artikel mindestens 24 Stunden später bearbeitet wurde, wird die Zeile "Zuletzt aktualisiert am..." über dem Inhalt angezeigt.

Methode 3: HTML & JavaScript (Für statische Webseiten)

Wenn du eine einfache HTML-Seite hast, kannst du JavaScript nutzen, um das Datum der letzten Dateiänderung automatisch anzuzeigen.

Füge diesen Code dort ein, wo das Datum erscheinen soll:

<p>Diese Seite wurde zuletzt aktualisiert am: <span id="update-date"></span></p>

<script>
  // Holt das Datum der letzten Änderung der Datei
  let lastMod = new Date(document.lastModified);
  let options = { year: 'numeric', month: 'long', day: 'numeric' };
  document.getElementById("update-date").innerHTML = lastMod.toLocaleDateString("de-DE", options);
</script>

Methode 4: Styling mit CSS

Damit das Datum gut aussieht, solltest du es formatieren. Hier ist ein Beispiel-CSS, das du in dein Stylesheet (z.B. style.css oder "Zusätzliches CSS" in WordPress) einfügen kannst:

.last-updated {
    font-size: 0.9em;
    font-style: italic;
    color: #666;
    background-color: #f9f9f9;
    padding: 10px;
    border-left: 4px solid #0073aa;
    margin-bottom: 20px;
}

Warum solltest du das machen? (SEO-Tipp)

Google liebt frische Inhalte. Wenn du ein "Last Modified"-Datum in deinem Code hast, wird dieses oft auch in den Suchergebnissen angezeigt.

Pro-Tipp für WordPress-User: Wenn du ein SEO-Plugin wie Yoast SEO oder Rank Math nutzt, fügen diese oft automatisch das dateModified Schema-Markup in den Hintergrund-Code ein. Die oben genannten Methoden helfen jedoch dabei, dieses Datum auch für den menschlichen Besucher sichtbar zu machen.

Zusammenfassung:

  • Anfänger: Plugin "WP Last Modified Info".
  • Fortgeschrittene: PHP-Snippet in der functions.php.
  • Statische Seiten: JavaScript document.lastModified.
0