Sự khác biệt giữa alt và tiêu đề của img - cái nào sẽ sử dụng - và tác động

Trong nhiều năm, tôi đã viết HTML của mình cho những hình ảnh như thế này:

<img src="picture.jpg" alt="my picture" >

Nhưng gần đây tôi đã thực hiện kiểm toán trang web của mình bằng các công cụ Raven SEO và nó đã báo cáo vô số lỗi mà tôi thực sự ngạc nhiên.

Khi tôi đi qua báo cáo, 99% các lỗi này là do thiếu văn bản tiêu đề hình ảnh.

Tôi biết rằng văn bản tiêu đề cho một hình ảnh có thể hiển thị một chút bật lên khi bạn di chuột qua một hình ảnh, nhưng ngoài mục đích đó và nó có ảnh hưởng gì đến SEO không?

Ngoài ra nếu bạn thực hiện nó, bạn sẽ đặt cái gì vào đó? Bạn có thể đặt thông tin tương tự trong altthuộc tính không? I Ealt="my picture" title="my picture"

Thẻ ALT là thẻ trợ năng được giới thiệu cho những người gặp khó khăn về thị giác thậm chí thông qua Google sử dụng nó để xác định hình ảnh là gì về bạn không bao giờ nên xem xét đặt thẻ alt cho mục đích SEO trước khách truy cập của bạn.

Nhiều người và thậm chí Matt Cutts làm việc tại Google nói về các thẻ alt giống như chúng được thiết kế riêng cho Công cụ tìm kiếm để thông báo cho bot những gì hình ảnh nói về, điều này đơn giản là không đúng sự thật.

Tuy nhiên, bạn có thể thông báo cho Google về hình ảnh nói về việc chăm sóc khán giả của mình, không bao giờ chỉ nhét từ khóa vào thẻ alt, điều này làm giảm trải nghiệm người dùng và nó rất không tự nhiên.

Một ví dụ điển hình cho điều này là thường nói rằng ai đó muốn xếp hạng cho từ khóa 'Bournemouth', họ sẽ có Bournemouth trong tiêu đề, trong H1, mô tả meta sau đó tạo một hình ảnh với thẻ alt 'Bournemouth' Trong khi điều này sẽ hoạt động cho SEO làm giảm trải nghiệm người dùng và bỏ lỡ toàn bộ điểm của thẻ alt. Thẻ alt dành cho những người có vấn đề về thị giác hoặc vô hiệu hóa tất cả các hình ảnh cùng nhau. Vì vậy, thẻ ALT được thiết kế để thông báo cho người dùng về hình ảnh.

Một ví dụ tốt về điều này có thể được nhìn thấy dưới đây

<img src="i.jpg" alt="Bournemouth" />

đấu với

<img src="i.jpg" alt="Birdseye view of Bournemouth" />

Ví dụ trên vẫn bao gồm từ khóa của bạn trong khi giải thích cho cả Google và Đối tượng của bạn về hình ảnh.

Vậy còn thẻ Title thì sao?

Thẻ tiêu đề được thiết kế để cung cấp thêm thông tin khi bạn di chuột qua một yếu tố, nó không hữu ích cho IMG vì nếu bạn có ý định sử dụng cùng thông tin cho ALT và TITLE thì bạn có thể sử dụng tập lệnh để đọc thẻ alt và thực hiện riêng di chuột qua sử dụng JS. Tôi chỉ đề xuất thẻ tiêu đề nếu bạn sẽ cung cấp nhiều thông tin hơn thẻ ALT, như mô tả dài hơn - không cần cung cấp thông tin chính xác trong cả hai yếu tố, vì điều đó chỉ làm phồng mã.

Thẻ tiêu đề thực sự tiện dụng cho các liên kết, vì khi di chuột qua nó có thể cung cấp cho khán giả của bạn nhiều thông tin hơn về liên kết mà họ sắp nhấp. Sẽ đáng để bạn đọc thêm về thẻ tiêu đề ở đây .

altđưa ra một mô tả thay thế của hình ảnh. Thuộc tính này là bắt buộc cho img.

titlecung cấp thêm thông tin về hình ảnh. Thuộc tính này là tùy chọn cho img.

Không bao giờ dựa vào thông tin trong title. Nếu thông tin thực sự quan trọng, hãy đưa nó vào yếu tố riêng của nó.

Hai thuộc tính này không nên có cùng một nội dung.

Sự nhầm lẫn của bạn là bình thường và có mỗi thẻ (Tiêu đề, ALT) thể hiện tiềm năng của chính nó giúp công cụ tìm kiếm và người dùng biết được hình ảnh đó nói về cái gì.

Đôi khi văn bản ALT không đủ để mô tả hình ảnh, vì vậy tốt hơn là chỉ định càng nhiều thông tin càng tốt, hãy sử dụng biến thể trong việc gán các từ hiệu quả hơn theo quan điểm SEO.