Hình ảnh sẽ giúp cho bài viết hấp dẫn người đọc hơn, nếu không tối ưu hình ảnh bằng văn bản thay thế thì bạn sẽ bỏ lỡ cơ hội quan trọng để cải thiện trải nghiệm người dùng và công cụ tìm kiếm. Nhưng để sử dụng đúng cách, bạn cần hiểu thẻ alt là gì cũng như cách sử dụng đơn giản nhất. Ở bài này chúng ta hãy cùng thảo luận về thẻ alt trong SEO. Mình sẽ giải thích cho bạn về khái niệm, lý do nên sử dụng, cách thêm thẻ và mẹo viết thẻ alt tốt nhất cho SEO. Đọc ngay bài viết dưới đây để tìm hiểu kỹ nhé.
Thẻ Alt là gì? Tại sao nên sử dụng thẻ Alt trên hình ảnh?
Thẻ Alt là gì?
Thẻ ALT hoặc thuộc tính ALT là “văn bản thay thế” cho hình ảnh được sử dụng để mô tả hình ảnh hoặc nội dung mà hình ảnh đại diện. Thẻ Alt được thêm vào hình ảnh trong HTML để mô tả nội dung và ngữ cảnh của chúng trên trang web. Thẻ alt cũng xuất hiện trong vùng chứa hình ảnh khi tệp phương tiện không thể tải hoặc hiển thị chính xác:
Thẻ Alt giúp các bot công cụ tìm kiếm sử dụng chúng để diễn giải hình ảnh khi thu thập dữ liệu, lập chỉ mục và xếp hạng trang web. Được thêm vào trong thẻ hình ảnh, thẻ alt chất lượng là một mô tả ngắn gọn không chỉ giải thích nội dung hình ảnh trình bày mà còn cả mục đích của nó trên trang. Khi được sử dụng trong mã HTML, thẻ hình ảnh đầy đủ trông giống như sau:
Thẻ alt hình ảnh đôi khi bị nhầm lẫn với tiêu đề hoặc chú thích của hình ảnh. Tuy nhiên:
- Tiêu đề hình ảnh là một loại thuộc tính khác, chúng hiển thị dưới dạng văn bản bật lên khi một người di chuột qua hình ảnh
- Chú thích xuất hiện cùng với hình ảnh, thường ở bên dưới hình ảnh đó và cung cấp thêm thông tin hoặc chi tiết về hình ảnh đó
Trong trường hợp bình thường, khách truy cập sẽ không bao giờ nhìn thấy thẻ alt trên hình ảnh của bạn.
Tại sao nên sử dụng thẻ Alt trên hình ảnh?
Mặc dù không bắt buộc phải sử dụng nhưng thử alt có nhiều ưu điểm vì chúng được sử dụng bởi cả trình thu thập thông tin của công cụ tìm kiếm và công cụ đọc màn hình. Dưới đây là 2 lý do chính bạn nên sử dụng thẻ alt trên hình ảnh.
Cải thiện khả năng truy cập web
Thẻ Alt giúp đảm bảo rằng khách truy cập có thể truy cập và đọc nội dung trang web ngay cả khi sử dụng công nghệ hỗ trợ hoặc trình duyệt chỉ có văn bản. Nếu thiếu thẻ alt, trình đọc màn hình có thể đọc tên tệp hình ảnh thay thế. Điều này không chỉ không có hiệu quả trong việc giải thích hình ảnh một cách chính xác mà còn có thể gây nhầm lẫn, đặc biệt nếu tên tệp không được tối ưu hóa cho SEO. Nếu chẳng may bạn để trống thẻ alt thì trình đọc màn hình sẽ bỏ qua hình ảnh đó vì không có dữ liệu.
Giả sử: Hình ảnh bạn đưa vào trang web phục vụ một mục đích nào đó thì sự vắng mặt này có nghĩa là khách truy cập không nhận được đầy đủ giá trị hoặc trải nghiệm mà bạn mong muốn khi xem nội dung.
Có thể tăng thứ hạng trên công cụ tìm kiếm
Thẻ alt hình ảnh có thể giúp bạn xếp hạng dễ dàng hơn cho các từ khóa bạn đang nhắm mục tiêu. Các bot công cụ tìm kiếm rất thông minh nhưng chúng không thể diễn giải và hiểu các khía cạnh trực quan của hình ảnh giống như cách con người có thể làm. Chính vì vậy mà thuộc tính Alt cung cấp giải pháp thay thế dựa trên văn bản để dịch hình ảnh và cụ thể hơn là kết hợp các từ khóa có liên quan. Mô tả văn bản chứa từ khóa mục tiêu có thể tăng cơ hội xếp hạng cao trong tìm kiếm hình ảnh.
Để nhấn mạnh vai trò quan trọng của hình ảnh (và các thẻ alt) trong SEO, hãy xem xét trên SERP với từ khoá “nội thất nhà bếp”:
Trang đầu tiên không chỉ tạo ra kết quả dựa trên văn bản mà nó còn hiển thị có rất nhiều kết quả hình ảnh. Khi được tối ưu và sử dụng đúng cách, thẻ alt có thể giúp tăng cường SEO và tạo ra các hình ảnh siêu liên kết, có thể nhấp để xuất hiện trong các tìm kiếm như thế này. Điều này đặc biệt có lợi cho các trang web thương mại điện tử và landing page.
Cách thêm thẻ Alt là gì?
Có 2 cách thêm thẻ alt:
- Thêm trong WordPress
- Thêm trong HTML
Để đi sâu vào từng cách thì đọc ngay hướng dẫn chi tiết bên dưới.
Cách thêm trong WordPress
Khi bạn hiểu được lợi ích của việc sử dụng thuộc tính alt hình ảnh trên trang web thì đã đến lúc tìm hiểu cách thực hiện điều đó. Nếu đang sử dụng nền tảng WordPress thì bạn cần làm theo các bước dưới đây.
- Đăng nhập vào bảng điều khiển quản trị viên và điều hướng đến trang hoặc bài đăng muốn thêm hình ảnh của mình
- Tại trình chỉnh sửa WordPress, nhấp vào “Thêm Media”
- Tiếp theo tải hình ảnh lên hoặc chọn một hình ảnh từ thư viện phương tiện
- Bạn có thể thêm alt tại phần “Thêm Media” hoặc chèn vào bài nhấn “Chỉnh sửa”
Khi hoàn tất, hãy lưu các thay đổi. Bạn cũng có thể làm điều này cho hình ảnh hiện có. Ví dụ: nếu bạn muốn cập nhật hình ảnh trên bài đăng đã được xuất bản trên trang web của mình, chỉ cần nhấp vào hình ảnh và nhập thẻ alt mới vào thanh bên.
Cách thêm trong HTML
Khi sử dụng WordPress hoặc CMS khác có mô-đun để thêm và chỉnh sửa thẻ alt, nó sẽ tự động thêm mã HTML cho bạn. Tuy nhiên, nếu bạn muốn tự thêm mã, bạn có thể thực hiện điều đó một cách dễ dàng.
Để thêm thẻ alt HTML trong WordPress, hãy nhấp vào khối “Hình ảnh” có liên quah. Trên thanh công cụ khối, chọn nút có ba dấu chấm dọc và chọn “Chỉnh sửa dưới dạng HTML”:
Mã HTML sẽ hiển thị thẻ hình ảnh. Bạn sẽ nhận thấy thuộc tính alt trống. Đặt văn bản của bạn trong dấu ngoặc kép:
Khi bạn hoàn tất, hãy nhấp vào nút “Xem trước” để quay lại trình chỉnh sửa trực quan, sau đó lưu các thay đổi của bạn. Bạn có thể sử dụng cú pháp và định dạng tương tự này để chỉnh sửa thẻ hình ảnh HTML của bất kỳ tệp nào.
Mẹo viết thẻ Alt tốt nhất cho SEO
Khi tạo thẻ alt cho hình ảnh, hãy luôn nhớ rằng mục tiêu là mô tả hình ảnh để máy học Google có thể đọc được nội dung ngay cả khi nó nhìn thấy ảnh. Mặc dù SEO tốt bao nhiêu nhưng alt cũng đem lại nhiều hiệu quả. Dưới đây là mẹo viết thẻ alt tối ưu.
1) Tạo thẻ ALT mô tả
Thẻ Alt vừa mang tính chất mô tả hình ảnh, vừa hữu ích cho người đọc, nó phải đủ thông tin càng cụ thể càng tốt để máy học Goolge mặc dù không nhìn thấy hình ảnh nhưng phải hiểu hình ảnh đó đại diện cho điều gì. Khi viết Alt, hãy tự hỏi liệu bạn có hiểu được mức độ liên quan của thẻ alt nếu bạn không thể nhìn thấy hình ảnh hay không.
2) Giữ thẻ ALT ngắn gọn
Mặc dù thẻ ALT cần mang tính mô tả nhưng chúng cũng cần ngắn gọn, không rườm rà, câu dài. Không nên sử dụng đoạn văn hay câu dài hơn 20 từ hoặc giới hạn KHÔNG QUÁ 100 ký tự, thẻ ALT phải cung cấp đủ chi tiết để người dùng và công cụ tìm kiếm liên hệ hình ảnh với ngữ cảnh của trang.
Ví dụ:
- Thẻ ALT này không đủ mô tả cho hình ảnh: 2 con thỏ
- Thẻ ALT này quá dài cho hình ảnh: 2 con thỏ xám và thỏ trắng nằm trên bãi cỏ có hoa màu vàng xung quanh
- Đây là ví dụ hoàn hảo về thẻ ALT cho hình ảnh này: 2 con thỏ xám trắng nằm trên đám cỏ
3) Sử dụng từ khóa trong thẻ ALT
Thẻ ALT là nơi tốt nhất để chèn các từ khóa liên quan, từ khoá phụ. Nếu bạn đặt các từ khóa có liên quan trong thẻ ALT, cùng với nội dung xung quanh hình ảnh trên trang, điều đó sẽ giúp cải thiện việc tối ưu hóa công cụ tìm kiếm của bạn. Tuy nhiên bạn hãy nhớ khéo léo trong việc chèn chứ khoá chứ không “nhồi nhét” để tránh Google đánh spam.
Đây là một ví dụ về việc nhồi nhét từ khóa (KHÔNG LÀM ĐIỀU NÀY): áo thun xanh, áo sơ mi xanh, áo sơ mi nam xanh nhạt, áo sơ mi nam ngắn tay màu xanh, áo sơ mi nam ngắn tay màu xanh, áo thun xanh nhạt, áo sơ mi xanh nhạt, áo sơ mi nam xanh nhạt, áo ngắn tay xanh nhạt áo sơ mi nam tay ngắn màu xanh nhạt
NÊN SỬ DỤNG: Áo thun cộc tay freesize màu danh da trời
4) Đừng viết thẻ ALT chỉ để SEO
Thẻ alt được viết dành cho máy học của Google nên bạn không nên quá tập trung vào SEO và công cụ tìm kiếm. Nên nhớ văn bản trong thẻ alt phải liên quan đến hình ảnh và nội dung trang. Việc nhồi nhét thẻ alt bằng các từ khoá có thể làm ảnh hưởng đến thứ hạng bài viết trong SERP hơn là giúp ích vì nhiều khả năng nó bị coi là bài viết spam. Mỗi hình ảnh phải có một thẻ alt duy nhất.
Kết luận
Bài viết trên đây mình đã chia sẻ cho các bạn hiểu về thẻ alt là gì cũng như cách thêm đơn giản nhất. Những giải thích ngắn gọn nhưng mang tính mô tả này cung cấp ngữ cảnh cho cả người dùng và công cụ tìm kiếm. Thẻ alt hình ảnh giúp nâng cao trải nghiệm người dùng, cải thiện khả năng truy cập và giúp xếp hạng cho các từ khóa có liên quan dễ dàng hơn. Hy vọng với những chia sẻ của mình sẽ giúp ích cho các bạn khi triển khai vào thực chiến.
Nếu các doanh nghiệp cần tìm đơn vị triển khai Google Ads hoặc Content Marketing thì liên hệ ngay với X3Sales để được hỗ trợ nhanh nhất. Chúng tôi có 8 năm kinh nghiệm triển khai hàng ngàn dự án lớn nhỏ và đạt được nhiều thành tựu nhất định. X3Sales sẽ đồng hành cùng doanh nghiệp chặng đường phát triển phía trước.
- Hotline (Sales): 0947.861.399
- Hotline (Kỹ thuật): 0949.861.399
- Mail: Support@x3sales.vn
- Trụ sở chính: Số 9, ngõ 7 đường Lê Đức Thọ, Phường Mỹ Đình 2, Quận Nam Từ Liêm, Hà Nội
***Nguồn tài liệu tham khảo:
https://www.elegantthemes.com/blog/wordpress/what-is-an-alt-tag-and-how-should-you-use-it#they-improve-web-accessibility
https://www.commonplaces.com/blog/writing-alt-tags-for-images
