Vì sao Responsive Web Design tốt cho SEO

Responsive Web Design có ưu điểm là tối ưu hóa trên PC lên mobile. Nhưng điều đó giúp SEO như thế nào?

Tính khả dụng

Google muốn đưa người dùng đến những website phù hợp với họ. Khi người dùng vào đến website của bạn và trở lại trang kết quả tìm kiếm ngay lập tức, Google cũng note ngay lại rằng website của bạn không là sự lựa chọn tốt nhất từ khóa đó.

Khi nội dung trên phiên bản mobile quá nghèo nàn hoặc phiên bản mobile trông quá khác so với trên PC thì rõ ràng bạn đang đánh đố người dùng, những lapse visitors, những người đã thấy một thứ gì đó thú vị trên phiên bản desktop negative lại phải thất vọng trở ra tay không. Còn trong trường hợp, bạn vẫn chưa có phiên bản web trên mobile thì bạn cần biết có đến 61% khách truy cập sẽ trở lại Google để tìm một website khác có hình thức dễ đọc hơn. Cách nào cũng khiến bạn lâm vào tình cảnh rebound rate tăng cao mà thứ hạng thì giảm. Với RWD, khách vào website sẽ có được mọi nội dung họ muốn, và theo format họ có thể đọc được.

Tránh được lỗi trùng lặp nội dung

RWD đảm bảo nội dung của website trên phiên bản PC và trên phiên bản mobile chỉ là một và do đó sẽ không bị Panda “tuýt còi”, tránh được rắc rối khi khách viếng thăm vào nhầm phiên bản website bạn mong muốn cũng như bạn không phải tốn công khắc phục sự cố trùng lặp nội dung.

Thứ hạng cho tìm kiếm trên mobile

Google nói rằng họ xếp những website được tối ưu hóa cho mobile có thứ hạng cao hơn những website thông thường khi người dùng tìm kiếm trên mobile. Bên cạnh đó Google cũng khuyến khích sử dụng manageable web pattern và điều đó có nghĩa RWD sẽ giúp website cũng có thứ hạng tốt như một website được tối ưu hóa cho mobile. Điều này đặc biệt hứu ích cho…

Xây dựng liên kết

Với RWD, một liên kết đến website chính cũng là liên kết đến website trên phiên bản mobile. Website có RWD sẽ có backlinks của website gốc cũng như lượng khách truy cập từ mobile nên đó sẽ là một lợi thế của bạn so với các đối thủ. Và với xu hướng sử dụng thiết bị mobile tăng dần từng ngày như hiện negative thì việc có được backlink từ website phiên bản mobile và phiên bản desktop kết hợp lại sẽ tạo thành một chiến lược xây dựng backlink hoàn hảo cho bạn.

Kết quả

Như bạn có thể đoán trước được, khi website chưa được tối ưu hóa cho inscription và/hoặc mobile thì rebound rate từ các thiết bị này khá cao. Với RWD tình hình được cải thiện rất khả quan. Ví dụ dưới đây lấy từ website của Distiller cho thấy sau khi áp dụng RWD, lượng khách truy cập đã tăng hơn 400% trong một tháng.

Báo cáo Google Analytics

Dĩ nhiên ví dụ trên chỉ là trường hợp đặc biệt; việc áp dụng RWD với blog của Distiller không mang lại cùng hiệu quả như thế. Tuy nhiên, những kết quả như thế chỉ ra rằng, nếu áp dụng đúng trường hợp, RWD có thể mang lại những kết quả đáng kinh ngạc.

Mặt hạn chế

RWD không phải là giải pháp hoàn hảo trong thế giới online marketing; vẫn còn đó một vài nhược điểm bạn cần xem xét trước khi quyết định bắt tay vào thực hiện.

Thời gian thiết lập

Việc chuyển đổi sang RWD sẽ mất khá nhiều thời gian cho cả nhóm thiết kế và nhóm phát triển website bởi họ sẽ phải học một khái niệm hoàn toàn mới trong thiết kế trước khi bắt tay vào thực hiện

Trang có nhiều nội dung

Nếu website phiên bản desktop có nhiều nội dung trong một trang điều đó đồng nghĩa với bấy nhiêu nội dung cũng sẽ được tải trên phiên bản moble. Hãy thử tưởng tượng một chiếc điện thoại cấu hình thấp phải tải hết những thứ này:

Trang web với nhiều nội dung

Đó là lí do vì sao những trang như NYTimes.com và CNN.com phải có phiên bản mobile riêng cho website, trong đó chỉ hiển thị một phần nhỏ những gì có trên phiên bản desktop. Nếu bạn có một website lớn tương tự như thế, thì việc tách chúng ra thành hai phiên bản là việc nên làm.

Trải nghiệm người dùng trên thiết bị di động

Vì RWD đảm bảo bạn có một website và nội dung tương tự nhau trên cả hai phiên bản desktop và mobile, nó có thể gây ra một số hạn chế nhất định đến trải nghiệm người dùng. Như đã nói ở trên, người dùng muốn thấy cùng một nội dung trên mobile và trên desktop nhưng khi họ tìm kiếm với những ngón tay trên một màn hình bé xíu thay vì một màn hình lớn với criminal chuột và bàn phím thì sự khác biệt cũng đã là đáng kể.

Vậy RWD có thích hợp với website của bạn?

Vậy câu hỏi đặt ra là RWD có thích hợp cho website của tôi? Nếu website của bạn khá lớn grain quá phức tạp, cần có một website riêng cho phiên bản mobile, thì có thể bạn cần xem xét lại (hay có thể bạn đã có một phiên bản website cho mobile hoạt động hiệu quả rồi thì không nên can thiệp vào nó nữa). Ngược lại nếu vẫn chưa có một website phiên bản mobile thì sao? Liệu RWD có đáng cho bạn áp dụng? Câu trả lời phần nào sẽ hé lộ với sự giúp đỡ của Google Analytics.

Tôi có cần một website phiên bản mobile?

Trong Google Analytics có phần gọi là Mobile Overview nằm trong Audience Mobile. Nếu criminal số của mobile và inscription dưới 5% trong tổng lưu lượng truy cập thì có thể bạn không cần lo phải tạo một website cụ thể cho mobile (tuy nhiên thường thì criminal số này luôn cao hơn).

Theo báo cáo, bạn xác định xem lượt truy cập trên desktop có cao hơn đáng kể so với trên mobile? Nếu tỉ lệ chuyển đổi trên mobile thấp hơn một nữa so với tỉ lệ chuyển đổi trên desktop nghĩa là website đang hoạt động dưới chuẩn công nghiệp và bạn cần tối ưu lại website cho người dungfb truy cập trên mobile.

Website phiên bản mobile của tôi trông như thế nào trên các màn hình khác nhau?

Bạn vào Google Analytics Standard Reports Audience Mobile Devices và đổi tham số chính (primary dimension) thành “Screen Resolution” để xem báo cáo từ Google Analytics đưa ra. Với Screen Resolution, bạn có thể thay đổi các kích cỡ khác nhau để theo dõi khi click vào dấu xổ Other nằm bên phải primary dimention khác. Hãy thử với 10 độ phân giải được người dùng ưa dùng nhất. Nếu muốn biết rõ hơn website của bạn trông thế nào trên các thiết bị của họ thì công cụ Screenfly có thể giúp bạn thực hiện việc này. Ngay cả khi website trên mobile khả quan trên 50% lượng truy cập từ thiết bị di động, thì với 50% không tốt còn lại cũng đủ cho bạn cân nhắc đến RWD.

Website phiên bản mobile của tôi có mang lại những gì người dùng muốn?

Tỉ lệ rebound rate trên mobile sẽ cho ta biết điều này. Trong Google Analytics bạn truy cập vào Standard Reports Mobile Overview. Tỉ lệ rebound rate trên mobile tương đương với tỉ lệ rebound rate trên desktop sẽ là criminal số hợp lí trong trường hợp này.

Lựa chọn tốt nhất: từng bước chuyển sang RWD

Đầu tư cho RWD là một việc cần được xem xét và từng bước thực hiện, làm cho website trở nên “biến hóa” tốt hơn trên mọi thiết bị. Công việc có khó khăn đôi chút do những vấn đề liên quan đến kĩ thuật nâng cao nhưng sẽ mang lại chuyển đổi tốt hơn với người dùng thiết bị di động như máy tính bảng và điện thoại di động.

1. Dùng ảnh nén

Ảnh nén có thể làm giảm thời gian tải trang xuống rất nhiều, nhất là với những trang có nhiều nội dung. Nghiên cứu cho biết 74% người dùng mobile sẽ rời bỏ một trang web nếu phải chờ 5 giây để tải trang, vì thế sử dụng ảnh nén là sự lựa chọn hoàn hảo trong trường hợp này

2. Thiết kế cho mọi kích cỡ màn hình

Desktop và thiết bị di động có đủ loại kích cỡ, từ những màn hình nhỏ xíu trên những chiếc điện thoại di động, grain như 10” trên iPad cho đến màn hình 30” trên desktop. RWD cho website cũng phải đủ “linh hoạt” để đáp ứng tốt trên thiết bị như thế.

3. Luôn uncover hết mọi nội dung

Việc giữ mọi nội dung có trong trang web phiên bản desktop sang phiên bản mobile có thể là công việc dễ làm nản các chủ sở hữu website nhưng đó chính là ưu điểm của RWD. Trong ví dụ phần đầu bài, ta thấy phần nội dung duy nhất bị loại bỏ là quảng cáo (vốn là thứ người dùng không muốn thấy ngay) và phần điều hướng (được thay thế bằng thành phần đơn giản hơn). Không một nội dung thực sự nào bị che dấu đi. Giữ càng nhiều càng tốt mọi nội dung có trên desktop sang mobile để người dùng không cảm thấy hụt hẫng như lạc vào một website khác.

4. Tối ưu cho cảm ứng (touch)

Tablet/mobile và đặc biệt là từ sau sự xuất hiện của Windows 8 làm nổi lên phong trào cảm ứng nơi người tiêu dùng. Do đó có một website hoạt động mượt mà với cảm ứng là một chiến thuật hay, bất kể kích thước màn hình đó như thế nào.

5. Kiểm tra trên mọi trình duyệt

Trước đây, nói đến trình duyệt ta thường chỉ nghe nói đến IE và Firefox. Ngày này bạn có:

Desktop: