09.04.13

SEO cho các website trên di động: Google khuyên dùng responsive design.

SEO responsive designe Google
5/5 - (1 bình chọn)

Để thực hiện SEO trên di động cho website, các lập trình viên có thể tính đến 3 khả năng sau:

  • Khái niệm thiết kế website thích ứng hay còn gọi là responsive design: sử dụng cùng một URL, cùng một code HTML nhưng code CSS khác nhau tùy theo từng loại thiết bị (máy tính, smartphone, máy tính bảng).
  • Dùng các code HTML khác nhau: sử dụng cùng một URL nhưng sử dụng một code HTML và CSS thích hợp với từng thiết bị.
  • Dùng các URL khác nhau: lập trình các website khác nhau, dành riêng cho máy tính và các thiết bị di động.

[quote align=”center” color=”#999999″]Đây là các website (responsive website) sử dụng cùng một URL trên tất cả các thiết bị, mỗi URL này đều có một code HTML chung trên tất cả các thiết bị. Chỉ có một code CSS được dùng sao cho trang web hiển thị thích hợp trên từng loại thiết bị. Google khuyên nên chọn phương án này.
Source : http://goo.gl/7v3xP[/quote]

Dưới đây là những lý do khiến Google cho rằng responsive design là giải pháp thích hợp nhất với các thuật toán của mình.

User-agent tự động dò tìm

Google tự động dò tìm website được lập trình bằng các kĩ thuật CSS của responsive design:
[quote align=”center” color=”#999999″]Các thuật toán của chúng tôi tự động dò tìm kiểu thiết kế này nếu tất cả các user-agent Googlebot (cả Googlebot và Googlebot-Mobile) được phép thăm dò tất cả các yếu tố cấu thành của trang (CSS, JavaScript và ảnh).
Source : http://goo.gl/7v3xP[/quote]

Để chắc chắn rằng các robot của Google được cho phép dò tìm trong website của bạn, hãy vào trang web: http://www.votredomaine.com/robots.txt. Nếu bạn thấy xuất hiện các dòng chữ dưới đây thì bạn không gặp bất cứ vấn đề nào về cập nhật chỉ mục:

User-agent: *
Disallow:

OU

User-agent: Googlebot
Disallow:

Ngược lại, nếu giá trị của thẻ “Disallow” là “/”, thì cho dù có được thiết kế dưới dạng responsive design, website của bạn vẫn có thể không được đưa vào chỉ mục của Google.

Các URL giống nhau và đều truy cập được trên tất cả các thiết bị từ máy tính để bàn đến di động

Một URL đồng nhất cùng một nội dung đồng nhất được sắp xếp theo các cách khác nhau tùy theo loại thiết bị: đó là định nghĩa đơn giản nhất về responsive design. Điều này đặc biệt hấp dẫn khi một URL được người dùng chia sẻ. Hãy tưởng tượng: bạn đang đọc một bài báo bằng smartphone. Khi chia sẻ bài báo này trên trang Google+ của mình, vòng kết nối bạn bè của bạn có thể hiển thị cùng một URL này trên máy tính bảng hoặc trên một máy tính để bàn với một thiết kế thích ứng với từng loại thiết bị mà không cần phải chuyển hướng, hoặc không gặp phải tình huống xấu nhất là trang lỗi 404 (error page 404).

Điều này giúp cải thiện đáng kể trải nghiệm của người dùng, một tiêu chí quan trọng cho biết sự tin tưởng của Google đối với website ở mức độ nào và giúp website có được một thứ hạng tốt trên các trang kết quả SEO.

Giảm thời gian tải trang web

Khi lựa chọn responsive design, không cần phải thực hiện bất cứ việc dò tìm loại thiết bị nào cũng như không cần phải thực hiện chuyển hướng. Vì vậy, việc tải trang web sẽ không bị ảnh hưởng, không bị chậm đi do phải chuyển hướng, đây là một tiêu chí quan trọng khác quyết định đến mức độ khả thị của website trên Google.

User-agent chỉ thăm dò một lần

Khi lựa chọn responsive design, bạn không phải thông báo website của bạn cho một user-agent khác ngoài user-agent chính là Googlebot. Nhờ vậy, bạn sẽ đơn giản hóa đời sống của máy tìm kiếm và giải phóng được các nguồn tài nguyên server với chỉ một URL.

Không có khác biệt giữa smartphone và máy tính bảng

Một ưu điểm khác của responsive designe, đó là: không cần phải lập trình thêm cho máy tính bảng. Chỉ cần thêm vào các CSS giúp hiển thị nội dung theo hướng tối ưu hóa trên tất cả các loại thiết bị có thể (chứ không chỉ riêng cho smartphone).

Hạn chế của responsive design

Khi tuyên bố responsive design là giải pháp tốt nhất để thực hiện tối ưu hóa một website trên công cụ tìm kiếm, Google không quên nhấn mạnh rằng kĩ thuật này không phổ biến đối với các thiết bị di động không phải smartphone. Vì vậy, các webmaster (quản trị web) sẽ buộc phải bỏ qua nhóm người dùng tiềm năng này hoặc phải chọn một trong hai kĩ thuật khác đã đề cập đến ở trên (biển báo kĩ thuật số, sử dụng các URL riêng biệt).
[quote align=”center” color=”#999999″]Chúng tôi khuyên webmaster của các website được người dùng smartphone truy cập nếu có thể thì hãy sử dụng thiết kế web thích ứng responsive design. Tuy nhiên, bởi vì các điện thoại tính năng (feature phone) không có khả năng dịch các CSS media query, cho nên nếu muốn thích ứng hóa nội dung website cho kiểu điện thoại này, webmaster sẽ phải chọn cách sử dụng các code HTML khác nhau hoặc là sử dụng các URL riêng biệt.
Source : http://goo.gl/7v3xP[/quote]

Khái niệm responsive design và JavaScript

Một trong những khó khăn của khái niệm thiết kế website thích ứng responsive design, đó là việc sử dụng mã JavaScript. Google đã liệt kê một loạt các chỉ dẫn cần làm theo để hiểu được một cách đầy đủ nhất những vấn đề có khả năng phát sinh khi lập trình.

Xem: https://developers.google.com/webmasters/smartphone-sites/javascript?hl=en

Về Kieu Anh Ngo

Production Coordinator tại Sutunam