Zusätzlich zur technischen Umsetzung von diesem Thema muß man ja auch
die suchmaschinenoptimierte Darstellung von Bilder im Auge behalten, z.B.
für die google-Bildersuche.
Der Code, der bei der hier beschriebenen Technik generiert wird, schaut
ja recht umfangreich und von den Keywords her sehr wirr aus. Dazu ist
ein Script eingebunden, daß meines Wissens nach nicht positiv von google
beim Ranking bewertet wird:
HTML-Code:
<figure class="image_container">
<img alt="" sizes="100vw," srcset="assets/images/f/gemeindehaus-bar-c0c2345f.jpg 500w, assets/images/9/gemeindehaus-bar-c081b109.jpg 250w, assets/images/1/gemeindehaus-bar-8f94e671.jpg 375w, assets/images/6/gemeindehaus-bar-080fcee6.jpg 1000w, assets/images/2/gemeindehaus-bar-bb3fcfb2.jpg 2000w, assets/images/6/gemeindehaus-bar-7d009d96.jpg 2500w, assets/images/8/gemeindehaus-bar-1929d538.jpg 3000w" src="assets/images/f/gemeindehaus-bar-c0c2345f.jpg">
<script>
window.respimage && window.respimage({
elements: [document.images[document.images.length - 1]]
});
</script>
<figcaption class="caption">Medium 500</figcaption>
</figure>
Wäre es da nicht besser, statt nur ein großes Bild (z.B. 2048px) lieber drei Bilder in 3 verschiedenen Größen in verschiedenen Ordner hochzuladen?
z.B.
/images/small/keyword.jpg
/images/medium/keyword.jpg
/images/large/keyword.jpg
und das Ganze dann doch per Hand einzubinden wir z.B.
HTML-Code:
<img src="/images/small/keyword.jpg"
srcset="/images/small/keyword.jpg 650w,
/images/medium/keyword.jpg 1000w,
/images/large/keyword.jpg 1600w"
sizes="100vw" alt="keyword" titel="Das Keyword wird angezigt">
??
Wie sieht Ihr das?
Lesezeichen