Không chỉ gần đây mà mấy năm qua câu hỏi về vấn đề hiển thị ảnh thumbnail trên kết quả tìm kiếm Google được nhiều anh em quan tâm và tìm kiếm câu trả lời.
Hầu hết câu trả lời trong các hội nhóm đều chung chung kiểu như: tối ưu hình ảnh tốt, mỗi heading nên có 1 ảnh, rồi schema,… Mọi câu trả lời đều không sai nhưng chắc chắn không phải cứ làm đúng vậy là có kết quả đâu.
Việc tối ưu hóa để website hiển thị ảnh thumbnail trên kết quả tìm kiếm của Google là một quá trình phức tạp và phụ thuộc vào nhiều yếu tố. Và dưới đây là những yếu tố chính ảnh hưởng đến việc hiển thị ảnh thumbnail và cách tối ưu hóa sao cho “dễ có cơ hội” hiển thị nhất:
1. Chất lượng và kích thước ảnh:
Độ phân giải cao: Ảnh nên có độ phân giải cao, rõ nét và không bị vỡ khi hiển thị ở kích thước nhỏ (đừng vì mấy cái điểm pagespeed insight mà làm cho hình mờ nhoẹt, nếu site lớn nhiều hình ảnh có thể sử dụng CDN nhé)
Kích thước phù hợp: Google khuyến nghị sử dụng ảnh có kích thước từ 1200 pixel trở lên. Tỷ lệ khung hình 16:9 hoặc 1:1 thường được ưu tiên. (bên mình làm ảnh sản phẩm thường là 1:1 (800×800 hoặc 600×600), còn hình trong bài viết sẽ là 16:9 như 800×450)
Định dạng ảnh: Sử dụng các định dạng ảnh phổ biến như JPEG, PNG hoặc WebP để đảm bảo khả năng tương thích tốt nhất (vẫn nên hạn chế PNG nếu không thực sự cần thiết)
2. Tối ưu hóa SEO hình ảnh:
Tên tệp tin: Sử dụng tên tệp tin mô tả nội dung ảnh, ví dụ: “lon-van-pa.jpg” thay vì “IMG_1234.jpg”.
Thẻ ALT: Thêm thẻ ALT mô tả chi tiết nội dung ảnh (đừng phụ thuộc mấy cái plugin tự động thêm, và đừng cho rằng nó không quan trọng). Điều này giúp Google hiểu rõ hơn về ảnh và cải thiện khả năng hiển thị trên kết quả tìm kiếm.
Schema Markup: Sử dụng Schema Markup (ví dụ: ImageObject) để cung cấp thông tin chi tiết về ảnh cho Google. Điều này giúp Google hiểu rõ ngữ cảnh và tăng khả năng hiển thị ảnh thumbnail (này nó phức tạp nên mình sẽ đưa chi tiết hơn ở mục sau)
3. Tối ưu hóa nội dung trang web:
Nội dung liên quan: Đảm bảo nội dung trang web liên quan chặt chẽ đến ảnh trong bài đăng. Google sẽ ưu tiên hiển thị ảnh từ các trang web có nội dung phù hợp với truy vấn tìm kiếm hơn.
Tốc độ tải trang: Tốc độ tải trang nhanh là yếu tố quan trọng. Ảnh có kích thước lớn có thể làm chậm tốc độ tải trang, ảnh hưởng đến trải nghiệm người dùng và khả năng hiển thị ảnh thumbnail (như đã nói ở trên: 1 là tối ưu dung lượng, kích thước và 2 là sử dụng CDN.
Tính thân thiện với thiết bị di động: Đảm bảo trang web và ảnh được tối ưu hóa cho thiết bị di động. Google ưu tiên hiển thị kết quả tìm kiếm từ các trang web thân thiện với thiết bị di động (giờ load web đến 89% là từ mobile, nên ưu tiên món này).
4. Một số yếu tố khác:
Uy tín trang web: Google ưu tiên hiển thị ảnh thumbnail từ các trang web có uy tín và chất lượng cao (thực ra đó là về lý thuyết, chứ thực tế nhiều khi web lớn không có thumbnail mà web nhỏ có, vị trí top cao không có mà top thấp có).
Lịch sử tìm kiếm của người dùng: Google có thể tùy chỉnh kết quả tìm kiếm dựa trên lịch sử tìm kiếm và sở thích của người dùng (trước đó họ có tìm kiếm liên quan và có cả tìm kiếm hình ảnh, thì GG sẽ hiển thị đính kèm thumbnail giúp người dùng dễ nắm được nội dung chính xác mình cần hơn).
Thuật toán của Google: Thuật toán của Google liên tục thay đổi và cập nhật. Việc hiển thị ảnh thumbnail cũng có thể bị ảnh hưởng bởi các thay đổi này (như hình minh họa, hiển thị thumbnail đấy nhưng sai bét, kk).
5. Schema Markup
Ở trên có nói qua, nhưng vì nó phức tạp nên giờ mình đi chi tiết hơn: Schema Markup giúp Google hiểu rõ hơn về nội dung trang web, bao gồm cả hình ảnh, và cải thiện khả năng hiển thị kết quả tìm kiếm.
Schema Markup cho phép bạn cung cấp thông tin cụ thể về hình ảnh, chẳng hạn như mấy trường cơ bản sau:
Mô tả hình ảnh (image description)
URL của hình ảnh (image URL)
Kích thước hình ảnh (image dimensions)
Loại hình ảnh (image type)
Bằng cách cung cấp thông tin đầy đủ như vậy, giúp Google hiểu rõ hơn về ngữ cảnh của hình ảnh và tăng khả năng hiển thị ảnh thumbnail.
Ví dụ loại Schema Markup cho ảnh: ImageObject
<script type="application/ld+json">
{
"@context": "https:// schema .org",
"@type": "ImageObject",
"contentUrl": "https://www. domain .com/images/lon-van-pa.jpg",
"name": "lợn vân pa",
"description": "Hình ảnh lợn vân pa về nguồn gốc, đặc điểm....",
"width": "1200",
"height": "800",
"uploadDate": "2023-10-27T10:00:00+00:00",
"license": "https://www. domain .com/license",
"author": {
"@type": "Person",
"name": "Tên tác giả"
}
}
</script>
Lưu ý: mình phải cách cái link trong ví dụ ra chứ không ông Phây Bút lại cho là mình điều hướng link này nọ, mệt mỏi lắm
Giải thích các thuộc tính trong ví dụ trên thì:
@context: Xác định ngữ cảnh của Schema Markup.
@type: Xác định loại Schema Markup là ImageObject.
contentUrl: URL của hình ảnh.
name: Tên của hình ảnh.
description: Mô tả chi tiết về hình ảnh.
width: Chiều rộng của hình ảnh (pixel).
height: Chiều cao của hình ảnh (pixel).
uploadDate: Ngày tải lên hình ảnh.
license: URL của giấy phép hình ảnh.
author: Thông tin về tác giả của hình ảnh.
6. Open Graph (OG):
Open Graph là một giao thức cho phép bạn kiểm soát cách nội dung trang web của mình được hiển thị khi chia sẻ trên mạng xã hội: Facebook, X,.. đặc biệt là hình ảnh thumbnail.
Open Graph sử dụng các thẻ meta để cung cấp thông tin về trang web, chẳng hạn như tiêu đề, mô tả, hình ảnh và URL.
Thẻ OG og:image cho phép bạn chỉ định hình ảnh thumbnail sẽ được hiển thị khi trang web được chia sẻ trên mạng xã hội.
Bạn có thể kiểm soát kích thước, tỷ lệ khung hình và chất lượng của hình ảnh thumbnail.
Ví dụ: <meta property=”og:image” content=”URL hình ảnh” />
Lý do sự khác biệt về số lượng và hiển thị ảnh thumbnail?
Có nhiều trường hợp top cao không có ảnh thumbnail nhưng top thấp hơn có, lại có trường hợp hiển thị ảnh thumbnail sai bét (như ảnh minh họa), lại có khi web uy tín không có ảnh thumbnail nhưng web nhỏ hơn lại có,… Túm lại không có cái quy chuẩn hay công thức nào đảm bảo 100% đâu (nếu có thì tui mở khóa học rồi, kk). Vấn đề này có thể phân tích sơ sơ về lý do như sau:
Sự khác biệt về số lượng và hiển thị ảnh thumbnail có thể do nhiều yếu tố kết hợp, bao gồm chất lượng ảnh, tối ưu hóa SEO, nội dung trang web và thuật toán của Google.
Google sẽ lựa chọn những hình ảnh mà họ cho là phù hợp nhất với truy vấn tìm kiếm của người dùng.
Việc một trang web có vị trí top thấp hơn lại có ảnh thumbnail trong khi trang top cao hơn lại không có, điều này là hoàn toàn có thể xảy ra, vì như đã giải thích ở trên, Google còn dựa trên rất nhiều yếu tố khác ngoài vị trí xếp hạng, nên đừng có thắc mắc thằng A kia kém hơn mình mà được gái yêu còn mình đẹp zai lại ế).
Túm lại thì việc bạn cần làm là cứ làm tốt theo các checklist tối ưu hình ảnh nói riêng và web nói chung, còn hiển thị thumbnail hay không thì như đã phân tích ở trên + thêm Google độ
Ngoài ra có 1 cách: Mỗi tháng đúng ngày mồng 2 và 16 âm lịch bày biện đồ lễ kèm vàng mã, nhang và thắp 7 ngọn đèn cầy hướng về phía Moutain View mà cúng (nhớ là phải có thêm mấy lon bia kèm con gà luộc), cúng xong thì cũng không show thumbnail đâu nhưng hú tui qua nhậu rồi tâm sự cho đỡ buồn, vậy nhé
Nguồn : Trịnh Bảo
