Hai năm trước, Google thêm nhãn vào kết quả tìm kiếm để chỉ ra website thân thiện với mobile. Điều này có nghĩa là một thời gian khá dài, các website nhẹ, mobile-friendly đã thống trị kết quả tìm kiếm. Gần đây, họ cũng đứng ra trừng phạt quảng cáo xâm phạm trên thiết bị di động, và bây giờ họ cuối cùng tiến bước tiếp theo với mobile-first indexing (chỉ mục ưu tiên mobile). Mobile-first indexing sẽ đảm bảo website mobile-friendly thống trị kết quả tìm kiếm hơn bao giờ hết, do đó tầm quan trọng của việc tạo website mobile-friendly cao hơn bao giờ hết.
Trong bài viết này, chúng ta sẽ thảo luận cách đảm bảo bạn đang chạy website mobile-friendly và cách thay đổi trang WordPress để mobile-friendly.
Điều Gì Làm Nên Website Mobile Friendly?
Tháng 4/2015, Google tìm cách thúc đẩy website mobile-friendly trong công cụ tìm kiếm, tạo ra thay đổi lớn trong thiết kế web. Không có website mobile-friendly cản trở mục tiêu chính của Google: cung cấp thông tin nhanh, chính xác, dễ truy cập dựa trên tìm kiếm của người dùng.
Vậy những vấn đề Google muốn "giết chết" năm 2015 là gì?
- Văn bản không đọc được. Thiếu khả năng co giãn khiến người dùng phải vuốt qua lại để đọc tiếp đoạn văn thay vì cuộn xuống thoải mái.
- Phụ thuộc vào plugin. Flash và Java "chết" vì nhiều lý do, bảo mật kém là một. Đây là lý do khác: trước HTML5, web phụ thuộc plugin này để hiển thị nội dung động. Với HTML5, các plugin trở nên dư thừa và không được thiết bị mobile hỗ trợ. Do đó, Google loại bỏ chúng khỏi kết quả tìm kiếm.
- Khoảng cách link kém. Google cũng có vấn đề với link cách nhau kém. Vì kích thước màn hình điện thoại, click link ngay cạnh link khác đôi khi khiến bạn chọn nhầm. Vì vậy, họ ưu tiên website có khoảng cách link hợp lý.
- Thời gian tải lâu. Cuối cùng là tốc độ tải. Website tối ưu tốt phải tải nhanh ngay cả trên kết nối 3G di động.
Đây là các điểm chính cần tránh để có website mobile-friendly. Sử dụng theme responsive cho trang web sẽ giúp tránh vấn đề đọc hiểu, và miễn là bạn tránh nhồi nhét plugin và link quá gần nhau, bạn sẽ hoàn toàn ổn.
Dùng WordPress Tạo Website Mobile-Friendly
Cách dễ dàng tạo website mobile-friendly là dùng WordPress. WordPress là nền tảng phổ biến cho blog và trang tin tức trên toàn web, và nhờ đa dạng theme tùy chỉnh (bên cạnh khả năng tùy chỉnh theme/tự tạo từ đầu), WordPress vẫn là nền tảng khả thi cho người tạo web. Nhiều theme WordPress hỗ trợ cả bố cục mobile và desktop, và phần dưới đây chúng ta sẽ liệt kê một số theme chúng tôi khuyến nghị.
Hiện tại, chúng ta sẽ nói cách kiểm tra theme hiện tại có được coi là mobile friendly không và cải tiến gì để cải thiện trang web cho duyệt web mobile.
Theme Của Bạn Có Mobile Friendly Không?
Để kiểm tra theme WordPress có mobile friendly, hãy cắm URL trang chủ vào công cụ Google Mobile-Friendly Test Tool.
Nếu kết quả trông như hình, bạn ổn! Nếu không, đã đến lúc nhìn chăm chăm vào trang WordPress và theme bạn đang dùng.
Bước 1: Đảm Bảo WordPress (Và Theme) Được Cập Nhật Hoàn Toàn
Điều này có vẻ hiển nhiên, nhưng nhiều webmaster quên cập nhật nền tảng WordPress và theme. Thường cập nhật WordPress xuất hiện dưới dạng banner thông báo trong khu vực admin WordPress. Nhiều lần bạn click link đó để bắt đầu cập nhật, nhưng cũng có thể vào "Dashboard" rồi "Updates" nếu không thấy banner.
Để cập nhật theme hiện tại, vào "Dashboard -> Appearance -> Themes", chọn "Update Now". Tuy nhiên, trước khi cập nhật, tốt nhất hãy backup theme hiện tại. Ngoài ra, bất kỳ tùy chỉnh nào bạn làm cho theme này sẽ mất khi cập nhật trừ khi bạn thiết lập child theme trên WordPress. (Child theme là sub-theme kế thừa mọi thứ từ theme gốc WordPress và cho phép bạn sửa đổi theme an toàn mà không mất mọi thứ mỗi lần cập nhật.)
Bây giờ, chạy công cụ lại. Vẫn không hoạt động? Tiến hành các bước sau.
Bước 2: Chẩn Đoán (Diagnose)
Nếu trang không mobile friendly, công cụ của Google sẽ đưa ra vài gợi ý cho bạn biết gì không ổn. Thường vấn đề là chữ quá nhỏ và thiếu mobile viewport. Chữ nhỏ buộc người xem phải zoom thủ công, trang thiếu mobile viewport luôn hiển thị như trên màn hình desktop. Nếu trang WordPress không mobile-friendly, thường là do lý do này.
Các vấn đề khác công cụ có thể gắn cờ: thời gian tải lâu hoặc plugin trên trang quá nhiều. Đảm bảo web không phụ thuộc plugin như Java hay Flash. Nếu cần chức năng đó, dùng HTML5. Cũng vậy, quảng cáo bật lên hoặc chiếm quá nhiều diện tích màn hình có thể gây vấn đề: chỉ dùng quảng cáo không xâm phạm và không cho phép pop-up trong theme WordPress.
Bước 3: Lấy Theme Mới
Thật đáng buồn, nếu theme không mobile friendly, ngay cả sau khi cập nhật và loại bỏ plugin quá nhiều, không có nhiều cách khắc phục. Lúc này lựa chọn thực sự duy nhất là lấy theme mới nếu bạn không có kiến thức thiết kế web để biến theme hiện tại thành theme mobile-friendly tùy chỉnh.
Các Theme WordPress Mobile-Friendly Tuyệt Vời Để Lựa Chọn
Chúng ta sẽ đưa ra vài lựa chọn theme WordPress. Tất cả đều làm cho website mobile-friendly, và bạn được tùy chỉnh màu sắc, bố cục để phù hợp thương hiệu cá nhân. Chúng ta chủ yếu liệt kê tùy chọn miễn phí, nhưng cũng có vài cái trả phí.
- Lola là theme miễn phí tuyệt vời cho blog. Trông quen thuộc ngay lập tức với người dùng Tumblr lâu năm.
- Newsmag là theme miễn phí cho tạp chí, trang tin tức và cài đặt trang trọng hơn.
- Accelerate là theme WordPress miễn phí phổ biến. Rất linh hoạt nhưng hữu ích nhất cho nhấn mạnh nghệ thuật và ảnh, kém hơn cho nội dung văn bản.
- Divi là theme WordPress trả phí cung cấp trình soạn thảo trực quan mạnh mẽ, không yêu cầu người dùng đi sâu vào code để thay đổi màu/bố cục. Sự dễ dùng khiến nó phổ biến, và may mắn là nó linh hoạt cho nhiều loại nội dung.
- Uncode là theme WordPress trả phí cung cấp trình soạn thảo trực quan và tập trung vào giao diện hiện đại, sạch sẽ. Cũng tuyệt vời cho scaling ảnh trên nhiều kích thước màn hình.
- Avada là theme WordPress trả phí khá phổ biến, dùng cho nhiều loại trang web khác nhau. Cũng được cập nhật thường xuyên, định kỳ.
Kết Luận
Hy vọng bài viết này giúp bạn tạo website mobile-friendly trên WordPress hoặc đảm bảo trang web hiện có đã mobile friendly. Bạn có theme nào khác muốn giới thiệu hoặc lời khuyên cho người cùng hoàn cảnh? Tự do bình luận bên dưới!