Cách SEO hình ảnh lên Google tăng 150% lưu lượng truy cập

SEO hình ảnh có thể thay đổi cuộc chơi cho doanh nghiệp của bạn.

Để thành công trong việc SEO hình ảnh, hãy chú ý:

  • Khả năng phát hiện, khả năng thu thập thông tin và khả năng index của hình ảnh của bạn
  • Quyền hạn của các trang có hình ảnh của bạn
  • Mức độ liên quan theo chủ đề của các trang đó
  • Chú thích hình ảnh
  • Thuộc tính hình ảnh (tên file, định dạng, kích thước và các thuộc tính alt và tiêu đề)
  • Tốc độ tải hình ảnh của bạn
  • Cung cấp ngữ cảnh về hình ảnh – được nêu bằng cách sử dụng đánh dấu Giản đồ

Danh mục:

SEO hình ảnh là gì?

SEO hình ảnh bao gồm các hoạt động được sử dụng để đưa hình ảnh được xếp hạng cao trong danh sách không phải trả tiền của công cụ tìm kiếm.

Cũng giống như với các trang, các công cụ tìm kiếm cố gắng hiểu hình ảnh. Để làm cho hình ảnh của bạn có thứ hạng cao, bạn nên làm bất cứ điều gì có thể để giúp chúng thêm phần “có ý nghĩa”. Trong bài viết này, chúng tôi sẽ giải thích cách bạn thực hiện việc này.

Tại sao bạn nên quan tâm đến SEO Hình ảnh?

Có hai lý do để quan tâm đến SEO hình ảnh:

  1. Hình ảnh có thể là một động lực lớn của lưu lượng truy cập tự nhiên chất lượng. Đặc biệt là bây giờ Google đã loại bỏ tùy chọn “Xem hình ảnh” , người dùng có nhiều khả năng truy cập vào trang của bạn hơn.
  2. Khi bạn làm SEO hình ảnh, bạn sẽ tự động tối ưu hóa cho trình đọc màn hình. Từ đó giúp những người khiếm thị cũng sử dụng và hiểu trang web của bạn tốt hơn.

Chúng tôi cá rằng bây giờ bạn đang tự hỏi mình: “Liệu SEO hình ảnh có phải là một động lực lưu lượng truy cập lớn cho tôi không?”

Cho dù đó là trường hợp phụ thuộc vào doanh nghiệp của bạn. Đối với chúng tôi, nó thực sự chỉ chiếm một phần nhỏ trong lưu lượng truy cập của chúng tôi. Thông thường, những người đang tìm cách giải quyết các câu hỏi về SEO của họ không tìm kiếm hình ảnh. Các công cụ tìm kiếm biết điều này nên chủ yếu trả về các trang thông thường trong kết quả của họ.

Theo quy tắc chung:

Nếu hình ảnh thường xuyên xuất hiện dưới dạng kết quả cho các truy vấn mà bạn đang cố gắng xếp hạng thì SEO hình ảnh rất quan trọng.

Vì vậy, nếu bạn đang điều hành một trang web:

  • Thương mại điện tử
  • tin tức về người nổi tiếng
  • chứng khoán

thì Image SEO là cực kỳ quan trọng.

Hình ảnh đáp ứng ba mục đích trong tâm trí tôi:

  1. Lưu lượng tìm kiếm hình ảnh
  2. Thêm chất lượng cho một phần nội dung
  3. Cải thiện tỷ lệ chuyển đổi.

Lưu lượng tìm kiếm hình ảnh không chỉ đến từ images.google.com, mà còn từ tìm kiếm toàn cầu – và điều này rất quan trọng. Đối với một số ý định của người dùng, Google sẽ hiển thị video và hình ảnh nổi bật trong SERPs. Đó là một giải pháp tuyệt vời nếu bạn không thể xếp hạng cao nhất một cách tự nhiên.

Về chất lượng nội dung, hình ảnh được hoàn thiện tốt sẽ:

  • Mang lại trải nghiệm người dùng tốt hơn
  • Làm cho bài viết có nhiều khả năng được chia sẻ và liên kết hơn. Cố gắng thêm hình ảnh và đồ họa tùy chỉnh và chỉ hoàn nguyên về kho ảnh như một phương sách cuối cùng.

Điều tương tự cũng áp dụng cho chuyển đổi: hình ảnh càng tốt về chất lượng và bối cảnh, thì tác động lên chuyển đổi càng cao.

Mặt khác, hình ảnh đặt ra một thách thức về tối ưu hóa tốc độ trang. Bạn cần đảm bảo rằng chúng được nén, lưu vào bộ nhớ cache và tải một cách tối ưu.

Google Hình ảnh chiếm gần 22% thị phần công cụ tìm kiếm. Đó là một con số khổng lồ và lớn hơn thị phần công cụ tìm kiếm của YouTube, Facebook, Amazon và Wikipedia cộng lại.

Các đại diện của Google đã gợi ý từ lâu rằng họ mong đợi cả tìm kiếm hình ảnh và video sẽ là những ngành dọc tăng trưởng cao hơn. Khi Google liên tục giảm tỷ lệ nhấp chuột tìm kiếm mà nó gửi đến các nhà xuất bản, hình ảnh có thể là một khoản đầu tư đáng xem xét.

Tôi đã thấy lưu lượng truy cập tốt đến từ SEO hình ảnh, đặc biệt đối với bất kỳ chủ đề nào bao gồm sơ đồ hoặc hình ảnh giải thích. Nhưng cũng cho những hình ảnh vui nhộn và giải trí.

Như với bất kỳ loại tối ưu hóa nào, bạn càng nỗ lực nhiều hơn thì càng tốt.

Khi nói đến SEO hình ảnh, thậm chí chỉ cần đảm bảo bạn nắm được tất cả những điều cơ bản đã giúp ích rất nhiều. Đảm bảo chất lượng hình ảnh tốt, kích thước có kích thước phù hợp, tên file hình ảnh có thể đọc được và thuộc tính alt đọc tốt với các từ chủ đề được bao gồm.

Phát triển thực hành tối ưu hóa thường xuyên xung quanh hình ảnh và bạn sẽ thấy những lợi ích SEO.

Nếu doanh nghiệp của bạn rất phụ thuộc vào hình ảnh thì việc tập trung vào SEO hình ảnh có ý nghĩa. (Ví dụ: chụp ảnh lưu niệm, nghệ thuật, sản phẩm trực quan độc đáo hoặc giải trí dành cho người lớn). Nếu không, sẽ an toàn nếu chỉ định mức độ ưu tiên thấp hơn cho nó.

Điều gì ảnh hưởng đến xếp hạng hình ảnh của bạn?

Có một danh sách toàn bộ các yếu tố sẽ ảnh hưởng đến thứ hạng hình ảnh của bạn. Chúng tôi sẽ giải thích tất cả điều này chi tiết bên dưới.

Khả năng khám phá, khả năng thu thập thông tin và khả năng index

Bạn có thể nghĩ rằng chúng tôi thậm chí không cần phải đề cập đến vấn đề này, nhưng mọi người luôn hiểu sai. Đảm bảo các công cụ tìm kiếm có thể khám phá, thu thập thông tin và index hình ảnh của bạn một cách dễ dàng.

Giúp các công cụ tìm kiếm khám phá hình ảnh của bạn bằng sitemap XML hình ảnh

Việc đưa hình ảnh vào sitemap XML của bạn giúp các công cụ tìm kiếm dễ dàng phát hiện ra chúng và ưu tiên thu thập thông tin và index hình ảnh của bạn.

Bạn có thể tạo sitemap XML hình ảnh chuyên dụng hoặc đưa hình ảnh của mình vào sitemap XML hiện có. Cả hai phương pháp đều tốt, mặc dù chúng tôi khuyên bạn nên tạo sitemap XML hình ảnh chuyên dụng nếu trang web của bạn có hàng nghìn hình ảnh. Việc có các sitemap XML riêng biệt sẽ cho bạn cái nhìn tổng quan hơn khi phân tích hình ảnh nào được index.

Một số nguyên tắc về sitemap XML hình ảnh:

  • Mỗi <url>thẻ có thể chứa tối đa 1.000 thẻ image:image. Nói cách khác, bạn có thể xác định 1.000 hình ảnh trên mỗi trang
  • Để xác định chú thích hình ảnh, hãy sử dụng image:caption
  • Để xác định vị trí địa lý của hình ảnh, hãy sử dụng image:geo_location
  • Để xác định tiêu đề hình ảnh, hãy sử dụng image:title
  • Để xác định giấy phép hình ảnh, hãy sử dụng image:license

Tài nguyên hữu ích

Đảm bảo rằng hình ảnh của bạn có thể thu thập thông tin và index được

Những gì không thể thu thập thông tin, không thể index. Vì vậy, hãy đảm bảo rằng file robots.txt được thiết lập không chính xác sẽ không chặn quyền truy cập của các công cụ tìm kiếm vào hình ảnh của bạn. Đừng ngăn Googlebot-Image và Googlebot truy cập hình ảnh của bạn trong robots.txt của bạn!

Nếu bạn muốn hình ảnh của mình được các công cụ tìm kiếm index thì hãy đảm bảo rằng chúng:

  • Không có chỉ thị noindex Tiêu đề HTTP X-Robots-Tag
  • Không được canonical bằng tiêu đề HTTP.

Nếu bạn đang sử dụng lệnh rô bốt noindex trên trang có chứa hình ảnh, hình ảnh cũng sẽ không được index (trừ khi chúng cũng nằm trên các trang khác có thể index).

Ngoài ra, hãy đảm bảo rằng các trang của bạn không chứa lệnh noimageindex rô bốt. Lệnh này giao tiếp cụ thể với các công cụ tìm kiếm mà bạn không muốn chúng index các hình ảnh trên trang của mình.

John Mueller đã đủ tử tế để xác nhận suy nghĩ của chúng tôi về ngăn index của rô bốt và tác động của nó đối với hình ảnh :

John Mueller trả lời câu hỏi của Steven van Vessum về ảnh hưởng của lệnh ngăn lập chỉ mục của rô bốt đối với khả năng lập chỉ mục hình ảnh

Tài nguyên hữu ích

Quyền của hình ảnh trang được bật

Trong phần trước, chúng tôi đã đề cập rằng các công cụ tìm kiếm sẽ xếp hạng các trang có hình ảnh. Hãy lấy một ví dụ để minh họa điều này. Nếu bạn tìm kiếm Denzel Washington trong tìm kiếm hình ảnh của Google , đây là những gì bạn sẽ thấy:

Trang kết quả tìm kiếm của Google Hình ảnh cho Denzel Washington

Ba kết quả hàng đầu là:

  1. imdb.com
  2. wikipedia.org
  3. đa dạng.com

Thông thường họ có những gì? Họ có rất nhiều quyền hạn . Một hình ảnh được hưởng lợi rất nhiều ở đây từ Page authority mà nó trên đó. Hãy ghi nhớ điều này khi tối ưu hóa hình ảnh của bạn và khi chọn trang nào để đặt hình ảnh của bạn.

Mẹo chuyên nghiệp

Yêu cầu những người đã sử dụng hình ảnh của bạn ghi công đúng cách cho bạn bằng một liên kết đến trang mà mỗi hình ảnh có trên đó. Đặc biệt là trong các ngách “nhàm chán”, nơi rất khó để xây dựng backlink, đây là một chiến thuật tuyệt vời. Đọc thêm về phương pháp xây dựng backlink này tại đây.

Chỉ trong trường hợp mọi người không cấp cho bạn sự tín nhiệm thích đáng thì ít nhất hãy đảm bảo rằng bạn tạo hình mờ cho hình ảnh của mình. Khi đó, bạn vẫn nhận được sự xuất hiện của thương hiệu.

Mức độ liên quan theo chủ đề của trang

Chủ đề của trang mà hình ảnh của bạn đang có ảnh hưởng rất lớn đến thứ hạng của họ. Trong trường hợp của Wikipedia (kết quả thứ hai) cho truy vấn “Denzel Washington” của chúng tôi. Việc họ có một trang 4.000 từ về anh ấy thực sự hữu ích vì nó bổ sung rất nhiều liên quan đến hình ảnh trên trang đó cho truy vấn đó.

Mức độ liên quan theo chủ đề của văn bản ảnh hưởng đến mức độ liên quan của hình ảnh trên một trang

Lưu ý rằng WordPress tạo một trang “file đính kèm hình ảnh” dành riêng cho mỗi hình ảnh bạn tải lên. Điều này không mang lại giá trị gì từ quan điểm SEO, vì vậy chúng tôi khuyên bạn nên vô hiệu hóa nó . Nó tiêu tốn crawl budget và tạo ra nội dung gần như trùng lặp.

Sử dụng hình ảnh một cách chiến lược để nâng cao nội dung bằng văn bản của trang. Chúng gửi tín hiệu từ khóa mạnh hơn đến các công cụ tìm kiếm và để cải thiện trải nghiệm của người dùng. Hình ảnh giúp người dùng hiểu rõ hơn về:

  • Thông tin bạn đang cố gắng truyền tải
  • Củng cố tín hiệu cho các công cụ tìm kiếm về chất lượng cũng như mức độ liên quan của nội dung.

Google đề xuất sử dụng hình ảnh có liên quan đến văn bản xung quanh chúng trước và sau khi đăng liên kết xung quanh anchor link.

Hình ảnh phổ biến

Số lần hình ảnh được sử dụng, mức độ phổ biến của hình ảnh, cũng được các công cụ tìm kiếm tính đến. Nếu một hình ảnh thường được sử dụng, nó phải phổ biến và do đó xếp hạng cao. Nhúng hình ảnh mà các trang web khác đang sử dụng và các công cụ tìm kiếm đã biết, giúp bạn có một khởi đầu thuận lợi để xếp hạng hình ảnh của mình.

Lấy ví dụ về ảnh chụp Wikipedia của Denzel Washington. Khi bạn thực hiện tìm kiếm hình ảnh đảo ngược trong Google, bạn sẽ thấy nó được sử dụng trên nhiều trang web khác . Bạn thậm chí không có bao gồm cùng một hình ảnh chính xác. Nó có thể có các kích thước khác nhau, kích thước file khác nhau và thậm chí là các định dạng khác nhau. Google hiểu đó là hình ảnh giống nhau.

Nhiều người làm SEO biết các yếu tố xếp hạng hình ảnh thông thường: văn bản thay thế, chú thích, văn bản xung quanh hình ảnh, tiêu đề phía trước hình ảnh, v.v. Nhưng điều mà nhiều người không cân nhắc là điều này chỉ tính đến các truy vấn (!) Mà hình ảnh có thể xếp hạng. Nó không nói lên bất cứ điều gì về mức độ phổ biến của hình ảnh, điều này cũng rất quan trọng. Vậy, Google đo lường mức độ phổ biến của hình ảnh như thế nào? Nó khá đơn giản: hình ảnh được sử dụng thường xuyên như thế nào.

Không quan trọng nếu bạn sử dụng cùng một hình ảnh về mặt vật lý (bằng liên kết nóng) hay đó là bản sao của hình ảnh. Một bản sao thậm chí có thể có độ nén khác, kích thước hình ảnh khác hoặc kích thước file hình ảnh khác. Thuật toán hình ảnh của Google nhận dạng các bản sao và liên kết chúng với nhau. Về nguyên tắc, Google nói: “những hình ảnh phổ biến này được sử dụng thường xuyên – vì vậy chúng tôi sẽ ưu tiên cho chúng trong kết quả”.

Mẹo của tôi dành cho bạn: đối với rất nhiều truy vấn, những hình ảnh được xếp hạng hàng đầu không có bản sao trên web. Chúng là “hình ảnh được sử dụng một lần”. Thông thường, bạn chỉ cần tải lên phiên bản thứ hai hoặc thứ ba là đủ – nếu có thể, trên một miền khác có nội dung tương tự. Hoặc bạn có thể khiến đối thủ cạnh tranh sử dụng hình ảnh đó.

Nhưng hãy cẩn thận: nếu Google có nhiều nguồn cho cùng một hình ảnh, thì trang nào xếp hạng cao nhất cũng sẽ xếp hạng cao nhất trong tìm kiếm hình ảnh.

Hãy suy nghĩ về điều này – và bạn sẽ tìm thấy rất nhiều cốm vàng trong tìm kiếm Hình ảnh của Google 🙂 Chúc may mắn!

Hình ảnh có liên quan

Bao gồm các hình ảnh liên quan về cùng một chủ đề, có nội dung tương tự trong các hình ảnh, cũng giúp bạn xếp hạng hình ảnh của mình tốt hơn. Làm như vậy sẽ giúp trở nên phù hợp và có thẩm quyền hơn.

Trong trường hợp có truy vấn denzel washington, bạn nên thu thập các bức ảnh khác nhau của anh ấy và đặt chúng lại với nhau trên một trang.

Đây là một ví dụ khác: giả sử bạn đang cố gắng xếp hạng cho truy vấn checklist illustration. Bao gồm các hình minh họa khác nhau có chứa danh sách kiểm tra sẽ giúp tất cả những hình ảnh này xếp hạng tốt hơn. Xin lưu ý rằng những hình minh họa này sẽ hiển thị gần giống nhau, trong trường hợp này là danh sách các hộp kiểm.

Đây là một trong những lý do Pinterest rất thành công trong việc thúc đẩy Organic traffic thông qua hình ảnh. Họ đang lưu trữ hàng triệu hình ảnh và người dùng của họ cũng phân loại chúng một cách gọn gàng. Đây là một ví dụ sách văn bản về cách bao gồm các hình ảnh liên quan giúp bạn xếp hạng.

Chúng tôi đã thực hiện một chiến dịch tối ưu hóa hình ảnh quy mô lớn tại FreshBooks. Chúng tôi đã tuân theo các phương pháp hay nhất tiêu chuẩn như thẻ alt và hình ảnh xung quanh có văn bản và đưa ra một số kết luận thú vị khi tham gia chiến dịch. Chúng tôi nhận ra rằng Google chắc chắn sử dụng công nghệ máy học để diễn giải hình ảnh. Chúng tôi nhận thấy rằng bằng cách làm cho hình ảnh giống với kết quả thứ hạng hàng đầu hơn thì có thể xếp hạng tốt hơn. Điều này có thể không dễ thực hiện trong mọi trường hợp nhưng chúng tôi đang cố gắng xếp hạng hình ảnh của hóa đơn. Những hình ảnh có nhiều ô và dòng hơn hoạt động tốt hơn những hóa đơn đẹp hơn có hình ảnh đẹp.

Khi chúng tôi tìm ra công thức thành công, chúng tôi cũng đã tăng gấp đôi số lượng hình ảnh tuyệt đối để đưa vào trang. Đây là nơi chúng tôi thấy một sự gia tăng đáng kể khác. Lý thuyết của chúng tôi là nếu bạn cho Google nhiều lựa chọn hơn thì nhiều khả năng sẽ chọn hình ảnh từ trang web của bạn và hiển thị chúng tìm kiếm hình ảnh.

Chú thích hình ảnh và văn bản xung quanh

Văn bản gần với hình ảnh làm tăng thêm mức độ liên quan của chúng theo quan điểm của công cụ tìm kiếm và nó giúp người dùng hiểu rõ hơn về nội dung.

Chúng tôi phân biệt hai loại văn bản gần với hình ảnh; cái đầu tiên là chú thích và cái thứ hai là văn bản bao quanh.

Dưới đây là một ví dụ về chú thích hình ảnh từ bài viết chuyển hướng của chúng tôi:

ví dụ về chú thích hình ảnh
ví dụ về chú thích hình ảnh

Nguồn ảnh: hmgsearch

Và đây là một ví dụ về hình ảnh có văn bản xung quanh, có liên quan:

Hình ảnh của Denzel Washington trên Rotten Tomatoes với dòng chữ xung quanh

Thuộc tính hình ảnh

Đây là một đoạn mã HTML mẫu cho một hình ảnh:

<img src=”https://example.com/images/ngam-ho-tay.jpeg” alt=”Ngắm Hồ Tây” title=”Ngắm Hồ Tây đẹp lên thơ giữa lòng thủ đô Hà Nội” />

Thẻ hình ảnh có tên file, định dạng, vị trí có thể tìm thấy hình ảnh và các thuộc tính cung cấp ngữ cảnh. Đây là một nơi khác mà các công cụ tìm kiếm sẽ thu thập manh mối về các truy vấn mà hình ảnh của bạn có liên quan. Nhưng lưu ý rằng bạn có thể lạm dụng điều này. Đừng nhồi nhét các từ khóa và tên file hình ảnh các thuộc tính alt và title.

Dưới đây là bảng phân tích các thuộc tính của hình ảnh:

  • Tên file hình ảnh
  • Định dạng hình ảnh
  • Đường dẫn URL hình ảnh
  • Thuộc tính hình ảnh srcset để phân phát hình ảnh đáp ứng
  • Thuộc tính hình ảnh alt
  • Thuộc tính hình ảnh title

Tên file hình ảnh: cách đặt tên hình ảnh cho SEO

Đảm bảo rằng tên file mang tính mô tả và phù hợp với các truy vấn có liên quan.

  • Tốt: denzel-washington-graduating-high-school
  • Xấu: photo

Định dạng hình ảnh

Chọn đúng định dạng cho hình ảnh giúp giảm thời gian tải hình ảnh và chất lượng hình ảnh tốt.

  • Tốt: .jpeg cho một bức ảnh
  • Xấu: .gif đối với ảnh chụp màn hình của bạn được cho là hiển thị chi tiết

Dưới đây là các định dạng hình ảnh phổ biến nhất và những gì chúng được sử dụng tốt nhất.

Định dạng hình ảnhSử dụng tốt nhất cho
JPEG (JPG)Ảnh
PNGBiểu trưng (vì nó hỗ trợ nền trong suốt) và hình ảnh mà bạn muốn duy trì sắc nét, chẳng hạn như ảnh chụp màn hình.
GIFẢnh động
SVGĐể tạo hình ảnh có thể thay đổi tỷ lệ mà không bao giờ giảm chất lượng (hình ảnh vector). Bản đồ, biểu tượng và biểu trưng là những ví dụ phổ biến.
WebPĐược phát triển bởi Google, WebP là một giải pháp thay thế cho JPG và PNG có thể nén tốt hơn. Hiện tại, nó không được hỗ trợ trong Safari (và nó cũng không được hỗ trợ trong Internet Explorer). Chúng tôi tin rằng WebP có rất nhiều tiềm năng và chúng tôi coi nó là tương lai của các định dạng hình ảnh. Sử dụng Webpurr hoặc Squoosh để chuyển đổi hình ảnh sang định dạng WebP.

Tài nguyên hữu ích

  • Kiểm tra trang web Tôi có thể sử dụng để xem những trình duyệt nào hỗ trợ những định dạng hình ảnh nào (và nhiều hơn nữa).

Chúng ta thường thấy rằng hình ảnh PNG được sử dụng không chính xác. Mặc dù có biểu trưng hoặc hình vẽ nhỏ dưới dạng PNG nói chung là tốt, nhưng chúng ta thường thấy những bức ảnh lớn sử dụng định dạng này thay vì có định dạng JPEG hoặc WebP. Điều này dẫn đến hình ảnh PNG lớn hơn gấp 10 lần so với phiên bản JPEG, làm chậm trang web đáng kể. Plugin ShortPixel Image Optimizer có tùy chọn để tự động chuyển đổi PNG thành JPEG và sẽ chỉ thực hiện việc này nếu hình ảnh thu được nhỏ hơn hình ảnh gốc. Điều này cho phép người dùng của chúng tôi chỉ cần thiết lập plugin và sau đó quên nó đi vì định dạng hình ảnh tốt nhất sẽ tự động được sử dụng.

Đường dẫn URL hình ảnh

Bạn muốn hình ảnh của mình có đường dẫn URL ngắn và hợp lý. Tránh sử dụng cấu trúc thư mục theo thứ tự thời gian, chẳng hạn như cấu trúc được sử dụng bởi WordPress. Hình ảnh của bạn có lẽ là vượt thời gian, vì vậy đừng khiến mọi người nghĩ rằng chúng đã lỗi thời.

  • Tốt: /images/denzel-washington-graduating-high-school.jpeg
  • Xấu: /wp-content/uploads/2016/09/images/denzel-washington-graduating-high-school.jpeg

Thuộc tính srcset hình ảnh để phân phát hình ảnh đáp ứng

Xem xét trọng tâm ưu tiên thiết bị di động của Google thì vai trò của tốc độ trang như một yếu tố xếp hạng. Thực tế là Google chủ yếu thu thập dữ liệu với tác nhân người dùng di động. Khi đó, việc phân phát kích thước hình ảnh phù hợp cho đúng người dùng là điều cần thiết.

Rất may, bạn có thể xác định phiên bản hình ảnh nào sẽ được sử dụng cho các thiết bị và chế độ xem khác nhau. Ví dụ: nếu bạn đang duyệt một trang web trên điện thoại của mình, bạn không cần hình ảnh có chiều rộng 1024 px. Bạn có thể thực hiện với một phiên bản chỉ rộng 400px, giúp bạn tiết kiệm rất nhiều băng thông.

Bạn có thể xác định hình ảnh sẽ sử dụng cho chiều rộng khung nhìn nào bằng cách sử dụng thuộc tính srcset. Đây là một ví dụ:

<img src=”/images/denzel-washington-graduating-high-school.jpeg” srcset=”/images/denzel-washington-graduating-high-school-400.jpg 375w, /images/denzel-washington-graduating-high-school-800.jpg 768w” alt=”Denzel Washington graduating high school” title=”Denzel Washington with his classmates celebrating their high school graduation” />

Trong ví dụ này, chúng tôi sẽ cung cấp hình ảnh:

  • Có chiều rộng 400px cho các màn hình có khung nhìn chiều rộng 375 px trở xuống
  • Có chiều rộng 800px cho các màn hình có chiều rộng khung nhìn trên 375 px và tối đa 768 px,
  • Mặc định cho mọi thiết bị có chiều rộng khung nhìn cao hơn 768 px.

Nếu bạn muốn hình ảnh của mình trông cực kỳ sắc nét trên màn hình retina thì có thể cung cấp hình ảnh có mật độ điểm ảnh gấp đôi so với bình thường. Nếu hình ảnh bình thường của bạn có kích thước 600 x 300 được gọi là

denzel-washington-graduating-high-school.jpeg,

thì hình ảnh võng mạc của bạn phải có kích thước 1200 x 600 và được gọi là

denzel-washington-graduating-high-school@2x.jpeg.

Điều quan trọng là phải hiểu rằng cùng một hình ảnh có kích thước hình ảnh khác nhau về cơ bản là các hình ảnh khác nhau. Vì vậy, nếu bạn hiện đang nhận được nhiều lưu lượng truy cập tìm kiếm hình ảnh và thay đổi kích thước hình ảnh của mình thì lưu lượng truy cập sẽ giảm do thời gian thu thập lại thông tin. Hy vọng rằng nó phục hồi theo thời gian. Nhưng bất kỳ thay đổi kích thước hình ảnh nào nên được theo dõi bằng những thay đổi về lưu lượng truy cập.

SEO hình ảnh là về cách các file hình ảnh ảnh hưởng đến hiệu suất tổng thể – không chỉ trong google.com/images. Chúng là một trong những yếu tố góp phần lớn nhất làm chậm thời gian tải. Cung cấp hình ảnh thông qua CDN và sử dụng các kích thước thích ứng để ngăn người dùng tải hình ảnh lớn hơn mức họ cần. Có rất nhiều công cụ có sẵn để giúp bạn thực hiện công việc dễ dàng hơn, ngay cả khi bạn không phải là người giỏi kỹ thuật nhất.

Thuộc tính alt hình ảnh

Các thuộc tính alt, cũng – sai – gọi là thẻ alt hoặc thẻ thay thế, cung cấp cho công cụ tìm kiếm ngữ cảnh. Đó là một thuộc tính quan trọng để điền từ quan điểm SEO, nhưng cũng là một thuộc tính quan trọng của người dùng. Khi không thể tải hình ảnh, nó sẽ hiển thị thuộc tính văn bản alt dưới dạng dự phòng để người dùng có thể biết được nội dung của hình ảnh. Điều này cũng được sử dụng bởi trình đọc màn hình để mô tả những gì trong hình ảnh.

Thuộc tính tiêu đề hình ảnh

Các thuộc tính title cung cấp cho công cụ tìm kiếm bối cảnh thêm về hình ảnh (tương tự như một chú thích). Chúng được hiển thị khi ai đó di chuyển chuột tới hình ảnh đó. Bao gồm lời kêu gọi hành động ở đây có thể giúp tăng tỷ lệ chuyển đổi của bạn.

Từ quan điểm SEO của John Mueller của Google đã đề cập rằng: thuộc tính hình ảnh title ít quan trọng hơn thuộc tính alt này. Tuy nhiên, nó vẫn có thể được sử dụng nếu nó chứa nội dung có liên quan. Những lời chính xác của anh ấy :

John Mueller cho biết thuộc tính tiêu đề hình ảnh vẫn mang giá trị SEO

Thời gian tải hình ảnh

Tốc độ trang là một trong những yếu tố xếp hạng cho các công cụ tìm kiếm. Điều đó cũng làm cho hình ảnh tải nhanh. Ngoài ra, hình ảnh đang sử dụng cùng một crawl budget mà các trang và các nội dung khác của bạn đang sử dụng .

Để đảm bảo hình ảnh của bạn tải nhanh, hãy đảm bảo:

  • Chọn định dạng hình ảnh phù hợp (như được đề cập trong phần Định dạng hình ảnh )
  • Cung cấp kích thước hình ảnh phù hợp (như được đề cập trong phần Thuộc tính srcset hình ảnh )
  • Nén hình ảnh của bạn

Nén hình ảnh

Nén hình ảnh của bạn để giảm kích thước file của chúng. Có một số tùy chọn tổng thể để nén hình ảnh:

  • Lossy: kích thước file giảm đáng kể, nhưng hình ảnh giảm chất lượng. Tùy chọn này giúp tải hình ảnh nhanh nhất.
  • Lossless: kích thước file được giảm vừa phải và hình ảnh không bị giảm chất lượng. Tùy chọn này không giúp bạn nhiều để làm cho hình ảnh tải nhanh.
  • Glossy: đây là trung bình vàng giữa “lossy” và “lossless”, cân bằng giữa việc giảm kích thước file và giảm chất lượng.

Công cụ giúp bạn nén hình ảnh

Dưới đây là ví dụ về các công cụ bạn có thể sử dụng để nén hình ảnh của mình:

Ứng dụng trực tuyến:

Các công cụ tích hợp với WordPress:

Công cụ tích hợp với Magento : TinyPNG

Ứng dụng máy tính để bàn: ImageOptim

Tài nguyên hữu ích

Gần đây, điều lớn nhất mà tôi đang tập trung vào SEO hình ảnh là hình ảnh lớn và loại hình ảnh phù hợp. Nghiền, ép, tối ưu hóa, làm mịn và sử dụng công cụ yêu thích của tôi / dự án Google Chrome Labs – Squoosh .

TinyPNG không phải là công cụ nén điển hình của bạn. Mỗi hình ảnh được phân tích khi bạn tải lên. Kết cấu, hoa văn và màu sắc được tự động xác định. Bộ mã hóa quyết định dựa trên các đặc điểm này để sử dụng chất lượng nào. Kết quả cuối cùng được so sánh với bản gốc và tinh chỉnh. Không có nút vặn để xoay, bạn không còn phải tự điều chỉnh chất lượng mã hóa.

Các phương pháp hay nhất về tốc độ trang cũng áp dụng cho hình ảnh

Trong phần này, chúng tôi sẽ trình bày các phương pháp hay nhất về tối ưu hóa tốc độ trang vượt ra ngoài hình ảnh. Tuy nhiên, bạn cần lưu ý xem xét tác động của chúng từ quan điểm SEO và người dùng.

Cung cấp hình ảnh qua CDN

Sử dụng CDN như Cloudflare để phân phát nội dung của bạn, bao gồm cả hình ảnh, có nhiều lợi thế. Vì CDN cho phép người dùng yêu cầu nội dung của bạn từ máy chủ gần họ nhất nên nó giảm đáng kể thời gian tải.

Sử dụng bộ nhớ đệm của trình duyệt

Sử dụng bộ nhớ đệm của trình duyệt để đảm bảo rằng hình ảnh được sử dụng trên nhiều trang được lưu vào bộ nhớ đệm. Ví dụ là hình ảnh được sử dụng trên toàn trang web, chẳng hạn như biểu trưng ví dụ trong đầu trang, thanh bên và chân trang.

Sử dụng tải chậm cho hình ảnh

Mặc dù sử dụng tải chậm cho hình ảnh không làm tăng tốc độ tải của chúng nhưng điều quan trọng là từ quan điểm tối ưu hóa tốc độ trang. Cchúng ta đang nói về hình ảnh, nên đề cập đến nó ở đây cũng rất hợp lý.

Trì hoãn việc tải hình ảnh của bạn cho đến khi chúng cần và cũng cho đến khi tất cả các yếu tố quan trọng để hiển thị trang được tải. Đối với người dùng, điều quan trọng hơn là các trang có thể sử dụng nhanh chóng hơn là chúng trông hoàn hảo. Tại sao bạn ngay lập tức tải hình ảnh xuống dưới trên một trang, khi người dùng bắt đầu đọc ở trên cùng?

Lưu ý quan trọng về tải chậm

Điều quan trọng cần lưu ý ở đây là không nên sử dụng tính năng tải chậm cho các hình ảnh cần thiết cho trang. Các công cụ tìm kiếm sẽ không thu thập dữ liệu và index ngay lập tức các hình ảnh được bao gồm bằng cách sử dụng tính năng tải chậm. Do đó,để các công cụ tìm kiếm “nhìn thấy” những hình ảnh này, trước tiên chúng cần hiển thị trang. Chúng tôi khuyên bạn nên:

  • Bao gồm tất cả các hình ảnh cần thiết trực tiếp trong HTML
  • Sử dụng tính năng tải chậm cho tất cả các hình ảnh không cần thiết.

Có rất nhiều sự phát triển về chủ đề tải chậm. Google đã thông báo vào ngày 6 tháng 8 năm 2019 rằng họ đang thêm hỗ trợ gốc cho tải chậm bắt đầu với Chrome 76. Chúng tôi vẫn chưa đợi các trình duyệt lớn khác nhảy vào điều này bandwagon, vì vậy hãy theo dõi trang Tôi có thể sử dụng này không. Khi đó, bạn không cần phải triển khai tải chậm thông qua JavaScript nữa. Điều này có nghĩa là:

  • Thời gian tải trang sẽ giảm xuống
  • Toàn bộ quá trình thu thập dữ liệu và index hình ảnh của bạn bởi các công cụ tìm kiếm cũng sẽ được tăng tốc.

Sử dụng lược đồ để giao tiếp ngữ cảnh

Đánh dấu bất kỳ hình ảnh nào đại diện cho nội dung của bạn bằng cách sử dụng đánh dấu Schema.org. Điều này giúp các công cụ tìm kiếm hiểu ngữ cảnh của nó. Ngoài ra, nó cũng làm cho bạn có nhiều khả năng giành được các đoạn trích nổi bật với hình ảnh đó. Có hình ảnh ở đó làm cho đoạn trích nổi bật hơn và vì vậy bạn cũng sẽ nhận được nhiều nhấp chuột hơn.

Một vài gợi ý:

  • Đảm bảo rằng các hình ảnh được tham chiếu trong đánh dấu Schema.org. Chúng có thể được thu thập thông tin và index, như được mô tả trong phần “Khả năng khám phá, khả năng thu thập thông tin và khả năng index ”.
  • Các hình ảnh phải có liên quan đến trang.
  • Các hình ảnh phải .jpg, .png hoặc định dạng .Gif.
  • Cung cấp hình ảnh ở độ phân giải cao, với các tỷ lệ khung hình sau: 16×9, 4×3 và 1×1.

Tài nguyên hữu ích

Khi nói đến hình ảnh, điều quan trọng là phải nhớ những điều cơ bản. Mặc dù Google đang có những bước tiến và cải tiến lớn trong việc nhận dạng nội dung của hình ảnh nhưng nó vẫn không phải là một hệ thống hoàn hảo.

Ví dụ: tôi đã tải lên bức ảnh dưới đây với tên file là cam-ice-cream.jpg và Cloud Vision của Google chắc chắn 70% đó là món nướng ngon – và chỉ 62% chắc chắn đó là món tráng miệng.

Công cụ Cloud Vision của Google phân tích một lượng kem

Bạn cần đảm bảo rằng bạn đang làm cho cuộc sống của Google trở nên dễ dàng nhất có thể và đưa ra nhiều tín hiệu nhất có thể để xác định hình ảnh một cách chính xác. Nhiều đề xuất của Google đã không thay đổi kể từ năm 2012 và mặc dù cơ bản nhưng chúng có thể khiến hình ảnh của bạn hoạt động khó hơn rất nhiều cho trang web của bạn.

THƯỞNG: xác định hình ảnh Open Graph và Twitter Cards

Việc xác định hình ảnh Open Graph và Twitter Card của bạn là điều không cần bàn cãi nếu bạn quan tâm đến lưu lượng truy cập từ Social network. Chỉ điều đó thôi đã là một lý do tuyệt vời để luôn xác định chúng.

Mặc dù nó sẽ không ảnh hưởng trực tiếp đến thứ hạng của bạn, nhưng chúng tôi tin rằng việc xác định hình ảnh Open Graph và Twitter Card sẽ bổ sung ngữ cảnh cho các trang và hình ảnh của bạn cho các công cụ tìm kiếm.

Các công cụ giúp bạn phân tích tiềm năng tối ưu hóa hình ảnh

Có một số công cụ hiện có để giúp bạn phân tích tiềm năng của mình khi nói đến tối ưu hóa hình ảnh. Họ sẽ phân tích những hình ảnh bạn hiện đang sử dụng và đánh giá tiềm năng tối ưu hóa. Trong hầu hết các trường hợp, bạn có thể giảm đáng kể thời gian tải – vài giây.

Danh sách các công cụ:

Xin lưu ý rằng đây là các công cụ tự động và bạn nên coi thường kết quả. Đừng coi kết quả là điểm quan trọng nhất của hành động. Như với mọi thứ trong SEO, luôn luôn quan trọng và đặt mọi thứ vào quan điểm.

Để kết luận, đừng chỉ nghĩ về hình ảnh như một phương tiện để kết thúc theo quan điểm SEO. Việc có những hình ảnh hấp dẫn cũng mang lại rất nhiều giá trị từ quan điểm tối ưu hóa tỷ lệ chuyển đổi. Đặc biệt là đối với Thương mại điện tử. Ví dụ: Google Mua sắm – nơi một trong những trận chiến nội dung khốc liệt nhất diễn ra cả ngày, hàng ngày. Có các trang sản phẩm tuyệt vời tạo nên sự khác biệt ở đó. Bạn không thể chỉ sử dụng bất kỳ hình ảnh nào cho việc đó, có những nguyên tắc nghiêm ngặt và các phương pháp hay nhất để tuân theo.