IPhone và Android – 2 dòng điện thoại phổ biến hiện nay đã bước sang tuổi thứ 8 và thứ 7 tương ứng. Chưa tới 1 thập kỷ phát triển chúng đã chiếm 23% thị phần tìm kiếm cơ bản theo số liệu của BrightEdge’s Data Cube.
Biểu đồ phát triển SmartphoneTheo EMarketer, dự kiến 48,9% người dùng điện thoại di động trên toàn thế giới, hoặc nói cách khác là khoảng 2,23 tỉ người sẽ lên mạng bằng điện thoại ít nhất 1 lần/1 tháng trong năm 2014 và hơn một nửa người dùng di động sẽ sử dụng internet trên di động trong năm tới. Tuy nhiên điều đáng buồn là có rất nhiều thương hiệu nổi tiếng vẫn dậm chân tại chỗ trong cuộc chiến trên di động.Theo số liệu của The Search Agency, có rất nhiều thương hiệu nổi tiếng hiện nay chưa có phiên bản trên di động.
Tình hình ứng dụng web của các thương hiệu nổi tiếngNhư các bạn đã biết, gần đây Google tuyên bố các trang web có thể bị ảnh hưởng tiêu cực trên SERP trên di động nếu không thực hiện các lời khuyên được Google đưa ra trong PageSpeed Insights. Do đó, nếu bạn chưa thực hiện việc kiểm tra sự tương thích của website của mình trên nền tảng di động hãy bắt đầu kiểm tra ngay bây giờ và cập nhật.
Một điều khó khăn dành cho nhiều bạn là không biết bắt đầu từ đâu để thực hiện việc tối ưu hóa trên di động và các biến thể nào của responsive là phù hợp với mình. Vì vậy, trước khi bạn quyết định cho thực thi một phiên bản dành cho di động bạn phải xác định và lựa chọn loại biến thể phù hợp với thực trạng website của mình: responsive, dynamic hay redirect đến một phiên bản khác dành cho mobile.
Responsive, dynamic, redirect – cái nào tốt hơn ?
Google hỗ trợ các trang web trên điện thoại thông minh qua tối ưu hóa qua 3 cấu hình và giải thích những tùy chọn mà tôi đã kể ở trên như sau:
- Các trang web responsive design – tức là các trang web phục vụ tất cả các thiết bị trên cùng một URL giống nhau, mỗi URL sản sinh một đoạn mã HTML như nhau cho tất cả các thiết bị và chỉ sử dụng CSS để thay đổi hình thức và nội dung trả lại cho thiết bị. Đây là cấu hình được Google đề nghị.
- Các trang dynamic: Các trang web phục vụ tất cả các thiết bị trên cùng một URL. Nhưng mỗi URL sản sinh ra mã HTML(và CSS) khác nhau tùy thuộc vào thiết bị tiếp nhận là máy tính bàn hay thiết bị di động.
- Redirect: Các trang web sử dụng URL riêng biệt cho máy tính bàn và thiết bị di động.
Nếu bạn đang băn khoăn, có vài điều mà tôi liệt kê dưới đây có thể giúp bạn quyết định xem nên chọn hình thức nào khi xây dựng phiên bản di động dành cho website.
– Mục đích là thứ đầu tiên có thể giúp bạn quyết định hiển thị nội dung giống hoặc khác nhau dựa trên thiết bị. Mục đích khách truy cập của bạn là gì ? Họ có mục đích khác nhau tùy theo thiết bị họ sử dụng hay không ? Nếu ai đó ghé thăm trang web của bạn bằng máy tính để bàn và thiết bị di động, hành động họ cố gắng thực hiện trên trang web là gì ?
Nếu người dùng của bạn mong muốn cùng một nội dung trên thiết bị di động và máy tính để bàn, responsive design sẽ là sự lựa chọn của bạn(xem hướng dẫn thực hiện một trang responsive design). Một ví dụ điển hình là các trang tin tức: mọi người đến trang web của bạn là để đọc tin tức, không quan tâm đến việc họ sử dụng thiết bị gì. Trang web của bạn có thể tạo kiểu nội dung khác nhau tùy theo từng thiết bị nhưng về cơ bản là nó cùng một nội dung mà người đọc quan tâm.
NhanWeb.COM là một ví dụ điển hình của responsive design– Nếu người dùng muốn đạt một mục đích nào đó khác trên điện thoại di động so với máy tính bàn, lúc này bạn sẽ phải suy nghĩ về việc phục vụ một nội dung khác trên thiết bị khác nhau. Nếu vậy, bạn có thể thiết lập cấu hình dynamic, hoặc chuyển hướng đến một URL dành riêng cho di động.
Hãy nhớ rằng dynamic sẽ là cùng một URL, chỉ là khác nhau về nội dung tùy thiết bị. Trong khi đó redirect sẽ chuyển hướng hoàn toàn đến một URL mới (xem hướng dẫn). Dưới đây là một ví dụ:
Website VNWebmaster.COM là một điển hình cho dynamicĐa số hiện nay, theo tìm hiểu của tôi các bạn lựa chọn phương án sử dụng responsive design là khá phổ biến. Tuy nhiên, sử dụng phương án dynamic hoặc redirect cũng không phải là một lựa chọn tồi và đôi khi là một trả nghiệm tuyệt vời nếu như trang web của bạn quá “nặng” và bạn không muốn mọi người phải chờ đợi tải lâu. Hãy xem xét www.vnwebmaster.com là một ví dụ tốt về dynamic (hãy thử nó trên điện thoại và trên máy tính).
Do khối lượng thông tin lớn, hình ảnh nhiều đồng thời phải chịu đựng một lượng người dùng cùng lúc(CCU) khá lớn, VNExpress.NET của FPT trong giai đoạn trước đây đã chọn giải pháp redirect để hạn chế bớt tài nguyên hệ thống khi người dùng sử dụng di động truy cập website. Làm như vậy họ vừa có thể tiết kiệm được tài nguyên tải về giúp tăng tốc người dùng trên di động, vừa có thể hạn chế request cho máy chủ web của mình.
Những trở ngại thường gặp
Dynamic thường phức tạp hơn về mặt kỹ thuật. Google đã giải thích khá rõ ràng về việc sử dụng các Vary HTTP header để xác định người dùng thông qua user-agent.
Chuyển hướng redirect cũng có thể gặp phải những vấn đề khi không được cấu hình một cách chính xác. Google đã cung cấp giải pháp cho những sai lầm phổ biến mà họ tìm thấy ở đây, trong đó bao gồm:
- Page speed cho biết thời gian tải trang, nếu trang web tải chậm sẽ là một trải nghiệm xấu cho người dùng và khiến họ bỏ qua trang web.Google chỉ ra rằng các trang web trên di động chỉ nên được tải lên trong chưa đầy 1 giây.
- Chuyển hướng lệch: giống như chuyển hướng tất cả người dùng di dộng đến một trang chủ trên thiết bị di động, thay vì phiên bản di động của nội dung mà họ đang cố gắng truy cập.
- Đưa người dùng đến một trang thông báo để rồi ép họ phải sử dụng một ứng dụng dành cho di động thay vì cho phép họ lựa chọn việc truy cập trên phiên bản web và trên ứng dụng di động. Có những cách hết sức tinh tế để làm việc này và Google khuyến cáo nên sử dụng một biểu ngữ đơn giản để thúc đẩy việc sử dụng và lựa chọn thay vì ép buộc.
Google vừa thông báo sẽ cảnh báo người dùng nếu trang web có có lỗi chuyển hướng nếu người dùng cố gắng truy cập từ kết quả tìm kiếm.
Cảnh báo của GoogleMột vấn đề nữa cũng hay gặp phải khi thực hiện các phiên bản cho thiết bị di động đó là SEO. Việc cấu hình sai sẽ dẫn đến goal, traffic, ranking… có thể bị ảnh hưởng. Nhưng đó là một phần mà có thể tôi sẽ viết trong một bài khác, không phải bài này.
Trong thực tế, theo nghiên cứu của BrightEdge tiến hành vào tháng 4 cho thấy các trang web trên điện thoại thông minh cấu hình không chính xác sẽ mất đi 16% tổng lưu lượng truy cập của họ.
Bằng những tiện ích và sự năng động của mình, sẽ không có gì lạ khi Google khuyến cáo bạn nên sử dụng responsive design hơn là dynamic hoặc redirect. Nhưng không phải lựa chọn đó lúc nào cũng hoàn hảo, nếu bạn chọn giải pháp responsive design, bạn phải luôn nhớ :
Thực hiện tải trang có kèm điều kiện để nâng tốc độ tải trang lên cao hơn, giảm số lượng các tập tin tải về, giảm kích thước tập tin ảnh lớn hoặc video phù hợp.