4.1 .1Tổng quan Mobile App
4.4 Google Adwords và mẫu quảng cáo
4.4.2 Xây dựng page chứa từ khóa
75
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.
*Desktop
76
H nh 70: Tốc độ tải trang Desktop
*Mobile
H nh 71: Tốc độ tải trang - Mobile
77
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
In đậm các phần đầu mục quan trọng giúp người dùng dễ nắm bắt
78
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.
79
H nh 75: Chọn hình ảnh thông minh
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
80
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.
81
H nh 78: Thân hiện với thiết bị di dộng
Landing page của nhóm:
- Ipad: https://apple247.net/ipad-pro-2021/
82
H nh 79 Landingpage 1
83
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/
84
H nh 81: Landingpage 3
85
Macbook: https://apple247.net/macbook-2/
H nh 82: Landingpage 4
Tai nghe: https://apple247.net/tainghe2020/
86
H nh 83: Landingpage 5
87