Năm mươi mốt rưỡi. 

Đó là phần trăm người dùng trực tuyến lướt web từ thiết bị di động. Với những tỷ lệ cược đó, có khả năng một lượng lớn khách hàng tiềm năng của doanh nghiệp bạn sẽ đến với bạn từ màn hình 480px. Nếu bạn để phiên bản di động của website của mình không được định dạng, loại bỏ thông tin hoặc đơn giản là không có, bạn đang bỏ lỡ cơ hội chuyển đổi một nửa số khách truy cập website của mình. 

Bạn có thể tin rằng việc tối ưu hóa cho thiết bị di động đòi hỏi nhiều nỗ lực như việc xây dựng một website hoàn toàn riêng biệt khác. Nhưng sự thật là có rất nhiều cách dễ dàng để làm cho website của bạn thân thiện hơn với thiết bị di động. Dưới đây là một số mẹo và thủ thuật để tạo phiên bản chuyển đổi trên thiết bị di động của website. 

Nhu cầu về tốc độ

Tốc độ là thành phần thiết yếu nhất của việc xây dựng một website dành cho thiết bị di động – và điều đó không chỉ bởi vì người dùng sẽ rời khỏi một website mất hơn ba giây để tải. Các website tải chậm có tỷ lệ thoát cao hơn, có nghĩa là người dùng không tương tác với nội dung lâu như họ cần và ít có khả năng truy cập các trang khác trên website của bạn (như trang liên hệ hoặc trang thanh toán).  

Lý tưởng nhất là bạn muốn website của mình tải trong 2-3 giây hoặc ít hơn. Có rất nhiều cách để tăng tốc website của bạn, nhưng chúng ta hãy tuân theo những cách sẽ mang lại hiệu quả lớn nhất cho nó: 

1. Nén file tài nguyên nặng

  • Hình ảnh là yếu tố cần thiết để thiết kế nhưng để chúng ở trạng thái không nén sẽ làm chậm website của bạn. Có rất nhiều plugin có thể nén hình ảnh trên chương trình phụ trợ hoặc bạn có thể sử dụng phương pháp cũ và nén hình ảnh của mình xuống kích thước dễ quản lý hơn trong trình chỉnh sửa ảnh trước khi tải lên – một trong hai cách sẽ hoạt động. Mục tiêu là làm cho hình ảnh và video chiếm ít dung lượng nhất có thể mà không làm giảm chất lượng của cách chúng hiển thị trên trang.
  • Thật dễ dàng bỏ qua mã HTML, CSS và javascript khi bạn đang sử dụng trình tạo trang. Nhưng những file này thường chứa các dòng thừa hoặc trống làm chậm website của bạn. Chúng tôi khuyên bạn nên sử dụng một plugin như WP Rocket, plugin này sẽ thu nhỏ các file này chỉ bằng một nút bấm. Ngoài ra, bạn có thể tự kiểm tra mã. Nhìn thấy bất kỳ dòng trống? Việc xóa những dòng đó sẽ không ảnh hưởng đến giao diện tổng thể của website của bạn và nó sẽ giúp loại bỏ một số điểm cồng kềnh, do đó giúp tăng hiệu suất website của bạn.

2. Cân nhắc sử dụng các trang trên thiết bị di động được tăng tốc (AMP)

AMP đều hướng đến tốc độ và giúp người đọc dễ hiểu thông tin. Plugin AMP ban đầu được phát triển bởi Google để cung cấp cho người dùng trải nghiệm tốt hơn khi truy cập các website dành cho thiết bị di động.  Phiên bản AMP của một website về cơ bản là một phiên bản HTML rút gọn của trang gốc của bạn. Kết quả? Một website nhanh như chớp có xác suất chuyển đổi cao hơn nhiều.

Thiết kế đáp ứng

Thiết kế đáp ứng

Nếu bạn đang sử dụng wordpress để thiết kế website, rất có thể bạn đã cài đặt một chủ đề để kiểm soát giao diện website của mình. Thật không may, tất cả các chủ đề không được tạo ra như nhau. 

Một lĩnh vực mà một số chủ đề bị thiếu hụt là thiếu thiết kế đáp ứng. Thiết kế đáp ứng tổ chức thông tin và các yếu tố thiết kế theo cách tốt nhất có thể cho nhiều kích thước màn hình. Điều tuyệt vời khi có một chủ đề được tích hợp sẵn này là nó sẽ diễn ra tự động, với các thuộc tính CSS được tích hợp trong chính biểu định kiểu chủ đề. 

Việc tối ưu hóa website của bạn cho thiết bị di động sẽ dễ dàng thực hiện hơn nhiều nếu bạn chọn một chủ đề có thiết kế đáp ứng được tích hợp sẵn. Nếu chủ đề hiện tại của bạn không có chức năng này, danh sách 14 theme wordpress thân thiện với thiết bị di động này là một nơi tốt để bắt đầu tìm kiếm một chủ đề có chức năng này . 

Cảm ứng và khả năng sử dụng

Cảm ứng và khả năng sử dụng

Người dùng truy cập website trên điện thoại di động của bạn sẽ điều hướng mọi trang bằng cách chạm ngón tay cái của họ. Có vẻ ngớ ngẩn khi đưa ra điều đó, nhưng ghi nhớ điều này sẽ giúp bạn thiết kế một website di động tốt hơn.

  • Vùng ngón tay cái: Một bài báo về cách chúng tôi cầm các thiết bị của mình đề cập đến vùng ngón tay cái là khu vực mà ngón tay cái có thể quét màn hình chính xác hơn. Các khu vực trên cùng và dưới cùng của trang là nơi ít thoải mái nhất để tiếp cận trên điện thoại thông minh. Là nhà thiết kế web, chúng ta nên đặt các yếu tố chuyển đổi – các mục mà chúng ta muốn họ chạm vào – ở những khu vực mà người dùng dễ dàng thực hiện điều đó nhất.
  • Tương tác “nhấp”: Khi sử dụng thiết bị di động, người dùng có thể thực hiện hai việc: vuốt để cuộn xuống trang và chạm nhẹ để tương tác với một phần tử. Không có hoạt ảnh hoặc thay đổi màu sắc khi di chuột để cho người dùng biết rằng có thể nhấp vào thứ gì đó. Vì chúng ta đã mất đi yếu tố đó, nên chúng ta phải bù đắp nó bằng những cách khác. Nếu một thứ gì đó có thể nhấp được trên trang, nó cần trông giống một nút trên thiết bị di động hơn. Ngoài ra, bạn có thể thêm các nút bên dưới các mục trông không thể nhấp được để hướng dẫn người dùng về cách tiếp tục.

Cửa sổ bật lên

Bạn đã bao giờ gặp phải một cửa sổ bật lên khi truy cập một website trên điện thoại mà bạn không thể nhấp ra? Có thể là “x” quá nhỏ hoặc hơi khuất và không thể nhấp vào được. Đây là những vấn đề phổ biến với cửa sổ bật lên trên các website di động. 

Giải pháp rất đơn giản: Nếu bạn đang sử dụng cửa sổ bật lên trên website di động của mình, hãy dành thời gian để định dạng và kiểm tra chúng. Nguyên tắc này cũng áp dụng cho các biểu mẫu và nút. Điều cần thiết là tất cả các cửa sổ bật lên trên thiết bị di động phải có kích thước phù hợp. Điều cuối cùng bạn muốn là để một người dùng có ý định chuyển đổi bị ngăn cản bởi website của bạn. 

Giữ cho nội dung đơn giản

1. Cung cấp một con đường rõ ràng

Trên phiên bản website dành cho máy tính để bàn, bạn thường thấy menu trong tiêu đề hiển thị liên kết đến mọi trang chính. Người dùng di động nhận được tùy chọn đó, thường bằng cách nhấp vào nút bật tắt mở menu. Đây là một cách để đảm bảo khách truy cập có thể nhanh chóng điều hướng giữa các trang chủ quan trọng, nhưng có những cách khác mà chúng tôi, với tư cách là nhà thiết kế web, có thể hướng họ đến các trang mà chúng tôi muốn họ vào – các trang chuyển đổi. 

Ví dụ: nhiều website Thương mại điện tử đặt biểu tượng giỏ hàng bên cạnh menu của họ. Điều này đặt giỏ hàng ở phía trước và chính giữa, giúp người dùng dễ dàng tìm và thanh toán. Các website bán dịch vụ có thể sử dụng nút liên hệ để thay thế. Điều này không chỉ giúp bạn tiếp tục mục tiêu chuyển đổi người dùng thành khách hàng mà còn giúp hoàn thành mục tiêu của người dùng bằng cách giúp bạn dễ dàng tìm thấy những gì họ đang tìm kiếm. 

2. Dẫn đầu với những gì quan trọng

Mục tiêu là tạo chuyển đổi từ website của bạn – hãy ghi nhớ điều đó khi bạn tạo phiên bản di động. Đó là một khu vực nhỏ hơn, vì vậy đừng lãng phí bất động sản chính trên thông tin hoặc các trang thường không tạo ra chuyển đổi. 

Trên một website dành cho máy tính để bàn, bạn có thể vừa với ba cột thông tin giá trị một cách thoải mái mà không ảnh hưởng đến tính thẩm mỹ. Trên website dành cho thiết bị di động, bạn rất có thể bị giới hạn ở bố cục một hoặc hai cột. Một số người dùng sẽ không bao giờ cuộn hết trang xuống. Đó là lý do tại sao các lời kêu gọi hành động (CTA) và cơ hội để người dùng thực hiện hành động bắt buộc phải có ở trên cùng. 

3. Không tước website xuống

Dẫn đầu với thông tin khuyến khích hành động không có nghĩa là mọi thứ khác nên được loại bỏ. Các nhà thiết kế web đôi khi bị cám dỗ để loại bỏ hoàn toàn phiên bản di động của website của họ, chỉ để lại một phần nhỏ thông tin có sẵn trên phiên bản máy tính để bàn. Đây là một sai lầm. Vào tháng 7 năm 2019, Google đã công bố tính năng ưu tiên index trên thiết bị di động , có nghĩa là Google sẽ xem xét phiên bản di động của website của bạn trước tiên khi xác định thứ hạng kết quả tìm kiếm.

Tháng 3 năm 2021 đánh dấu ngày Google sẽ đưa tính năng ưu tiên lên thiết bị di động trở thành tiêu chuẩn trên tất cả các website. Nếu bạn bỏ qua thông tin quan trọng trên website di động của mình, bạn có thể hy sinh chiến lược SEO tổng thể của mình. 

Vì vậy, làm thế nào bạn có thể bao gồm thông tin đó trong khi vẫn thiết kế một website thân thiện với thiết bị di động? Câu trả lời rất đơn giản: tổ chức lại. Di chuyển thông tin đó đến các trang khác không ở phía trước và ở giữa, thêm liên kết và nút để người dùng vẫn có thể đến đó, thậm chí cô đọng phiên bản dành cho máy tính nếu bạn cần. Chỉ cần không để phiên bản di động của website của bạn ngoài trời lạnh mà không mặc áo khoác. 

Đừng đánh mất một nửa số chuyển đổi của bạn

Việc sử dụng thiết bị di động đã vượt qua việc sử dụng máy tính để bàn và nó tiếp tục tăng hàng năm. Cách tốt nhất để đảm bảo rằng bạn nắm bắt được hoạt động kinh doanh của khách hàng tiềm năng là đảm bảo rằng website trên thiết bị di động của bạn đang làm cho quá trình trở nên đơn giản. 

Còn nhớ 51,5 phần trăm người dùng mà chúng tôi đã đề cập trước đó? Chà, họ vẫn ở ngoài đó. Câu hỏi đặt ra là bạn có tận dụng cơ hội này để chuyển đổi chúng không?

Categories: SEO

Bùi Phương Nam

Nam là nhà phân tích tiếp thị nội dung và SEO cấp cao tại Twitterlinkr , một công ty tiếp thị nội dung chuyên về nội dung và SEO theo hướng dữ liệu. Anh ấy có hơn bảy năm kinh nghiệm trong lĩnh vực tiếp thị kỹ thuật số. Anh ấy thích chia sẻ kiến ​​thức của mình trong nhiều lĩnh vực khác nhau, từ Thương mại điện tử, khởi nghiệp, tiếp thị đến quản lý vốn con người và nhiều hơn thế nữa. Công việc của ông được giới thiệu trong một số ấn phẩm kinh doanh có thẩm quyền.