Hướng dẫn viết thẻ hình ảnh thay thế (alt image tag) hoàn hảo

Tốt nhất bài viết Khi bạn viết blog, tạo bài viết cho xuất bản, Hoặc nếu bạn chỉ muốn trang web của mình trông đẹp hơn trang web của đối thủ cạnh tranh, bạn cần sử dụng hình ảnh. Cách để hiển thị hình ảnh trên trang web của bạn là sử dụng thẻ alt cho hình ảnh, còn được gọi là văn bản thay thế cho hình ảnh.

Sử dụng Thẻ alt Tối ưu hóa công cụ tìm kiếm là một cách để tối ưu hóa trang web của bạn và cho phép tìm kiếm Các công cụ tìm kiếm thực hiện công việc của mình khi xếp hạng trang web của bạn. Để học Thông tin chi tiết về cách sử dụng thẻ alt Tối ưu hóa hình ảnh cho SEO Để có chiến lược tốt hơn, hãy tiếp tục đọc bài viết của chúng tôi. Bài viết cung cấp thông tin bạn cần biết để có thứ hạng tốt hơn và sử dụng hình ảnh của mình hiệu quả hơn.

Alt Text là gì?

Mục lục

Nâng cao sự hiện diện trực tuyến của bạn với Lukasz Zelezny, Chuyên gia Tối ưu hóa Công cụ Tìm kiếm (SEO) với hơn 20 năm kinh nghiệm — hãy đặt lịch hẹn ngay bây giờ.

Bật/Tắt

Alt-text còn được gọi là thẻ alt hoặc mô tả alt, và chức năng của nó là cung cấp một dòng văn bản mô tả hình ảnh mà bạn dự định đặt trên trang web của mình. Khi hình ảnh không hiển thị, văn bản này sẽ thay thế vị trí của nó.

Một trong những mục đích của hình ảnh thay thế là giúp người dùng máy tính khiếm thị sử dụng. Công cụ đọc màn hình để có được ý tưởng của gì Hình ảnh của bạn trông như thế nào. Ngoài ra, nó còn giúp các công cụ tìm kiếm. bò tốt hơn và đặt một vị trí cao hơn chính xác Xếp hạng cho trang web hoặc trang web của bạn.

Nói cách khác, khi bạn muốn tăng khả năng hiển thị, bạn cần sử dụng văn bản thay thế (alt text). chiến lược theo cách đúng đắn. Nó cũng giúp tăng giá trị cho trang web của bạn và nhiều hơn nữa. Văn bản thay thế (alt text) hoặc thẻ alt (alt tag) liên quan đến hình ảnh.

Tại sao hình ảnh không hiển thị?

Điều này không phải lúc nào cũng là xấu Lỗi do thẻ alt. Có những lý do khác khiến hình ảnh không hiển thị và người đọc chỉ thấy văn bản thay thế (alt text) thay thế cho hình ảnh. Những lý do đó bao gồm nhưng không giới hạn ở những điều sau:

1. Người dùng có tín hiệu Wi-Fi yếu hoặc modem.
2. Trong văn bản của bạn có một liên kết hình ảnh bị hỏng.
3. Kích thước của hình ảnh quá lớn so với hệ thống của họ.
4. Đã sử dụng tên tệp sai.
5. Người dùng đang sử dụng phần mềm đọc màn hình.

Việc hiển thị hình ảnh đúng cách là điều quan trọng đối với độc giả của trang web của bạn, vì họ có thể hiểu được nội dung của bạn. nội dung Tốt hơn nhiều. Hình ảnh có giá trị hơn ngàn lời nói và giúp bạn truyền đạt ý tưởng một cách súc tích hơn.

4 Lý do tại sao văn bản thay thế (Alt Text) lại quan trọng đến vậy

Bạn có thể để trống ô văn bản thay thế, nhưng đây không phải là lựa chọn tốt khi bạn đang cố gắng... xếp hạng và thu hút độc giả. Dưới đây là 4 lý do giải thích tại sao việc điền chính xác vào ô đó là điều cần thiết:

1. Bạn không bị kẹt với một khoảng trống. Văn bản sẽ hiển thị khi hình ảnh không thể tải được.
2. Văn bản thay thế (alt text) giúp cải thiện khả năng truy cập và cho phép người dùng khiếm thị nghe được mô tả của hình ảnh. Đây là một phần quan trọng của thiết kế website thân thiện với SEO.
3. Đó là SEO tốt Thực hành điều này vì nó giúp các công cụ tìm kiếm xếp hạng trang web của bạn cũng như hiểu được hình ảnh có liên quan gì đến nội dung của bạn.
4. Khi bạn sử dụng hình ảnh của mình làm liên kết, văn bản sẽ trở thành văn bản neo.

Một yếu tố quan trọng để sử dụng văn bản thay thế (alt text) một cách hiệu quả là cho phép các công cụ tìm kiếm sử dụng thuật toán hình ảnh để xác định nội dung của hình ảnh. Văn bản này là một gợi ý quan trọng cho việc xác định đó.

Tăng lượng khách hàng trực tuyến cùng Lukasz Zelezny, chuyên gia SEO với hơn 20 năm kinh nghiệm — đặt lịch hẹn ngay hôm nay.

Không muốn bị bỏ lại phía sau, Google dường như có khả năng xếp hạng các trang web dựa hoàn toàn vào văn bản thay thế (alt text) được sử dụng trên trang web. Đây là nơi bạn muốn sử dụng một cách tự nhiên văn bản thay thế của mình. Từ khóa SEO. Nhưng hãy đảm bảo rằng bạn tuân thủ các hướng dẫn trên để tránh nhồi nhét quá nhiều từ khóa vào văn bản thay thế.

Để giúp hình ảnh của bạn xếp hạng cao trên Google, bạn nên tuân theo bốn mẹo sau:

1. Sử dụng nội dung văn bản thay thế có ý nghĩa
2. Đảm bảo rằng các hình ảnh được đặt trên các trang chứa nội dung liên quan.
3. Hãy đảm bảo sử dụng hình ảnh chất lượng cao.
4. Sử dụng tên tệp có ý nghĩa và dễ hiểu.

Cách thêm thẻ alt vào các trang web của bạn?

Thông thường, nội dung quản lý các hệ thống như HubSpot hoặc WordPress Có các định dạng dễ chỉnh sửa. Chỉ mất vài giây để truy cập vào màn hình chỉnh sửa và cửa sổ pop-up phù hợp. Từ đó, bạn chỉ cần nhập văn bản vào các vị trí tương ứng, nhấp vào "Lưu" và hoàn tất.

Đối với người dùng Hubspot, bạn cần nhấp vào hình ảnh và sau đó nhấp vào biểu tượng chỉnh sửa để mở cửa sổ pop-up. Khi cửa sổ này xuất hiện, bạn nhập văn bản vào ô văn bản thay thế (alt text), thường nằm ở phần dưới cùng của màn hình, và văn bản sẽ được tự động chèn vào mã HTML của bạn.

WordPress dường như còn dễ dàng hơn trong việc chỉnh sửa hình ảnh của bạn. Một lần nữa, bạn cần nhấp vào hình ảnh. nào Sẽ mở tab "Block" trong thanh bên cạnh hình ảnh. Di chuyển xuống hộp có nhãn "Alt text" và nhập văn bản của bạn. Nhấp vào "Update" và bạn đã hoàn tất.

Khi thực hiện việc cập nhật và chỉnh sửa này, hãy đảm bảo rằng bạn mô tả một cách cụ thể và chi tiết. Tuy nhiên, bạn phải đảm bảo rằng văn bản thay thế (alt text) mô tả bối cảnh của hình ảnh; nếu không, hình ảnh có thể không đạt được mục đích của nó.

3 Cách Mô Tả Thay Thế (Alt Text) Của Bạn Có Thể Không Đạt Được Mục Tiêu

1. Từ khóa không phải lúc nào cũng tốt.

Nếu bạn nhồi nhét quá nhiều từ khóa vào văn bản thay thế (alt text), bạn sẽ không tạo được ấn tượng tốt. Bạn sẽ bỏ lỡ bối cảnh và có quá nhiều thông tin vô ích. Từ khóa là quan trọng, nhưng quá nhiều sẽ khiến các công cụ tìm kiếm không thích.

Khi bạn làm điều này, bạn khiến các công cụ tìm kiếm khó hiểu được mối quan hệ giữa hình ảnh đó với phần còn lại của nội dung của bạn. Sự thiếu hiểu biết này có thể ảnh hưởng tiêu cực đến thứ hạng tiềm năng của bạn khi sử dụng. từ khóa dài.

Ngoài ra, trong trường hợp của Google, bạn có thể phải chịu một phạt mà không ai muốn nhận.

2. Chi tiết không phải lúc nào cũng cụ thể đủ.

Bạn có thể sử dụng văn bản thay thế (alt text) mô tả một cầu thủ bóng chày đang vung gậy đánh bóng trên sân bóng chày. Mặc dù điều này có thể chi tiết và mô tả đủ cho một số người, nhưng nó không đủ tốt để các công cụ tìm kiếm xếp hạng cao.

Mặc dù hình ảnh cho thấy một cầu thủ bóng chày đang đánh bóng, nhưng có những chi tiết cụ thể hơn có thể được sử dụng để công cụ tìm kiếm hiểu được mối quan hệ giữa hình ảnh và nội dung của bài viết hoặc trang web.

Một văn bản thay thế tốt hơn có thể được viết như sau: Willie Mays của đội San Francisco Giants đánh bóng tại sân vận động Candlestick Park.

3. Độ cụ thể bị hạn chế do thiếu chi tiết.

Có các văn bản thay thế (alt text) và chủ đề hình ảnh cung cấp đủ bối cảnh để mô tả chi tiết hơn. Tuy nhiên, không phải tất cả hình ảnh đều như vậy. Một số hình ảnh rất chung chung và không chứa tên người, tên địa điểm, v.v.

Thay vì nói "người phụ nữ chỉ vào màn hình máy tính", khi có người đang sử dụng máy tính và một người khác chỉ vào màn hình, bạn có thể sử dụng ngữ cảnh để mô tả chi tiết hơn.

Nội dung văn bản thay thế có thể được viết như sau – Giáo viên máy tính chỉ vào màn hình máy tính của học sinh. Bạn sẽ có cả ngữ cảnh và tính cụ thể mà các công cụ tìm kiếm ưa thích. Hoặc bạn có thể đi xa hơn và nói – giáo viên máy tính sử dụng phần mềm máy tính để giảng dạy cho học sinh trong lớp học máy tính.

Thẻ alt cần phải cụ thể và liên quan đến bối cảnh của hình ảnh một cách chi tiết nhất có thể. Càng chi tiết, thẻ alt cho hình ảnh của bạn càng tốt cho SEO.

Bạn cần phải không được lười biếng khi viết Văn bản thay thế (alt text) của bạn và chỉ cần viết những gì mọi người nhìn thấy. Hãy xem kỹ hình ảnh và xem liệu bạn có thể tìm ra thêm chi tiết nào giúp bạn mô tả cụ thể hơn và nâng cao thứ hạng của mình.

Các nguyên tắc và mẹo tốt nhất cho thẻ Alt

Để trích xuất thông tin chính xác từ một hình ảnh, bạn cần phải luyện tập. Bạn phải tìm kiếm những manh mối giúp bạn nhận ra những chi tiết cụ thể đó, từ đó làm cho văn bản thay thế (alt text) của bạn trở nên tốt hơn so với trước đây.

Khi viết nội dung cho thẻ alt để tối ưu hóa, bạn nên cân nhắc áp dụng các nguyên tắc tốt nhất sau đây cho thẻ alt:

1. Hãy cụ thể và mô tả chi tiết.– Đừng chỉ viết về một chủ đề chung chung. Hãy khai thác càng nhiều chi tiết từ hình ảnh càng tốt, sao cho vừa cụ thể vừa mô tả được. Bạn muốn viết càng cụ thể càng tốt mà không quá lạm dụng. Để kiểm tra lại văn bản, hãy hoàn thành câu, đọc lại và cố gắng hình dung hình ảnh mà không cần nhìn vào chính hình ảnh đó. Xem liệu bạn có thể hình dung rõ ràng về nội dung của hình ảnh hay không.
   
2. Đừng viết một cuốn sách– Bạn nên giữ văn bản thay thế (alt text) ngắn gọn nhất có thể. Không cần viết một đoạn văn dài hay mô tả dài như một cuốn sách. Độ dài mục tiêu nên nằm trong khoảng 100 đến 125 ký tự, không vượt quá con số đó. Một số trình đọc màn hình không thể đọc được hơn 125 ký tự.
   
3. Tránh lặp lại chính mình– Không cần phải lặp lại thông tin hay bao gồm những từ không cần thiết. Một số từ không cần thiết bao gồm ‘hình ảnh của’ hoặc ‘ảnh của’ và các từ tương tự. Hãy giữ cho văn bản của bạn chính xác và không lặp lại những điều mà mọi người đã biết. Những từ đã được ngầm hiểu không cần phải được bao gồm trong văn bản của bạn.
   
4. Sử dụng từ khóa một cách tự nhiên– Việc sử dụng từ khóa là hoàn toàn chấp nhận được, nhưng đừng nhồi nhét chúng vào nội dung của bạn. Hãy đảm bảo rằng bạn đã xem xét kỹ các từ khóa mục tiêu và cách chúng sẽ hòa hợp với nội dung trang web và hình ảnh của bạn. Việc này sẽ trở nên tự nhiên hơn khi... hình ảnh trùng khớp với nội dung của trang web
   
5. Sử dụng từ khóa một cách chính xác– Nói cách khác, đừng nhồi nhét từ khóa vào văn bản. Nếu bạn nhồi nhét quá nhiều từ khóa vào văn bản thay thế (alt text) hơn mức cần thiết, điều này có thể ảnh hưởng xấu đến thứ hạng và chiến lược SEO của bạn. Hãy sử dụng chúng vào thời điểm phù hợp và với số lượng hợp lý.
   
6. Tránh sử dụng hình ảnh che phủ văn bản.– Mục đích của văn bản là giúp các trình đọc màn hình hiểu được hình ảnh. Nếu bạn sử dụng hình ảnh thay thế cho văn bản hoặc có văn bản bên trong hình ảnh, các trình đọc màn hình sẽ không thể hiểu được hình ảnh. Văn bản là văn bản và cần được giữ nguyên như vậy.
   
7. Giữ vững mục tiêu của bạn– Mục tiêu của việc này là mô tả hình ảnh một cách tốt nhất có thể để những người không thể nhìn thấy hình ảnh có thể hiểu được nội dung trong hình ảnh của bạn. Hãy viết thẻ alt với suy nghĩ về người dùng thực tế, không chỉ tập trung vào chiến lược SEO hay công cụ tìm kiếm.
   
8. Tránh sử dụng dấu ngoặc kép– Có thể việc sử dụng thêm dấu ngoặc kép sẽ khiến chức năng HTML bị lỗi. Hệ thống đã sử dụng các dấu ngoặc kép gốc của riêng mình để chỉ định điểm bắt đầu và kết thúc của văn bản của bạn.
   
9. Hình ảnh hoạt động như nút bấm– Khi hiển thị hình ảnh, bạn nên cung cấp văn bản thay thế (alt text) mô tả mục đích của hình ảnh đó. Văn bản thay thế có thể đơn giản như ‘Gửi’, ‘Tìm kiếm’ hoặc ‘Đăng ký ngay’.

10. Thực hiện một bài kiểm tra – Để đảm bảo rằng bạn đã nhập đúng nội dung cho văn bản thay thế (alt text), hãy kiểm tra lại. Bạn muốn đảm bảo mọi thứ hoạt động đúng như kế hoạch.

Nội dung cho thẻ alt

Như bạn vừa học được, bạn nên mô tả hình ảnh một cách cụ thể nhất có thể mà không cần dùng quá nhiều từ. Trừ khi việc viết văn bản thay thế (alt text) có thay đổi trong thời gian tới. tương lai, Bạn không có bất kỳ giới hạn nào về nội dung có thể nhập vào ô thẻ alt.

Bạn là miễn phí Bạn có thể sử dụng bất kỳ số lượng từ nào, bất kỳ từ nào bạn muốn, và vân vân. Tuy nhiên, khi sử dụng những từ đó, hãy đảm bảo rằng chúng mô tả chính xác bức ảnh mà bạn đang sử dụng. Tuy nhiên, bạn cũng có quyền không viết bất kỳ nội dung nào cho văn bản thay thế (alt text).

Bạn có thể để trống thẻ alt khi không sử dụng hình ảnh và chỉ muốn chèn một khoảng trống. Ngoài ra, bạn có thể sử dụng tối thiểu 2 từ nếu hình ảnh yêu cầu sự ngắn gọn. Thẻ alt trống sẽ có dạng như sau: alt = “”

Một yếu tố quan trọng mà bạn nên xem xét sử dụng là trung tâm. từ khóa cho Trang đích. Đây là một quy tắc quan trọng cần tuân thủ và việc bao gồm từ khóa chính sẽ giúp cải thiện tối ưu hóa và thứ hạng của bạn.

Luôn sử dụng các từ khóa một cách tự nhiên khi đưa vào văn bản thay thế (alt text). Việc ép buộc sử dụng từ khóa sẽ không giúp cải thiện hình ảnh hay làm trang web của bạn trông đẹp hơn. Văn bản cần tạo ra sự liên quan.

Dưới đây là những đặc điểm tích cực mà văn bản thay thế (alt text) của bạn nên có:

1. Luôn viết một cách tự nhiên, dù bạn có sử dụng từ khóa hay không.
2. Không nên nhồi nhét từ khóa vào nội dung mà hãy sử dụng chúng một cách thông minh.
3. Đảm bảo rằng văn bản mô tả nội dung và các yếu tố hình ảnh trong bức ảnh.
4. Văn bản cần mô tả mục đích của hình ảnh và lý do tại sao nó được hiển thị trên trang web.
5. Nội dung cần mang lại giá trị cho trang web. Điều này nhằm mục đích tiện lợi cho người dùng và tối ưu hóa cho công cụ tìm kiếm.
6. Nội dung cần mang lại lợi ích cho trang web và tính khả dụng của nó.
7. Tất cả các thẻ nên chứa các từ khóa và từ khóa tìm kiếm để giúp các công cụ tìm kiếm xếp hạng trang web hoặc trang web của bạn.

Lazy Loading có phải là lựa chọn lý tưởng cho văn bản thay thế (alt text) không?

Đó có thể là một cách tốt để tải hình ảnh một cách từ từ, nhưng một số người trong cộng đồng SEO không đồng ý với đánh giá đó. Tải chậm Đây là nơi hình ảnh chỉ được tải khi người đọc trang web của bạn cuộn xuống đến hình ảnh đó. Tất cả hình ảnh của bạn không được tải cùng lúc mà được tải từng cái một khi người truy cập đọc các trang web của bạn.

Sự lo ngại của họ là rằng Bot của Google Không thể đọc tất cả các hình ảnh nếu chúng không tải cùng lúc. Bạn có thể giảm thiểu rủi ro này bằng cách thêm văn bản thay thế (alt text) cho tất cả hình ảnh của mình, vì bot của Google có thể đọc văn bản thay thế ngay cả khi hình ảnh chưa được tải.

Điều này tùy thuộc vào sở thích của bạn, tất nhiên, và bạn vẫn có thể sử dụng hệ thống tải chậm. Điều này không ảnh hưởng đến thứ hạng của bạn, nhưng để an toàn, hãy đảm bảo rằng mỗi hình ảnh đều có văn bản thay thế (alt text) được thêm vào.

Thẻ Alt và thẻ Title có phải là một không?

Không, chúng không phải. Một điểm khác biệt giữa chúng là khi bạn di chuột qua Tiêu đề hoặc hình ảnh. Thông thường, thẻ tiêu đề mô tả các liên kết chi tiết hơn và cung cấp thông tin chi tiết hơn cho người dùng.

Thẻ alt thông thường không hiển thị cho người dùng hoặc người đọc trang web của bạn. Nó chỉ được hiển thị khi hình ảnh không tải được. Nó cũng không chứa nhiều thông tin như thẻ tiêu đề khi được hiển thị.

Ngoài ra, thẻ alt sẽ thay thế cho thẻ tiêu đề khi thẻ tiêu đề không được sử dụng. Nó sẽ hiển thị khi con trỏ chuột di chuột qua tiêu đề thay vì thẻ tiêu đề. Tuy nhiên, điều này không có nghĩa là thẻ tiêu đề không quan trọng. Mục đích của nó là tạo ra sự liên quan hơn nữa cho hình ảnh và lý do tại sao nó được sử dụng.

Ngoài ra, nó còn nhấn mạnh tầm quan trọng của hình ảnh đối với nội dung trang web. Có một thẻ cung cấp nhiều thông tin hơn cả văn bản thay thế (alt text) và thẻ tiêu đề (title tag), và chỉ... Firefox và các trình duyệt nhỏ hơn khác cũng hỗ trợ Mô tả chi tiết thẻ.

Ngay cả Explorer cũng phải được cấu hình để đọc văn bản thẻ này. Tuy nhiên, longdesc không còn được hỗ trợ khi được sử dụng để triển khai các trang web sử dụng HTML5. Nó có thể bị bỏ qua trong quá trình tối ưu hóa công cụ tìm kiếm.

Để sử dụng văn bản dài hơn này, bạn thường phải viết nó dưới dạng tài liệu HTML và truy cập qua một liên kết. Vẫn có thể sử dụng tùy chọn này, nhưng có thể mất thêm một chút thời gian để viết ra và lưu trữ trong văn bản nguồn.

Một lần nữa, bạn cần đánh giá tùy chọn này để xem liệu nó có giá trị đối với bạn và có thể giúp cải thiện thứ hạng của bạn cũng như các chiến lược SEO khác hay không.

Thêm văn bản thay thế (Alt Text) vào trang web của bạn

Để tìm một điểm khởi đầu tốt cho việc thêm văn bản thay thế (alt text) vào trang web của bạn, bạn nên thực hiện một cách tốt. Kiểm tra SEO of your current content. This audit will help you see where adding alt text will enhance your photos and describe untagged images.

Bạn có thể theo dõi lưu lượng truy cập tự nhiên để xem cách các thẻ alt mới đã ảnh hưởng đến lượng người xem. Càng tối ưu hóa nhiều hình ảnh, chiến lược SEO của bạn sẽ càng được cải thiện.

Chìa khóa để giúp trang web của bạn xếp hạng cao hơn là đảm bảo rằng bạn đã cài đặt các thẻ alt chất lượng cao cho hình ảnh của mình.

Kết luận

Sử dụng thẻ alt sẽ là một cải tiến so với tình trạng hiện tại của bạn. Điều quan trọng là đảm bảo chúng tuân thủ các quy tắc được mô tả ở trên và có độ dài phù hợp. Đảm bảo chúng không dài quá 125 ký tự để đảm bảo rằng tất cả các trình đọc màn hình có thể đọc được nội dung của hình ảnh.

Ngoài ra, đừng nhồi nhét từ khóa vào nội dung vì điều đó có thể làm hỏng mục tiêu của bạn và thậm chí ảnh hưởng đến thứ hạng của bạn. Nếu một hình ảnh không hiển thị, đó có thể không phải lỗi của thẻ alt mà là do một trong nhiều nguyên nhân khác khiến hình ảnh không hiển thị trên màn hình.

Của bạn mục tiêu Hãy cố gắng mô tả chi tiết nhất có thể với những mô tả tốt nhất mà bạn có thể đưa ra và hoàn thành tất cả trong vòng dưới 125 ký tự. Đây không phải là một giấc mơ viển vông mà là một mục tiêu hoàn toàn có thể đạt được.

Nếu bạn cũng đang gặp khó khăn trong việc tạo văn bản thay thế (alt text) cho trang web của mình và cần sự hướng dẫn, hãy liên hệ với chúng tôi ngay lập tức.