Trang Ch Trang Ch Trang Ch ủủủủủ
Hnh 30 Page Speed Insight - Trang : chủ
42
- - -
- - NhNhNhNhNhậậậậận xét: n xét: n xét: n xét: n xét: Tốc độ load web đang ở ức độ trung bnh và độ tương m thích với phiên bản mobile lại ở ứ m c yếu - - - - - GiGiGiGiGiảảảảải pháp khi pháp khi pháp kh c phi pháp khi pháp khắắắắắc phc phc phc phụụụụục:c:c:c:c: • • • •
• Xóa các java script không c n thi t ầ ế • Xóa bớt CSS không c n thi t ầ ế
• Tối ưu giao diện trên di động • Xóa bớt Plugin không cần thi t ế • Giảm các java script trùng l p ặ • Phân ph i l i các n dung chính ố ạ ội
• Các tài li u trang web quá l n nên xóa các tài li u không c n thi t và phân ệ ớ ệ ầ ế bổ lại.
Trang STrang S Trang S Trang S
Trang S n Phảảảảản Phn Phn Ph mn Phẩẩẩẩẩmmmm
Hnh 31: Page Speed Insight - Trang sản phẩm
- - -
- - NhNhNhNhNhậậậậận xét: n xét: n xét: n xét: n xét: Tốc độ load web đang ở ức độ trung bnh và độ tương thích m với phiên bản mobile lại ở ứ m c y u ế
43
- - -
- - GiGiGiGiGiảảảảải pháp khi pháp khi pháp kh c phi pháp khi pháp khắắắắắc phc phc phc phụụụụục:c:c:c:c:
• Giảm java script không dùng đến • Giảm CSS không dùng đến
• Mã hóa hình nh hiả ệu qu ả
• Giảm thời gian th c thi java script ự Trang Thanh Toán
Trang Thanh Toán Trang Thanh Toán Trang Thanh ToánTrang Thanh Toán
Hnh 32: Page Speed Insight - Trang thanh toán
- - -
- - NhNhNhNhNhậậậậận xét: n xét: n xét: n xét: n xét: Tốc độ load web đang ở ức độ trung bnh và độ tương thích vớ m i phiên bản mobile lại ở ứ m c yếu
- - -
- - GiGiGiGiGiảảảảải pháp i pháp i pháp i pháp i pháp khkhkhkhkhắắắắắc phc phc phc phc phụụụụục:c:c:c: c:
• Giảm java script không dùng đến • Mã hóa hình nh hiả ệu qu ả
44
3.4.3 Website G3.4.3 Website G 3.4.3 Website G 3.4.3 Website G 3.4.3 Website Grader rader rader rader rader PerformancePerformance Performance Performance Performance Hnh 33: Website Grader NhNh Nh Nh Nhậậậậận xét: n xét: n xét: n xét: n xét: • Điểm 14/30 trung bình • Dung lượng page: 2,2mb t t ố • Phản hồi trang 42 điểm yếu • Tốc độ tải trang 11s y u ế
45 • Bộđếm trang đảm bảo • Chuyển hướng tốt • Kích thước ảnh lớn vượt làm hình • Css và Javascript đã được nén Cách khCách kh Cách kh Cách kh Cách kh c phắắắắắc phc phc phc phụụụụục:c:c:c:c:
• Tăng tốc dộn tải trang b ng plugin ằ • Giảm kích thước ảnh
Seo Seo Seo Seo Seo
46 Nh Nh Nh NhNhậậậậận xét: n xét: n xét: n xét: n xét: • Điểm 30/30 t t ố • Phạm vi l p ch mậ ỉ ục tốt • Thẻ mô t t t ả ố • Mục lục tốt • Anchor text t t ố Mobile Mobile Mobile Mobile Mobile
47 Nh Nh Nh NhNhậậậậận xét: n xét: n xét: n xét: n xét: • Điểm 20/30 trung bình: • Cỡ chữ và phông chữ t t ố • Nút bấm cta chưa đạt • Responsive đạt Cách kh Cách kh Cách kh Cách khCách kh c phắắắắắc phc phc phc phụụụụục:c:c:c: c: • Tăng kích thước nút bấm • Tăn khoảng cách các nút Security Security Security Security Security
48 NhNh Nh Nh Nhậậậậận xét: n xét: n xét: n xét: n xét: • Điểm 10/10 t t ố • Chứng chỉ ả b o mật HTTPs đã có • Bảo vệ bộ javascript t t ố 3.4.4 Seoquake3.4.4 Seoquake 3.4.4 Seoquake 3.4.4 Seoquake 3.4.4 Seoquake Trang Trang Trang Trang Trang chủ:chủ:chủ:chủ:chủ: Hnh 37: Seoquake - Trang chủ Nhận Nhận Nhận Nhận Nhận xét: xét: xét: xét: xét: • Thẻ Canonical đã có
49
• Thẻ Meta description đã có 152 ký tự - trung bình. • Thẻ Heading: thẻ H1 có 1 thẻ, thẻ H2 có 3 thẻ • Images tất cả các hnh ảnh đều có thuộc tính ALT. Trang sản phẩmTrang sản phẩm Trang sản phẩm Trang sản phẩm Trang sản phẩm: : : : : Hnh 38: Seoquake - Trang sản phẩm Nhận xét Nhận xét Nhận xét Nhận xét Nhận xét
50 • Thẻ Canonical đã có
• Thẻ Meta description 29 ký tự - trung bình.
• Thẻ Headings: thẻ H1 có 1 thẻ, thẻ H2 không có thẻ nào • Images tất cả các hnh ảnh đều có thuộc tính ALT.
Trang thanh toánTrang thanh toán Trang thanh toán Trang thanh toán Trang thanh toán
Hnh 39: Seoquake - Trang thanh toán
51 Nhận
Nhận Nhận NhậnNhận xét: xét: xét: xét: xét:
• Thẻ Canonical đã Không có thẻ chuẩn nào được đặt cho trang này. • Thẻ Meta description 0 ký tự cố gắng phóng to mô tả lên 160 ký tự.- • Thẻ Headings: thẻ H1 không thẻ, H2 không thẻ.
• Images 3 hnh ảnh không có ALT.
Giải pháp: Giải pháp: Giải pháp: Giải pháp:Giải pháp:
• Thẻ Meta description thêm các kí tự và cố gắng phóng to mô tả lên 160 ký tự.
• Thẻ Headings: Thêm các thẻ H1 và H2 • Images thêm thẻ ALT vào các hnh ảnh
3.4.5 Screaming3.4.5 Screaming 3.4.5 Screaming 3.4.5 Screaming 3.4.5 Screaming frog frog frog frog frog Response CoResponse Co
Response Co Response Co Response Codes des des des des
52 Nh Nh Nh Nh Nhậậậậận xét: n xét: n xét: n xét: n xét:
• 200 [OK] (URL c a bủ ạn đang hoạt động bnh thường): 468
• 404 [Not found]: (URL c a bủ ạn đang liên kết đến 1 trang không tồn tại): 8
• 301 [Permanent redirect]: (URL c a bủ ạn đã được chuyển hướng
vĩnh viễn): 18
• 302 [Temporary redirect]: (URL c a bủ ạn đã được chuyển hướng tạm
thời): 3 Các kh Các kh Các kh Các kh Các kh c phắắắắắc phc phc phc phụụụụục: c: c: c: c:
• Với mã chuyển hướng 404: Hãy xác định tấ ảt c các trang có mã lỗi 404 và chuyển hướng chúng đến một trang có ch , n i dung liên ủ đề ộ quan.
• Với “Response Codes” 301 và 302: Hãy kiểm tra các trang đích mà URL đang chuyển hướng đến là một trang đích phù hợp
Meta descriptionMeta description Meta description Meta description Meta description
53
Hnh 41: Screaming frog - Meta Description Nh
Nh Nh
NhNhậậậậận xét: n xét: n xét: n xét: n xét:
• Missing (Thi u description): 23 ế
• Duplicate (Trùng l p description): 2 ặ
Cách kh Cách kh Cách kh
Cách khCách kh c phắắắắắc phc phc phc phụụụụục: c: c: c: c:
• Thêm th description vào nh ng trang còn thi u, ch nh s a lẻ ữ ế ỉ ữ ại những description bị trùng l p. ặ
Heading 1 Heading 1 Heading 1 Heading 1 Heading 1
54
Hnh 42: Screaming frog - Heading 1 Nh
Nh Nh Nh
Nhậậậậận xét: n xét: n xét: n xét: n xét:
• Missing (Các trang trên website của bạn thiếu thẻ H1): 13
• Duplicate (Danh sách trang có thẻ H1 giống nhau): 0
• Multiple (Danh sách trang có nhiều hơn 1 thẻ H1): 3
Cách kh Cách kh Cách kh Cách kh
Cách kh c phắắắắắc phc phc phc phụụụụục: c: c: c: c:
• Thêm th H1 vào t t c các trang và m i trang ch ẻ ấ ả ỗ ỉ được dùng 1 thẻ H1 không nên có n i dung trùng l p. ộ ặ
• Thẻ H1 nên mô t ả đúng chủđề của trang, có độ dài từ 20 – 70 kí t ự.
Images Images Images Images Images
55
Hnh 43: Screaming frog - Images Nh Nh Nh Nh Nhậậậậận xét: n xét: n xét: n xét: n xét: • Ảnh trên 100kb có 20 ảnh • Ảnh b m t atl có 34 ị ấ ảnh Cách kh Cách kh Cách kh Cách kh Cách kh c phắắắắắc phc phc phc phụụụụục:c:c:c:c: • Nén nh b ng công cả ằ ụ nén nh ả • Thêm nh atl vào nh b m t ả ả ị ấ
3.4.6 Live Webi3.4.6 Live Webi 3.4.6 Live Webi 3.4.6 Live Webi
56
Lo Lo Lo
LoLoại điệại điệại điệại điệại điện n n n n thotho tho tho
thoạạạạại i i i i Trang chTrang chTrang chTrang chTrang ch ủủủủủ Trang sTrang s n phTrang sTrang sTrang sảảảảản phn phn phn ph mẩẩẩẩẩmm mm Trang tin tTrang tin tTrang tin tTrang tin tTrang tin t c ứứứứức c c c
Galaxy S8 Galaxy S8 Galaxy S8 Galaxy S8 Galaxy S8 plus plus plus plus plus Hnh 44 Galaxy : S8plus - Trang chủ Hnh 45: Galaxy S8plus - Trang sản phẩm Hnh 46: Galaxy S8plus - trang thanh
toán Iphone 8 Iphone 8 Iphone 8 Iphone 8 Iphone 8
57 Bảng 4: Brower Stacks Hnh 47: Iphone - 8 Trang chủ Hnh 48 Iphone - : 8
Trang sản phẩm HTrang thanh toán nh 49 Iphone - 8 iPhone6 iPhone6 iPhone6 iPhone6 iPhone6 Hnh 50: Iphone - 6 Trang chủ Hnh 51: Iphone - 6 Trang sản phẩm Hnh 52: Iphone - 6 Trang - Thanh toán
58
3.3. 3. 3.
3.5 Khai báo Go5 Khai báo Go5 Khai báo Go5 Khai báo Go5 Khai báo Google ogle ogle ogle Analytics ogle Analytics Analytics Analytics Analytics
Hnh 53: Khai báo Google Analytics Chương
Chương Chương Chương
Chương 4: Qu 4: Qu 4: Qu 4: Qu 4: Quảảảảảng bá mobile marketing bá mobile mng bá mobile mng bá mobile mng bá mobile marketiarketiarketiarketing ng ng ng ng 4.14.1
4.1 4.1
4.1 Xây dXây dXây dXây dXây dựựựựựng ching ching ching ching chiến ến lượến ến ến lượlượlượlược mobile ac mobile ac mobile ac mobile ac mobile app pp pp pp pp 4.14.1
4.1 4.1
4.1.1.1.1.1.1Tổng quan MobiTổng quan MobiTổng quan MobiTổng quan MobiTổng quan Mobile Apple Apple Apple Apple App Thông tin Mobile ApThông tin Mobile Ap
Thông tin Mobile Ap Thông tin Mobile Ap Thông tin Mobile App: p: p: p: p: Tên App: Apple247
Thời gian công b appố : 23/02/2022
App hoạt động trên App Store và Google Play MM
M M
59
Hnh 54: Mục tiêu thiết kế app
KK K K Kếếếếế hohohohohoạạạạạch thch thch thch thch thựựựựực hic hic hic hic hiệệệệện:n:n:n:n: Hnh 55: Kế hoạch thực hiện Quy trình thQuy trình th Quy trình th Quy trình th
60
Hnh 56: Quy trình thực hiện app
4.1.2 4.1.2 4.1.2 4.1.2
4.1.2 ThiếtThiếtThiếtThiếtThiết kế giao diện Mo kế giao diện Mo kế giao diện Mo kế giao diện Mo kế giao diện Mobile Appbile Appbile Appbile Appbile App Tính minh bTính minh b
Tính minh b Tính minh b Tính minh b ch:ạạạạạch:ch:ch: ch:
Sản phẩm được bán t Apple247 ại phải đáp ứng đầy đủ các quy định pháp luật, không bán hàng gi , kém chả ất lượng
Hàng hóa có ngu n gồ ốc, hóa đơn chứng từđầy đủ
Hoạt động mua bán phải được công khai, có các chính sách mua hàng và đổi trả rõ ràng, chi tiết
Hình ảnh được chụp thực tế, thông tin sản ph m chi ti t, rõ ràng ẩ ế Có SSL website và có ch ng ch c a Bứ ỉ ủ ộCông Thương
61
Bình luận công khai đối với những s n phả ẩm và bài vi t ế
Có fanpage facebook cho khách hàng ph n h i, review s n ph m ả ồ ả ẩ Tính lTính l
Tính l Tính l
Tính l a chựựựựựa cha cha cha chọọọọọn:n:n:n:n:
Tất c các s n ph m có nhi u m u mã, hình dả ả ẩ ề ẫ ạng, kích thước, màu sắc,… giúp khách hàng có thêm nhi u sề ự l a ch n ự ọ
Phương thức thanh toán đa dạng: Ki m hàng thanh toán, chuyể ển kho n ngân hàng, ả quét mã QR, …
Phương thức giao hàng: ship toàn quốc, ship nhanh, ship ti t kiế ệm,… Tính tiTính ti
Tính ti Tính ti
Tính ti n lệệệệệ ợn ln ln ln lợợợợi:i:i:i:i:
Nhiều cách mua hàng (online ho c offline) ặ Giao hàng khắp cảnước
Sản phẩm đa dạng mẫu mã, chủng lo i cho khách hàng l a chạ ự ọn
Nhiều cách thanh toán khi mua hàng (ATM, MoMo, thanh toán tr c tiự ếp,…) Giao diện người dùng trên website t t ố
Demo: Demo: Demo: Demo: Demo: Đăng nhập:
62
Hnh 57: Demo Mobile App - Đăng nhập Home
63
Danh m c ụ
Hnh 59: Demo Mobile App - Danh mục Sản phẩm:
64
Giỏ hàng
Hnh 61: Demo Mobile App - Giỏ hàng Thanh toán
65
Hnh 62: Demo Mobile App Thanh toán–
4.1.34.1.3
4.1.34.1.3 4.1.3
4.1.3 Chiến Chiến Chiến Chiến Chiến lược lược lược lược lược Marketing chMarketMarketMarketMarketing ching ching ching cho Mobile Ao Mobile Ao Mobile Ao Mobile Ao Mobile App pp pp pp pp
Xây dXây d Xây d Xây d
Xây d ng Landinựựựựựng Landinng Landinng Landinng Landing pageg pageg pageg pageg page: Giúp người dùng tìm hi u thêm vể ềứng d ng c a bụ ủ ạn... Đây là một phương pháp tiếp thị khá hi u qu , chi phí không quá cao. Khi thiệ ả ết lập Landing Page cho ng d ng, b n ph i cung c p hình nh trứ ụ ạ ả ấ ả ực quan nh t v ấ ề những gì mà một người dùng có thể nhận được nếu họcài đặt. Landing Page phải bao g m các liên kồ ết đến ứng d ng c a bụ ủ ạn trong App Store và Google Play v i lớ ời kêu gọi hành động (Call- -action) rõ ràng. to
TT T T
Tạạạạạo o o o o Blog:Blog: ThBlog:Blog:Blog: ực hiện SEO trên Blog để giúp ti p c n khách hàng m c tiêu trên thanh ế ậ ụ công c tìm kiụ ếm. Ngoài ra chia s Blog lên các n n t ng m ng xã h i ẻ ề ả ạ ộ
66
TT T T
Tối ối ối ối ưu ối ưu ưu hóa ưu ưu hóa hóa hóa hóa App App App App Store App Store và Store Store Store và và và Google và Google Google Google Google PlayPlay: Đây là quá trnh cảPlayPlayPlay i thiện khảnăng hiển th ị ứng d ng trên các c a hàng ụ ử ứng dụng
Marketing trên mMarketing trên m Marketing trên m Marketing trên m
Marketing trên m nnạạạạạnng xã hng xã hg xã hg xã hg xã hộộộộộiiiii: Đăng bài viết lên các trang m ng xã hạ ội với nhiều n i ộ dung khác nhau như chia sẻ kiến thức, giới thiệu app, giới thiệu sản phẩm, minigame,…Điều này không ch nâng cao nh n th c v s n ph m mà m ng xã h i ỉ ậ ứ ề ả ẩ ạ ộ cũng là nơi tuyệ ời đểt v xây dựng một cộng đồng chia sẻ thông tin hay nhận phản hồi của người dùng để c i thi n s n ph m. ngoài ra có th tích h p m ng xã hả ệ ả ẩ ể ợ ạ ội vào ứng d ng cụ ủa mnh và cho phép người dùng dễ dàng chia s n i dung t App c a ẻ ộ ừ ủ