Alt Text là gì? Cách triển khai Alt Text trong SEO 2019

Văn bản thay thế là gì?
Văn bản thay thế (văn bản thay thế), còn được gọi là “thuộc tính alt”, mô tả alt,, và kỹ thuật không chính xác là “thẻ alt, Khăn được sử dụng trong mã HTML để mô tả sự xuất hiện và chức năng của hình ảnh trên trang.
Văn bản thay thế sử dụng:
1. Thêm văn bản thay thế vào ảnh trước hết là nguyên tắc truy cập web. Người dùng khiếm thị sử dụng trình đọc màn hình sẽ được đọc thuộc tính alt để hiểu rõ hơn về hình ảnh trên trang.
2. Thẻ Alt sẽ được hiển thị thay cho hình ảnh nếu không thể tải tệp hình ảnh.
3. Thẻ Alt cung cấp ngữ cảnh / mô tả hình ảnh tốt hơn cho trình thu thập thông tin của công cụ tìm kiếm, giúp họ lập chỉ mục hình ảnh đúng cách.
Code sample
<img src=”pupdanceparty.gif” alt=”Puppies dancing”>
Định dạng tối ưu
Định dạng tốt nhất cho văn bản thay thế là đủ mô tả, nhưng không chứa bất kỳ nỗ lực spam nào trong việc nhồi nhét từ khóa. Nếu bạn có thể nhắm mắt lại, nhờ ai đó đọc văn bản thay thế cho bạn và tưởng tượng một phiên bản chính xác của hình ảnh, bạn đang đi đúng hướng.
Chúng ta hãy xem một vài ví dụ về văn bản thay thế cho hình ảnh này của một chồng bánh kếp việt quất trông rất ngon miệng:
ví dụ thẻ pancake alt
Được rồi: <img src = “pancakes.png” alt = “pancakes”>
Văn bản thay thế này chỉ “ổn” vì nó không được mô tả nhiều. Vâng, đây là hình ảnh của một chồng bánh kếp. Nhưng, có nhiều điều để nói về hình ảnh này.
Tốt hơn:
<img src = “pancakes.png” alt = “Chồng bánh việt quất với đường bột”>
Văn bản thay thế này là một thay thế tốt hơn vì nó mô tả nhiều hơn những gì trong hình ảnh. Đây không chỉ là một chồng “bánh kếp” (như ví dụ văn bản thay thế đầu tiên được thể hiện); đó là một đống bánh việt quất với một ít đường bột!
Không được khuyến khích:
<img src = “pancakes.png” alt = “”>
hoặc là
<img src = “pancakes.png” alt = “pancake pancake pan cake hotcakes hotdding bữa ăn sáng tốt nhất bữa sáng hàng đầu bữa sáng công thức nấu ăn sáng công thức pancake”>
Cả hai ví dụ này đều được khuyến nghị. Dòng mã đầu tiên thực sự không chứa bất kỳ văn bản thay thế nào cả (chú ý các trích dẫn trống), trong khi ví dụ thứ hai thể hiện nhồi nhét từ khóa trong văn bản thay thế.

Tại sao văn bản alt quan trọng?
1. Khả năng tiếp cận
Văn bản thay thế là một nguyên lý của thiết kế web có thể truy cập. Mục đích ban đầu (và vẫn là chính) của nó là để mô tả hình ảnh cho khách truy cập không thể nhìn thấy chúng. Điều này bao gồm trình đọc màn hình và trình duyệt chặn hình ảnh, nhưng nó cũng bao gồm người dùng bị khiếm thị hoặc không thể nhận dạng trực quan hình ảnh. Bao gồm văn bản thay thế với hình ảnh của bạn đảm bảo tất cả người dùng, bất kể khả năng trực quan, có thể đánh giá cao nội dung trên trang web của bạn.

2. SEO hình ảnh
Sử dụng văn bản thay thế trên hình ảnh của bạn có thể mang lại trải nghiệm tốt hơn cho người dùng, nhưng nó cũng có thể giúp bạn kiếm được cả lợi ích SEO rõ ràng và tiềm ẩn. Cùng với việc thực hiện tiêu đề hình ảnh và thực hành đặt tên tệp tốt nhất, bao gồm cả văn bản thay thế cũng có thể đóng góp cho SEO hình ảnh.

Mặc dù công nghệ nhận dạng hình ảnh của công cụ tìm kiếm đã được cải thiện rất nhiều trong những năm qua, nhưng trình thu thập thông tin tìm kiếm vẫn không thể “nhìn thấy” hình ảnh trên trang web như chúng ta có thể, vì vậy không nên để việc giải thích chỉ trong tay họ. Nếu họ không hiểu hoặc hiểu sai, có thể bạn có thể xếp hạng cho các từ khóa ngoài ý muốn hoặc bỏ lỡ xếp hạng hoàn toàn.
Đây là một ví dụ: Google có thể thấy hình ảnh sau đây và có thể giải mã rằng đó là một người đàn ông đeo cà vạt và đeo kính, ngồi ở bàn làm việc.
Tuy nhiên, nếu bạn đang cố gắng xếp hạng cho “mạo danh Dwight Schrute của Jim Halpert”, bạn sẽ cần phải giúp công cụ tìm kiếm giúp một tay giúp đỡ.
Theo nghĩa đó, văn bản thay thế cung cấp cho bạn một cơ hội khác để bao gồm từ khóa mục tiêu của bạn. Với việc sử dụng từ khóa trên trang vẫn tăng trọng lượng như một yếu tố xếp hạng của công cụ tìm kiếm, bạn nên tạo văn bản thay thế vừa mô tả hình ảnh, vừa có thể, bao gồm một từ khóa hoặc cụm từ khóa bạn đang nhắm mục tiêu.
Làm thế nào để tôi viết văn bản alt tốt?
Mô tả hình ảnh càng cụ thể càng tốt. Văn bản thay thế, trước hết và trên hết, được thiết kế để cung cấp giải thích văn bản về hình ảnh cho người dùng không thể nhìn thấy chúng. nếu một hình ảnh thực sự không truyền tải bất kỳ ý nghĩa / giá trị nào và chỉ ở đó cho mục đích thiết kế, thì nó sẽ nằm trong CSS, không phải HTML.
Giữ nó (tương đối) ngắn. Các trình đọc màn hình phổ biến nhất đã cắt văn bản thay thế ở khoảng 125 ký tự, do đó, nên giữ nó ở mức ký tự đó hoặc ít hơn.
Sử dụng từ khóa của bạn Văn bản thay thế cung cấp cho bạn một cơ hội khác để đưa từ khóa mục tiêu của bạn vào một trang và do đó, một cơ hội khác để báo hiệu cho các công cụ tìm kiếm rằng trang của bạn có liên quan cao đến một truy vấn tìm kiếm cụ thể. Mặc dù ưu tiên hàng đầu của bạn nên được mô tả và cung cấp ngữ cảnh cho hình ảnh, nếu nó hợp lý để làm như vậy, hãy đưa từ khóa của bạn vào văn bản thay thế của ít nhất một hình ảnh trên trang.
Tránh nhồi nhét từ khóa. Google sẽ không cập nhật điểm cho văn bản thay thế được viết kém, nhưng bạn sẽ gặp rắc rối nếu bạn sử dụng văn bản thay thế của mình như một cơ hội để nhét nhiều từ khóa có liên quan như bạn có thể nghĩ vào đó. Tập trung vào viết văn bản thay thế mô tả cung cấp ngữ cảnh cho hình ảnh và nếu có thể, bao gồm từ khóa mục tiêu của bạn và để nó ở đó.
Đừng sử dụng hình ảnh dưới dạng văn bản. Đây không phải là một thực tiễn tốt nhất dành riêng cho văn bản thay thế và nhiều hơn về một nguyên lý phát triển web thân thiện với SEO nói chung. Vì các công cụ tìm kiếm không thể đọc văn bản trong hình ảnh của bạn, bạn nên tránh sử dụng hình ảnh thay cho từ. Nếu bạn phải làm như vậy, hãy giải thích những gì ảnh của bạn nói trong văn bản thay thế của bạn.
Không bao gồm “hình ảnh của”, “hình ảnh của”, vv trong văn bản thay thế của bạn. Nó đã được giả định rằng văn bản thay thế của bạn đang đề cập đến một hình ảnh, vì vậy không cần phải chỉ định nó.
Don Tiết quên longdesc = “”. Khám phá bằng cách sử dụng thẻ longdesc = “” cho các hình ảnh phức tạp hơn yêu cầu mô tả dài hơn.
Các nút Don Bỏ bê hình thức. Nếu một hình thức trên trang web của bạn sử dụng một hình ảnh như nút Ấn Độ của bạn, hãy cung cấp cho nó một thuộc tính alt. Các nút hình ảnh phải có thuộc tính alt mô tả chức năng của nút như “tìm kiếm”, “áp dụng ngay”, đăng ký, đăng ký, v.v.
Văn bản alt tốt trông như thế nào?
Chúng ta hãy xem một vài ví dụ về văn bản thay thế trong hành động:
Văn bản thay thế được: <img src = “bird.png” alt = “Dậu”>
Văn bản thay thế tốt hơn: <img src = “bird.png” alt = “Tiếng gáy”
Văn bản thay thế tốt nhất: <img src = “bird.png” alt = “Gà trống gáy đỏ”>
Văn bản thay thế được: <img src = “leo thang.jpg” alt = “người đàn ông trên thang cuốn”>
Văn bản thay thế tốt hơn: <img src = “Climbator.jpg” alt = “người đàn ông đi trên thang cuốn”>
Văn bản thay thế tốt nhất: <img src = “Climbator.jpg” alt = “người đàn ông đeo ba lô đi xuống thang cuốn”>
Văn bản thay thế được: <img src = “kwe.png” alt = “kw explorer”>
Văn bản thay thế tốt hơn: <img src = “kwe.png” alt = “nghiên cứu từ khóa trong Keyword Explorer”>
Văn bản thay thế tốt nhất: <img src = “kwe.png” alt = “Công cụ Moz Keyword Explorer cho nghiên cứu từ khóa SEO”>