Hình ảnh và SEO: Tối ưu hóa thẻ Alt Text và Title Text cho website

Hình ảnh và SEO: Tối ưu hóa thẻ Alt Text và Title Text cho website

Bạn có muốn website của mình thu hút hơn, dễ dàng tiếp cận với người dùng và đạt thứ hạng cao trên công cụ tìm kiếm? Hình ảnh chính là chìa khóa! Bài viết này sẽ hướng dẫn bạn cách tối ưu hóa thẻ Alt Text và Title Text để khai thác tối đa sức mạnh của hình ảnh cho website.

Việc thêm hình ảnh vào bài viết và trang sản phẩm không chỉ khuyến khích người đọc tiếp cận nội dung mà còn củng cố thông điệp bạn muốn truyền tải. Hình ảnh được lựa chọn kỹ lưỡng cũng giúp bạn đạt thứ hạng tốt trong kết quả tìm kiếm hình ảnh.

Tuy nhiên, đừng bao giờ quên cung cấp thẻ Alt Text cho hình ảnh của bạn. Bởi vì tối ưu hóa thẻ Alt Text không chỉ giúp trình thu thập thông tin của công cụ tìm kiếm hiểu rõ hơn về nội dung trang web, mà còn cải thiện khả năng tiếp cận website của bạn đối với mọi người dùng.

Vậy thẻ Alt Text và thẻ Title Text là gì? Tại sao bạn nên tối ưu hóa thẻ Alt Text và Title Text? Hãy cùng tìm hiểu!

 

Thẻ Alt Text và thẻ Title Text: Khái niệm và vai trò

Thẻ Alt Text và Title Text là hai thuộc tính cho phép bạn thêm mô tả văn bản cho hình ảnh, hỗ trợ cả SEO và khả năng truy cập website. Dưới đây là một thẻ hình ảnh HTML hoàn chỉnh:

<img src=“image.jpg” alt=“mô tả hình ảnh” title=“chú thích hình ảnh”>

Thẻ Alt Text (thẻ Alt): Thẻ Alt được sử dụng bởi trình đọc màn hình – trình duyệt được sử dụng bởi người khiếm thị. Trình đọc màn hình sẽ đọc thẻ Alt để cho người dùng biết nội dung của hình ảnh. Không chỉ trình đọc màn hình, các công cụ tìm kiếm như Google cũng sử dụng thông tin này để hiểu ngữ cảnh của hình ảnh, xác định nội dung và mục đích của nó. Mọi hình ảnh bạn sử dụng đều nên có thẻ Alt Text, không chỉ vì mục đích SEO mà còn vì khả năng truy cập.Bởi vì nếu không có thẻ Alt, người dùng trình đọc màn hình sẽ không biết hình ảnh đó nói về điều gì. Tuy nhiên, không phải mọi hình ảnh đều cần tối ưu hóa thẻ Alt Text. Hãy coi thẻ Alt Text là một phần nội dung của bạn, cân nhắc giá trị mà nó mang lại cho người đọc và sử dụng một cách có ý thức. Một hình ảnh chỉ mang tính chất trang trí không nhất thiết phải có thẻ Alt Text. Trong khi đó, một hình ảnh chứa thống kê nên có thẻ Alt Text mô tả nội dung của thống kê đó.

Thẻ Title Text (thẻ Title): Thẻ Title được hiển thị dưới dạng chú thích khi bạn di chuột qua phần tử. Thẻ Title không bắt buộc phải có và trong hầu hết các trường hợp, việc thêm nó là không cần thiết khi tối ưu hóa thẻ

Thẻ Title chỉ khả dụng cho người dùng chuột (hoặc thiết bị trỏ khác) và trường hợp duy nhất thẻ Title được yêu cầu để hỗ trợ khả năng truy cập là trên thẻ <iframe> và <frame>. Nếu thông tin được truyền tải bởi thẻ Title là có liên quan, hãy cân nhắc cung cấp thông tin đó ở nơi khác, bằng văn bản thuần túy. Và nếu nó không liên quan, hãy cân nhắc xóa bỏ thẻ Title hoàn toàn.

Vậy nếu một hình ảnh không có mục đích?Nếu bạn sử dụng hình ảnh trong thiết kế website chỉ với mục đích trang trí, bạn đang làm sai cách. Những hình ảnh đó nên được đặt trong CSS chứ không phải trong HTML. Nếu bạn thực sự không thể làm gì khác ngoài việc giữ những hình ảnh đó, hãy cung cấp cho chúng một thẻ Alt trống, như sau:

<img src=”image.png” alt=””>

Thẻ Alt trống đảm bảo rằng trình đọc màn hình sẽ bỏ qua hình ảnh. Nếu bạn đang sử dụng WordPress, bạn có thể để trống trường “Alt Text” trong cài đặt Hình ảnh khi tối ưu hóa thẻ

Thẻ Alt Text và SEO: Mối quan hệ mật thiết

Bài viết của Google về hình ảnh có tiêu đề “Sử dụng thẻ Alt Text mô tả”. Điều này không phải là ngẫu nhiên. Google đánh giá rất cao thẻ Alt Text. Họ sử dụng nó để xác định nội dung của hình ảnh cũng như mối liên hệ của nó với văn bản xung quanh. Đây là lý do tại sao, trong phân tích nội dung của Yoast SEO, chúng tôi có một tính năng kiểm tra cụ thể rằng bạn có ít nhất một hình ảnh với thẻ Alt chứa từ khóa trọng tâm của bạn.

Tối ưu hóa thẻ Alt Text với Yoast SEO và những lưu ý quan trọng

Tính năng ‘Keyphrase in image alt attributes’ trong Yoast SEO hoạt động như thế nào?

Tính năng đánh giá “Keyphrase in image alt attributes” trong Yoast SEO bao gồm hai lần kiểm tra: a) xem có hình ảnh trong bài viết của bạn hay không và b) liệu những hình ảnh này có thẻ Alt Text chứa từ khóa trọng tâm hay không.

Đầu tiên, bạn nên luôn cân nhắc việc thêm hình ảnh vào bài viết và trang của mình, vì chúng làm cho nội dung trở nên mô tả và hấp dẫn hơn. Bằng cách thêm thẻ Alt Text vào hình ảnh, bạn cung cấp cho người dùng trình đọc màn hình và công cụ tìm kiếm một mô tả bằng văn bản về nội dung của hình ảnh đó. Điều này cải thiện khả năng truy cập và nếu bạn bao gồm các từ khóa của mình, cơ hội xếp hạng trong tìm kiếm hình ảnh cũng tăng lên.

Tuyệt đối không nên nhồi nhét từ khóa trọng tâm vào mọi thẻ Alt Text. Bạn cần những hình ảnh tốt, chất lượng cao, có liên quan đến bài viết của mình, nơi việc đưa từ khóa trọng tâm vào thẻ Alt Text là hợp lý. Dưới đây là lời khuyên của Google về cách chọn thẻ Alt Text phù hợp:

Khi chọn thẻ Alt Text, hãy tập trung vào việc tạo nội dung hữu ích, giàu thông tin, sử dụng từ khóa một cách thích hợp và phù hợp với nội dung của trang. Tránh nhồi nhét từ khóa vào thẻ Alt Text (nhồi nhét từ khóa) vì nó dẫn đến trải nghiệm người dùng tiêu cực và có thể khiến trang web của bạn bị coi là spam.

Nếu hình ảnh của bạn là về một sản phẩm cụ thể, hãy bao gồm cả tên sản phẩm đầy đủ và ID sản phẩm trong thẻ Alt để có thể tìm thấy dễ dàng hơn. Nhìn chung: nếu một từ khóa có thể hữu ích cho việc tìm kiếm nội dung trong hình ảnh, hãy đưa nó vào thẻ Alt nếu bạn có thể. Ngoài ra, đừng quên thay đổi tên tệp hình ảnh thành một cái gì đó thực sự mô tả nội dung của nó.

Điểm đánh giá

Nếu nội dung của bạn có nhiều hơn 4 hình ảnh, bạn sẽ chỉ nhận được dấu đầu dòng màu xanh lá cây nếu tỷ lệ phần trăm hình ảnh có từ khóa trong thẻ Alt Text nằm trong khoảng từ 30 đến 70%. Khi bạn sử dụng từ khóa trong hơn 70% hình ảnh của mình, dấu đầu dòng của bạn sẽ chuyển sang màu cam để ngăn bạn nhồi nhét từ khóa. Nếu bạn có Yoast SEO Premium hoặc Yoast SEO for Shopify, plugin cũng sẽ tính đến các từ đồng nghĩa mà bạn đã thêm vào từ khóa trọng tâm của mình khi tối ưu hóa thẻ

Đánh giá thẻ Alt Text trong WooCommerce và Shopify SEO

Yoast SEO for WordPress không phải là plugin SEO duy nhất của chúng tôi có tính năng đánh giá tập trung vào hình ảnh trên trang của bạn. Chúng tôi cũng đã bao gồm những kiểm tra này trong plugin WooCommerce SEO và Yoast SEO for Shopify, để giúp mọi người tối ưu hóa thẻ Alt Text hoàn toàn trang sản phẩm của họ. Phiên bản đánh giá này đi kèm với một số thay đổi tập trung đặc biệt vào trang sản phẩm khi tối ưu hóa thẻ

Một trong những thay đổi này là việc bổ sung tính năng đánh giá thẻ Alt Text, kiểm tra xem tất cả hình ảnh trên trang có thẻ Alt hay không. Bởi vì tất cả các hình ảnh bạn sử dụng trên trang sản phẩm của mình phải là hình ảnh liên quan đến sản phẩm của bạn. Hình ảnh cần phải có mô tả.

Nếu bạn đang sử dụng WooCommerce, bạn có thể làm theo các bước để thêm thẻ Alt Text và Title Text trong WordPress bên dưới. Hướng dẫn thêm thẻ Alt Text và Title Text trong Shopify được mô tả trong phần sau.

Thẻ Alt Text và Title Text trong WordPress

Khi bạn tải hình ảnh lên WordPress, bạn có thể đặt thẻ Title và thẻ Alt. Theo mặc định, nó sử dụng tên tệp hình ảnh trong thẻ Title. Và nếu bạn không nhập thẻ Alt, nó sẽ sao chép thẻ Title sang thẻ Alt. Mặc dù điều này tốt hơn là không viết gì, nhưng đó là một cách làm khá kém hiệu quả. Bạn thực sự cần dành thời gian để tối ưu hóa thẻ Alt Text cho mọi hình ảnh bạn thêm vào bài viết. Người dùng và công cụ tìm kiếm sẽ cảm ơn bạn vì điều đó khi tối ưu hóa thẻ

Cách thêm thẻ Alt Text trong WordPress

WordPress giúp việc thêm thẻ Alt Text trở nên thực sự dễ dàng. Làm theo các bước bên dưới để thêm chúng vào hình ảnh của bạn. SEO (hình ảnh) của bạn sẽ thực sự hưởng lợi nếu bạn thực hiện đúng những chi tiết này. Những người sử dụng trình đọc màn hình cũng sẽ thích bạn hơn vì điều đó.

Cách thêm thẻ Alt Text và Title Text trong Shopify

Nếu bạn đang sử dụng Shopify, quy trình thêm thẻ Alt Text tương tự như trong WordPress, nhưng các bước hơi khác một chút.

Nếu bạn đã mở Yoast SEO, hãy nhấp vào ‘Edit with Shopify’ trước khi nhấp vào hình ảnh bạn muốn thêm thẻ Alt Text khi tối ưu hóa thẻ

Mở trang rồi nhấp vào hình ảnh để vào màn hình trình chỉnh sửa hình ảnh khi tối ưu hóa thẻ

Sau khi bạn đã hoàn thành việc đó, bạn sẽ thấy tùy chọn ‘Edit alt text’, sau đó chỉ cần thêm thẻ Alt Text của bạn vào trường được cung cấp khi tối ưu hóa thẻ

Tìm hiểu thêm về SEO hình ảnh

Chúng tôi có một bài viết rất phổ biến (và dài hơn) về SEO hình ảnh. Bài đăng đó đi sâu vào rất nhiều cách khác nhau để tối ưu hóa thẻ Alt Text hình ảnh nhưng thiếu chi tiết tương đối khi nói đến thẻ Alt Text và Title Text – hãy coi đây là phần bổ sung cho bài viết đó. Tôi khuyên bạn nên đọc bài viết đó nếu bạn muốn tìm hiểu thêm về cách thực hành tốt về SEO hình ảnh.

Xem thêm: Muốn giấu trang web của mình khỏi kết quả tìm kiếm? Đây là 4 cách tham khảo