Có lẽ việc thực hiện phiên bản dành cho điện thoại di động đang trở thành cơn "sốt xình xịch" mấy ngày nay đối với nhiều bạn khi Google thông báo thuật toán mới có liên quan đến sự thân thiện trên thiết bị di động (Thuật toán Google’s Mobile-Friendly sẽ có tác động mạnh hơn Panda, Penguin) và thậm chí có ảnh hưởng rất nhiều.

Là một người làm SEO, độ ảnh hưởng của thuật toán đối với kết quả trên SERP là mối quan tâm hàng đầu của nhiều bạn, đặc biệt là khi bạn nhận được một cảnh báo như thế này trong thời gian gần đây:

Nếu doanh nghiệp bạn có trong tay một lập trình viên, mọi chuyện sẽ trở nên đơn giản. Nếu trong tay bạn không có một lập trình viên, bạn lại không thể thuê bên ngoài chỉnh sửa website của mình vì nhiều yếu tố chủ quan và khách quan, bạn chỉ có thể "vượt lên chính mình" mà thôi. Bài viết này của tôi không có tham vọng biến bạn thành một chuyên gia tùy chỉnh website trên di động(thường được gọi là responsive - trong bài này đôi lúc tôi sẽ dùng từ này thay thế do nó là từ chuyên ngành), bài viết này cung cấp cho bạn những kiến thức và phương pháp đơn giản mang tính "chữa cháy" để website của bạn có thể thân thiện hơn với thiết bị di động. Còn việc làm như thế nào cho đẹp, cho tiện dụng cho người dùng bài viết này không nhắm đến.

1. Bạn phải bắt đầu từ đâu ?

Điểm để bạn bắt đầu là chuẩn bị đầy đủ "đồ chơi" cho một buổi nghiên cứu và tùy chỉnh website của mình. Bạn cần có một vài công cụ sau đây:
1.Editor: có thể là phần mềm Adobe Dreamweaver, một công cụ mới được biết đến gần đây mà tôi cũng rất thích là Sublime Text - cái này vừa nhẹ lại vừa có bản miễn phí rất phù hợp. Ngoài ra bạn có thể sử dụng Notepad nếu khả năng của bạn cho phép.
2.Các tài khoản truy cập: để có thể chỉnh sửa được source code bạn cần có tài khoản FTP, tài khoản admin (nếu admin có thể chỉnh sửa được các thẻ meta).
3.Các công cụ kiểm tra: Google đã cung cấp cho bạn công cụ kiểm tra tính tương thích với mobile, ngoài ra bạn có những công cụ khác để kiểm tra (11 công cụ hữu ích cho bạn làm Responsive Web Design). Trong bài viết này tôi sẽ dựa vào công cụ của Google là chủ yếu, những công cụ khác để bạn tham khảo nếu cần.

https://www.google.com/webmasters/tools/mobile-friendly/

http://vnwebmaster.com/html-vs-browser/11684-11-cong-cu-huu-ich-cho-ban-lam-responsive-web-design.html

4.Website của bạn: để trực quan, tôi sẽ thực hiện những bước đơn giản trên một website mà lâu rồi tôi không sử dụng đến và đang mắc lỗi tối ưu với thiết bị di động. Bạn có thể vừa đọc vừa thực hiện trên website của mình.

2. Bắt đầu như thế nào ?

Trước tiên, bạn cần xác định xem website của mình đang gặp những vẫn đề gì và cần khắc phục những gì để thân thiện với công cụ tìm kiếm. Tôi sử dụng công cụ kiểm tra của Google mà tôi đã nói ở trên và nhập URL của mình vào để xem kết quả kiểm tra:

Như bạn thấy, website tôi gặp rất nhiều vấn đề:
Chữ quá nhỏ để đọc.

• Chưa đặt cửa sổ xem thiết bị di động.
• Các liên kết quá gần nhau.
• Nội dung rộng hơn màn hình.

Bạn phải bình tĩnh và đừng nhìn vào những lỗi này, có khi sau khi thực hiện những điều cơ bản những lỗi này sẽ tự động biến mất. Điều quan trọng ở đây là chúng ta xác định những lỗi nào đang tồn tại và lỗi lớn nhất là:nội dung rộng hơn màn hình nên người dùng không thể xem được website một cách tự nhiên trên di động.

Do đó, chúng ta bắt tay vào việc xây dựng phiên bản tùy biến cho di động ([Cơ bản]Hướng dẫn chỉnh sửa website thân thiện với điện thoại di động).

(...còn nữa)