KI-Bilder auf Squarespace kennzeichnen

Script-Tag einbinden

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

1. Öffnen Sie das Panel Code einfügen (englisch „Code Injection“) in den Website-Werkzeugen.
2. Fügen Sie das Script-Tag in das Feld Header ein. Squarespace setzt Code aus diesem Feld in den <head> jeder Seite.
3. Klicken Sie auf Speichern.

Das Feld Footer geht ebenfalls; dort steht der Code vor dem schließenden </body>, je nach Template und Version. Im Editor können Skripte in der Vorschau abgeschaltet sein. Prüfen Sie das Label deshalb auf der Live-Seite, am besten in einem privaten Fenster.

Code einfügen steht laut Squarespace in den Tarifen Core, Plus und Advanced sowie in einigen älteren Tarifen zur Verfügung.

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 auf Squarespace ist der Alt-Text. Squarespace hat für Bildblöcke, Galerien und Produktbilder Felder für den Alternativtext. Ergänzen Sie ihn um „(KI-generiert)“ oder „(Mit KI verändert)“.

Der Dateiname mit --ai ist möglich, wenn Squarespace ihn in der Bildadresse behält. Prüfen Sie das im Seitenquelltext der Live-Seite. Das Attribut data-ai-label setzen Sie nur in Code-Blöcken, die Sie selbst schreiben.

Stolpersteine

• Tarif: Ohne passenden Tarif gibt es kein Feld für eigenen Code. Dann läuft das Widget nicht.
• Vorschau: Sind Skripte in der Vorschau des Editors abgeschaltet, sehen Sie dort kein Label. Das ändert nichts an der Live-Seite.
• Alt-Text je Block: Dasselbe Bild in zwei Blöcken hat oft zwei Alt-Texte. Ergänzen Sie den Zusatz überall.
• Galerien und Diashows: Prüfen Sie, ob das Label auch in Lightbox und Diashow erscheint.

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.
• Checkout: Laut Squarespace unterstützen die Checkout-Seiten keinen eigenen Code. 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 Squarespace 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.