Công nghệ thiết kế web Ajax vẫn tốt cho SEO

Công nghệ thiết kế web Ajax vẫn tốt cho SEO
     

Các trang web sử dụng AJAX (A proposal for making AJAX crawlable) đang ngày càng phổ biến hơn. AJAX giúp các lập trình thêm nhiều tính năng phong...

Các trang web sử dụng [AJAX] (A proposal for making AJAX crawlable) đang ngày càng phổ biến hơn. AJAX giúp các lập trình thêm nhiều tính năng phong phú hơn cho website. Tuy nhiên với yêu cầu website cần tối ưu hóa cho SEO, làm cho lập trình viên có nhiều lo ngại khi dùng AJAX. 

matt cutts da thong bao google index duoc ajax
 Matt cutts thông báo Google có thể đọc được nội dung Ajax

Không có gì phải lo lắng, việc sử dụng AJAX vẫn tối ưu hóa cho SEO. Dưới đây là phần giải đáp các thắc mắc về Ajax: 

Việc sử dụng Ajax sẽ làm giảm thứ hạng trên Search Engine?

Tất nhiên là việc sử dụng [Ajax] sẽ gây khó khăn ít nhiều cho spider của Search Engine trong quá trình crawl dữ liệu từ website.

Cơ chế hoạt động của spider là lần theo các [URL] để crawl được toàn bộ website. Theo đó, các site sử dụng ajax-based sẽ gọi hàm [JavaScript] để làm mới nội dung (không thông qua URL click như cách thông thường)

Search Engine luôn hướng đến người dùng, và nhà phát triển website cũng nên nghĩ đến người dùng trước khi nghĩ đến thứ hạng trên Search Engine.

• Website để phục vụ người truy cập, không phải phục vụ cho spider của Search Engine
• Đảm bảo mắt-của-bọ-tìm-kiếm phải “thấy” nội dung giống như người truy cập website (tránh cloaking)
• Kết quả tìm kiếm luôn đưa ra URL chính xác đến từng trang nội dung.
• Phải đảm bảo quá trình crawl dữ liệu của site phải được diễn ra thông suốt.

Ajax toi uu cho seo
Công nghệ thiết kế web sử dụng Ajax vẫn tối ưu hóa cho seo


Làm thế nào để spider có thể đánh Index toàn bộ Ajax – Based website?

Đảm bảo spider có thể crawl dữ liệu trên site đơn giản là đảm bảo rằng spider có thể lần vết được các URL có trên website. Theo đó, chỉ cần đảm bảo các tiêu chí sau:

1. Các URL phải có trên các liên kết (href trong thẻ a)
Các site ajax based thường sử dụng load nội dung từng phần. Điều này thật sự tốt đối với người truy cập .
Tuy nhiên sẽ là một hạn chế đối trong SEO, do spider chỉ dựa trên các URL để lần vết từng trang.

Giải pháp đưa ra là bạn chỉ cần gắn thêm href trong thẻ a.

Thay thế: 

a href= ‘#’ onclick= ‘call-ajax-load-content(); return false;'
Bằng đường link mới và không ảnh hưởng đến phương thức JavaScript gọi Ajax:
a href= ‘link-another-site’ onclick= ‘call-ajax-load-content(); return false;’

Xây dựng giải pháp cho cả load nội dung theo kiểu ajax-based hoặc reload page.

Cách xử lý vấn đề này là tách riêng một trang load nội dung thành 02 trường hợp: ajax-based truy xuất hoặc truy xuất thông thường.

Ví dụ:
Sẽ trả về một phần nội dung muốn hiển thị

Sẽ trả về trang trang bình thường

Xử lý vấn đề này đơn giản hơn theo cách sau: Nếu được truy cập theo kiểu ajax-based từ chính website đó, hệ thống sẽ trả về phần nội dung yêu cầu (headless browser).Nếu được truy cập từ ngoài website, hệ thống sẽ trả về trang đầy đủ như là một link thông thường.

Cách load nội dung bằng Ajax không ảnh hưởng đến việc đánh index của Search Engine

Sử dụng Ajaxify (http://bionline.vn/ao/vn)
Đây là một plugin của jQuery chuyển đổi các link trên website của bạn sang load nội dung theo kiểu Ajax mà không tốn thời gian và không lo sợ ảnh hưởng đến việc đánh index của Search Engine – thật tuyệt vời!

Cơ chế chuyển đổi link này đang được Facebook áp dụng.
Điều bạn cần lưu ý khi áp dụng là xây dựng cấu trúc site hỗ trợ cả 02 cách load dữ liệu: ajax-based call và direct access.
Ví dụ: 
http://bionline.vn/ao/vn sẽ hiển thị phần nội dung ajax call trả về.
http://bionline.vn/ao/vn?p=1sẽ hiển thị nội dung theo cách thông thường (spider sẽ đánh index trên URL này).