SquareSpace Google Index Bild Problem lösen

Sqarespace ist eine Plattform, wo man wie bei WIX, Jimdo oder anderen Seiten, eine eigene Website/Webshop einfach erstellen kann. Nicht immer wird aber der Code von den Betreibern optimal programmiert. Squarespace Bilder zum Beispiel landen nicht im Index bei Google. Ich erkläre warum und wie ein kleines Script das Problem löst.

Ich zeige das Problem an der Demo Seite, aber das betrifft alle Webseiten von Squarespace.

Bei SquareSpace werden alle Bilder per Lazyload geladen. Das hat der Vorteil, dass die Seite schneller ausgeliefert wird, aber auch ein kleineres Problem:

Die Quellcodeansicht zeigt folgendes (nicht Untersuchen, da dies den Code schon per jQuery modifiziert hat)

<img data-src="https://images.squarespace-cdn.com/.../rima-77.jpg" data-image-dimensions="2500x1667" data-image-focal-point="0.5,0.5" alt="rima-77.jpg" data-load="false" />

Das Problem dabei, in dem Image Tag ist kein SRC Attribut vorhanden. Google liest das data-src Attribut nicht. Lazy Load ladet zwar später das Bild, und fügt ein SRC Attribut ein, aber das ist zu spät. Google liest diese Informationen beim Pageload, danach nicht mehr.

Was Google aber auch später noch liest, sind Strukturierte Daten. Und genau darüber kommt mein Fix zu Stande.

// SquareSpace Images to Google Index Fix
// Version: 1.0
// web updates kmu GmbH
// https://wuk.ch
// Copyright 2022. All rights reserved.

(function() {
	var imgs = document.getElementsByTagName("img");
	var imgSrcs = [];
	for (var i = 0; i < imgs.length; i++) {
		imgSrcs.push('{"@context":"https://schema.org/","@type":"ImageObject","contentUrl":"' + imgs[i].getAttribute('data-src') + '","license": "https://creativecommons.org/licenses/by-nc/4.0/"}');
	}
	if (imgSrcs.length >= 1) {
		var script = document.createElement("script");
		script.type = "application/ld+json";
		script.innerHTML = imgSrcs.join(',');
		document.body.appendChild(script);
	}
})();

Was macht das Script? Es geht alle Bildelemente auf der Website durch und erstellt ein Structured Data ImageObject für jedes einzelne Bild. Das Script kann im Tag Manager oder im Scriptbereich bei SqareSpace aufgenommen werden. Bilder erscheinen nicht sofort in der Suche, dies kann paar Wochen dauern.

Haben Sie weitere Probleme/Herausforderungen bei denen ich Sie unterstützen könnte? Gerne können Sie mich unter kontaktieren. Stefan Murawski