Ngày nay, hàng triệu người dùng truy cập web bằng smartphone của họ mỗi ngày- thông qua hệ điều hành Android, iOS,hoặc là Windows. Do đó, việc thiết kế web thân thiện với di động, phù hợp với xu hướng mới, là một sự thay đổi phù hợp và cần thiết cho các webmaster, giúp cho website của họ ghi điểm với các công cụ tìm kiếm cũng như là người dùng.

Phiên bản máy tính của một trang web sẽ khó xem và sử dụng trên smartphone. Phiên bản không thân thiện với di động này sẽ yêu cầu người dùng phải zoom để phóng to, thu nhỏ để đọc Content dễ hơn. Người dùng sẽ cảm thấy hơi khó khăn và phức tạp và muốn thoát trang ngay lập tức. Ngược lại, phiên bản werb thân thiện với di động thì sẽ được ưa thích, sử dụng ngay, và khiến người dùng muốn ở lại lâu hơn.

Cập nhật gần đây của Google bắt buộc rằng một trang web cần được tối ưu hóa thân thiện với điện thoại di động thì mới đạt  được hiệu quả trên công cụ tìm kiếm di động. Đồng thời, cũng cần lưu ý rằng một trang web mà không tối ưu hóa thân thiện với điện thoại di động cũng sẽ không có bất kỳ tác động nào trên các công cụ tìm kiếm thông thường.

Trong bài viết này, THIẾT KẾ WEB CHUẨN SEO sẽ giới thiệu cách làm thế nào để làm cho một trang web thân thiện với điện thoại di động để đảm bảo khách truy cập truy cập vào các trang web từ các thiết bị di động có một kinh nghiệm tối ưu nhất có thể.

Mobile SEO là gì?

Mobile Search Engine Optimization là quá trình thiết kế một trang web để làm cho nó phù hợp để xem trên thiết bị di động có kích thước màn hình khác nhau có băng thông thấp. Ngoài làm theo tất cả các quy tắc SEO được áp dụng cho một trang web máy tính để bàn, chúng ta cần phải chăm sóc thêm khi thiết kế một trang web cho thiết bị di động. Một trang web được xem là thân thiện với điện thoại di động nếu nó có các thuộc tính sau:

• Có thiết kế đáp ứng, thực hiện tốt trên máy tính để bàn cũng như các thiết bị di động. Nó cũng làm cho các nội dung phù hợp cho các công cụ tìm kiếm.
• Các nội dung của một trang web thân thiện với di động dễ dàng để đọc trên một thiết bị di động mà không cần phải phóng to màn hình. Nó có phông chữ, màu sắc và bố cục thích hợp.
• Nó rất dễ dàng để điều hướng thông qua một trang web trên một màn hình nhỏ. Nó cung cấp các liên kết và các nút có thể dễ dàng chuyển động chỉ cầnsử dụng một ngón tay.
• Một trang web di động tốt như vậy mà nó mất ít băng thông và thời gian để tải về các mạng di động.

Trang chủ của một trang web di động đóng vai trò quan trọng nhất trong việc kết nối người dùng đến các nội dung mà họ đang tìm kiếm. Do đó, các trang web thân thiện với di động tốt đảm bảo sự liên kết quan trọng nhất được hiển thị trên trang chủ để họ có đủ tầm quan sát.

Thứ hạng của một trang web phụ thuộc rất nhiều vào việc thân thiện với người sử dụng như thế nào. Bạn có thể làm theo các hướng dẫn dưới đây để thiết kế một trang web thân thiện di động tuyệt vời.

Tối ưu hóa trang web của bạn cho Mobile

Nếu trang web của bạn đã được tối ưu hóa cho công cụ tìm kiếm, sau đó thì cũng không quá khó khăn để tối ưu hóa nó cho các thiết bị di động. Đầu tiên, chúng ta hãy hiểu những gì nó cần. húng ta có thể phân loại các bước thành ba loại lớn -

Bước 1 - Chọn một cấu hình di động

Bước 2 - Thông báo cho Công cụ Tìm kiếm

Bước 3 - Tránh sai lầm thường gặp

Chọn một cấu hình di động

Có ba cấu hình điện thoại di động khác nhau mà bạn có thể lựa chọn

1 - Thiết kế Web Responsive

2 - Dynamic Serving

3 - URL riêng

Mỗi cái đều có lợi thế và bất lợi riêng của nó. Google khuyến cáo Thiết kế Web Responsive, tuy nhiên nó hỗ trợ tất cả ba cấu hình. Bảng dưới đây cho thấy cách cấu hình điện thoại di động ảnh hưởng đến URL và mã HTML của bạn:

Thiết kế Web Responsive

Google khuyến cáo Thiết kế Web Responsive bởi vì nó là cấu hình điện thoại di động đơn giản và rất dễ thực hiện. Nó phục vụ các mã HTML tương tự trên cùng một URL, tuy nhiên nó điều chỉnh màn hình hiển thị dựa trên kích thước màn hình của thiết bị di động.

Dynamic Serving

Dynamic Serving là một loại cấu hình di động, nơi các URL của trang web của bạn vẫn không thay đổi, nhưng nó phục vụ nội dung HTML khác nhau khi truy cập từ một thiết bị di động.

URL riêng

Khi bạn duy trì hai URL khác nhau - một cho người dùng điện thoại di động và một cho người dùng máy tính để bàn - chắc chắn rằng bạn thông báo cho Google một cách rõ ràng khi để phục vụ phiên bản nào. Google không khuyến URL riêng biệt bởi vì nó có thể phát hiện một cách tự động các trang điện thoại di động của bạn khác với trang máy tính để bàn của bạn.

Từ quan điểm của SEO, mỗi URL thực hiện riêng rẽ. Do đó, thứ hạng  trang  máy tính để bàn của bạn sẽ không bao giờ được đưa vào xếp hạng cho trang dành cho  di động và chúng sẽ luôn luôn được coi như các trang web riêng biệt. THIẾT KẾ WEB CHUẨN SEO không khuyến khích bạn duy trì các URL khác nhau cho các phiên bản di động và máy tính để bàn nếu bạn muốn đạt được những lợi ích trong SEO.

Thông báo cho Công cụ Tìm kiếm

Hãy chắc chắn rằng Google và các công cụ tìm kiếm khác hiểu cấu hình điện thoại di động của bạn. Quan trọng nhất, hơn tất cả, Google phải hiểu trang của bạn để nó có thể xếp hạng trang web của bạn đúng. Làm thế nào bạn thông báo cho Google phụ thuộc vào cấu hình điện thoại di động- bạn đã lựa chọn.

Trong trường hợp trang web của bạn có một thiết kế Responsive, các thuật toán của Google có thể hiểu nó tự động mà không cần phải thông báo cho Google. Khi bạn có một thiết kế Responsive, chỉ cần đảm bảo bạn có thẻ meta sau trong tiêu đề trang web của bạn –

Các khung nhìn quyết định trang web của bạn sẽ được hiển thị như thế nào trên một thiết bị. Một trang web với thiết kế Responsive thay đổi kích thước của nó dựa trên kích thước của màn hình thiết bị. Khai báo một khung nhìn để trang web của bạn sẽ hiển thị một cách chính xác trên mọi thiết bị.

Nếu trang web của bạn theo cấu hình Dynamic Serving, chắc chắn rằng bạn cho phép Google phát hiện các cấu hình của bạn bằng cách sử dụng tiêu đề Vary HTTP –

Vary: User-Agent

Trong trường hợp bạn duy trì URL riêng biệt, ví dụ: example.com và m.example.com, sau đó bạn có thể thông báo cho Google bằng cách thêm một đặc biệt liên kết rel = alternate tag trong phiên bản máy tính để bàn của bạn và ngược lại như sau.

Desktop page should have following in its header:

href="http://m.example.com" > Mobile page should have following in its header:

Tránh sai lầm thường gặp

Để tối ưu hóa trang web của bạn cho các thiết bị di động, hãy chắc chắn rằng bạn tránh phạm những sai lầm sau đây”

• Các trang di động chậm - Mạng di động chậm hơn so với mạng Internet có dây, vì vậy điều quan trọng là phải chú ý đến tốc độ tải trang di động của bạn. Nó là một yếu tố xếp hạng quan trọng của Google. Sử dụng một công cụ SEO di động để tìm ra tốc độ trang di động của bạn. Google cung cấp một số công cụ tốt mà bạn có thể sử dụng. Duyệt các liên kết sau đây - https://www.google.com/webmasters/tools/mobile-friendly/
• Đừng Chặn CSS và JavaScript - Google khuyến cáo sử dụng CSS nội tuyến và Javascripts cho các trang web thân thiện với điện thoại di động để chúng có thể được tải về cùng với các nội dung.
• Chuyển hướng Điện thoại di động - Kể từ khi các mạng di động thường chậm, quá nhiều chuyển hướng có thể làm tổn hại tốc độ trang web của bạn. Nếu bạn đang duy trì nhiều URL, hãy chắc chắn rằng tất cả các liên kết của bạn trỏ đến các trang có liên quan. Trong trường hợp bạn duy trì nhiều URL và bạn nhận ra một người dùng đang truy cập một trang máy tính để bàn từ một thiết bị di động và bạn có một trang điện thoại di động tương đương tại một URL khác nhau, thì hãy chuyển hướng người dùng tới URL thay vì hiển thị một lỗi 404.
• Hình ảnh dung lượng lớn- hình ảnh dung lượng lớn làm tăng thời gian tải, tuy nhiên chúng ta không thể hoàn toàn loại bỏ chúng vì chúng hữu ích và hiệu quả. Vì vậy, bạn nên duy trì một sự cân bằng tốt giữa văn bản và hình ảnh dung lượng lớn. Sử dụng một công cụ tốt để tối ưu hóa hình ảnh của bạn và lưu chúng ở độ phân giải thấp để tránh tải nặng.
• Tránh các plug-in và cửa sổ pop-up - Plug-in như Flash và Java có thể không có sẵn trên thiết bị di động của người dùng. Luôn đảm bảo bạn không có bất kỳ nội dung xuyên trên trang di động của bạn. Tránh sử dụng các cửa sổ pop-up trên các trang di động bởi vì nó trở nên khá vụng về để đóng các cửa sổ pop-up trên một thiết bị di động.
• Trong khi tạo một trang điện thoại di động, luôn luôn ghi nhớ rằng người dùng đã hạn chế không gian để làm việc. Vì vậy, bạn cần phải càng ngắn gọn càng tốt trong khi tạo ra tiêu đề, URL, và meta- descriptions - tất nhiên là không làm ảnh hưởng đến bản chất hoặc chất lượng của thông tin.

Công cụ hữu ích

Dưới đây là danh sách một số công cụ hữu ích mà bạn có thể sử dụng để tìm hiểu làm thế nào thiết kế trang web của bạn thân thiện với di động :

Google Webmaster Tools - Sử dụng các công cụ có sẵn và kỹ thuật của Google để hiểu những gì nên được sử dụng và những gì nên tránh khi thiết kế các trang máy tính để bàn cũng như các trang web điện thoại di động.

Mobile Emulator - Nó cho phép bạn xem trang web của bạn xuất hiện trên một loạt các thiết bị di động.

Moz Local - Sử dụng công cụ này để đảm bảo rằng SEO Local của bạn là theo thứ tự.

Responsive Web Design Testing Tool - Sử dụng công cụ này để xem làm thế nào trang web Responsive của mình trông giống như trên một loạt các thiết bị di động với kích cỡ màn hình tiêu chuẩn khác nhau.

Screaming Frog - Đây là một công cụ hữu ích cho phép bạn phân tích trang web của bạn và kiểm tra tất cả các chuyển hướng.

User Agent Switcher - Đây là một Firefox add-on mà bạn có thể sử dụng để tìm hiểu trang web của bạn trông như thế nào khi truy cập từ một vị trí người dùng khác nhau.