Seite 1 von 1

Bilder im Source-Code nachteilig für Ranking?

Verfasst: 22.09.2015, 11:18
von janinefischer
Hallo zusammen,

wir legen gerade eine neue Struktur für unsere Seite fest.
In dem Zusammenhang sollen für einzelne Seiten Hintergrundbilder festgelegt werden.

Wenn diese Bilder nur im Source- bzw. Style-Code integriert sind, hat das dann negative Folgen fürs Ranking bzw. eben keinen positiven Effekt fürs Ranking?

Ich danke Euch.

Verfasst:
von

Verfasst: 22.09.2015, 12:47
von elmex
Du meinst, wenn Bilder im HTML per

Code: Alles auswählen

src="data:image/gif;base64,.....
und per CSS mit sowas wie

Code: Alles auswählen

background:url(data:image/gif;base64,.....
eingebunden werden, könnte das dem Ranking schaden?! :o

Hast Du Anzeichen dafür entdeckt? Das wäre ja wirklich krass!

Verfasst: 22.09.2015, 12:50
von janinefischer
Nein, entdeckt nicht, aber das würde mich interessieren, ob es so ist oder etwas bekannt ist :)

Verfasst: 23.09.2015, 06:55
von nerd
Kommt wohl darauf an in welchem umfang du das machst. Je nachdem wie gross deine bilder sind, laedt die seite deutlich laenger. Bei 16x16px grossen icons sicher kein problem, fuer bilder > 64x64px wuerde ich es aber eher nicht machen.
Wenn du das machst, koennen die bilder nicht gecached werden was schlecht ist wenn es bilder sind die du global auf der seite verwendest (logos, icons im footer/header/menu).
Prinzipiell sind irgendwelche base64 encodeten dateien immer deutlich groesser (+25% oder so, glaub ich...) als die normale dateien.

Verfasst: 08.10.2015, 11:15
von Daniel Kode
Nur wenn die Bilder die Ladezeit verlangsamen. Daher unterziehe deiner Page einen Speedtest und komprimiere ggf. die Bilder.

Verfasst: 08.10.2015, 18:26
von [btk]tobi
nerd hat geschrieben:Wenn du das machst, koennen die bilder nicht gecached werden was schlecht ist wenn es bilder sind die du global auf der seite verwendest (logos, icons im footer/header/menu).
Prinzipiell sind irgendwelche base64 encodeten dateien immer deutlich groesser (+25% oder so, glaub ich...) als die normale dateien.
Wenn die Bilder im CSS eingebunden sind werden sie gecached da die CSS Datei ja gecached wird :wink:

Vorteil von base64 Bildern ist eben dass man sich einen Request spart, Nachteil ist das base64 eben größer als das Original ist.
Sobald das Bild also eine gewisse Größe überschreitet würde ich es als Datei einbinden, das ganze Kleinzeug als base64.

Gruß Tobi

Verfasst: 09.10.2015, 00:29
von nerd
[btk]tobi hat geschrieben:Wenn die Bilder im CSS eingebunden sind werden sie gecached da die CSS Datei ja gecached wird :wink:
Ich meinte eher, dass die bilder nicht (einzeln) gecached werden wenn sie auf der seite im html als img src eingebunden - siehe https://css-tricks.com/examples/DataURIs// , das bild unten.

Verfasst: 09.10.2015, 01:19
von [btk]tobi
nerd hat geschrieben:
[btk]tobi hat geschrieben:Wenn die Bilder im CSS eingebunden sind werden sie gecached da die CSS Datei ja gecached wird :wink:
Ich meinte eher, dass die bilder nicht (einzeln) gecached werden wenn sie auf der seite im html als img src eingebunden - siehe https://css-tricks.com/examples/DataURIs// , das bild unten.
Da hat du natürlich Recht, das sollte man nach Möglichkeit vermeiden.

Gruß Tobi