Gibt es eine Möglichkeit, Google und anderen Robotern eine URL zu einem Bild in Originalgröße ohne Anker anzuzeigen?

7

Nehmen wir an, ich habe ein Bild.

<img src="book_thumb.jpg">

Und ich möchte, dass es in Google und anderen Suchmaschinen indiziert wird, aber in seiner normalen Größe, nicht als Miniaturansicht. Ich möchte also nur, dass Google book.jpgstatt sieht book_thumb.jpg, aber ich möchte den Nutzern weiterhin Miniaturansichten anzeigen.

Und ich möchte keinen Anker für ein anderes Bild erstellen, da bereits ein Link zu Informationen zu diesem Buch vorhanden ist:

<a href="book.html><img src="book_thumb.jpg"></a>

Gibt es ein imgAttribut, das dies zulässt? Oder ein anderes Tag?

Damian
quelle

Antworten:

3

Früher gab es das loresAttribut - aber das deutet wohl in die entgegengesetzte Richtung. Afaik gibt es kein entsprechendes hiresAttribut.

Sie können sich jedoch mit dem HTML5- <picture>Element / adaptiven Bildern befassen , was auch nützlich sein kann, wenn Sie an einem reaktionsschnellen Layout arbeiten:

<picture alt="screen-image.jpg">
   <source src=original-image.jpg media="min-width:1200px">
   <source src=screen-image.jpg media="min-width:480px">
   <source src=small-image.jpg>
      <!-- fallback for browsers without support of picture-element -->
      <img src=screen-image.jpg alt="screen-image.jpg">
</picture>

Ich nehme an, Google kennt und respektiert die HTML5-Spezifikationen - dies könnte eine Möglichkeit sein, auf das Originalbild / das Mietbild zu verweisen, während das andere Bild dem Browser angezeigt wird.

Hier sind die technischen Daten auf w3.org und hier ist ein kurzes Tutorial zu adaptinen Bildern.

PS: Sie würden dann den Link um das pictureElement wickeln .

tillinberlin
quelle
2

Verwenden Sie das Markup für strukturierte Daten, um contentUrldas Bildobjekt anzugeben .

Hier ist ein Beispiel mit Mikrodaten- Syntax:

<div itemscope itemtype="http://schema.org/ImageObject">
    <a href="book.jpg" itemprop="contentUrl" itemprop="contentUrl" style="display:none;"></a>
    <img src="book_thumb.jpg" itemprop="thumbnailUrl">
</div>

Beachten Sie, dass zwar ein Ankertag vorhanden ist, es jedoch kein übergeordnetes imgElement des Tags sein muss.

Testen Sie Ihre strukturierten Daten mit dem Tool zum Testen strukturierter Daten.


Siehe auch: https://stackoverflow.com/a/20014387/2014893

Robert K. Bell
quelle
1

Google indiziert zwei Haupttypen von Online-Informationen, für die Sie Sitemaps einreichen können: Seiten und Bilder

Greifen Sie auf die Google Webmaster-Tools zu und überprüfen Sie Ihre Website damit. Erstellen Sie dann eine Sitemap mit einer Liste von URLs zu Ihren großen und anderen Bildern, die Google anzeigen soll.

Folgen Sie dem Beispiel unter:

https://support.google.com/webmasters/answer/178636?hl=de

und ersetzen:

<image:loc>http://example.com/image.jpg</image:loc>

mit http://example.com/path/to/whatever/pic/to/be/indexed.jpg http://example.com/path/to/whatever/pic/to/be/indexed.jpg

wo

http://example.com/path/to/whatever/pic/to/be/indexed.jpg

ist natürlich die vollständige URL zu dem großen Bild, das Google sehen soll.

Sobald die Sitemap fertig ist, laden Sie sie auf Ihren Server hoch, damit Sie darauf zugreifen können, indem Sie eine URL in einen Browser eingeben. Senden Sie diese Sitemap dann in den Webmaster-Tools von Google. Überprüfen Sie dann in ungefähr 48 Stunden erneut im Sitemap-Bereich der Webmaster-Tools, wie viele große Bilder indiziert wurden (der Öffentlichkeit zugänglich gemacht).

Möglicherweise gibt es in anderen Suchmaschinen ein ähnliches Protokoll, aber ich bin mir nicht sicher, ob sie die Bildsuche so unterstützen wie Google.

Mike
quelle