Gleiches Bild mehrere Auflösungen - Welches Bild im Index

forutuna

Grüße euch,

auf meiner HP ist ein Bilder-Slider eingebaut. Mit MediaQueries verändert sich das Design des Sliders. AUch die Enthaltenen Bilder werden dann in entsprechender Auflösung umgesetzt. Ich weiß das das <picture> noch nicht offizielles ist. Dennoch hat google daraus Bilder bereits ins Index gezogen.

Code: Alles auswählen

	<div class="figure one">
        <figure>
        <picture>
        <source srcset="images/slider/slide-photo-001-320px.jpg" media="&#40;max-width&#58; 320px&#41;">
        <source srcset="images/slider/slide-photo-001-480px.jpg" media="&#40;max-width&#58; 480px&#41;">
        <source srcset="images/slider/slide-photo-001-600px.jpg" media="&#40;max-width&#58; 600px&#41;">
        <source srcset="images/slider/slide-photo-001-768px.jpg" media="&#40;max-width&#58; 768px&#41;">
        <source srcset="images/slider/slide-photo-001-800px.jpg" media="&#40;max-width&#58; 800px&#41;">
        <source srcset="images/slider/slide-photo-001.jpg">
        <img src="images/slider/slide-photo-001.jpg" class="photo" width="960" height="400" alt="Foto vom Fliegenpilze an der Hunte">
        </picture>
        <figcaption>
    	<div class="figcaption transition">Fliegenpilze an der Hunte - <a href="images/slider/slide-photo-001-original.jpg">Download Original Bild</a></div>
        </figcaption>
        </figure>
    	</div>

Jetzt möchte ich eigentlich, das Google nur mein Originalbild indexiert, welches ich als Download anbiete indexiert. Das hat allerdings eine ganz andere Auflösung als im Slider angezeigt wird. Weil die Bilder im Slider sind vom Originalbild geschnitten.

Kurz und knapp: Ich möchte das die Bilder im hier stehenden Code nicht indexiert werden dafür stattdessen aber das Originalbild

Beloe007

Ich würde folgendes machen:

Code: Alles auswählen

	<div class="figure one">
        <figure>
        <picture>
        <source srcset="images/slider/slide-photo-001-320px.jpg" media="&#40;max-width&#58; 320px&#41;">
        <source srcset="images/slider/slide-photo-001-480px.jpg" media="&#40;max-width&#58; 480px&#41;">
        <source srcset="images/slider/slide-photo-001-600px.jpg" media="&#40;max-width&#58; 600px&#41;">
        <source srcset="images/slider/slide-photo-001-768px.jpg" media="&#40;max-width&#58; 768px&#41;">
        <source srcset="images/slider/slide-photo-001-800px.jpg" media="&#40;max-width&#58; 800px&#41;">
        <source srcset="images/slider/slide-photo-001.jpg">
        <a href="images/slider/slide-photo-001-original.jpg"><img src="images/slider/slide-photo-001.jpg" class="photo" width="960" height="400" alt="Foto vom Fliegenpilze an der Hunte"></a>
        </picture>
        <figcaption>
    	<div class="figcaption transition"><a href="images/slider/slide-photo-001-original.jpg">Fliegenpilze an der Hunte - Download Original Bild</a></div>
        </figcaption>
        </figure>
    	</div>

Zudem kannst du im http-Header ein Canonical auf die große Version setzen, allerdings mit dem Risiko das das Original nicht gelesen wird.
Alternativ, wenn du die kleinen gar nicht drin haben möchtest, per x-robots auf noindex setzten.