SEO

Hướng dẫn cách SEO hình ảnh lên top Google từ A-Z

Mục Lục

Dù bạn viết Blog hay báo Online thì đôi khi bạn cũng tự đặt câu hỏi: “Bài của mình có cần đến hình ảnh?” hay không? Câu trả lời sẽ luôn là CÓ. 

Không chỉ như vậy, hình ảnh còn là yếu tố quan trọng để đảm bảo chắc chắn rằng nội dung của bạn sẽ dễ dàng tiếp cận, hấp dẫn và thu hút người dùng hơn. Do đó tối ưu hình ảnh cũng quan trọng không kém về mặt SEO.

  • Đầu tiên, chúng cung cấp cho các công cụ tìm kiếm thông tin cần thiết về ngữ cảnh quan trọng. 
  • Thứ hai, hình ảnh được tối ưu hóa sẽ giúp tăng tốc độ tải trang, giúp tăng mức độ tương tác của người dùng và thứ hạng của website trên các công cụ Google.

Vì vậy, đó là lý do vì sao bạn nên tìm cho mình một hướng dẫn SEO hình ảnh chi tiết từng bước. Tôi đã từng như bạn và tôi cũng hiểu bạn đang cần gì, chính vì vậy đây là bài viết dành cho bạn.

Trong nội dung này, tôi sẽ hướng dẫn chi tiết từ A – Z Cách SEO hình ảnh lên Google và làm thế nào tối ưu hình ảnh đúng cách.

Bắt đầu ngay nào! Một điều nữa bài viết này khá là dài cho nên tôi sẽ chia nó thành 3 phần bạn nhờ đọc hết nhé!

#1. Tìm Từ khóa tối ưu hình ảnh bằng Công cụ SEO hình ảnh của Google

Lưu ý đầu tiên và vô cùng quan trọng, bạn cần phải luôn ghi nhớ: Nghiên cứu Từ khóa hình ảnh.

Tuy nhiên, hầu như MỌI NGƯỜI đều bỏ qua bước này. Đây là một sai lầm rất lớn. Tại sao tôi có thể khẳng định việc này là 100% từ khóa quan trọng đối với quá trình SEO Hình ảnh!? Hãy xem số liệu sau:

Google Hình ảnh chiếm 21% tổng lượng tìm kiếm, không chỉ trên Google mà trên toàn bộ World Wide Web.

toi-uu-hoa-hinh-anh-cho-wordpress

Điều này có nghĩa: Nếu như bạn nắm vững được nghệ thuật xác định các cụm từ tìm kiếm cho hình ảnh, bạn sẽ không chỉ được hưởng lợi RẤT NHIỀU từ lượng truy cập của công cụ tìm kiếm mà còn giúp bạn vượt lên trước những đối thủ quan trọng.

Lỗi hay mắc phải khi chọn từ khóa tối ưu hình ảnh

Có phải đây là những gì mà bạn hình dung và có thể là cách bạn đang thực hiện:

  • Thứ nhất: Dành hàng giờ trên dữ liệu tìm kiếm website để xác định được danh sách từ khóa cho trang hoặc bài đăng của mình.
  • Sau đó – 30 giây để chọn một cụm từ khóa một cách ngẫu nhiên từ danh sách (bỏ qua tất cả số liệu thống kê tìm kiếm hình ảnh) trước khi thêm các từ khóa đó vào ALT tag.
  • Cuối cùng – Chờ đợi và hy vọng những từ khóa đó nhận được lượt tìm kiếm trong hình ảnh của Google và đạt lượng nhỏ Traffic trong tìm kiếm hình ảnh.

Đó là từng bước bạn tiến hành nếu nhớ quá trình nghiên cứu từ khóa hoặc có thể bạn sẽ không làm gì.

Chính vì vậy từ bây giờ, tôi muốn bạn nghĩ khác về việc lựa chọn từ khóa để SEO hình ảnh. Thay vì chỉ chọn các từ khóa nội dung chính… Bạn sẽ xem hình ảnh như phần nội dung độc lập với cụm từ tìm kiếm mục tiêu.

Tiếp theo, chúng ta sẽ cùng đến phần chính: Cách chọn từ khóa SEO Hình ảnh nhanh và chính xác nhất. 

Lưu ý: Những nội dung sau sẽ rất quan trọng và nhiều thông tin, vì vậy bạn hãy tập trung và lấy giấy, viết note lại nhé!

Cách chọn từ khóa tối ưu hóa hình ảnh chính xác

Cách dễ nhất và nhanh nhất đó là bạn sử dụng các công cụ hỗ trợ nghiên cứu từ khóa. Đối với tôi, Ahrefs là lựa chọn hàng đầu, đây cũng là đề xuất tôi gửi đến bạn.

Trong công cụ Ahref có rất nhiều công dụng cũng như tùy chọn để bạn ứng dụng:

chon-tu-khoa-seo-hinh-anh-chinh-xac

Để tìm được các từ khóa có liên quan bằng Ahrefs, hãy bắt đầu với keyword “seed” (từ khóa hạt giống).

Ví dụ: Tôi nhập keyword “social media”. Đây là những gì tôi nhận được:

de-xuat-tu-khoa-nhan-duoc-de-toi-uu-hinh-anh

Ahrefs sẽ đề xuất thành các danh mục chủ đề. Có nghĩa, bạn có thể dễ dàng xác định được danh mục phù hợp nhất. Tất cả những gì mà bạn cần phải làm tiếp theo là chọn một từ khóa có liên quan (với lượng tìm kiếm cao) và hoàn tất.

#2. Tăng CTR (và Thứ hạng) bằng hình ảnh nổi bật

Hiện nay, chỉ cần bạn thực hiện một vài thao tác tìm kiếm đơn giản với keyword mục tiêu ngay trên Google bạn đã nhận được rất nhiều hình ảnh phù hợp.

Tuy nhiên, nếu như website bạn cũng sử dụng quá nhiều hình ảnh chung chung, thì chính bạn đã trở thành thủ phạm giết chết xếp hạng EAT của mình.

Không chỉ thế… Khi sử dụng cùng một kho hình ảnh mà hàng trăm website khác… hãy đoán xem? Bạn sẽ cạnh tranh với tất cả website đó trong tìm kiếm Hình ảnh của Google.

Tại sao bạn cần tối ưu CTR hình ảnh?

Nhờ những đổi mới trong thuật toán của Google hình ảnh đang giành được tương tác cao hơn (số lượng Scrolls và Click) sẽ được chuyển lên phía trên bảng xếp hạng. Trong khi hình ảnh có mức độ tương tác thấp sẽ bị chuyển xuống.

Nói cách khác: Để xếp hạng cao trong tìm kiếm Google Images – Hình ảnh của bạn phải thực sự NỔI BẬT!

Chìa khóa để tạo những hình ảnh “nổi bật” thu hút sự chú ý và click chuột nhiều hơn là: Xác định những nội dung hình ảnh đã xếp hạng, sau đó tạo ra sản phẩm hoàn toàn khác.

Quy trình thực hiện gồm 3 bước đơn giản sau:

1. Kiểm tra kết quả tìm kiếm cho từ khóa mục tiêu.
2. Ghi chú lại tất cả thông tin quan trọng.
3. Làm ngược lại.

Ví dụ từ Seosherpa

Họ đã tiến hành tối ưu hình ảnh cho keyword “seo experiments” và nhận thấy tất cả hình ảnh minh họa là dạng sơ đồ.

vi-du-tu-khoa-seo-hinh-anh-experiments

Cuối cùng phương án tối ưu hình ảnh mà họ lựa chọn là tạo ra hình ảnh hoàn toàn khác.

Cụ thể, minh họa được chỉnh với nền sáng màu:

chinh-nen-sang-mau-hinh-anh

Kết quả, hình ảnh của họ nổi bật và được xếp hạng cao trong kết quả tìm kiếm.

hinh-anh-noi-bat-trong-ket-qua

#3. JPG, PNG hoặc GIF: Nhận đúng loại tệp hình ảnh

Bạn có biết: Đa số mọi người thường xuyên chọn sai phần mở rộng tệp hình ảnh (file extension), dẫn đến chất lượng hình ảnh kém hoặc kích thước tệp quá lớn hoặc tệ nhất là cả hai.

Nhưng những sai lầm này bạn sẽ không bao giờ mắc phải… Vì bạn hoàn toàn có thể đưa ra quyết định lựa chọn đúng loại tệp cho hình ảnh của mình. 

Dưới đây là cách chọn định dạng tệp hình ảnh tốt nhất dành cho bạn:

tep-hinh-anh-tot-nhat

Cụ thể:

  • GIF – Tốt cho Short Animation (ảnh động ngắn). Cũng khá là OK đối với hình ảnh phẳng (Flat images) không có Gradient. Tuy nhiên, nó sẽ không tốt cho các hình ảnh nhỏ, ảnh chụp màn hình (Screenshot) hoặc Gradient như thanh trên cùng của trình duyệt.
  • PNG – Tốt cho Screenshot của các ứng dụng và Gradient. Nó giữ cho văn bản trông gọn, nhưng có thể có vấn đề đối với kích thước tệp.
  • JPEG – Tốt cho ảnh người, địa điểm hoặc sự vật. Không tốt cho ảnh chụp màn hình của ứng dụng và website hoặc văn bản.

Khi bạn đã chọn loại tệp thích hợp cho hình ảnh. Mở hình ảnh trong phần mềm chỉnh sửa, click Export, lưu, bạn đã hoàn tất!

#4. Thay đổi kích thước hình ảnh theo tỷ lệ “tối ưu” (và Bloat trang Slash)

Trang mà bạn đang xem hiện có chiều rộng vùng nội dung là 640px.

Nghĩa là:

Kích thước của hình ảnh lớn nhất từng được hiển thị sẽ là rộng 640 pixel. Nếu như tôi tải lên một hình ảnh rộng hơn 1px, thì đó thực sự là một sự lãng phí. Còn nếu, hình ảnh lớn đến mức cần thiết sẽ làm tăng thêm dung lượng trang web và làm chậm website.

Hơn nữa:

Ngoài việc tải hình ảnh lớn hơn, CMS của tôi sẽ cần phải định dạng và chỉnh sửa hình ảnh để phù hợp với kích thước của trang…

dinh-dang-anh-phu-hop-kich-thuoc-trang

Quay lại vấn đề chính:

Thay vì chỉ tải hình ảnh, bạn hãy để lại CMS của website định dạng lại nó – Định dạng lại hình ảnh trước khi bạn tải lên.

Và có rất nhiều công cụ có sẵn giúp bạn chỉnh sửa hình ảnh bên ngoài WordPress.

Đây là một số gợi ý tôi muốn gửi đến bạn:

  • Pixlr – Công cụ trực tuyến miễn phí hoạt động hiệu quả cho các định dạng nhỏ.
  • Preview (Xem trước) – Tiêu chuẩn trên tất cả các máy Mac và có mọi thứ bạn cần để chỉnh sửa hình ảnh cơ bản.
  • ImageOptim – Công cụ miễn phí dành cho Mac có tính năng “save for web”.
  • RIOT – Trình tối ưu hóa hình ảnh miễn phí dành cho Windows.
  • Photoshop – Đây là những gì tôi sử dụng. Tôi thích nó vì tùy chọn “save for web”, giúp giữ kích thước tệp ở mức thấp mà không làm giảm chất lượng.

Mỗi công cụ này sẽ cho phép bạn chỉnh sửa kích thước của hình ảnh theo pixel mà mình mong muốn mà không làm ảnh hưởng quá nhiều đến chất lượng hình ảnh. 

Đến lúc chúng ta, chuyển sang bước # 5 nào!

#5. Tên tệp tối ưu hình ảnh SEO: 7 mẹo hữu ích

Vấn đề quan trọng tiếp theo mà bạn cần phải chấp nhận đó là: Khả năng nhận dạng vật thể của Google vẫn còn đang hạn chế.

ten-tep-hinh-anh-seo

Khi tôi thử nghiệm một số hình ảnh bằng Google Cloud Vision (công nghệ hỗ trợ nhận dạng hình ảnh trong Google Tìm kiếm), đây là những gì tôi học được:

Google đã sai rất nhiều lần.

Để có thể nhận dạng hình ảnh ngày càng tốt hơn, Google vẫn cần đến sự trợ giúp. Đó là lý do tại sao tôi khuyên bạn nên sử dụng tên tệp mô tả cho hình ảnh.

Khi tên tệp mặc định như DSC_14560.JPG công cụ tìm kiếm trả về kết quả là KHÔNG CÓ GÌ!

Vì vậy bạn cần phải cung cấp đầy đủ thông tin Tên tệp mô tả chủ đề của hình ảnh, cho biết chính xác nội dung của hình ảnh. Dựa vào đó, các công cụ Google sẽ biết cách xếp hạng hình ảnh để làm gì.

cung-cap-dung-ten-tep-va-dinh-dang-toi-uu-anh

Khi quyết định một tên tệp, bạn hãy tiến hành theo 3 bước sau:

1. Mô tả hình ảnh.
2. Bao gồm từ khóa mục tiêu (tham khảo bước # 1).
3. Dài 1-5 từ.

Khi đã chọn tên tệp, hãy sử dụng “file > save as” trên PC hoặc chức năng “Command > i” trên máy Mac để đổi tên tệp. Sau đó, click vào SAVE và hoàn tất.

BONUS: 4 MẸO NÂNG CAO TỐI ƯU HÓA HÌNH ẢNH CHO WORDPRESS

  1. Sử dụng dấu gạch nối để phân tách các từ trong tên tệp của bạn. Dấu gạch ngang được Google ưu tiên hơn là dấu gạch dưới.
  2. Loại bỏ các từ dừng như; tại, các, i, và, chúng tôi vì chúng phần lớn sẽ bị các công cụ tìm kiếm bỏ qua. 
  3. Đặt từ khóa ở đầu tên tệp. Nếu bạn đang nhắm mục tiêu từ khóa “SEO Content”, thì “seo-content-la-gi.jpg” tốt hơn nhiều so với “tim-hieu-cach-seo-content.jpg”
  4. Hãy cẩn thận không nhồi nhét tên tệp với các từ khóa. Tên tệp thực sự phải mô tả những gì trong hình ảnh.

Bây giờ việc đổi tên hình ảnh đã hoàn thành, chúng ta cùng đến bước số #6.

#6. Giảm kích thước tệp hình ảnh tối ưu tốc độ tải

Bước cuối cùng trước khi bạn tải lên hình ảnh đó là giảm dung lượng của tệp – tệp càng nhẹ càng tốt. Hình ảnh càng nhẹ hơn có nghĩa là website của bạn sẽ tải nhanh hơn. Website tải càng nhanh thì có nghĩa là thứ hạng của nó sẽ cao hơn.

Để giảm dung lượng hình ảnh, hãy nén tệp hình ảnh. Bạn có thể hiểu: Loại bỏ tất cả các phần thừa không cần thiết khỏi tệp nhưng vẫn đảm bảo duy trì tối ưu hình ảnh chất lượng nhất.

Ví dụ: Xem hai hình ảnh này:

giam-kich-thuoc-tep-toi-uu-anh-toc-do

Cả hai hình ảnh này có cùng kích thước, cùng một loại tệp (.jpg), nhưng một hình lại có dung lượng nhẹ hơn 86% so với hình kia. Đó là vì hình ảnh bên phải đã được nén.

Tất nhiên, để có thể thực hiện quá trình nén ảnh, tôi sẽ hướng dẫn bạn một phương pháp hiệu quả và đơn giản nhất. Đây là một số công cụ bạn hoàn toàn có thể áp dụng:

  • ImageOptim – công cụ được đề xuất của Google.
  • Trình tối ưu hóa JPEG
  • Optimizilla
  • Kraken.io
  • Compressnow
  • Cắt tỉa

Trong số tất cả các công cụ này, thì theo tôi imageOptim hoạt động tốt nhất. ImageOptim tốt nhất khi nén JPEG và PNG so với các công cụ khác.

cong-cu-nen-anh-imageoptim

Slide ImageOptim cài đặt PNG giảm xuống 40% để nén tối đa

#7. Tối ưu ALT Text (ALT Tag) hình ảnh

Trước khi chúng ta đi vào chi tiết cách tối ưu hình ảnh bằng ALT text, tôi muốn bạn nắm vững các nội dung cơ bản dưới đây.

ALT text là gì: ALT text hình ảnh, còn được gọi là “ALT tag”, “ALT description” và “ALT attribute”. Tuy nhiên, bạn có thể hiểu đơn giản ALT text là văn bản thay thế xuất hiện thay cho hình ảnh khi hình ảnh không tải được trên màn hình.

Đồng thời, khi robot Google “xem” một hình ảnh, hầu như tất cả những gì nó có thể thấy là tên tệp. Do đó, khi thêm văn bản thay thế vào code… Bạn đã cung cấp cho công cụ tìm kiếm nhiều thông tin hơn để hiểu nội dung hiển thị trên tệp hình ảnh. Đây là cách ALT text hiển thị trong code HTML.

Ví dụ: ALT text hình ảnh: <img src = ”kangaroo.jpg” alt = ” 

Các phương pháp hay nhất về văn bản ALT hình ảnh

1. Bắt đầu bằng cách tự hỏi, thông tin nào sẽ hữu ích cho việc những người không thể xem hình ảnh?
2. Với câu trả lời, hãy kết thúc câu này “ Đây là (n) hình ảnh, ảnh chụp màn hình, ảnh chụp hoặc bản vẽ của __________. ”
3. Loại bỏ tất cả từ nối khỏi câu kết quả và sử dụng phần cuối cùng làm ALT text.
4. Đảm bảo mô tả kết quả cụ thể.

toi-uu-hinh-anh-alt

BONUS – Nếu bạn có một Website thương mại điện tử, tôi khuyên bạn nên tận dụng tối đa chức năng trong ALT tag. Người mua đủ thời gian thường tìm kiếm được nó trong Google Hình ảnh bằng cách sử dụng ID của sản phẩm.

5. Bao gồm từ khóa mục tiêu trong ALT text ở đầu thẻ.
6. Giữ ALT text ít hơn 125 ký tự – Các công cụ đọc màn hình ngừng đọc ALT text trong khoảng này –  Google cũng có thể như vậy.

Nhưng đợi đã! Điều gì sẽ xảy ra nếu bạn đã tải hình ảnh của mình lên trang web của mình?

Bạn sẽ làm gì? Sử dụng plugin đổi tên tệp hình ảnh WordPress để cập nhật tên tệp hình ảnh của website bạn bên trong WordPress.

Chỉ với một vài click chuột, bạn có thể lưu hình ảnh của mình với tên tệp “thân thiện với SEO hình ảnh” tối ưu hóa hình ảnh.

plugin-doi-ten-tep-hinh-anh

#8. Tận dụng các thuộc tính và chú thích của tiêu đề hình ảnh để đạt được thứ hạng cao hơn

Đây là hai yếu tố quan trọng (nhưng thường bị bỏ qua) của SEO hình ảnh.

Tôi biết chúng rất quan trọng vì Google đã đưa ra các thông báo trong hướng dẫn Các phương pháp hay nhất về hình ảnh của họ:

“Google extracts information about the subject matter of the image from the content of the page, including captions and image titles. Wherever possible, make sure images are placed near relevant text and on pages that are relevant to the image subject matter.”

Dịch:

“Google trích xuất thông tin về các chủ đề hình ảnh từ nội dung trang, bao gồm các chú thích và tiêu đề của hình ảnh. Bất cứ lúc nào, hãy đảm bảo chắc chắn hình ảnh của bạn đã được đặt gần văn bản có liên quan và trên các trang có liên quan đến chủ đề của hình ảnh. ”

Vì vậy, rõ ràng, nếu như bạn không sử dụng các thuộc tính Tiêu đề và Chú thích hình ảnh, hoặc không sử dụng chúng một cách chính xác, có nghĩa bạn đã bỏ lỡ cơ hội thu hút người đọc và công cụ tìm kiếm.

Tối ưu Title Tag hình ảnh

Đối với Title hình ảnh, hãy sử dụng tiêu đề thật ngắn gọn, mô tả, hấp dẫn bổ sung cho ALT text.

Ví dụ: Nếu ALT text của bạn là “Chú kangaroo đang nhảy lên” thì tiêu đề của bạn có thể đơn giản là “Chú chuột túi bụi Skippy”

Viết đúng chú thích hình ảnh

Trong khi tiêu đề phải cung cấp mô tả có liên quan về hình ảnh. Nhưng nếu chú thích của bạn quá đơn giản chỉ là mô tả hình trong ảnh thì nó sẽ trở nên vô dụng trong việc SEO.

Thay vào đó, hãy mô tả các chi tiết của bức ảnh không rõ ràng như:

  • Địa điểm.
  • Thời gian trong ngày hoặc trong năm.
  • Hoặc, một sự kiện cụ thể đang diễn ra.

Điều này cung cấp cho người đọc (và các công cụ Google) nhiều ngữ cảnh hơn về hình ảnh cùng với khả năng giúp nó xếp hạng cho nhiều từ khóa hơn. Ngoài ra, để tăng khả năng xếp hạng, bạn hãy bổ sung một số LSI keywords vào chú thích.

Ví dụ, áp dụng vào thực tế:

Nếu bạn có một bức ảnh chụp hoàng hôn, cách chú thích sai cho bức ảnh sẽ là “hoàng hôn” – điều này sẽ không thêm BẤT KỲ thông tin bổ sung nào có lợi cho người đọc hoặc công cụ tìm kiếm.

Ngược lại, cách phù hợp để chú thích ảnh hoàng hôn của bạn có thể là:

Moonrise và Sunset, tháng 2 năm 2019, Nhà Quốc hội, London, Anh.

viet-dung-chu-thich-hinh-anh

Checklist 6 yếu tố tối ưu Image Title và Caption

Tiêu đề hình ảnh:

  • Ngắn gọn, hấp dẫn và mô tả hình ảnh.
  • Khác với ALT text.
  • Chứa từ khóa mục tiêu(hoặc một biến thể gần giống).

Chú thích hình ảnh:

  • Mô tả chi tiết của bức ảnh không rõ ràng.
  • Dài từ một đến hai câu.
  • Bao gồm các từ khóa LSI.
6-yeu-to-toi-uu-anh-va-caption

#9. Tối ưu hóa trang hiển thị

Đến đây, bạn đã biết cách tối ưu được tệp và tag hình ảnh rồi đấy.

Bây giờ, chúng ta hãy đi đến bước tối ưu hóa hình ảnh nâng cao hơn đó là tối ưu Content Around hình ảnh. Các bước bạn cần phải thực hiện như sau:

Bước 1. Cập nhật Page Title bao gồm các keyword mục tiêu.

Bước 2. Sửa đổi URL của page gồm keyword mục tiêu (hoặc các biến thể từ khóa gần giống). Lưu ý, bạn nên tạo URL ngắn và chứa từ khóa mong muốn SEO.

ngu-canh-anh-phai-phu-hop

Bước 3. Hình ảnh được trình bay quanh nội dung liên quan. Điều quan trọng ở đây là ngữ cảnh.

Nếu hình ảnh trên web của bạn là “blue-banana.png”. Và, tệp của bạn đính giữa hai đoạn văn nói về blue banana…

Tất nhiên lúc này Google có thể chắc chắn rằng “blue-banana.png” thực sự là hình ảnh của những Blue banana. Các mẹo này cung cấp cho Google bối cảnh, bạn hãy tận dụng nó nhé:

SEO ngữ nghĩa (Semantic SEO)

SEO ngữ nghĩa là quá trình xây dựng thêm những cụm từ “ý nghĩa” vào nội dung. Nói cách khác đây là quá trình sử dụng các từ khóa có liên quan để hỗ trợ “ngữ cảnh” cho từ khóa chính.

Đây là cách thực hiện:

Đầu tiên, đưa từ khóa mục tiêu vào Google Images. Google sẽ cung cấp cho bạn những từ và cụm từ có liên quan chặt chẽ đến chủ đề đó.

Thứ hai, nhập cùng một từ khóa vào một tìm kiếm thông thường trên Google. Và cuộn xuống phần “Các tìm kiếm liên quan đến…”.

seo-hinh-anh-semantic-seo

#10. Tạo Sitemap và Indexed hình ảnh

Sitemaps giúp nội dung của bạn nhanh chóng được index và giúp trở nên chuyên sâu hơn khi được người dùng tìm thấy. Nếu bạn có nhiều hình ảnh trên website, một Sitemaps hình ảnh có thể đảm bảo nhiều hình ảnh hơn được hiển thị trong kết quả tìm kiếm hình ảnh.

Bạn có thể tạo Sitemaps hình ảnh độc lập. Hoặc, làm theo hướng dẫn của tối như sau: Hãy đảm bảo hình ảnh trong XML Sitemaps của bạn.

Đặc biệt hơn. Nếu bạn sử dụng plugin WordPress và Yoast SEO, hình ảnh sẽ tự động được thêm vào XML Sitemaps.

Đây là một XML Sitemaps cơ bản:

tao-sitemap-va-index-hinh-anh

Và đây là một ví dụ có thêm hình ảnh:

vi-du-co-them-hinh-anh-sau-tao-sitemap

Bạn sẽ thấy rằng các thẻ   <image: image> và <image: loc> đã được thêm vào.

cac-the-khac-khi-toi-uu-anh

Việc thêm các thẻ khác này giúp bạn cung cấp nhiều thông tin hơn cho các công cụ tìm kiếm.

#11. Sử dụng định dạng SVG để hình ảnh rõ hơn, website nhẹ hơn

SVG được sử dụng cho logo, biểu tượng, văn bản và hình ảnh đơn giản. Toàn bộ nội dung của Scalable Vector Graphics chỉ là văn bản. 

Ví dụ:  W3Schools. Ở phía bên trái là nội dung của tệp và ở phía bên phải là phiên bản kết xuất của văn bản, nơi bạn có thể thấy nó trông như thế nào. Đó chính xác là cách người dùng sẽ thấy tệp SVG. Nếu bạn cố gắng thay đổi màu sắc hoặc kích thước, chất lượng của hình ảnh sẽ không bị hỏng, nó sẽ được giữ nguyên.

dung-dinh-dang-svg-de-toi-uu-hinh-anh

Sử dụng tệp SVG là một cách khác để tạo website tốt hơn. Bạn vẫn có thể có PNG và JPEG trên website của mình.

#12. Tối ưu dữ liệu EXIF

Khi nói đến dữ liệu EXIF, có hai điều tôi khuyên bạn nên làm:

Điều 1: Loại bỏ TẤT CẢ dữ liệu EXIF ​​không cần thiết (để hình ảnh nhẹ hơn và tải nhanh hơn).

Điều 2: Gắn tag hình ảnh với dữ liệu EXIF ​​có liên quan hữu ích cho SEO.

Nhưng trước tiên…

Dữ liệu EXIF ​​là gì?

Đây là những gì Wikipedia nói:

“Định dạng tệp có hình ảnh có thể trao đổi là tiêu chuẩn chỉ định các định dạng cho hình ảnh, âm thanh và các thẻ phụ được sử dụng bởi máy ảnh kỹ thuật số, máy quét và các hệ thống khác xử lý tệp hình ảnh và âm thanh được máy ảnh kỹ thuật số ghi lại”.

Nói cách khác…

Chúng là các thẻ được sử dụng để nhúng thông tin về một hình ảnh trong tệp của nó.

Cách tối ưu EXIF Data ​​cho tối ưu hình ảnh WordPress

Đầu tiên, tải hình ảnh của bạn lên exifer.net:

cach-toi-uu-exif-data-cho-seo-hinh-anh

Sau đó, làm sạch hình ảnh của tất cả dữ liệu EXIF ​​bằng cách đánh dấu vào hộp này:

lam-sach-du-lieu-exif-data

Tiếp theo, tìm kiếm vị trí GPS bạn muốn gắn thẻ hình ảnh của mình:

tim-kiem-vi-tri-gps-ban-muon-gan-the-hinh-anh

Điền vào các trường Tên chủ sở hữu và Mô tả hình ảnh.

dien-day-du-thong-tin-de-toi-uu-anh

#13. Tối ưu Responsive Images (Mẹo tiết kiệm thời gian tải)

Nói cách khác: Đây là quá trình bạn tối ưu hình ảnh các kích thước sao cho nó phù hợp với các kích thước của màn hình khác nhau đến người dùng.

Tôi sẽ giúp bạn hiểu rõ hơn về Responsive Images hoạt động như thế nào với một vài ví dụ nhanh sau đây:

  1. Người dùng A xem website bạn từ Desktop, vì vậy website của bạn cần phải cung cấp một phiên bản lớn hình ảnh.
  2. Người dùng B xem website của bạn từ Tablet, vì vậy website của bạn cần cung cấp phiên bản hình ảnh có kích thước trung bình.
  3. Khi người dùng C xem website của bạn từ thiết bị Mobile, tất nhiên website của bạn phải cung cấp cho họ một phiên bản hình ảnh có kích thước nhỏ hơn phiên bản trên máy tính.

Nếu bạn hoàn thành tốt quá trình này bạn sẽ ghi điểm rất cao đối với người tiêu dùng.

seo-hinh-anh-bang-cach-toi-uu-responsive-images

Và nó trông như thế này:

<img src = ”image.jpg” srcset = ”image.jpg 200w, image-medium.jpg 400w, images-large.jpg 600w”>

Nếu bạn không phải là một lập trình viên. Đừng lo!

WordPress sẽ tự động tạo srcset cho bạn (bắt đầu từ WordPress 4.4).

Đối với mỗi hình ảnh tải lên WordPress, nó tạo ra các phiên bản sau:

  • Hình thu nhỏ: Hình cắt vuông (150px x 150px).
  • Trung bình: Đã đổi kích thước để cạnh dài nhất có chiều rộng hoặc chiều cao 300 pixel.
  • Lớn vừa: Đã đổi kích thước thành rộng 768 pixel.
  • Lớn: Đã thay đổi kích thước để cạnh dài nhất có chiều rộng hoặc chiều cao là 1024 pixel.
  • Đầy đủ: Hình ảnh gốc.

Tất cả những gì bạn cần nghĩ đến là: Tối ưu hình ảnh bằng cách thay đổi kích thước hình thành kích thước lớn nhất mà nó sẽ được hiển thị.

#14. Sử dụng Lazy Loading

Bạn có thể thấy khi bạn sử dụng quá nhiều hình ảnh trong cùng mỗi bài đăng và đồng thời tải tất cả những hình ảnh đó lên cùng nhau, bài đăng sẽ MÃI MÃI display.

Đó là lý do tại sao bạn nên sử dụng Lazy Loading.

Lazy Loading là nơi trình duyệt định hướng việc tải hình ảnh (hoặc bất kỳ đối tượng nào khác như video, video nhúng,…) cho đến khi chúng cần được hiển thị trên màn hình.

Tất cả các hình ảnh khác chỉ được điều chỉnh và tải khi chúng cần – tức là khi bạn cuộn xuống phần đó của trang.

cai-thien-thoi-gian-tai-trang-bang-lazy-loading

Lazy Loading sẽ cải thiện đáng kể thời gian tải trang của bạn. Tuy nhiên, một vấn đề…

Nếu như phần mềm này không được triển khai đúng cách, hình ảnh có thể sẽ bị ẩn khỏi các công cụ tìm kiếm. Rất may, Google có một hướng dẫn hữu ích giải thích cách tải đúng cách. Tất cả các phương pháp mà họ đã đề xuất đều có liên quan đến việc bạn sử dụng Javascript – có nghĩa là bạn sẽ cần một số kỹ năng để phát triển web ninja.

#15. Browser Cache: Cách sử dụng giúp cải thiện SEO hình ảnh

Nếu bạn đã thực hiện chiến dịch SEO, tôi chắc rằng bạn đã từng tranh luận về vấn đề này: Social có tác động đến thứ hạng SEO hay không?

Đây là sự thật: “Tín hiệu” trên mạng xã hội KHÔNG phải là một yếu tố giúp website của bạn được tăng xếp hạng. Ít nhất không phải là một yếu tố xếp hạng TRỰC TIẾP.

Cụ thể như sau:

Google không thể nhìn thấy được mọi thứ diễn ra bên trong các trang mạng xã hội. Facebook, Instagram, LinkedIn và những thứ khác không thể truy cập vào Google Bots.

Do đó, chỉ có một vài yếu tố mà Google có thể thấy (lượt thích, lượt chia sẻ,…) đây là những tín hiệu không đầy đủ và hầu như bị google bỏ qua. Mặc dù các tín hiệu trên social không ảnh hưởng quá nhiều đến thứ hạng tìm kiếm. Điều đó có nghĩa là social không tốt cho SEO?

Câu trả lời là: Tuyệt đối không!

Khi nội dung của bạn được chia sẻ trên các social media, bạn sẽ gia tăng tiềm năng cho các liên kết và xây dựng đọc giả cho thương hiệu của mình. Cả hai điều này đều rất cần thiết trong quá trình thực hiện chiến dịch SEO. Để có thể thực hiện bạn có thể tham khảo hướng dẫn sau: 

Bước 1. Bạn cần thêm các nút chia sẻ lên social ở đầu và bên cạnh bài đăng, như thế này:

chia-se-social-canh-bai-dang

Bước 2. Bạn có thể tạo và cho hiển thị các nút chia sẻ trên mọi ảnh

hien-thi-nut-chia-se-tren-hinh-de-toi-uu-anh

Bonus: Các Tool hỗ trợ tối ưu hình ảnh như Image Sharer của Sumo

tool-ho-tro-nhu-image-sharer-cua-sumo

Tuy nhiên, khi người dùng chia sẻ hình ảnh của bạn, Image Sharer sẽ cung cấp cho họ thêm một liên kết để quay lại nội dung của bạn, từ đó gián tiếp thúc đẩy lưu lượng truy cập đến website bạn!

image-sharer-se-cung-cap-lien-ket-quay-lai

#16. Sử dụng Content Delivery Network (CDN) để tăng tốc thời gian tải hình ảnh

Đây là siêu hack Image SEO.

Khi bạn sử dụng CDN, hình ảnh của bạn sẽ được tải nhanh hơn. Trên thực tế, thử nghiệm của Woorkup đã chứng minh nếu như một trang sử dụng CDN sẽ tải nhanh hơn gấp 2 lần so với một trang không có CDN .

Đây là thời gian tải trang mà không có CDN:

content-delivery-tang-toc-thoi-gian-tai-anh

612 mili giây. Không quá tệ phải không nào!

Và đây là trang có bật Content Delivery Network

thoi-gian-tai-duoc-cai-thien-nhanh-chong

378 mili giây. Nhanh hơn rất nhiều rồi đúng không!

Chỉ cần bạn thêm CDN, thời gian tải đã giảm đi 56,64%. =)))

Cách CDN hoạt động:

Thay vì cung cấp hình ảnh của bạn từ một máy chủ trung tâm, CDN sẽ lưu trữ phiên bản đã được lưu trong bộ nhớ cache của hình ảnh ở nhiều vị trí địa lý khác nhau, được gọi là Points of Presence (hoặc viết tắt là POP):

Bởi vì nội dung của bạn đã được cung cấp từ POPs gần với người sử dụng (và không phải trên một máy chủ hàng ngàn dặm)…

Nó tải nhanh như chớp!

cach-cnd-hoat-dong-giup-toi-uu-hoa-hinh-anh-cho-wordpress

Có rất nhiều CDN bạn có thể tận dụng:

  • Cloudflare – (có sẵn bậc miễn phí)
  • KeyCDN
  • Amazon CloudFront – (có sẵn cấp miễn phí)
  • Google Cloud CDN – (có bản dùng thử miễn phí)

Và, nhiều nhà cung cấp dịch vụ lưu trữ như WP Engine có CDN được tích hợp sẵn. Nhưng, hãy lưu ý…

Khi bạn sử dụng CDN, hình ảnh của trang bạn sẽ không “nằm” trên trang web của bạn. Có nghĩa là các URL của hình ảnh đã từng trông như thế này:

hinh-khong-nam-tren-web-khi-su-dung-cnd

Bây giờ trông sẽ như thế này:

hinh-se-hien-thi-the-nay-khi-su-dung-cnd

Điều này sẽ ảnh hưởng xấu cho SEO, bởi vì: Nếu như mọi người nhúng hình ảnh của bạn vào website họ, họ sẽ thấy liên kết trở lại vị trí CDN chứ không phải là tên miền của bạn. Có nghĩa là bạn bỏ lỡ các liên kết và cả những lưu lượng truy cập có giá trị.

Do đó, tôi khuyên bạn nên thiết lập bản ghi CNAME.

#17. Sử dụng Open Graph và Twitter Cards để hiển thị Rich Snippets và Maximize Social Sharing (Công thức 3 bước)

Khi ta nhắc đến tag Open Graph và tag Twitter tôi đã luôn nhắm đến mục tiêu: Tối ưu hóa tỷ lệ chuyển đổi để có thể hiển thị trên social media. Khi chúng được thực hiện đúng cách, các “tag” này sẽ biến đổi như các đoạn mã trên social media thành nam châm tỷ lệ click cực kỳ hấp dẫn.

Để có thể tối đa hóa CTR bằng cách sử dụng thẻ og: image, bạn chỉ cần thực hiện đúng 3 bước đơn giản sau:

Bước 1: Chọn một hình ảnh sẽ làm nổi bật trong nguồn cấp tin tức. Hình ảnh được sử dụng màu sắc tươi sáng và/hoặc có người hoạt động đặc biệt tốt.

dung-open-graph-de-hien-thi-snippet

Chú thích phụ – Đảm bảo khớp hình ảnh bạn với trang (hoặc bài đăng) để giảm thiểu tỷ lệ thoát và tối đa hóa chuyển đổi.

Bước 2: Thay đổi kích thước của hình ảnh thành: rộng 1200px x cao 628px.

thay-doi-kich-thuoc-hinh-trong-ma-open-graph

Xác định vị trí hình ảnh trong mã Open Graph.

<! – Dữ liệu biểu đồ mở ->

<meta property = ”og: title” content = ”Title Here” />
<meta property = ”og: type” content = ”article” />
<meta property = ”og: url” content = ”http://www.example.com/” />
<meta property = ”og: image” content = ” http://example.com/image.jpg ” />
<meta property = ”og: description ”Content =” Mô tả tại đây ”/>

Nếu bạn đang sử dụng plugin Yoast SEO hoặc thẻ social media meta, mã này được tạo tự động khi bạn hoàn thành các trường cần thiết:

ma-open-graph-tao-tu-dong-hoan-thanh-seo-hinh-anh

Bonus: Mẹo Open Graph và Twitter Card

  • Điều chỉnh lại các ý tưởng headline không sử dụng làm title cho các thẻ Open Graph và Twitter Cards của bạn.
  • Chỉnh sửa hình ảnh và mô tả của chúng dựa trên ý tưởng của bài viết. Hiển thị hình ảnh và văn bản sẽ thu hút sở thích riêng của từng đối tượng ở trên mạng.
  • Mặc dù Twitter được cho là mặc định đối với Open Graph tag nếu không có Twitter Card markup nào trên trang, bạn sẽ có được kết quả được kiểm soát tốt hơn nếu như dùng cả hai loại markup trên trang. Nói cách khác, hãy cố gắng tận dụng cả hai cho tất cả các social media sites trong cài đặt plugin đã chọn của bạn.

#18. Sử dụng Schema Markup

Ngoài việc tạo hình ảnh. Cho đến gần đây, hầu như hình ảnh của bạn đã KHÔNG tạo nên được bất kì sự nổi bật gì trên Google Image search đúng không!? Nhưng sau đó có thể bạn đã được Google đã giới thiệu điều này và bạn đã lướt qua nó.

Image Badges

seo-hinh-anh-len-google-bang-schema-markup

Image Badges thường hiển thị ở góc dưới cùng bên trái của hình thu nhỏ hình ảnh khi người dùng tìm kiếm trên ứng dụng Google dành cho Android và trên web di động.

Nói cách khác: Image Badges này được hiển thị cho đại đa số người tìm kiếm vì các truy vấn tìm kiếm trên thiết bị di động nhiều hơn các truy vấn trên desktop 60:40 theo Statista .

Mục đích của Google với Image Badges là phân loại nội dung cho người tìm kiếm:

toi-uu-hinh-anh-wordpress-voi-image-badges

Và, giúp họ tìm thấy những gì mà họ đang mong muốn. Hãy tưởng tượng điều này một chút:

Joan muốn nướng bánh nướng, nhưng cô ấy không biết loại nào.
Tuy nhiên, tìm một hình ảnh với công thức có thể là thách thức đối với cô ấy. Trong quá trình tìm kiếm hình ảnh của Joan đã dẫn cô đến một trang chỉ có hình ảnh về bánh nướng, còn một tìm kiếm khác dẫn cô đến một website chuyên dành cho những người thích bánh nướng, mọi thứ về bánh nướng nhưng không có công thức… Bạn có thể cảm thấy được sự thất vọng của Joan.

Nhưng, bạn có thể giúp Joan (và những người khác như cô ấy) bằng cách thêm schema markup vào các trang trên website để những huy hiệu này được hiển thị.

Hiện tại, Google hỗ trợ bốn loại đánh dấu hình ảnh: Sản phẩm, công thức nấu ăn, video và GIF.

Bạn chỉ cần thêm đánh dấu lược đồ thích hợp vào trang.

  • Recipe markup vào các trang công thức.
  • Product markup vào các trang sản phẩm.
  • Video markup vào các trang có video.

Tổng kết

Để SEO hình ảnh tốt, bạn sẽ phải triển khai qua rất nhiều bước. Trong bối cảnh Google đang ngày càng nhận diện hình ảnh tốt hơn, bạn nên… Đảm bảo tối ưu hình ảnh và tất cả yếu tố có liên quan khác nhằm đem đến một trải nghiệm tốt hơn cho người dùng cũng như SEO.

Hãy lưu ý những điểm sau khi chèn hình ảnh vào bài viết:

  • Sử dụng hình ảnh liên quan tương ứng với nội dung
  • Đặt tên file hình ảnh thích hợp
  • Đảm bảo kích thước hình ảnh tương ứng với kích thước ảnh khi được hiển thị
  • Dùng srcset nếu có thể
  • Giảm dung lượng file để tải nhanh hơn
  • Thêm caption khi cần để dễ scan trang hơn
  • Dùng alt text cho hình ảnh thay vì title text
  • Thêm cấu trúc dữ liệu vào hình ảnh trên website của bạn
  • Thêm tag OpenGraph và Twitter Card cho hình ảnh
  • Không canh hình ảnh sang bên trái. Hãy canh chỉnh bên phải hoặc chính giữa
  • Sử dụng hình ảnh trong XML sitemap

Bên cạnh yếu tố SEO và UX (trải nghiệm người dùng), tối ưu hóa hình ảnh cho website còn giúp tăng Conversion cho doanh nghiệp của bạn. Do vậy, hãy chú ý hơn đến việc SEO hình ảnh (tối ưu hình ảnh) – Một yếu tố quan trọng mà rất rất nhiều người hiện đang bỏ lỡ.

Chúc bạn thành công!

Cảm ơn bạn đã đọc hết bài viết trên của VIDCOGROUP mọi ý kiến và thắc mắc vui lòng để lại dưới phần Comment.

Tham khảo bài viết liên quan:

  1. Technical SEO: Hướng dẫn sử dụng Technical SEO
  2. 7 Bước đơn giản giúp bạn triển khai SEO Google Map
  3. Yoast SEO là gì? Hướng dẫn cách sử dụng Yoast SEO từ A-Z
  4. SEO Onpage là gì? Hướng dẫn SEO Onpage từ cơ bản đến nâng cao.
  5. SEO Content là gì? Hướng dẫn cách xây dựng kế hoạch SEO Content (2021)
  6. Google Ads là gì? Hướng dẫn sử dụng Google Ads từ A-Z
  7. DMCA là gì? Hướng dẫn cách đăng ký DMCA cho Website
  8. GSA SEO Ranker là gì? Hướng dẫn cách xây dựng backlink chất lượng
  9. Tại sao SEO lại quan trọng, thậm chí là cả trong mùa COVID-19?
  10. SEO Audit là gì? Hướng dẫn cách Audit Website từ A-Z

Author

nguyendaihai

Leave a comment

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

vi