SEO & Discoverability

Cách viết tên tệp hình ảnh hỗ trợ SEO và khả năng tiếp cận

Một quy ước đặt tên thực tế cho hình ảnh web: mô tả rõ, ổn định, dễ đọc với con người và không nhồi nhét từ khóa.

The Wux Webtools Team The Wux Webtools Team 17 phút đọc Hỗ trợ AI, được con người xem xét
Organized image thumbnails with file labels, an accessibility symbol, and a search magnifier on a desk.
Mục lục
  1. Tên tệp hình ảnh quan trọng, nhưng không nhiều như người ta thường nói
  2. Quy tắc ngắn gọn
  3. Một tên tệp hình ảnh tốt hỗ trợ SEO như thế nào
  4. Một tên tệp hình ảnh tốt hỗ trợ khả năng tiếp cận như thế nào
  5. Một quy ước đặt tên thực tế
  6. Dùng dấu gạch nối, chữ thường và từ ngữ đơn giản
  7. Giữ tên tệp ngắn, nhưng không mơ hồ
  8. Đừng nhồi nhét từ khóa vào tên tệp hình ảnh
  9. Khớp tên tệp với hình ảnh thực tế
  10. Tách tên tệp khỏi alt text
  11. Đặt tên hình ảnh cho các loại site khác nhau
  12. Ecommerce
  13. Blog và site biên tập
  14. SaaS và tài liệu
  15. Doanh nghiệp địa phương
  16. Còn kích thước và phiên bản hình ảnh thì sao?
  17. Checklist nhanh trước khi xuất bản
  18. Lợi ích thầm lặng: đội ngũ làm việc tốt hơn

Tên tệp hình ảnh quan trọng, nhưng không nhiều như người ta thường nói

Tên tệp hình ảnh là một trong những chi tiết nhỏ trên web thường bị gán cho quá nhiều sự chắc chắn. Một số nhóm bỏ qua hoàn toàn và xuất bản IMG_7421.jpg. Những nhóm khác biến mọi ảnh sản phẩm thành một bài luận từ khóa thu nhỏ.

Điểm cân bằng hữu ích rất đơn giản: viết tên tệp mô tả hình ảnh rõ ràng, giúp con người quản lý tài nguyên và cung cấp cho công cụ tìm kiếm thêm một chút ngữ cảnh. Đừng kỳ vọng tên tệp sẽ cứu được nội dung yếu, thiếu alt text, hình ảnh tải chậm hoặc một trang khó hiểu.

Google khuyến nghị rõ ràng việc dùng tên tệp ngắn gọn, có tính mô tả cho hình ảnh. Đó là lời khuyên tốt. Nhưng cũng là lời khuyên có giới hạn. Tên tệp chỉ là một gợi ý ngữ cảnh trong số nhiều yếu tố: văn bản xung quanh, tiêu đề trang, dữ liệu có cấu trúc, chú thích, alt text, liên kết, chất lượng hình ảnh và việc hình ảnh đó có thực sự hữu ích cho trang hay không.

Khả năng tiếp cận cũng tương tự. Một tên tệp tốt không thay thế cho alt text. Nhưng nó có thể giảm tác hại khi có sự cố, đồng thời giúp biên tập viên, nhà phát triển và người dùng tải xuống, lưu hoặc chia sẻ tệp dễ dàng hơn.

Quy tắc ngắn gọn

Hãy dùng tên tệp trả lời câu hỏi này:

Nếu ai đó chỉ nhìn thấy tên tệp, họ có hình dung sơ bộ được hình ảnh chứa gì không?

Tốt:

  • red-running-shoes-side-view.jpg
  • checkout-error-message-mobile.png
  • oak-dining-table-120cm-walnut.jpg
  • team-planning-workshop-whiteboard.webp

Kém:

  • IMG_7421.jpg
  • final-final-v3-new.jpg
  • best-cheap-running-shoes-buy-online-discount-sale.jpg
  • screenshot.png

Mục tiêu không phải là thơ ca. Mục tiêu là sự cụ thể hữu ích.

Một tên tệp hình ảnh tốt hỗ trợ SEO như thế nào

Một tên tệp tốt giúp công cụ tìm kiếm hiểu hình ảnh, đặc biệt trong ngữ cảnh tìm kiếm hình ảnh. Nó có thể củng cố chủ đề của trang và đối tượng của nội dung trực quan.

Nhưng đây là một tín hiệu yếu so với những yếu tố cơ bản:

  • Hình ảnh xuất hiện trên một trang có liên quan.
  • Nội dung xung quanh giải thích hoặc hỗ trợ hình ảnh.
  • Hình ảnh có alt text phù hợp khi cần.
  • Hình ảnh có thể được thu thập dữ liệu và lập chỉ mục.
  • Tệp không lớn một cách không cần thiết.
  • Trang tải ổn định.

Nếu bạn đang sửa hình ảnh cho tìm kiếm tự nhiên, hãy bắt đầu với mức độ liên quan và tính hữu ích của trang. Sau đó dọn dẹp tên tệp. Tiếp theo hãy xem xét nén, định dạng, kích thước, lazy loading và dữ liệu có cấu trúc khi phù hợp. Hướng dẫn của chúng tôi về định dạng hình ảnh năm 2026 là tài liệu bổ trợ hữu ích nếu việc dọn dẹp tên tệp của bạn mở rộng thành một đợt tối ưu hiệu suất hình ảnh lớn hơn.

Một tên tệp hình ảnh tốt hỗ trợ khả năng tiếp cận như thế nào

Nói một cách nghiêm ngặt, tên tệp không phải là cơ chế chính về khả năng tiếp cận cho hình ảnh. Alt text mới là cơ chế đó.

Nếu một hình ảnh truyền tải thông tin, thuộc tính alt nên cung cấp nội dung văn bản thay thế. Nếu hình ảnh chỉ mang tính trang trí, thuộc tính alt thường nên để trống: alt="". Nếu hình ảnh là một liên kết hoặc nút, văn bản thay thế nên mô tả hành động hoặc đích đến, không chỉ mô tả các điểm ảnh.

Chúng tôi đã trình bày chi tiết điều đó trong hướng dẫn thực dụng về alt text cho hình ảnh năm 2026, và bạn nên xem alt text là một nhiệm vụ biên tập riêng.

Vậy tại sao vẫn cần quan tâm đến tên tệp vì khả năng tiếp cận?

Vì tên tệp thường xuất hiện ở các rìa của trải nghiệm:

  • Một số kết hợp công nghệ hỗ trợ/trình duyệt có thể hiển thị tên tệp khi thiếu alt text.
  • Hình ảnh tải xuống cần có tên dễ hiểu bên ngoài trang web.
  • Thư viện media trong CMS dễ kiểm tra hơn khi tên có tính mô tả.
  • Biên tập viên ít có khả năng gắn nhầm hình khi tệp được đặt tên rõ ràng.
  • Hình ảnh bị lỗi và chế độ xem gỡ lỗi dễ diễn giải hơn.

Tên tệp sẽ không biến một hình ảnh không tiếp cận được thành tiếp cận được. Nhưng một tên tệp tệ có thể khiến lỗi trở nên khó hiểu hơn.

Một quy ước đặt tên thực tế

Dùng mẫu mặc định này:

subject-detail-context.ext

Ví dụ:

  • espresso-machine-steam-wand-closeup.jpg
  • pricing-table-enterprise-plan-desktop.png
  • garden-chair-green-metal-front-view.webp
  • password-reset-email-example.png

Với sản phẩm, một phiên bản có cấu trúc hơn một chút thường hiệu quả hơn:

brand-product-model-color-view.ext

Ví dụ:

  • acme-trail-jacket-blue-front.jpg
  • northline-desk-lamp-brass-side.webp
  • terra-ceramic-mug-white-top-view.jpg

Với hình ảnh biên tập:

topic-specific-scene.ext

Ví dụ:

  • remote-team-video-call-laptop.jpg
  • city-bike-lane-rain-evening.jpg
  • developer-debugging-http-headers-terminal.png

Với ảnh chụp màn hình UI:

feature-state-device.ext

Ví dụ:

  • checkout-validation-error-mobile.png
  • account-settings-two-factor-enabled-desktop.png
  • analytics-dashboard-empty-state-tablet.png

Đây không phải là chuyện phân loại cứng nhắc. Đây là chuyện loại bỏ sự mơ hồ.

Dùng dấu gạch nối, chữ thường và từ ngữ đơn giản

Với tài nguyên web công khai, hãy ưu tiên:

  • Chữ thường
  • Dấu gạch nối giữa các từ
  • Không có khoảng trắng
  • Không dùng dấu gạch dưới
  • Không dùng dấu câu ngoài dấu gạch nối
  • Không dùng ký tự đặc biệt trừ khi hệ thống của bạn yêu cầu

Tốt:

blue-cotton-shirt-front.jpg

Tránh:

Blue Cotton Shirt (Front).jpg

blue_cotton_shirt_front.jpg

bluecottonshirtfront.jpg

Dấu gạch nối dễ đọc hơn, dễ sao chép hơn và được hiểu rộng rãi là dấu phân tách từ trong URL. Chữ thường cũng giúp tránh các lỗi phân biệt hoa thường khó chịu giữa môi trường phát triển cục bộ, máy chủ Linux, CDN và object storage.

Giữ tên tệp ngắn, nhưng không mơ hồ

Tên tệp nên đủ dài để mô tả hình ảnh và đủ ngắn để vẫn dễ đọc.

Một khoảng hữu ích thường là 3 đến 8 từ trước phần mở rộng.

Quá mơ hồ:

shoes.jpg

Tốt hơn:

red-running-shoes-side-view.jpg

Quá nhiều:

best-lightweight-red-running-shoes-for-marathon-training-side-view-discount.jpg

Tốt hơn:

red-marathon-running-shoes-side-view.jpg

Nếu cụm từ nghe giống một truy vấn tìm kiếm do một marketer tuyệt vọng viết ra, có lẽ nó quá dài.

Đừng nhồi nhét từ khóa vào tên tệp hình ảnh

Nhồi nhét từ khóa trong tên tệp thường là dấu hiệu cho thấy trang chưa làm tốt nhiệm vụ của nó.

Tệ:

best-seo-agency-seo-services-seo-consultant-seo-company.jpg

Điều này không hữu ích cho người dùng. Không hữu ích cho biên tập viên. Không phải là một thực hành nghiêm túc về khả năng tiếp cận. Nó cũng khiến trang của bạn trông kém chất lượng hơn.

Hãy dùng tên tự nhiên của thứ được hiển thị trong hình. Nếu một từ khóa phù hợp vì nó mô tả chính xác hình ảnh, hãy dùng. Nếu không, hãy bỏ qua.

Ví dụ, nếu hình ảnh là ảnh một chiếc sofa da màu đen, black-leather-sofa-three-seat.jpg là ổn. best-modern-luxury-living-room-furniture-online.jpg không phải là tên tệp; đó là tiếng kêu cứu.

Khớp tên tệp với hình ảnh thực tế

Điều này nghe có vẻ hiển nhiên, nhưng thư viện hình ảnh thường bị trôi nghĩa theo thời gian. Một tệp tên homepage-hero-new.jpg cuối cùng có thể hiển thị một sản phẩm khác, một người khác hoặc một chiến dịch hoàn toàn khác.

Điều đó tạo ra hai vấn đề.

Thứ nhất, công cụ tìm kiếm và người dùng nhận được tín hiệu không nhất quán. Thứ hai, các nhóm ngừng tin tưởng thư viện media.

Nếu hình ảnh thay đổi ý nghĩa, hãy đổi tên trước khi xuất bản. Nếu CMS hoặc CDN của bạn khiến việc đổi tên trở nên khó khăn, hãy cân nhắc dùng ID tài nguyên ổn định trong nội bộ, đồng thời vẫn tạo tên tệp công khai có tính mô tả khi có thể.

Một quy trình nội bộ tốt có thể là:

  1. Tải lên tài nguyên gốc.
  2. Xóa metadata không cần thiết nếu quyền riêng tư là vấn đề.
  3. Đổi tên phiên bản phái sinh được dùng trên site.
  4. Xuất ở kích thước và định dạng phù hợp.
  5. Thêm alt text và chú thích trong CMS.

Nếu ảnh đến từ người dùng, nhân viên hoặc các nhóm hiện trường, hãy nhớ rằng tên tệp chỉ là một bề mặt quyền riêng tư. Dữ liệu EXIF có thể chứa dấu thời gian, thông tin máy ảnh và thông tin vị trí. Hãy xem hướng dẫn của chúng tôi về cách xóa metadata EXIF trước khi chia sẻ ảnh trực tuyến trước khi xuất bản hình ảnh nhạy cảm.

Tách tên tệp khỏi alt text

Một lỗi phổ biến là dùng cùng một cụm từ cho tên tệp và alt text.

Đôi khi điều đó chấp nhận được. Nhưng thường thì đó là sự lười biếng.

Tên tệp:

red-running-shoes-side-view.jpg

Alt text tốt trên trang sản phẩm:

Red running shoe shown from the side, with a white foam sole and black laces.

Alt text tốt trên hình thu nhỏ chọn màu:

Red

Alt text tốt nếu hình ảnh chỉ mang tính trang trí:

alt=""

Tên tệp định danh tài nguyên. Alt text phục vụ người dùng trong ngữ cảnh. Đó là hai nhiệm vụ liên quan, nhưng không giống hệt nhau.

Đặt tên hình ảnh cho các loại site khác nhau

Ecommerce

Bao gồm loại sản phẩm, biến thể quan trọng và góc nhìn.

Ví dụ:

  • linen-shirt-white-front.jpg
  • linen-shirt-white-back.jpg
  • linen-shirt-white-collar-detail.jpg

Tránh thêm giá, khuyến mãi hoặc ngôn ngữ chiến dịch tạm thời. Những thứ đó thay đổi quá thường xuyên.

Blog và site biên tập

Mô tả cảnh hoặc khái niệm, không phải tiêu đề bài viết.

Tốt:

designer-reviewing-mobile-layout.jpg

Kém hữu ích hơn:

ultimate-guide-to-mobile-ux.jpg

Hình ảnh có thể được tái sử dụng, cắt xén hoặc phân phối lại. Tên dựa trên cảnh sẽ bền hơn theo thời gian.

SaaS và tài liệu

Đặt tên ảnh chụp màn hình theo tính năng, trạng thái và nền tảng.

Ví dụ:

  • billing-settings-payment-method-empty-state.png
  • project-dashboard-filter-menu-open.png
  • api-token-created-confirmation-modal.png

Điều này làm cho việc cập nhật tài liệu ít đau đớn hơn nhiều.

Doanh nghiệp địa phương

Dùng dịch vụ, đối tượng hoặc địa điểm khi điều đó thực sự hiển thị và có liên quan.

Ví dụ:

  • bakery-window-display-sourdough-loaves.jpg
  • dental-clinic-reception-area-berlin.jpg
  • plumber-repairing-kitchen-sink.jpg

Đừng thêm tên thành phố vào mọi tệp nếu hình ảnh không hỗ trợ điều đó. Một bức ảnh chụp cờ lê không thực sự có nghĩa là wrench-london.jpg.

Còn kích thước và phiên bản hình ảnh thì sao?

Tránh đưa kích thước vào phần tên mô tả chính, trừ khi hệ thống của bạn cần.

Một nhóm tài nguyên tốt hơn:

  • red-running-shoes-side-view.jpg
  • red-running-shoes-side-view-800w.jpg
  • red-running-shoes-side-view-1600w.jpg

Nếu hệ thống build của bạn tự động tạo các biến thể responsive, hãy để nó thêm chiều rộng hoặc hash. Đừng tự duy trì hàng chục tên tệp trừ khi bạn thích khảo cổ trong tương lai.

Content hash phù hợp cho caching:

red-running-shoes-side-view.a8f31c.webp

Phần mô tả vẫn còn đó. Hash phục vụ máy móc.

Checklist nhanh trước khi xuất bản

Trước khi xuất bản một hình ảnh, hãy hỏi:

  • Tên tệp có mô tả hình ảnh bằng ngôn ngữ đơn giản không?
  • Nó có dùng chữ thường và phân tách bằng dấu gạch nối không?
  • Nó có tránh nhồi nhét từ khóa không?
  • Nó có tránh các từ tạm thời như new, final hoặc v2 không?
  • Alt text có hợp lý trong ngữ cảnh trang không?
  • Định dạng và kích thước tệp có phù hợp không?
  • Metadata nhạy cảm đã được xóa khi cần chưa?

Nếu bạn có thể trả lời có cho những câu hỏi đó, tên tệp có lẽ đã đủ tốt. Đừng dành 20 phút đặt tên cho một đường phân cách trang trí. Hãy dành 20 giây để ngăn DSC0038.jpg trở thành một URL công khai vĩnh viễn.

<!-- tool-cta:start -->

💡 Hãy thử cách này: Chuẩn hóa hàng loạt tên tệp thành lowercase-kebab-case bằng Case Converter để tên hình ảnh của bạn luôn nhất quán trong toàn bộ dự án.

<!-- tool-cta:end -->

Lợi ích thầm lặng: đội ngũ làm việc tốt hơn

Giá trị SEO của tên tệp hình ảnh là khiêm tốn. Giá trị vận hành thì lớn hơn.

Tên tệp tốt giúp thư viện media dễ tìm kiếm. Chúng giảm tải lên trùng lặp. Chúng giúp designer, developer, marketer và đội hỗ trợ nói về cùng một tài nguyên mà không cần mở sáu bản xem trước. Chúng giúp kiểm tra nhanh hơn.

Đó là lý do thực sự để chuẩn hóa cách đặt tên hình ảnh. Công cụ tìm kiếm hưởng lợi từ sự rõ ràng, nhưng con người cũng vậy. Và con người thường là nơi công việc đổ vỡ đầu tiên.

Câu hỏi thường gặp

Tên tệp hình ảnh có thực sự ảnh hưởng đến SEO không?
Có, nhưng ở mức khiêm tốn. Google khuyến nghị tên tệp có tính mô tả vì chúng giúp cung cấp ngữ cảnh, đặc biệt cho tìm kiếm hình ảnh. Chúng không thay thế cho nội dung liên quan, alt text hữu ích, trang có thể thu thập dữ liệu và hiệu suất hình ảnh tốt.
Tôi có nên đổi tên hình ảnh cũ trên site không?
Hãy đổi tên các hình ảnh có giá trị cao nếu tên hiện tại mơ hồ hoặc gây hiểu lầm, nhưng xử lý URL cẩn thận. Nếu URL hình ảnh thay đổi, hãy cập nhật tham chiếu và cân nhắc chuyển hướng khi URL hình ảnh cũ có lưu lượng truy cập hoặc backlink.
Dấu gạch nối có tốt hơn dấu gạch dưới trong tên tệp hình ảnh không?
Dấu gạch nối là quy ước an toàn hơn cho tên tệp web công khai. Chúng dễ đọc, thân thiện với URL và được xem rộng rãi là dấu phân tách từ. Tên tệp chữ thường có dấu gạch nối cũng giảm các vấn đề đường dẫn tệp giữa các nền tảng.
Tôi có thể dùng cùng một văn bản cho tên tệp và alt text không?
Đôi khi có thể, nhưng đừng tự động làm vậy. Tên tệp định danh tài nguyên; alt text mô tả mục đích của hình ảnh trong ngữ cảnh trang. Tên tệp sản phẩm có thể khái quát, trong khi alt text có thể cần chi tiết, một hành động hoặc giá trị rỗng nếu là hình trang trí.
Tên tệp có nên chứa từ khóa không?
Chỉ khi từ khóa mô tả hình ảnh một cách tự nhiên. Một tệp tên `black-leather-sofa-front.jpg` là hữu ích. Một tệp tên `best-cheap-luxury-sofa-buy-online.jpg` là nhồi nhét từ khóa và nên tránh.

Nguồn & tài liệu tham khảo thêm

  1. Google Search Central: Image SEO best practices
  2. W3C Web Accessibility Initiative: Alt Decision Tree
  3. MDN Web Docs: The Image Embed element
  4. WebAIM: Alternative Text
Về tác giả
The Wux Webtools Team

Cập nhật lần cuối:

Tiếp tục đọc