Có cách nào để hiển thị cho Google và các robot khác một URL tới hình ảnh có kích thước ban đầu mà không cần neo không?

Giả sử tôi có một hình ảnh.

<img src="book_thumb.jpg">

Và tôi muốn nó được lập chỉ mục trong Google và các công cụ tìm kiếm khác, nhưng ở kích thước bình thường, không phải là hình thu nhỏ. Vì vậy, tôi chỉ muốn Google xem book.jpgthay vì book_thumb.jpg, nhưng muốn tiếp tục hiển thị hình thu nhỏ cho người dùng.

Và tôi không muốn tạo ra một mỏ neo cho một hình ảnh khác, vì đã có một liên kết đến thông tin về cuốn sách đó:

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

Có một imgthuộc tính sẽ cho phép nó? Hoặc một thẻ khác?

Đã từng có loresthuộc tính - nhưng điều đó chỉ ra hướng ngược lại, tôi cho rằng. Afaik không có hiresthuộc tính tương ứng .

Tuy nhiên, bạn có thể đào sâu vào <picture>phần tử / hình ảnh thích ứng html5 , cũng có thể hữu ích nếu bạn đang làm việc trên một bố cục đáp ứng:

<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>

Tôi cho rằng google biết và tôn trọng thông số kỹ thuật html5 - vì vậy đó có thể là một cách để trỏ đến hình ảnh gốc / thuê trong khi hiển thị hình ảnh khác cho trình duyệt.

Dưới đây là thông số kỹ thuật tại w3.org và đây là hướng dẫn ngắn gọn về hình ảnh thích nghi.

PS: sau đó bạn sẽ bọc liên kết xung quanh thành picturephần.

Sử dụng cấu trúc ngữ đánh dấu dữ liệu để chỉ ra contentUrlcác đối tượng hình ảnh.

Dưới đây là một ví dụ sử dụng cú pháp Microdata :

<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>

Lưu ý rằng trong khi có một thẻ neo hiện diện, nó không cần phải là cha mẹ của imgthẻ.

Kiểm tra dữ liệu có cấu trúc của bạn với Công cụ kiểm tra dữ liệu có cấu trúc.

Liên quan: https://stackoverflow.com/a/20014387/2014893

Google lập chỉ mục hai loại thông tin trực tuyến chính mà bạn có thể gửi sơ đồ trang web cho: trang và hình ảnh

Truy cập các công cụ quản trị trang web của google và xác minh trang web của bạn với chúng, sau đó tạo sơ đồ trang web với danh sách URL tới các hình ảnh lớn và khác mà bạn muốn google xem.

Thực hiện theo ví dụ tại:

https://support.google.com/webmasters đá / 178636? hl = vi

và thay thế:

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

với http://example.com/path/to/whthing/pic/to/be/indexed.jpg http://example.com/path/to/whthing/pic/to/be/indexed.jpg

Ở đâu

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

Tất nhiên là URL đầy đủ cho hình ảnh lớn mà bạn muốn google xem.

Khi sơ đồ trang web đã hoàn tất, hãy tải nó lên máy chủ của bạn để bạn có thể truy cập nó bằng cách nhập URL trong trình duyệt, sau đó gửi sơ đồ trang web đó trong các công cụ quản trị trang web của google. Sau khoảng 48 giờ, hãy kiểm tra lại trong phần sơ đồ trang web của các công cụ quản trị trang web để xem có bao nhiêu hình ảnh lớn được lập chỉ mục (cung cấp cho công chúng)

Có thể có một giao thức tương tự trong các công cụ tìm kiếm khác, nhưng tôi không chắc liệu chúng có hỗ trợ tìm kiếm hình ảnh theo cách google không.