Demo trang chủ

32 Trang sản phẩm:

Hnh 20 : Demo trang sản phẩm Trang gi hàng ỏ

33

Hnh 21: Trang giỏ hàng Trang thanh toán

34

Hnh 22 Trang thanh toán:

35

Hnh 23: Demo trang tin tức Trang bài vi t ế

36

Hnh 24: Demo trang bài viết

37

38 3.3 Sitemap 3.3 Sitemap 3.3 Sitemap 3.3 Sitemap 3.3 Sitemap Hnh 26: Sitemap SSSSSựựựự phân cự phân c phân cấấấấấp trang phân c phân c p trangp trangp trangp trang Sitemap Sitemap Sitemap Sitemap Sitemap

39

- Mức độ ưu tiên thứ 2: g m 2 kh i quan trồ ố ọng

- Thông tin quan tr ng (Gọ ồm các trang thu c các page quan ộ trọng của “Apple247”) o Sản phẩm o Tin t c ứ o Giới thi u ệ o Liên h ệ o Chính sách

o Các trang này cung cấp đầy đủ thông tin chi ti t và c n thi t ế ầ ế

o cho KH khi mua các s n phả ẩm tại “Apple247” cũng như những điều kho n. Nh m nâng cao mả ằ ức độ uy tín, chất lượng trong m t KH. ắ

o Khối thương mại điện tử: Các trang danh m c s n phụ ả ẩm nằm trong khối này.

3.4 Audit website.3.4 Audit website. 3.4 Audit website. 3.4 Audit website. 3.4 Audit website. 3.4.1 Mobile Friend3.4.1 Mobile Friend 3.4.1 Mobile Friend 3.4.1 Mobile Friend 3.4.1 Mobile Friendly ly ly ly ly Trang chTrang ch Trang ch Trang ch

40

Hnh 27: Thân thiện với thiết bị động –di Trang chủ Trang sTrang s

Trang s Trang s

Trang s n phảảảảản phn phn phn phẩẩẩẩẩm:m:m:m:m: đã thân thiện với thiết bị di động

Hnh 28: Thân thiện với thiết bị di động – Trang sản phẩm Trang thanh toán:Trang thanh toán:

Trang thanh toán: Trang thanh toán:

41

Hnh 29: Thân thiện với thiết bị di động - Trang thanh toán

3.4.2 Page Spee3.4.2 Page Spee 3.4.2 Page Spee 3.4.2 Page Spee

3.4.2 Page Speed Insight d Insight d Insight d Insight d Insight Trang ChTrang Ch Trang ChTrang Ch

Trang Ch Trang Ch Trang Ch ủủủủủ

Hnh 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 bnh và độ tương m thích với phiên bản mobile lại ở ứ m c yếu

- - - - - GiGiGiảảảảảGiGi i pháp khi pháp kh c phi pháp khi 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

Hnh 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 bnh và độ tương thích m với phiên bản mobile lại ở ứ m c y u ế

43

- - -

- - GiGiGiảảảảảGiGi i pháp khi pháp kh c phi pháp khi 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

Hnh 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 bnh và độ tương thích vớ m i phiên bản mobile lại ở ức yế m u

- - -

- - GiGiảảảảảGiGiGi i pháp i pháp i pháp i pháp i pháp khkhkhkhắắắắắkh 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 Hnh 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ủ: Hnh 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 hnh ả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: : : : : Hnh 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 hnh ả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

Hnh 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 hnh ả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 hnh ả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 bnh 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

Hnh 41: Screaming frog - Meta DescriptionNh 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

Hnh 42: Screaming frog - Heading 1Nh 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

Hnh 43: Screaming frog - ImagesNh 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 ch Trang chTrang chTrang chủủủủủ Trang sTrang sTrang sTrang s n phTrang 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 Hnh 44 Galaxy : S8plus - Trang chủ Hnh 45: Galaxy S8plus - Trang sản phẩm Hnh 46: Galaxy S8plus - trang thanh

toán Iphone 8 Iphone 8 Iphone 8 Iphone 8 Iphone 8

57 Bảng 4: Brower Stacks Hnh 47: Iphone - 8 Trang chủ Hnh 48 Iphone - : 8

Trang sản phẩm Hnh 49 Iphone - Trang thanh toán 8 iPhone6 iPhone6 iPhone6 iPhone6 iPhone6 Hnh 50: Iphone - 6 Trang chủ Hnh 51: Iphone - 6 Trang sản phẩm Hnh 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

Hnh 53: Khai báo Google AnalyticsChương Chương

Chương Chương Chương

Chương 4: Qu 4: Qu 4: Qu 4: Quảảảảảng bá mobile m 4: Qu ng bá mobile mng bá mobile marketing 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 chiựng ching ching chiến ng chiến lượến ến ến lượlượlược mobile alược mobile ac mobile ac mobile ac mobile app pp pp pp pp 4.14.1

4.1 4.1

4.1.1.1.1.1Tổng quan Mobi.1Tổ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

Hnh 54: Mục tiêu thiết kế app

KK K K Kếếếếế hohohohoạạạạạch thho ch thch thch thựch thựực hiựực hic hic hic hiệệệệện:n:n:n:n: Hnh 55: Kế hoạch thực hiện Quy trình thQuy trình th Quy trình th Quy trình th

60

Hnh 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

Hnh 57: Demo Mobile App - Đăng nhập Home Home

63

Danh m c ụ

Hnh 59: Demo Mobile App - Danh mục Sản phẩm:

64

Giỏ hàng

Hnh 61: Demo Mobile App - Giỏ hàng Thanh toán Thanh toán

65

Hnh 62: Demo Mobile App Thanh toán–

4.1.34.1.3

4.1.3 4.1.3

4.1.3 Chiến Chiến Chiến Chiến lược Chiến lược lược lược lược MarketMarketMarketing chMarketMarketing ching ching ching cho Mobile Ao Mobile Ao Mobile Ao Mobile Ao Mobile App pp pp pp pp