Thiết kế trang web sử dụng công nghệ AJAX để tăng khả năng truy cập

Nhiều chủ sở hữu trang web đã khám phá ra lợi ích của việc sử dụng AJAX để cải thiện trải nghiệm người dùng trên trang web của họ bằng cách tạo các trang động đóng vai trò như các ứng dụng web . Nhưng cũng giống như Flash, AIAX có thể khiến các công cụ tìm kiếm khó lập chỉ mục trang web nếu công nghệ này không được triển khai một cách cẩn thận. Có hai vấn đề chính về AJAX liên quan đến các công cụ tìm kiếm: Đảm bảo rằng các bot công cụ tìm kiếm có thể xem nội dung của bạn và đảm bảo rằng các bot này có thể thấy và theo đường dẫn điều hướng của bạn.

Mặc dù Googlebot có thể hiểu được cấu trúc của các đường liên kết HTML, nhưng công cụ này có thể gặp khó khăn trong việc di chuyển trên những trang web sử dụng JavaScript để điều hướng. Chúng tôi đang cố gắng hiểu sâu hơn về JavaScript, nhưng nếu muốn tạo một trang web mà Google và các công cụ tìm kiếm khác có thể thu thập dữ liệu thì bạn nên cung cấp đường các liên kết HTML đến nội dung của bạn.

Thiết kế nhằm hỗ trợ khả năng truy cập

Chúng tôi khuyến khích các chủ sở hữu trang web tạo các trang sao cho không chỉ công cụ tìm kiếm mà người dùng cũng có thể dễ dàng truy cập. Khi bạn thiết kế trang web dựa trên AJAX, hãy nghĩ về nhu cầu của người dùng, bao gồm cả những người có thể không sử dụng một trình duyệt hỗ trợ JavaScript (ví dụ: những người sử dụng trình đọc màn hình hoặc thiết bị di động). Một trong những cách dễ dàng nhất để kiểm tra khả năng truy cập trang web của bạn là xem trước trang web trong trình duyệt đã tắt JavaScript, hoặc xem trang web bằng một trình duyệt chỉ hỗ trợ văn bản như Lynx. Khi xem một trang web dưới dạng văn bản, bạn cũng có thể xác định được nội dung khác mà Googlebot có thể khó nhận thấy, chẳng hạn như văn bản được nhúng trong hình ảnh hoặc Flash.

Tránh iFrame – hoặc liên kết đến nội dung của các iFrame một cách riêng biệt

Nội dung hiển thị qua iFrame có thể không được lập chỉ mục, và vì thế không xuất hiện trong các kết quả tìm kiếm của Google. Chúng tôi khuyên bạn nên tránh sử dụng iFrame để hiển thị nội dung. Nếu bạn sử dụng iFrame, hãy đảm bảo cung cấp các đường liên kết bổ sung dựa trên văn bản đến nội dung mà các iFrame này hiển thị để Googlebot có thể thu thập dữ liệu và lập chỉ mục nội dung đó.

Phát triển dựa trên tính năng nâng cao cải tiến tăng dần

Nếu bạn phát triển từ đầu, một cách tiếp cận hiệu quả là xây dựng cấu trúc và hệ thống điều hướng của trang web chỉ dựa trên HTML. Sau đó, khi đã tạo xong các trang, đường liên kết và nội dung, bạn có thể cải tiến thêm hình thức và giao diện của trang web bằng AJAX. Googlebot sẽ rất sẵn lòng xem xét HTML, trong khi những người dùng sử dụng các trình duyệt hiện đại có thể tận hưởng các lợi ích bổ sung của AJAX.

Dĩ nhiên là bạn có thể có các đường liên kết cần đến JavaScript cho chức năng AJAX. Nhà phát triển web Jeremy Keith gọi kỹ thuật này là Hijax, và đó là một cách để sử dụng AJAX và các đường liên kết tĩnh cùng nhau.

Khi tạo các đường liên kết, hãy định dạng sao các đường liên kết này vừa cung cấp chức năng liên kết tĩnh vừa gọi được chức năng JavaScript. Theo cách đó, bạn có thể cung cấp chức năng AJAX cho người dùng sử dụng JavaScript, trong khi người dùng không sử dụng JavaScript có thể bỏ qua tập lệnh và truy cập đường liên kết. Ví dụ:

<a href="ajax.htm?foo=32" onClick="navigate('ajax.html#foo=32');
 return false">foo 32</a>

Hãy lưu ý rằng URL của đường liên kết tĩnh có một tham số (?foo=32) thay vì một mảnh (#foo=32) (được sử dụng trong mã AJAX). Điều này rất quan trọng, vì các công cụ tìm kiếm hiểu được các tham số URL nhưng thường bỏ qua các mảnh. Vì hiện giờ bạn có thể cung cấp các đường liên kết tĩnh, nên người dùng và các công cụ tìm kiếm có thể liên kết chính xác đến nội dung mà họ muốn chia sẻ hoặc tham chiếu.

Mặc dù chúng tôi đang thường xuyên nâng cao khả năng thu thập dữ liệu của mình, nhưng việc sử dụng các đường liên kết HTML vẫn là một cách hiệu quả để giúp chúng tôi (cũng như các công cụ tìm kiếm, thiết bị di động và người dùng khác) hiểu sâu hơn về cấu trúc trang web của bạn.

Làm theo các nguyên tắc

Ngoài các mẹo mô tả ở đây, bạn cũng nên xem Nguyên tắc quản trị trang web để biết thêm thông tin về những yếu tố khiến một trang web hữu ích cho cả Google và người dùng. Các nguyên tắc này cũng chỉ ra một số phương thức nên tránh, trong đó có lệnh chuyển hướng lén lút bằng JavaScript. Nguyên tắc chung là mặc dù bạn có thể cung cấp trải nghiệm khác nhau cho người dùng dựa trên khả năng của họ, nhưng bạn nên giữ nguyên nội dung. Ví dụ: giả sử chúng tôi đã tạo một trang cho Trang trại chuột đồng của Wysz. Ở đầu trang đó là tiêu đề "Trang trại chuột đồng của Wysz," và bên dưới tiêu đề là một bản trình chiếu dựa trên AJAX về những giống chuột đồng mới về. Khi JavaScript trên trang bị tắt, chúng ta không nên gây bất ngờ cho người dùng bằng cách bắt họ đọc các văn bản bổ sung:

Trang trại chuột đồng của Wysz – chuột đồng, chuột đồng tốt nhất, chuột đồng giá rẻ, chuột đồng miễn phí, thú cưng, trang trại, người nuôi chuột đồng, chuột đồng nhảy múa, loài gặm nhấm, chuột đồng, tài nguyên tốt nhất về chuột đồng, đồ chơi cho thú cưng, học nhảy, dễ thương, các trò với chuột đồng, thức ăn cho thú cưng, môi trường sống của chuột đồng, khách sạn chuột đồng, ý tưởng quà sinh nhật cho chuột đồng và hơn thế nữa!

Cách triển khai tốt hơn là hiển thị cùng một văn bản bất kể JavaScript đã được bật hay chưa, và tốt nhất là nên cung cấp một phiên bản trình chiếu dựa trên HTML cho những người dùng không sử dụng JavaScript. Thông tin khác về văn bản ẩn.