Sat Mar 28 2026 20:00:00 GMT-0400 (北美东部夏令时间)

Hướng dẫn SEO hình ảnh: Alt Text, Tốc độ và Lập chỉ mục

Sử dụng quy trình SEO hình ảnh này để viết alt text hữu ích, chọn giao hàng bằng WebP, tránh các trang chậm và giúp Google khám phá tài sản hình ảnh của bạn.

Hướng dẫn SEO hình ảnh: Alt Text, Tốc độ và Lập chỉ mục

Cập nhật lần cuối: June 28, 2026

Image SEO không phải là thủ thuật nhồi nhét từ khóa vào tên tệp. Đó là công việc thực tế nhằm giúp các hình ảnh quan trọng trở nên dễ khám phá, dễ hiểu, nhanh chóng và hữu ích trên trang mà chúng xuất hiện.

Hướng dẫn này bao gồm quy trình làm việc tôi sẽ áp dụng cho một thư viện sản phẩm, bài báo biên tập, trang dịch vụ địa phương, hoặc landing page chứa nhiều hình ảnh trước khi xem xét liệu các hình ảnh đó có thể xếp hạng trong Google Images hay không.

Câu trả lời nhanh: điều gì quan trọng nhất đối với Image SEO?

Image SEO hoạt động khi hình ảnh có thể được crawl (thu thập dữ liệu), trang web giải thích hình ảnh hiển thị gì, và tệp tải đủ nhanh để người dùng không bỏ đi. Hãy bắt đầu bằng một URL hình ảnh HTTPS ổn định, tên tệp mô tả, alt text cụ thể, nội dung xung quanh hữu ích, và phiên bản WebP hoặc AVIF được nén có kích thước phù hợp với bố cục.

image best practices của Google nhấn mạnh các hình ảnh chất lượng cao, văn bản mô tả gần hình ảnh, tiêu đề trang tốt, và URL có thể crawl. Ngữ cảnh của trang quan trọng không kém gì bản thân tệp tin.

Hãy sử dụng thứ tự này: khả năng khám phá trước tiên, mô tả thứ hai, phân phối thứ ba, đo lường cuối cùng. Nếu tệp trả về 404, bị chặn bởi robots.txt, hoặc chỉ xuất hiện bên trong mã client-side mà công cụ tìm kiếm không thể phân tích đáng tin cậy, alt text tốt hơn cũng sẽ không khắc phục được điều đó.

Đối với một đợt tối ưu hóa hình ảnh rộng hơn sau khi hoàn thành Image SEO, hãy sử dụng Complete Image Optimization Checklist. Nếu vấn đề tức thời là trọng lượng tệp, Image Compression Ratio Guide giải thích cách đo lường mức tiết kiệm mà không che giấu hư hỏng hiển thị.

Google hiểu một hình ảnh như thế nào?

Google có thể sử dụng tệp hình ảnh, tiêu đề trang, các tiêu đề phụ (headings), văn bản hiển thị, chú thích (captions), dữ liệu có cấu trúc (structured data), và liên kết để hiểu một hình ảnh đại diện cho điều gì. Một bức ảnh về giày chạy bộ màu xanh trên một trang trống sẽ yếu hơn bức ảnh tương tự bên trong một trang sản phẩm với tiêu đề rõ ràng, tên mẫu, màu sắc, tùy chọn kích cỡ và alt text mô tả.

Khám phá là cánh cổng đầu tiên. URL hình ảnh phải trả về HTTP 200, sử dụng định dạng có thể crawl, và duy trì ổn định sau khi xuất bản. Tránh các URL ký tạm thời cho hình ảnh bài viết công khai trừ khi URL được hiển thị cuối cùng là công khai và có thể lập chỉ mục (indexable).

Diagram showing crawl, context, and index checks for making images discoverable in search

Sử dụng danh sách kiểm tra khả năng crawl nhanh này:

  1. URL hình ảnh cuối cùng trả về HTTP 200 mà không cần xác thực.
  2. URL trang có thể lập chỉ mục và không bị chặn bởi noindex.
  3. Hình ảnh không bị chặn bởi robots.txt.
  4. Hình ảnh xuất hiện trong HTML thông thường hoặc markup hiển thị có thể dự đoán được.
  5. Trang có văn bản giải thích tại sao hình ảnh đó quan trọng.
  6. Tệp hình ảnh đủ ổn định để được cache và crawl lại.

Sơ đồ trang (sitemap) hình ảnh có thể hỗ trợ khám phá cho các thư viện lớn, nhưng nó không thay thế chất lượng trang. Google tài liệu về hỗ trợ sitemap hình ảnh trong sitemap image extension guidance. Hãy sử dụng nó khi hình ảnh là nội dung quan trọng, chứ không chỉ là đồ trang trí của trang.

Alt text nên bao gồm những gì?

Alt text nên mô tả chủ thể và chức năng hiển thị của hình ảnh đối với trang. Hãy viết nó cho một người không thể nhìn thấy hình ảnh, sau đó kiểm tra xem phần mô tả đó có cung cấp ngữ cảnh rõ ràng cho công cụ tìm kiếm hay không.

Alt text tốt phải cụ thể, đủ ngắn để quét qua, và không chứa việc nhồi nhét từ khóa (keyword stuffing). Nó không nên lặp lại tiêu đề bài viết trên mọi hình ảnh. Nó không nên mô tả các hình dạng trang trí không mang thông tin gì. Nếu hình ảnh là một biểu đồ, hãy tóm tắt điểm chính của biểu đồ thay vì chỉ viết "chart".

Examples contrasting weak alt text with a specific product-photo alt description

Loại hình ảnh Alt text yếu Alt text hữu ích
Ảnh sản phẩm "shoe image" "Giày chạy địa hình màu xanh với dây buộc đen và đế trắng dày, góc nhìn bên hông"
Hình minh họa blog "SEO diagram" "Quy trình Image SEO bốn bước thể hiện khám phá, mô tả, phân phối và đo lường"
Biểu đồ dữ liệu "chart" "Biểu đồ cột cho thấy kích thước tệp WebP tăng khi chiều rộng hình ảnh tăng từ 800 lên 2400 pixels"
Ảnh chụp màn hình "dashboard" "Báo cáo hiệu suất Search Console được lọc theo lượt nhấp tìm kiếm hình ảnh"

Hãy sử dụng quy trình alt-text này trước khi xuất bản:

  1. Đặt tên chủ thể hiển thị trước tiên.
  2. Thêm chi tiết quan trọng trên trang này.
  3. Chỉ giữ lại thương hiệu khi nó hiển thị hoặc hữu ích.
  4. Bỏ qua các cụm từ như "image of" trừ khi cần thiết để làm rõ.
  5. Không nhồi nhét nhiều biến thể từ khóa vào một thuộc tính.
  6. Chỉ sử dụng alt text trống cho hình ảnh thực sự trang trí.

Để có ngữ cảnh về khả năng tiếp cận, tham khảo phần tử img của MDN giải thích cách alt được sử dụng khi hình ảnh không thể tải hoặc nhìn thấy. Hãy coi đó là tiêu chuẩn cơ bản, sau đó thêm ngữ cảnh cụ thể của trang khi hình ảnh là nội dung có ý nghĩa.

Bạn nên sử dụng định dạng và kích thước nào?

Đối với hầu hết các hình ảnh web công khai, hãy xuất một bản sao phân phối hiện đại sau khi thay đổi kích thước master về nhu cầu hiển thị thực tế. WebP là mặc định an toàn cho hỗ trợ rộng rãi. AVIF có thể nhỏ hơn đối với nhiều hình ảnh chụp ảnh, nhưng việc mã hóa chậm hơn và hành vi artifact khác nhau. Hãy giữ một master nguồn riêng biệt, đặc biệt đối với ảnh sản phẩm và nhiếp ảnh biên tập.

Lỗi tôi thấy thường xuyên nhất là nén một tệp tải lên 4000 px rồi hiển thị nó ở 900 px. Thay đổi kích thước trước, sau đó mới nén. Một cài đặt chất lượng nhỏ hơn không thể hoàn toàn khắc phục các kích thước quá lớn.

Bar chart showing measured WebP byte growth as image width increases from 800 to 2400 pixels

Tôi đã tạo hình ảnh biểu đồ này trong bài viết ở kích thước 1400 x 788 và xuất nó dưới dạng WebP chất lượng 82. Đầu ra cục bộ là 22 KB cho biểu đồ thay đổi kích thước và 42 KB cho ảnh bìa. Những con số đó nhỏ vì đồ họa sử dụng màu phẳng và văn bản. Một bức ảnh thực tế cùng kích thước có thể lớn hơn nhiều, vì vậy hãy tự đo lường tài sản của bạn thay vì sao chép một mục tiêu byte cố định.

Trường hợp sử dụng Điểm bắt đầu Rủi ro SEO cần tránh
Ảnh hero bài viết WebP hoặc AVIF rộng 1200-1600 px Tải lên ảnh gốc camera 5000 px cho bố cục hẹp
Thư viện sản phẩm Cắt đồng nhất, WebP q82-q90 Nén nhãn cho đến khi văn bản không đọc được
Ảnh chụp màn hình Master PNG, WebP hoặc PNG phân phối sau khi kiểm tra Văn bản UI bị mờ do nén mất mát mạnh
Hình nền trang trí WebP hoặc AVIF chất lượng thấp hơn Để một hình ảnh không quan trọng cạnh tranh với nội dung trang
Xem trước mạng xã hội Tỷ lệ chính xác của nền tảng cộng bản sao nén Tái sử dụng ảnh bài viết cao làm cắt xén chủ thể

Đối với sự đánh đổi về định dạng, hãy so sánh AVIF vs WebP. Nếu bạn cần xác nhận kích thước trước khi xuất, hãy sử dụng Check Image Size and Dimensions.

Hình ảnh đáp ứng (responsive images) ảnh hưởng đến SEO như thế nào?

Hình ảnh đáp ứng giúp người dùng và crawler truy cập đúng tệp cho thiết bị. Một khách truy cập di động không nên tải xuống cùng một hình hero khổng lồ mà màn hình máy tính để bàn nhận được. Hãy sử dụng srcsetsizes khi cùng một hình ảnh cần nhiều chiều rộng, và giữ một giá trị alt có ý nghĩa trên phần tử img.

Trang web nên dành chỗ trước khi hình ảnh tải. Đặt các thuộc tính width và height hoặc sử dụng quy tắc tỷ lệ khung hình CSS để nội dung không bị nhảy lung tung trong khi trình duyệt đang lấy tệp. Google tài liệu về Cumulative Layout Shift như một phần của Core Web Vitals guidance, và hình ảnh không có kích thước là nguyên nhân phổ biến có thể phòng ngừa được.

Sử dụng mẫu markup này khi bạn có các bản phái sinh đáp ứng:

<img
  src="/images/product-shoe-1200.webp"
  srcset="/images/product-shoe-600.webp 600w, /images/product-shoe-1200.webp 1200w"
  sizes="(max-width: 700px) 92vw, 680px"
  width="1200"
  height="800"
  alt="Giày chạy địa hình màu xanh với dây buộc đen và đế trắng dày"
  loading="lazy"
>

Đừng thói quen lazy-load (tải lười) hình ảnh quan trọng nhất ở phần trên màn hình. Các hình hero, ảnh sản phẩm chính, và ảnh biên tập chủ đạo thường cần mức độ ưu tiên bình thường. Hình ảnh thư viện dưới nếp gấp là ứng cử viên tốt hơn cho việc tải lười.

Đối với việc tạo bản phái sinh hàng loạt, Batch Resize Guide cung cấp quy trình làm việc dòng lệnh (command-line). Đối với các quyết định hình ảnh dành riêng cho thiết bị di động, hãy kết hợp hướng dẫn này với Mobile Image Optimization.

Bạn có nên sử dụng sitemap hình ảnh và dữ liệu có cấu trúc không?

Hãy sử dụng sitemap hình ảnh khi hình ảnh là nội dung quan trọng chứ không chỉ là hỗ trợ trang trí. Chúng đặc biệt hữu ích cho danh mục sản phẩm, công thức nấu ăn, thư viện, và kho lưu trữ biên tập nơi nhiều URL hình ảnh cần được khám phá đáng tin cậy.

Dữ liệu có cấu trúc cũng có thể giúp khi loại trang hỗ trợ nó. Các trang sản phẩm, công thức nấu ăn, bài viết, và video thường bao gồm các thuộc tính hình ảnh trong schema markup. Schema nên khớp với nội dung trang hiển thị; không đánh dấu (mark up) một hình ảnh mà người dùng không thể thấy.

Loại trang Hỗ trợ Image SEO hữu ích Lưu ý
Sản phẩm thương mại điện tử Product schema, URL thư viện nhất quán, alt text mô tả Ưu tiên màu sắc, vật liệu và nhãn hiệu chính xác
Công thức nấu ăn Recipe schema với hình ảnh món ăn hoàn thiện Sử dụng món ăn đã hoàn thành thực tế, không phải ảnh bếp chung chung
Bài báo hoặc blog tin tức Article image, ảnh bìa ổn định, hình ảnh nội dung theo ngữ cảnh Chọn một hình ảnh đại diện phù hợp với chủ đề bài viết
Doanh nghiệp địa phương Ảnh cơ sở vật chất, dịch vụ, đội ngũ hoặc công việc đã hoàn thành Tránh ảnh stock không chứng minh tính liên quan địa phương
Thư viện portfolio Mục nhập sitemap và chú thích Cung cấp đủ ngữ cảnh xung quanh cho mỗi mẫu tác phẩm

Nếu hình ảnh được tạo ra hoặc chỉnh sửa nhiều, hãy làm cho ngữ cảnh trang trung thực. Đừng để một hình ảnh bóng bẩy ngụ ý bằng chứng về sản phẩm, tài sản, hoặc kết quả mà trang không thể hỗ trợ.

Làm thế nào để đo lường Image SEO sau khi xuất bản?

Việc đo lường nên tách biệt khả năng khám phá hình ảnh khỏi tốc độ trang. Search Console có thể hiển thị hiệu suất tìm kiếm hình ảnh bằng cách lọc báo cáo Tìm kiếm theo loại tìm kiếm Hình ảnh (Image search). Core Web Vitals và Lighthouse có thể cho biết liệu hình ảnh có làm giảm trải nghiệm tải hay không.

Checklist table for auditing image URL, alt text, dimensions, and speed before publishing

Kiểm tra những điều này sau khi xuất bản:

  1. Các URL hình ảnh CDN quan trọng trả về HTTP 200.
  2. Trang được hiển thị chứa markup hình ảnh cuối cùng.
  3. Search Console đang thu thập lượt hiển thị (impressions) cho các truy vấn liên quan.
  4. Largest Contentful Paint không bị chi phối bởi một hình ảnh quá lớn.
  5. Không xảy ra dịch chuyển bố cục (Layout shift) khi hình ảnh tải.
  6. Alt text vẫn khớp với hình ảnh hiển thị sau chỉnh sửa hoặc thay thế.
  7. Các liên kết nội bộ trỏ đến các trang bước tiếp theo hữu ích, không phải bài viết không liên quan.
  8. Hình ảnh xuất hiện chính xác trong Open Graph và xem trước mạng xã hội.

Đừng mong đợi Image SEO có thể khắc phục một trang mỏng (thin page). Nếu bài báo, trang sản phẩm, hoặc thư viện thiếu nội dung hữu ích, hình ảnh sẽ ít ngữ cảnh hơn để xếp hạng cùng. Image SEO mạnh nhất khi hình ảnh thực sự giúp trang trả lời truy vấn.

Danh sách kiểm tra Image SEO

Sử dụng đợt kiểm tra cuối này cho mọi hình ảnh quan trọng đối với lưu lượng truy cập tìm kiếm, chia sẻ mạng xã hội hoặc chuyển đổi:

Kiểm tra Điều kiện đạt chuẩn Khắc phục nếu thất bại
Khả năng khám phá Hình ảnh và trang trả về HTTP 200 và không bị chặn Chuyển sang URL CDN có thể crawl hoặc cập nhật quy tắc robots
Ngữ cảnh Tiêu đề, tiêu đề phụ, chú thích hoặc nội dung gần đó giải thích hình ảnh Thêm văn bản xung quanh cụ thể hoặc thay thế hình ảnh
Alt text Mô tả chủ thể hiển thị và chức năng trang Viết lại mà không nhồi nhét từ khóa
Kích thước Kích thước tệp khớp với khe hiển thị hoặc bộ đáp ứng Thay đổi kích thước từ master và tạo bản phái sinh mới
Định dạng WebP hoặc AVIF được sử dụng khi thích hợp Xuất một bản sao phân phối hiện đại và giữ lại fallback nếu cần
Độ ổn định URL hình ảnh sẽ không thay đổi sau mỗi lần triển khai (deploy) Xuất các tài sản có phiên bản (versioned assets) hoặc đường dẫn CDN ổn định
Đo lường Xem xét Search Console và kiểm tra tốc độ Theo dõi lượt nhấp, lượt hiển thị, LCP và CLS sau khi ra mắt

Quy trình làm việc đáng tin cậy nhất vẫn là tốt nhất: sử dụng hình ảnh có thể crawl, mô tả nó một cách trung thực, thay đổi kích thước trước khi nén, phân phối nó từ CDN ổn định, và đo lường trang sau khi nó hoạt động.

Sử dụng các công cụ miễn phí trong khi bạn theo dõi hướng dẫn.

Ảnh bìa cho Cách thêm hình mờ vào ảnh (Bảo vệ bản quyền)

Tue Mar 24 2026 20:00:00 GMT-0400 (北美东部夏令时间)

Cách thêm hình mờ vào ảnh (Bảo vệ bản quyền)

Thêm watermark vào ảnh để bảo vệ bản quyền: so sánh vị trí góc, dạng lát gạch hay ở trung tâm mờ; hướng dẫn cách thêm watermark hàng loạt (batch-watermark); và cân bằng giữa mức độ bảo vệ cùng chất lượng hình ảnh.