KI-Bilder in WordPress kennzeichnen

Script-Tag einbinden

<script src="https://www.ai-label.app/widget.js" defer></script>

Das Script-Tag gehört einmal in den Kopf jeder Seite, nicht in einzelne Beiträge. Am einfachsten geht das mit dem Plugin WPCode: Menü „Code Snippets“, Feld für den Kopfbereich („Scripts in Header“), speichern. Wer ein eigenes Theme pflegt, lädt das Skript im Child-Theme mit der Ladestrategie defer:

add_action( 'wp_enqueue_scripts', function () {
    wp_enqueue_script( 'ai-label', 'https://www.ai-label.app/widget.js', array(), null, array( 'strategy' => 'defer' ) );
} );

Ein Script-Tag im Block „Individuelles HTML“ wirkt nur auf dieser einen Seite. Speichern dürfen solche Skripte nur Rollen mit der Berechtigung unfiltered_html: in einer einzelnen Installation Administratoren und Redakteure, in einem Netzwerk nur Super-Admins. Für die ganze Website ist das deshalb der falsche Ort.

Bilder markieren

Das Widget kennzeichnet nur Bilder, die Sie markiert haben. Ob ein Bild ein Label braucht, entscheiden Sie, zum Beispiel mit dem Pflicht-Check. Drei Wege, die sich kombinieren lassen:

• Attribut am Bild: data-ai-label="generated" für vollständig mit KI erzeugte Bilder, data-ai-label="modified" für Fotos, die mit KI verändert wurden.
• Dateiname mit Kennung vor der Endung: vase--ai.jpg oder vase--ai-mod.jpg.
• Alt-Text, der mit „(KI-generiert)“ oder „(Mit KI verändert)“ endet. Der Zusatz hilft zugleich Screenreadern.

Am einfachsten in WordPress ist der Alt-Text. In der Mediathek öffnen Sie die Details eines Bildes und ergänzen den Alternativtext um „(KI-generiert)“ oder „(Mit KI verändert)“. Im Blockeditor finden Sie dasselbe Feld in den Einstellungen des Bild-Blocks. Beitragsbilder übernehmen den Alt-Text aus der Mediathek.

Der Dateiname funktioniert nicht. Die Funktion sanitize_file_name() fasst beim Hochladen mehrere Bindestriche zu einem zusammen. Aus vase--ai.jpg wird vase-ai.jpg, und die Kennung ist weg. Das Attribut data-ai-label lohnt sich nur in Theme-Vorlagen.

Stolpersteine

• Alt-Text in alten Beiträgen: Der Bild-Block speichert den Alt-Text beim Einfügen im Beitrag. Ändern Sie ihn später in der Mediathek, bleibt er in bestehenden Bild-Blöcken unverändert. Ergänzen Sie den Zusatz dort einzeln.
• Verzögertes JavaScript: Optimierungs-Plugins halten Skripte teils zurück, bis der Besucher scrollt oder tippt, bei WP Rocket etwa „Delay JavaScript execution“. Dann fehlt das Label beim ersten Blick. Tragen Sie widget.js in die Ausnahmeliste ein („Excluded JavaScript Files“).
• Seiten-Cache: Leeren Sie nach dem Einbinden den Cache des Caching-Plugins und gegebenenfalls des CDN.
• Theme-Update: Änderungen direkt im Eltern-Theme gehen beim nächsten Update verloren. Deshalb das Child-Theme.

Grenzen des Widgets

• Das Widget erreicht nur Bilder als <img> auf Seiten, auf denen das Skript läuft. Hintergrundbilder aus dem Stylesheet und Bilder unter 48 Pixeln (einstellbar mit data-min) bekommen kein Label.
• Newsletter und RSS-Feeds zeigen Ihre Bilder ohne das Skript. Dort erscheint kein Label.
• Bestellbestätigungen per E-Mail erreicht es nicht. Wo Sie ein Bild außerhalb der Website zeigen, hilft eine Kopie mit eingebranntem Label aus KI-Bild kennzeichnen.
• Datenschutz: Das Skript wird von ai-label.app geladen. Dabei sieht unser Hoster die IP-Adresse wie bei jedem Abruf. Es setzt keine Cookies. Erwähnen Sie die Einbindung in Ihrer Datenschutzerklärung.

Native App

Eine eigene App für WordPress ist geplant. Einen Termin gibt es noch nicht. Bis dahin funktioniert das Widget ohne Installation im System. Wenn Sie möchten, schreiben wir Ihnen einmal zum Start.

Keine Rechtsberatung. Die Inhalte erklären die Rechtslage auf Grundlage der Primärquellen, sie ersetzen keine Prüfung im Einzelfall.