Hình 68 : Xây dựng page chứ từ khóa Các bước tối ưu UX ( trải nghiệm người dùng)
Tối ưu theo 10 bước hành trình trải nghiệm của khách hàng
01, Sử dụng các khoảng trắng
Page sử dụng các khoảng trắng đểngăn cách các thành phần, giúp người dùng dễ nhìn, không bịvướng mắt, khó chịu khi vào page
Hình 69: UX/UI Sử dụng khoảng trắng 02, Tối ưu tốc độ tải trang
Sử dụng công cụnitropack để tối ưu tốc độ tải trang.
Hình 70: Tốc độ tải trang Desktop *Mobile
Hình 71: Tốc độ tải trang - Mobile 03, Dùng CTA thu hút
Hình 72 CTA 04, Tạo hypelink nổi bật
Hypelink được đổi màu thành màu đỏgiúp người dùng dễ thấy trong bài viết
Hình 73 Hyper link
05, Liệt kê thông tin quan trọng bằng gạch đầu dòng
Hình 74: Liệt kê đầu mục 06, Lựa chọn ảnh thông minh
Ảnh trong sản phẩm, bài viết được lựa thông minh, ảnh chất lượng cao, được nén thủ công và nén bằng plugin TinyPNG - JPEG, PNG & WebP image compression giúp người dùng xem ảnh ảnh rõ nhất mà không tốn nhiều thời gian load ảnh.
07, Viết lựa chọn headline cuốn hút
Các headline được in hoa, cỡ chữ lớn và đặt vào giữa trang, có các khoảng trẳng để tránh bị bị lấn át bởi các block, giúp người dùng dễ dàng nhìn thấy.
Hình 76: Headline cuốn hút 08, Tạo sự thống nhất giữa các trang
Các trang được thống nhất về màu sắc của các thành phần trong các trang
Các thẻh1, h2, h3,…
Đồng nhất về font chữ, cỡ chữ, kiểu chữ, màu chữ.
Các nút, anchor text đều được thống nhất 1 màu chủđạo là đỏ
09, Khắc phục lỗi 404
Lỗi 404 được khắc phục thủ công bằng plugin All 404 Redirect to
Homepage các trang nhập sai url cũng như các trang không tồn tại trên trang đều được chuyển hướng về trang chủ
Hình 77: Lỗi 404
10, Độtương thích với thiết bịdi động, và độ phản hổi cao
Dùng công cụ Mobile friendly check độ thân thiện trên thiết bịdi động.
Hình 78: Thân hiện với thiết bị di dộng Landing page của nhóm:
Link: https://apple247.net/ipad-pro-11-2021-m1-wi-fi/
Hình 80: Landingpage 2 Cáp và sạc: https://apple247.net/su-kien/
Macbook: https://apple247.net/macbook-2/
Hình 82: Landingpage 4 Tai nghe: https://apple247.net/tainghe2020/