SEO hình ảnh: 9 yếu tố then chốt để tối ưu hóa
Hình ảnh là một trong những công cụ được sử dụng phổ biến nhất thường đi kèm với bất kỳ văn bản nào. Chúng không chỉ giúp nhấn mạnh những phần văn bản chúng ta muốn làm nổi bật, mà còn cải thiện khả năng đọc, làm cho văn bản của bạn đẹp hơn và thú vị hơn. Hình ảnh chắc chắn giúp cung cấp cho người dùng của bạn trải nghiệm tốt nhất có thể. Tuy nhiên, tại sao đôi khi chúng ta lại quên tối ưu hóa hình ảnh để phù hợp với nguyên tắc của Google, xét đến việc nó tập trung vào việc chiều chuộng người dùng để thúc đẩy tương tác liên tục?
Không nghi ngờ gì, đầu tư một chút thời gian để làm việc với hình ảnh là đáng giá để tận dụng tối đa chúng. Hãy xem 9 yếu tố cần lưu ý để bắt đầu với SEO hình ảnh.
1. Những lưu ý chung về SEO hình ảnh
Chúng ta thường đặt tất cả nỗ lực vào việc xếp hạng các URL có giá trị SEO trong SERPs. Tuy nhiên, như chúng tôi đã đề cập trước đó, tối ưu hóa hình ảnh là quan trọng để xếp hạng cao hơn trong kết quả tìm kiếm Google Images và tăng khả năng thu hút lưu lượng truy cập hữu cơ thông qua chúng.
Bot của Google không thể "đọc" hình ảnh. Chúng được tạo ra để đọc mã trên một trang web, không phải trên một animation hoặc hình ảnh cụ thể. Vì lý do này, chúng ta cần cung cấp cho chúng thông tin này bằng cách tuân theo một bộ nguyên tắc SEO đơn giản. Điều này sẽ xác định liệu các bot có thể diễn giải thông tin chúng ta đang cố gắng hiển thị, đánh giá hình ảnh và xếp hạng chúng cao hơn trong phần Google Images hay không.
2. Kích thước và trọng lượng hình ảnh
Hai trong số các yếu tố chính cần xem xét khi tối ưu hóa hình ảnh là trọng lượng và kích thước của chúng.
Trọng lượng:
Sử dụng hình ảnh nặng trên trang web của bạn có thể tăng thời gian tải cho URL nơi chúng được triển khai và do đó toàn bộ trang web. Thời gian tải là một trong những yếu tố ảnh hưởng đến xếp hạng hữu cơ trên desktop và mobile, làm cho việc tối ưu hóa hình ảnh trở nên thiết yếu.
Các công cụ để giảm trọng lượng hình ảnh:
Có nhiều công cụ chúng ta có thể sử dụng để giảm trọng lượng hình ảnh. Ngay cả khi chúng ta không có phần mềm chỉnh sửa hình ảnh chuyên nghiệp như Photoshop hoặc Illustrator, chúng ta có thể sử dụng các nền tảng trực tuyến như:
-
ImageOptim hoặc TinyJPG, giảm trọng lượng hình ảnh mà không ảnh hưởng đến chất lượng.
-
Website Speed Test Image Analysis Tool cho phép tải xuống các định dạng hình ảnh mới một cách dễ dàng.
Kích thước:
Ngoài ra, điều quan trọng là triển khai một số kích thước hình ảnh cho mỗi trang để hiển thị kích thước phù hợp nhất tùy thuộc vào thiết bị mà nó được xem. Mặc dù có các plugin điều chỉnh kích thước hình ảnh, lựa chọn này có thể không phải là tốt nhất trong thực tế. Lý do là, ví dụ, một hình ảnh 1000px có thể được rescale xuống 400px, giảm kích thước trực quan của nó, nhưng hình ảnh sẽ vẫn nặng như một hình ảnh 1000px, ảnh hưởng đến hiệu suất và tốc độ web của bạn.
Công cụ:
Yếu tố quan trọng nhất khi chọn hình ảnh là biết nền tảng chúng ta sẽ làm việc trên. Nếu chúng ta làm việc trên WordPress, ví dụ, chúng ta có thể sử dụng SmushIt, một plugin cho phép xác định chiều rộng và chiều cao tối đa cho hình ảnh của chúng ta trước khi rescaling, nén và tải chúng lên server.
Nếu, ngược lại, chúng ta làm việc với một nền tảng có mã nguồn riêng, chúng ta phải tạo một quy trình thủ công hoặc tự động cho phép tối ưu hóa hình ảnh trước khi tải chúng lên server.
3. Định dạng hình ảnh thân thiện với SEO
Hiện tại, cách tối ưu nhất để lưu hình ảnh web là sử dụng một trong bốn định dạng sau:
-
WebP: Có thể giảm trọng lượng gốc của hình ảnh từ 25-35%. Đây là một trong những định dạng được khuyến nghị nhất hiện tại; mặc dù một số phiên bản trình duyệt vẫn không thể đọc chúng, nó là một trong những định dạng cho phép nén nhiều hơn mà không ảnh hưởng đến chất lượng hình ảnh.
-
PNG: Đây là lựa chọn tốt nhất cho hình ảnh có ít màu sắc và nền trong suốt. Nó được sử dụng rộng rãi trong các logo.
-
JPG: Định dạng nên được sử dụng cho ảnh chụp và hình ảnh nói chung. Một chút chất lượng bị mất khi nén chúng, nhưng màu sắc và tông màu được giữ nguyên.
-
GIF: Được sử dụng trong các animation và hình ảnh chuyển động.
Khuyến nghị:
-
Luôn sử dụng định dạng hình ảnh phù hợp nhất về trọng lượng và tính tương thích.
-
Luôn nén hình ảnh, dù là thủ công hay thông qua công cụ xử lý tự động.
-
Nếu web chứa một số biểu tượng, hãy nhóm chúng vào một hình ảnh duy nhất thông qua CSS Sprites để giảm số yêu cầu server và cải thiện hiệu suất web của bạn.
4. Các trường SEO hình ảnh
Mỗi hình ảnh đi kèm với một bộ các trường liên quan để cung cấp cho các robot công cụ tìm kiếm (và tất nhiên là người dùng) khả năng tiếp cận được cải thiện.
Tên hình ảnh
Tên hình ảnh đề cập đến tên của tệp. Đó là tiêu đề của hình ảnh, sử dụng dấu gạch ngang và dấu gạch dưới giữa các từ. Khuyến nghị nên bao gồm từ khóa mà chúng ta muốn xếp hạng hình ảnh cao hơn, tránh các ký tự bất thường (chẳng hạn như "ñ", "?" hoặc các chữ cái có dấu, "á", v.v.)
Cũng nên bỏ qua các giới từ hoặc các ký tự không cần thiết khác trong tên hình ảnh để rút ngắn URL và làm cho nó thân thiện với SEO nhất có thể.
Tiêu đề
Đó là văn bản xuất hiện khi đặt con trỏ trên hình ảnh. Chúng tôi khuyên bạn nên điền nó để thêm tiêu đề ngữ nghĩa cho hình ảnh, bao gồm từ khóa chúng ta muốn xếp hạng cao hơn.
Điều này có thể giống với văn bản alt, mặc dù việc viết lại thuộc tính này với những thay đổi nhỏ không mất nhiều thời gian.
Thuộc tính "Alt"
Đây là phần tử quan trọng nhất, vì nó là phần tử mà Google đọc. Nó phải chứa từ khóa chính mà chúng ta muốn xếp hạng URL của mình cao hơn và nó phải chứa các mô tả ngắn.
Cú pháp của nó như sau:
<img src=”IMAGE LINK” alt=”IMAGE ALT DESCRIPTION” />
Ví dụ về một hình ảnh được tối ưu hóa:
Hãy xem mỗi trường có thể được tối ưu hóa như thế nào cho hình ảnh này dựa trên từ khóa mục tiêu "ciberseguridad pymes", có khối lượng tìm kiếm trung bình hàng tháng là 90 (ở Tây Ban Nha):
Tên tệp:
-
Sai: 04745892595295.jpg
-
Đúng: ciberseguridad-pymes.jpg
Tiêu đề: Consejos de ciberseguridad para empresarios y pymes. (Lời khuyên an ninh mạng cho các công ty và doanh nghiệp nhỏ.)
Văn bản Alt: Ciberseguridad para pymes y empresarios: consejos. (An ninh mạng cho doanh nghiệp nhỏ và công ty: mẹo.)
Bằng cách này, chúng ta sẽ tối ưu hóa tất cả các trường và có được một hình ảnh sẵn sàng để chiến đấu cho các vị trí hàng đầu. Tất nhiên việc tối ưu hóa hình ảnh không đảm bảo chúng sẽ xuất hiện đầu tiên, nhưng đó là bước đầu tiên để đạt được điều đó :)
5. Ngữ cảnh ngữ nghĩa
Google coi rằng những hình ảnh phù hợp nhất là những hình ảnh đi cùng với nội dung xung quanh chúng. Do đó, khuyến nghị bao gồm văn bản liên quan. Bằng cách này, chúng ta sẽ mở rộng tổng ngữ cảnh ngữ nghĩa trong URL.
6. Sitemap dành riêng cho hình ảnh
Để giúp các bot của Google theo dõi hình ảnh của chúng ta hiệu quả hơn, cần tạo một sitemap.xml độc quyền với loại tệp này. Trên WordPress, nó có thể được tạo tự động với các công cụ (plugin) như Yoast hoặc RankMath. Nếu bạn không làm việc trên WordPress, bạn có thể sử dụng các công cụ thay thế hoặc các công cụ lập trình thủ công (theo dõi URL).
Tiếp theo, bạn sẽ thấy một ví dụ sitemap với hai hình ảnh trong bài viết:
<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"> <url> <loc>http://example.com/sample.html</loc> <image:image> <image:loc>http://example.com/image.jpg</image:loc> </image:image> <image:image> <image:loc>http://example.com/photo.jpg</image:loc> </image:image> </url> </urlset>
Một số tag được sử dụng phổ biến nhất khi tạo sitemap hình ảnh là:
→ Tiêu đề hình ảnh
→ URL hoặc đường dẫn nơi tệp được lưu
→ Chú thích
→ Loại giấy phép
→ Thông tin định vị địa lý
- Tài liệu: Một lượng lớn thông tin có thể được tìm thấy trên blog của Google về sitemap hình ảnh với các ví dụ, hướng dẫn triển khai và nhiều hơn nữa.
Sau khi hoàn thành việc triển khai, chúng ta sẽ có thể xác minh trạng thái phạm vi indexation trên Search Console.
7. Lazy Loading hình ảnh (Tải theo yêu cầu)
Hình ảnh là một trong những tài nguyên được sử dụng nhiều nhất trên các trang web, vì người ta nói "một bức ảnh đáng giá ngàn lời nói". Đó là lý do tại sao khía cạnh trực quan của mỗi trang web được phát triển cẩn thận bằng cách sử dụng các yếu tố đa phương tiện này. Tuy nhiên, không tối ưu hóa chúng có thể có tác động tiêu cực đến trải nghiệm người dùng và thời gian tải web. Vì lý do này, lazy loading được khuyến nghị.
Nhờ lazy loading, hình ảnh chỉ được tải khi chúng xuất hiện trên màn hình. Ví dụ, nếu chúng nằm ở phần dưới của trang chưa hiển thị trên màn hình thiết bị, chúng sẽ không được tải cho đến khi người dùng cuộn xuống. Điều này giảm đáng kể số lượng yêu cầu HTTPS và giảm thời gian tải, làm cho trang của bạn hấp dẫn hơn đối với Google.
Plugin để triển khai Lazy loading trên WordPress
Nếu bạn đang quản lý các trang web trên nền tảng phần mềm này, có một bộ plugin sẽ thu hút sự chú ý của bạn nếu bạn muốn tối ưu hóa hình ảnh bằng cách triển khai lazy loading. Hãy nhớ kiểm tra xem theme đã cài đặt có bao gồm chức năng này không. Nếu không, đây là một vài plugin thú vị:
-
BJ Lazy Load: dễ cài đặt và thiết lập, đây là một trong những công cụ phổ biến nhất, với hơn 90.000 lượt cài đặt. Nhờ tiện ích này, bạn có thể scale hình ảnh để điều chỉnh chúng cho các kích thước màn hình khác nhau.
-
Lazy Load by WP Rocket: đơn giản và dễ thiết lập (về cơ bản vì nó không cung cấp các tùy chọn khác nhau), lợi thế của plugin này là không sử dụng thư viện JavaScript như jQuery.
8. Sử dụng CDN cho hình ảnh
CDN (Content Delivery Network) là một bộ máy chủ phân tán trên toàn thế giới giúp cung cấp nội dung của một trang web đã được cache tùy thuộc vào nơi người yêu cầu được đặt. Nhờ mạng lưới hosting này, máy chủ gần người yêu cầu nhất sẽ cung cấp một bản sao của trang web được yêu cầu.
Do đó, sử dụng CDN giúp các URL của chúng ta tải xuống nhanh hơn, giảm thời gian tải của trang web và thúc đẩy xếp hạng hữu cơ của nó.
Nếu chúng ta sử dụng CDN (ví dụ, Cloudflare) để hiển thị hình ảnh, chúng sẽ được tải xuống và hiển thị nhanh hơn. Luồng đơn giản này sẽ trực tiếp cải thiện SEO của chúng ta.
9. Các lưu ý khác
Hình ảnh có giá trị SEO, tức là những hình ảnh chúng ta muốn xếp hạng cao hơn, phải được bao gồm trong source code của URL. Những hình ảnh được triển khai như một thuộc tính background trên CSS sẽ không hiển thị cho Google, vì nó không thể hiểu loại style sheet này.
Ngoài ra, có những chi tiết không thể bỏ qua khác cần lưu ý khi tối ưu hóa hình ảnh của chúng ta:
-
Exif: Với mỗi hình ảnh, một bộ thuộc tính được lưu, chẳng hạn như ngày chụp ảnh và dữ liệu khác liên quan đến các chuyên gia trong lĩnh vực này. Tuy nhiên, thông tin này không có giá trị SEO và chỉ chiếm dụng không gian. Xóa thông tin này có thể giúp tối ưu hóa hình ảnh và làm cho chúng nhẹ hơn.
-
"longdesc": Thuộc tính này thường bị quên, nhưng có thể thú vị để triển khai trong hình ảnh của chúng ta. Đây là mô tả dài của hình ảnh.
-
Liên kết: Link-building đóng vai trò cơ bản trong sự phát triển hữu cơ của các trang của chúng ta, mà còn trong các hình ảnh của chúng ta. Chúng cũng có thể được liên kết và do đó đạt được sự công nhận cao hơn trong các công cụ tìm kiếm.
Chúng tôi có bỏ sót bất kỳ mẹo thiết yếu nào không? Chúng tôi rất muốn nghe bạn. Hãy để lại bình luận bên dưới và chia sẻ kiến thức của bạn!
Tác giả: David Kaufmann
Tôi đã dành hơn 10 năm qua hoàn toàn đắm chìm trong SEO — và thành thật mà nói, tôi không muốn điều gì khác thay thế.
Sự nghiệp của tôi bước sang một tầm cao mới khi tôi làm việc với vai trò chuyên gia SEO cấp cao tại Chess.com — một trong 100 website được truy cập nhiều nhất trên toàn bộ internet. Vận hành ở quy mô đó, trên hàng triệu trang, hàng chục ngôn ngữ và trong một trong những SERPs cạnh tranh khốc liệt nhất, đã dạy tôi những điều mà không khóa học hay chứng chỉ nào có thể mang lại. Trải nghiệm đó đã thay đổi cách tôi nhìn nhận về SEO thực sự xuất sắc — và trở thành nền tảng cho mọi thứ tôi xây dựng từ đó đến nay.
Từ kinh nghiệm ấy, tôi đã sáng lập SEO Alive — một agency dành cho những thương hiệu thực sự nghiêm túc với tăng trưởng organic. Chúng tôi không ở đây để bán dashboards và báo cáo hàng tháng. Chúng tôi ở đây để xây dựng những chiến lược thực sự tạo ra chuyển biến, kết hợp tinh hoa của SEO truyền thống với thế giới mới đầy thú vị của Generative Engine Optimization (GEO) — đảm bảo thương hiệu của bạn không chỉ xuất hiện trong các liên kết xanh của Google, mà còn hiện diện ngay trong những câu trả lời do AI tạo ra mà ChatGPT, Perplexity và Google AI Overviews đang cung cấp cho hàng triệu người mỗi ngày.
Và bởi vì tôi không thể tìm được một công cụ xử lý tốt cả hai thế giới đó, tôi đã tự xây dựng một công cụ — SEOcrawl, một nền tảng SEO intelligence cấp doanh nghiệp tích hợp rankings, kiểm tra kỹ thuật, giám sát backlinks, tình trạng crawl và theo dõi hiển thị thương hiệu trên AI, tất cả trong một nơi. Đó chính là nền tảng mà tôi luôn ước có.
Khám phá thêm nội dung của tác giả này
