Các bước để website thân thiện với Mobile

Ngày càng nhiều người dùng trình duyệt trên các thiết bị di động cầm tay, chủ yếu là điện thoại để đọc tin, lướt web. Nếu website của bạn chưa tối ưu cho các thiết bị này thì bạn đang dần mất đi những visitors này, nhất là khi mạng 3G đang dần được chấp nhận ở Việt Nam.

Tại sao lại phải tối ưu? Vì đa số người duyệt web trên mobile chỉ có nhu cầu đọc tin, không yêu cầu cao về chất lượng hình ảnh, âm thanh đi kèm. Mà trang web của bạn thì đi ngược lại tiêu chí đó. Vậy nên bạn cần phải tối ưu trang web cho phù hợp với trình duyệt của Mobile nhằm tiết kiệm dung lượng tải về cho người đọc. Minh Mèo’s Blog xin giới thiệu 1 thủ thuật đơn giản để làm website của bạn thân thiện với Mobile Browser

Bài viết sẽ gồm 2 phần:

1. Tạo 1 trang thân thiện với Mobile
2. Tự động chuyển khách sang trang dành cho Mobile nếu duyệt bằng Mobile Browser

1. Tối ưu hóa cho Mobile

Nói tối ưu hóa ở đây cũng hơi quá, nhưng là mẹo để bạn có thể “tạo” 1 phiên bản phù hợp với Mobile mà không cần cài bất cứ plugins nào. Hay bạn có thể cài cho bất cứ website nào, không nhất thiết phải là trên nền Wordpress.

Như mình từng đề cập tới công cụ Google Reader, đây là 1 công cụ tuyệt vời để đọc Feed. Và chúng ra sẽ lợi dụng công cụ này để tạo 1 trang dành riêng cho Mobile.

Rất đơn giản, chỉ cần dán link feed của bạn vào như dưới đây:

http://www.google.com/reader/m/view/feed/<đường dẫn đầy đủ link feed của bạn>

Ví dụ: http://www.google.com/reader/m/view/feed/http://feeds.feedburner.com/minhmeoblog

(Bạn thử vào Link trên xem có đúng là rất phù hợp cho Mobile không ạ? Nhẹ nhàng, nhanh )

Vậy là bạn đã có link cho Mobile rồi, nhưng phải thu gọn lại để cho khách truy cập dễ nhớ chứ phải không? Đơn giản là bạn tạo 1 subdomain rồi redirect đến link trên là xong.

Ví dụ: http://mobile.minhmeo.info Minh cho redirect sang http://www.google.com/reader/m/view/feed/http://feeds.feedburner.com/minhmeoblog

Hoàn thành bước 1 nhé, bước tạo trang thân thiên với Mobile

Tự động redirect khách duyệt bằng Mobile sang trang dành riêng cho Mobile

Việc tiếp theo là làm sao cho website bạn nhận biết được rằng khách nào đang đọc trên Mobile để tự động redirect họ sang trang dành riêng cho Mobile mà bạn đã làm ở bước 1 ?

Mã nguồn mở miễn phí detectmobilebrowser sẽ giúp bạn làm việc này dễ dàng. Detectmobilebrowser có nhiệm vụ là phát hiện xem khách truy cập có phải từ Mobile không, nếu đúng thì sẽ redirect họ sang 1 trang mà chúng ta chỉ định.

Vào http://detectmobilebrowser.com/ lựa chọn ngôn ngữ mà website bạn dùng rồi tự thực hiện.

Bài này Minh chỉ ví dụ cho các website dùng Php vì nó phổ biến nhất.Bạn click vào PHP để tải code nhé:

Sau đó bạn sẽ nhận được 1 file Php, bạn chỉ cần thay đường dẫn tới site dành cho Mobile như hình sau là được:

Việc còn lại là bạn chèn đoạn Php trên vào trong website của bạn. Với ai dùng Wordpress thì có thể chèn vào footer.php.

Như vậy là bạn đã hoàn thành xong các bước để làm website thân thiện với Mobile. Hy vọng thủ thuật đơn giản này sẽ có ích cho bạn

Bài viết liên quan:

• 20 templates thân thiện với Search Engine cho Blogspot
• Uptime Robot: Theo dõi và thông báo qua email khi website bị sập
• Hướng dẫn submit website lên Dmoz Directory

Tagged as: google reader, mobile, mobile browser