Các phương pháp hay nhất về SEO cho hình ảnh trên Google
Google Hình ảnh là một cách để khám phá thông tin trên web một cách trực quan. Người dùng có thể nhanh chóng tìm được thông tin khi biết thêm ngữ cảnh liên quan đến hình ảnh thông qua các tính năng mới như chú thích hình ảnh và huy hiệu nổi bật.
Khi bạn bổ sung ngữ cảnh liên quan đến hình ảnh, kết quả có thể trở nên hữu ích hơn nhiều, qua đó có thể nâng cao chất lượng của lưu lượng truy cập vào trang web. Bạn có thể hỗ trợ quá trình người dùng khám phá bằng cách tối ưu hoá hình ảnh và trang web của mình cho Google Hình ảnh, chẳng hạn như sử dụng các thuộc tính alt
cho hình ảnh hoặc mã đánh dấu dữ liệu có cấu trúc. Hãy làm theo các nguyên tắc của chúng tôi để tăng khả năng nội dung của bạn sẽ xuất hiện trong kết quả tìm kiếm của Google Hình ảnh.
Tạo trải nghiệm tuyệt vời cho người dùng
Để tăng khả năng nội dung của bạn xuất hiện trong Google Hình ảnh, hãy tập trung vào người dùng bằng cách mang đến cho họ trải nghiệm tuyệt vời: tạo các trang chú trọng người dùng chứ không phải chú trọng công cụ tìm kiếm. Sau đây là một số mẹo:
- Cung cấp ngữ cảnh rõ ràng: Đảm bảo rằng nội dung hình ảnh của bạn phù hợp với chủ đề của trang. Bạn chỉ nên cung cấp hình ảnh nếu chúng có thể mang lại giá trị độc đáo cho trang. Chúng tôi đặc biệt không khuyến khích những trang có hình ảnh hoặc văn bản không phải là nội dung tự sáng tạo.
- Tối ưu hoá vị trí: Bất cứ khi nào có thể, hãy đặt hình ảnh gần văn bản liên quan. Khi thích hợp, hãy cân nhắc đặt hình ảnh quan trọng nhất ở gần đầu trang.
- Đừng nhúng văn bản quan trọng bên trong hình ảnh: Tránh nhúng văn bản trong hình ảnh, đặc biệt là các thành phần văn bản quan trọng như tiêu đề trang và mục trong trình đơn, bởi vì không phải người dùng nào cũng có thể xem được những hình ảnh này (và các công cụ dịch trang sẽ không dịch được chữ trong hình ảnh). Để đảm bảo người dùng xem được nhiều nội dung của bạn nhất, hãy giữ văn bản dưới dạng HTML và cung cấp văn bản thay thế cho hình ảnh.
- Tạo các trang web giàu thông tin và chất lượng cao: Nội dung trang web hay cũng quan trọng không kém nội dung hình ảnh cho Google Hình ảnh, bởi nó cung cấp ngữ cảnh và khiến kết quả trở nên hữu dụng hơn. Bạn có thể dùng nội dung trên trang để tạo một đoạn trích văn bản cho hình ảnh. Google sẽ xem xét chất lượng của nội dung trên trang khi xếp hạng hình ảnh.
- Tạo trang web phù hợp với thiết bị: Người dùng tìm kiếm trên Google Hình ảnh bằng thiết bị di động nhiều hơn trên máy tính. Do đó, bạn nên thiết kế trang web phù hợp với mọi loại và kích thước thiết bị. Hãy dùng công cụ Kiểm tra tính thân thiện với thiết bị di động để kiểm tra mức độ hiệu quả của các trang trên thiết bị di động cũng như để xem phản hồi về những điểm cần khắc phục.
- Hãy tạo một cấu trúc URL phù hợp cho hình ảnh: Google dùng đường dẫn URL cũng như tên tệp để hiểu được hình ảnh của bạn. Hãy cân nhắc việc sắp xếp nội dung hình ảnh của bạn sao cho các URL có cấu trúc hợp lý.
Kiểm tra tiêu đề và nội dung mô tả trang
Google Hình ảnh tự động tạo đường liên kết tiêu đề và đoạn trích để giải thích rõ nhất từng kết quả cũng như thể hiện sự phù hợp của kết quả với cụm từ tìm kiếm của người dùng. Điều này giúp người dùng quyết định có nên nhấp vào kết quả hay không. Dưới đây là hai ví dụ về hình thức của đường liên kết tiêu đề và đoạn trích trên trang kết quả tìm kiếm trên Google:
Chúng tôi sử dụng nhiều loại nguồn cho thông tin này, bao gồm cả thông tin mô tả trong tiêu đề và thẻ meta
cho từng trang.
Bạn có thể giúp chúng tôi cải thiện chất lượng của đường liên kết tiêu đề và đoạn trích xuất hiện cho các trang của bạn bằng cách làm theo nguyên tắc của Google đối với tiêu đề và đoạn trích.
Thêm dữ liệu có cấu trúc
Khi bạn thêm dữ liệu có cấu trúc, Google Hình ảnh có thể trình bày hình ảnh của bạn dưới dạng kết quả nhiều định dạng, kèm theo một huy hiệu nổi bật. Kết quả này cung cấp cho người dùng thông tin thích hợp về trang của bạn và có thể giúp làm tăng lưu lượng truy cập mục tiêu cho trang web của bạn. Google Hình ảnh hỗ trợ những loại dữ liệu có cấu trúc sau:
Hãy làm theo nguyên tắc chung đối với dữ liệu có cấu trúc cũng như mọi nguyên tắc cụ thể cho loại dữ liệu có cấu trúc của bạn. Nếu không, dữ liệu có cấu trúc của bạn có thể không đủ điều kiện xuất hiện dưới dạng kết quả nhiều định dạng trên Google Hình ảnh. Trong mỗi loại dữ liệu có cấu trúc nêu trên, thuộc tính hình ảnh là trường bắt buộc để trang đủ điều kiện xuất hiện kèm theo huy hiệu và trong kết quả nhiều định dạng trên Google Hình ảnh. Dưới đây là hai ví dụ về hình thức của kết quả nhiều định dạng trên Google Hình ảnh:
Tối ưu hoá về tốc độ
Hình ảnh thường chiếm phần lớn nhất trong kích thước tổng thể của trang và có thể làm cho trang tải chậm và tốn nhiều tài nguyên. Hãy đảm bảo bạn đã áp dụng phương thức tối ưu hoá hình ảnh mới nhất và kỹ thuật hình ảnh thích ứng để cung cấp trải nghiệm nhanh và chất lượng cao cho người dùng.
Hãy phân tích tốc độ trang web bằng công cụ PageSpeed Insights và truy cập trang Tại sao tốc độ của trang lại quan trọng? của chúng tôi để tìm hiểu các kỹ thuật và phương pháp hay nhất nhằm cải thiện hiệu suất của trang web.
Thêm ảnh chất lượng cao
Ảnh chất lượng cao thu hút người dùng nhiều hơn so với hình ảnh mờ, không rõ ràng. Ngoài ra, hình thu nhỏ sắc nét trong kết quả tìm kiếm cũng hấp dẫn hơn với người dùng và làm tăng khả năng người dùng truy cập trang.
Dùng tiêu đề, chú thích, tên tệp và văn bản mang tính mô tả cho hình ảnh
Google trích xuất thông tin về chủ đề của hình ảnh dựa trên nội dung của trang, bao gồm cả chú thích và tiêu đề của hình ảnh. Bất cứ khi nào có thể, hãy đảm bảo hình ảnh được đặt gần văn bản liên quan và trên các trang liên quan đến chủ đề của hình ảnh.
Tương tự như vậy, tên tệp có thể gợi ý cho Google về chủ đề của hình ảnh. Nếu được, hãy sử dụng tên tệp ngắn gọn nhưng mô tả đầy đủ. Ví dụ: my-new-black-kitten.jpg
tốt hơn IMG00023.JPG
. Nếu được, hãy tránh dùng tên tệp chung chung như image1.jpg
, pic.gif
, 1.jpg
. Nếu trang web của bạn có hàng nghìn hình ảnh, bạn nên xem xét việc đặt tên hình ảnh theo cách tự động.
Nếu bạn bản địa hoá hình ảnh, hãy nhớ dịch cả tên tệp và chú ý đến nguyên tắc mã hoá URL nếu bạn đang sử dụng ký tự đặc biệt hoặc ký tự không phải chữ La-tinh.
Dùng văn bản thay thế có tính mô tả trong thuộc tính alt
Văn bản thay thế hay alt text (văn bản mô tả hình ảnh) cải thiện khả năng tiếp cận cho những người không xem được hình ảnh trên trang web, bao gồm cả những người sử dụng trình đọc màn hình hoặc có kết nối băng thông thấp.
Google sử dụng văn bản thay thế cùng với thuật toán thị giác máy tính và nội dung của trang để hiểu chủ đề của hình ảnh. Ngoài ra, văn bản thay thế trong hình ảnh cũng có thể dùng làm văn bản liên kết nếu bạn quyết định sử dụng hình ảnh làm đường liên kết.
Khi viết văn bản thay thế, hãy chú trọng việc tạo nội dung giàu thông tin, hữu ích, sử dụng từ khoá thích hợp và phù hợp với ngữ cảnh của nội dung trên trang. Tránh điền từ khoá vào thuộc tính alt
(hành vi này còn được gọi là nhồi nhét từ khoá) vì làm như vậy sẽ mang lại trải nghiệm tiêu cực cho người dùng và có thể khiến trang web của bạn bị coi là nội dung rác.
Kém (thiếu văn bản thay thế):
<img src="puppy.jpg"/>
Kém (nhồi nhét từ khoá):
<img src="puppy.jpg" alt="chó cún chó con chó nhỏ chó cún chó con retriever labrador husky thức ăn cho chó đồ ăn giá rẻ cho chó con"/>
Tốt hơn:
<img src="puppy.jpg" alt="chó con"/>
Tốt nhất:
<img src="puppy.jpg" alt="Chú chó đốm chơi nhặt đồ"/>
Ngoài ra, hãy xem xét khả năng hỗ trợ tiếp cận của văn bản thay thế theo nguyên tắc W3. Đối với phần tử <img>
, bạn có thể thêm thuộc tính alt
của phần tử này; còn đối với phần tử <svg>
cùng dòng, bạn có thể sử dụng phần tử <title>
. Ví dụ:
<svg aria-labelledby="svgtitle1"> <title id="svgtitle1">Googlebot wearing an apron and chef hat, struggling to make pancakes on the stovetop</title> </svg>
Bạn nên kiểm tra nội dung của mình bằng cách kiểm tra khả năng hỗ trợ tiếp cận và dùng một trình mô phỏng kết nối mạng chậm.
Giúp chúng tôi tìm thấy tất cả hình ảnh của bạn
Sử dụng các phần tử hình ảnh HTML có ngữ nghĩa để nhúng hình ảnh
Mã đánh dấu HTML có ngữ nghĩa sẽ giúp trình thu thập dữ liệu tìm và xử lý hình ảnh. Google phân tích cú pháp các phần tử HTML <img>
(ngay cả khi các phần tử này nằm trong các phần tử khác như <picture>
) trên các trang của bạn để lập chỉ mục hình ảnh, nhưng không lập chỉ mục hình ảnh CSS.
Tốt:
<img src="puppy.jpg" alt="Chú chó retriever lông vàng" />
Kém:
<div style="background-image:url(puppy.jpg)">Chú chó retriever lông vàng</div>
Dùng sơ đồ trang web dành cho hình ảnh
Bạn có thể gửi sơ đồ trang web dành cho hình ảnh để cung cấp URL của những hình ảnh mà có thể chúng tôi không phát hiện ra được theo cách khác.
Sơ đồ trang web dành cho hình ảnh có thể chứa những URL thuộc các miền khác, không giống như những sơ đồ trang web thông thường vốn hạn chế việc liệt kê nhiều miền. Điều này cho phép bạn dùng các CDN (mạng phân phối nội dung) để lưu trữ hình ảnh. Nếu đang sử dụng CDN, bạn nên xác minh quyền sở hữu tên miền của CDN trong Search Console để chúng tôi có thể thông báo cho bạn mọi lỗi thu thập dữ liệu mà có thể chúng tôi tìm thấy.
Sử dụng những định dạng hình ảnh được hỗ trợ
Google Hình ảnh hỗ trợ những định dạng hình ảnh sau: BMP, GIF, JPEG, PNG, WebP và SVG . Bạn cũng nên để đuôi tệp trùng với loại tệp.
Bạn cũng có thể chèn hình ảnh cùng dòng dưới dạng các URI dữ liệu. URI dữ liệu cho phép bạn chèn một tệp (chẳng hạn như một hình ảnh) cùng dòng bằng cách đặt thuộc tính src
của một phần tử img
thành một chuỗi mã hoá Base64 theo định dạng sau:
<img src="data:image/svg+xml;base64,[data]">
Hình ảnh cùng dòng có thể làm giảm số yêu cầu HTTP, nhưng hãy xem xét cẩn thận những trường hợp nên sử dụng loại hình ảnh này vì chúng có thể làm tăng đáng kể kích thước của trang. Để tìm hiểu thêm về vấn đề này, hãy xem mục về ưu và nhược điểm của hình ảnh cùng dòng trên trang web.dev của chúng tôi.
Hình ảnh thích ứng
Thiết kế trang web thích ứng sẽ mang lại trải nghiệm tốt hơn cho người dùng vì người dùng xem các trang web trên đa dạng thiết bị. Hãy tham khảo hướng dẫn về hình ảnh thích ứng để tìm hiểu các phương pháp hay nhất cho việc xử lý hình ảnh trên trang web của bạn.
Các trang web sử dụng phần tử <picture>
hoặc thuộc tính srcset
của phần tử img
để chỉ định hình ảnh thích ứng. Tuy nhiên, một số trình duyệt và trình thu thập dữ liệu không hiểu được những thuộc tính này.
Lúc nào bạn cũng nên chỉ định một URL dự phòng thông qua thuộc tính src
.
Thuộc tính srcset
cho phép bạn chỉ định nhiều phiên bản của cùng một hình ảnh, đặc biệt là cho từng kích thước màn hình.
Ví dụ: <img srcset>
<img srcset="maine-coon-nap-320w.jpg 320w, maine-coon-nap-480w.jpg 480w, maine-coon-nap-800w.jpg 800w" sizes="(max-width: 320px) 280px, (max-width: 480px) 440px, 800px" src="maine-coon-nap-800w.jpg" alt="A watercolor illustration of a maine coon napping leisurely in front of a fireplace">
Phần tử <picture>
là một vùng chứa được dùng để nhóm nhiều phiên bản <source>
của cùng một hình ảnh. Phần tử này cung cấp một phương pháp dự phòng để trình duyệt có thể chọn hình ảnh phù hợp, tuỳ thuộc vào khả năng của thiết bị, chẳng hạn như mật độ pixel và kích thước màn hình. Phần tử picture
cũng hữu ích khi dùng các định dạng hình ảnh mới có tích hợp sẵn khả năng thích ứng với phiên bản cũ cho các ứng dụng có thể chưa hỗ trợ những định dạng đó.
Theo mục 4.8.1 của Tiêu chuẩn HTML, hãy nhớ cung cấpimg
dưới dạng trường hợp dự phòng có src
khi sử dụng thuộc tính picture
theo định dạng sau:
Ví dụ: <picture>
<picture> <source type="image/svg+xml" srcset="pyramid.svg"> <source type="image/webp" srcset="pyramid.webp"> <img src="pyramid.png" alt="An 1800s oil painting of The Great Pyramid"> </picture>
Tối ưu hoá cho tính năng Tìm kiếm an toàn
Tìm kiếm an toàn là một chế độ cài đặt trong tài khoản của người dùng Google. Chế độ này quyết định xem sẽ hiện hay chặn hình ảnh, video và trang web phản cảm trong kết quả tìm kiếm trên Google. Hãy đảm bảo Google hiểu được bản chất của trang web của bạn để có thể áp dụng bộ lọc Tìm kiếm an toàn cho trang web của bạn khi phù hợp. Tìm hiểu thêm về cách gắn nhãn trang cho tính năng Tìm kiếm an toàn.
Chọn không liên kết cùng dòng trong Google Hình ảnh
Nếu muốn, bạn có thể ngăn hình ảnh có kích thước đầy đủ xuất hiện trên trang kết quả tìm kiếm của Google Hình ảnh bằng cách chọn không liên kết cùng dòng trong kết quả tìm kiếm của Google Hình ảnh.
Cách chọn không liên kết cùng dòng:
- Khi có yêu cầu đối với hình ảnh của bạn, hãy kiểm tra tiêu đề liên kết giới thiệu HTTP trong yêu cầu.
- Nếu yêu cầu đó đến từ một miền của Google, hãy trả lời bằng mã trạng thái HTTP
200
hoặc mã trạng thái HTTP204
không kèm theo nội dung.
Google sẽ vẫn thu thập dữ liệu trang của bạn và thấy hình ảnh, nhưng sẽ cho thấy một hình thu nhỏ được tạo vào thời điểm thu thập dữ liệu trong kết quả tìm kiếm. Bạn có thể chọn không liên kết cùng dòng bất kỳ lúc nào và không cần xử lý lại hình ảnh của trang web. Hành vi này không được coi là kỹ thuật che giấu hình ảnh và sẽ không dẫn đến việc chúng tôi áp dụng biện pháp thủ công.
Bạn cũng có thể khiến hình ảnh hoàn toàn không xuất hiện trong kết quả tìm kiếm.
Và cuối cùng...
Vui lòng đọc Cẩm nang SEO của chúng tôi. Trong đó có rất nhiều thông tin hữu ích để giúp trang web của bạn đạt được thứ hạng cao hơn. Và nếu bạn có thắc mắc nào khác, vui lòng đăng lên Cộng đồng trợ giúp của Trung tâm Google Tìm kiếm.