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

ALT TEXT là gì? Chắc hẳn khi bạn nghe nhắc đến cụm từ này, bạn sẽ cảm thấy rất quen thuộc khi làm SEO phải không nào? Chúng ta thường nghe nhắc đến ALT TEXT trong hình ảnh, nhưng thuộc tính này ít khi được sử dụng trong các hạng mục khác trong SEO. Dịch vụ seo LTGSEO xin tóm tắt và giải thích đầy đủ về khái niệm của cụm từ này để các bạn có thể hiểu rõ hơn nhé!

Một trong những điều quan trọng nhất bạn có thể làm để giúp đảm bảo thành công cho trang web của mình là tối ưu hóa SEO. Có rất nhiều cách để đạt được điều đó, cả trên quy mô lớn và nhỏ. Một nhiệm vụ nhỏ hơn nhưng vẫn quan trọng là tối ưu hóa văn bản thay thế hình ảnh của bạn.

Alt Text là gì?

ALT TEXT (Văn bản thay thế), còn được gọi là “thuộc tính alt” và “mô tả alt”, là một thuộc tính HTML được áp dụng cho thẻ hình ảnh để cung cấp thay thế văn bản cho các công cụ tìm kiếm. Áp dụng hình ảnh vào thẻ alt như ảnh sản phẩm có thể tác động tích cực đến bảng xếp hạng công cụ tìm kiếm của cửa hàng thương mại điện tử.

Thẻ Alt Text, viết tắt phổ biến cho thẻ thay thế cũng được gọi là thuộc tính ALT, là một khía cạnh quan trọng trong việc tối ưu hóa trang web của bạn cho mục đích SEO. Google và Bing, hai trong số các công cụ tìm kiếm được sử dụng phổ biến nhất.

Việc đếm các thẻ alt như trên văn bản trang và một yếu tố khá quan trọng vì nó giúp trình thu thập công cụ tìm kiếm xác định nội dung của trang và mô tả bối cảnh của các hình ảnh được bao gồm. Thẻ Alt cũng được xem xét về mặt thiết kế web có thể truy cập.

Thẻ Alt là gì?

Về cơ bản, thẻ alt được hiển thị thay cho hình ảnh trên một trang để mô tả cho khách truy cập trang web không thể nhìn thấy hình ảnh đó là gì. Tại sao họ có thể nhìn thấy những hình ảnh?

Vì nhiều lý do, người dùng và trình duyệt internet có thể chặn hình ảnh hoặc tắt khả năng xem chúng. Điều này cũng bao gồm những người bị suy giảm thị lực và có thể không xác định được hình ảnh mà không có ngữ cảnh.

Xem thêm bài viết khác của chúng tôi tại Thẻ ALT ảnh hưởng đến SEO như thế nào?

Có sự khác biệt giữa các thẻ Alt và văn bản Alt không?

Bạn sẽ thường nghe mọi người trao đổi các điều khoản thẻ alt và văn bản alt. Đây chỉ đơn giản là sự lựa chọn cụm từ giữa các chuyên gia SEO, tuy nhiên, đôi khi chúng tôi muốn tách hai thuật ngữ thành thẻ alt liên quan đến hình ảnh và văn bản thay thế liên quan đến mô tả trang.

Thông thường, thẻ alt được sử dụng để tối ưu hóa hình ảnh nhưng trong hầu hết các nguồn phát triển web, bạn sẽ có thể thêm văn bản thay thế vào mỗi trang trên trang web của mình.

Hy vọng là văn bản thay thế của bạn sẽ là thứ mà trình thu thập công cụ tìm kiếm lấy làm mô tả ngắn gọn về trang của bạn trong kết quả tìm kiếm. Vì vậy, có, cả hai điều khoản liên quan đến mô tả nội dung.

Alt Text thường được sử dụng trong:

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 ví dụ:
<img src=”pupdanceparty.gif” alt=”Puppies dancing”>

Định dạng tối ưu của thẻ Alt Text

Đị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

Tốt: <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!
Các bạn không nên làm:
<img src = “pancakes.png” alt = “”>
hoặc là
<img src = “pancakes.png” alt = “pancake pancake pan cake hotcakes hotdding 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 Alt Text quan trọng trong SEO?

1. Tăng 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 để có thể triển khai thẻ Alt Text?

  • 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ữ thẻ 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”, 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ó.

  • Bạn cũng đừng nên quên thẻ 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.

  • Đừng nên bỏ qua vấn đề 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.

Cách triển khai Alt Text

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”>

Các bạn có thể tham khảo thêm tại dịch vụ seo LTGSEO của chúng tôi.

Cách tối ưu hóa thẻ Alt

Bây giờ tôi biết bạn đã chết để tìm hiểu cách tối ưu hóa hình ảnh của mình bằng cách sử dụng văn bản thay thế, vì vậy hãy để nhảy vào ngay.

Ví dụ này, hãy sử dụng phụ trợ WordPress để hiển thị cho bạn, nhưng hầu hết các trang web đều có chức năng tương tự. Trước tiên, hãy vào phòng trưng bày phương tiện của bạn.

Khi ở trong bộ sưu tập của bạn, bạn sẽ có thể xem tất cả các hình ảnh mà bạn đã tải lên. Nhấp vào hình ảnh bạn muốn tối ưu hóa và bạn sẽ có thể xem thông tin liên quan đến hình ảnh như tiêu đề, chú thích, văn bản thay thế và mô tả.

Tất nhiên, luôn luôn tốt nhất để hoàn thành tất cả các lĩnh vực nhưng chúng tôi đặc biệt khuyên bạn nên ít nhất bạn điền vào tiêu đề một văn bản thay thế.

Tiêu đề phải là tên hình ảnh và văn bản thay thế phải là mô tả. Không có gì lạ khi mọi người sử dụng cùng một văn bản cho cả hai phần, nhưng hãy nhớ rằng văn bản càng độc đáo thì càng có nhiều tùy chọn mà trình thu thập thông tin google phải chọn khi xác định mức độ liên quan của nội dung của bạn.

Một khi các hình thức này đã được điền vào hãy chắc chắn rằng bạn tiết kiệm. Trong một số trường hợp, nếu bạn ở phía sau của một trong các trang web của mình, bạn sẽ có thể chỉ cần nhấp vào hình ảnh ở đó và thêm văn bản thay thế nếu tùy chọn có sẵn.

Một lưu ý khác khi tạo văn bản thay thế là nếu hình ảnh là một siêu liên kết, tốt nhất là mô tả những gì sẽ xảy ra khi bạn nhấp vào hình ảnh cũng như mô tả.

Ví dụ, nếu hình ảnh là một chiếc áo mưa màu tím nhưng được siêu liên kết, bạn nên để văn bản thay thế của bạn nói điều gì đó dọc theo dòng chữ của chế độ xem hình ảnh lớn hơn của chiếc áo mưa màu tím.

Giữ các thuộc tính alt ở mức tối thiểu là khuyến nghị của chúng tôi.

Chỉ cần nhớ sử dụng từ khóa! Đó là chìa khóa chính trong việc làm cho văn bản thay thế trở nên hữu ích cho mục đích SEO.

Đảm bảo thẻ Alt của bạn nhắm mục tiêu từ khóa

Nếu bạn sẽ sử dụng thẻ alt trong nội dung của mình, hãy đảm bảo rằng họ đang nhắm mục tiêu một từ khóa cụ thể.

Khi làm như vậy, bạn có thể đảm bảo rằng Google có thể đọc đúng nội dung trên trang web của bạn và liên kết nó với một từ khóa. Nếu bạn muốn thực hiện nghiên cứu từ khóa, bạn có thể sử dụng một công cụ như

Đề xuất Ubber cho phép bạn tìm các từ khóa có liên quan cho doanh nghiệp hoặc thương hiệu của bạn. Khi bạn đã tìm thấy một từ khóa để nhắm mục tiêu, hãy thêm nhiều hình ảnh vào nội dung của bạn để bạn có thể xếp hạng cho các cụm từ và từ khóa bổ sung. Sử dụng các từ đồng nghĩa của từ khóa trong các thẻ alt hình ảnh khác của bạn để có thêm cơ hội xếp hạng.

Nếu bạn muốn quản lý danh tiếng trực tuyến, thì tôi khuyên bạn nên nhập tên mục tiêu hoặc nhãn hiệu của mình vào thẻ alt hình ảnh để đảm bảo nó xuất hiện trong ảnh của Google.

Cách thêm và tối ưu hóa văn bản thay thế hình ảnh trong WordPress

Trên thực tế, việc thêm văn bản thay thế hình ảnh trong WordPress không thể đơn giản hơn. Trong thực tế, phần khó nhất chỉ đơn giản là ghi nhớ để làm như vậy. Bạn sẽ muốn biến nó thành một phần của thói quen của bạn nếu có thể. Chẳng hạn, nó có thể giúp đi qua từng trang hoặc đăng sau khi bạn viết xong và gán cho mỗi hình ảnh một văn bản thay thế cùng một lúc.

Để thực hiện việc này, nhấp vào hình ảnh trong trang hoặc bài đăng của bạn và chọn biểu tượng Chỉnh sửa :

Trong phần chú thích, bạn sẽ thấy một trường có nhãn Văn bản thay thế . Đây là nơi bạn có thể nhập văn bản thay thế hình ảnh của bạn. Chỉ cần nhập nó vào, và bấm vào Cập nhật!

Bạn cũng có thể thực hiện việc này ngay lập tức khi tải lên một hình ảnh trong Thư viện phương tiện của mình, sử dụng cùng một trường:

Tuy nhiên, như với hầu hết các nhiệm vụ liên quan đến SEO, chỉ cần thêm văn bản thay thế hình ảnh là không đủ. Bạn cũng sẽ muốn tối ưu hóa nó , để đảm bảo rằng nó sẽ hiệu quả. Dưới đây là một vài thực tiễn tốt nhất để làm theo khi tạo văn bản thay thế:

  • Sử dụng một câu đầy đủ, thay vì một từ hoặc cụm từ ngắn. Điều này cung cấp cho khách truy cập người và bot như nhau với nhiều thông tin hơn.
  • Càng mô tả càng tốt, giải thích rõ ràng những gì hình ảnh chứa.
  • Bao gồm các từ khóa trong thẻ alt của bạn. Từ khóa rất cần thiết cho bất kỳ chiến lược SEO mạnh mẽ nào, và đây vẫn là một nơi khác để kết hợp chúng. Nếu bạn có một từ khóa chính cho nội dung của mình, bạn sẽ muốn sử dụng nó trong văn bản thay thế bất cứ khi nào nó có ý nghĩa để làm như vậy. Đối với hình ảnh của các sản phẩm nói riêng, bao gồm tên và ID sản phẩm của mặt hàng cũng là một ý tưởng thông minh.

Nếu bạn ghi nhớ những lời khuyên này, bạn sẽ thấy mình tạo ra văn bản thay thế hình ảnh hiệu quả ngay lập tức!

Tổng kết

Thêm văn bản alt hình ảnh có vẻ như một vấn đề nhỏ. Tuy nhiên, đáng để chú ý nếu bạn muốn trang web của mình được xếp hạng cao nhất có thể trong các công cụ tìm kiếm (và thu hút nhiều lượt xem nhất). Tính năng này cũng rất quan trọng đối với khách truy cập bị suy giảm thị lực và để đề phòng những lúc trang của bạn không tải được hình ảnh.

May mắn thay, việc thêm và tối ưu hóa văn bản thay thế không thể đơn giản hơn. Trong WordPress, bạn có thể thực hiện việc này thông qua màn hình chỉnh sửa hình ảnh trong Thư viện phương tiện, cũng như trên các bài đăng và trang riêng lẻ. Đừng quên tối ưu hóa văn bản thay thế của bạn . Bạn sẽ muốn sử dụng các câu đầy đủ, rất mô tả và bao gồm nhiều từ khóa.

Tác giả: Giang Lê

Tiếp cận kho kiến thức SEO của chúng tôi tại Kiến thức SEO.