− Thanh tìm kim − Các sản phm nổi bật kèm giá − Bài vit nổi bật − Feedback của khách hàng − Thông tin doanh nghiệp − Các liên kt của doanh − nghiệp − SEO + Tối ưu khai báo google về
Trang 33.5 Các Plugin cài đặt 37
3.6.2 Tích hợp Fanpage, Google map vào website 443.6.3 Tích hợp hình thức thanh toán qua Momo 44
4.2.1 Công cụ phân tích và nghiên cứu websites 46
5.1 Kiểm tra Website: Screaming Frog, SEO Quake 76
5.6 Thuận lợi và khó khăn trong quá trình thực hiện 93
Trang 45.7 Các công cụ 1
CHƯƠNG I GIỚI THIỆU THƯƠNG HIỆU/SẢN PHẨM
1 Giới thiệu chung:
Trang 51.1 Thành lập & ý tưởng dự án
Tên thương hiệu: BEDDING
Ngày thành lập: 14/09/2021
Slogan: “Nâng niu giấc mơ Việt”
BEDDING là thương hiệu mới thành lập chuyên cung cấp các sản phm chăn ga gối đệm cao cấp với nhiều chủng loại khác nhau phục vụ mọi mong muốn của khách hàng
Trang 61.4 Mô hình kinh doanh
CHƯƠNG II CHIẾN LƯỢC MARKETING
2.1 Phân khúc thị trường (Việt Nam)
Trang 7SEO onpage
Tốc độ tải trang 90-100 Tổng số bài vit trên
Số lượt xem trang
Trang 8CHƯƠNG III THI T K WEBSITE Ế Ế
3.1 Demo website
Trang chủ:
*Danh mục sản phẩm:
Trang 10*Trang sản phẩm:
*Giỏi hàng
Trang 11*Thanh toán
Trang 123.2 Phân tích hệ thống
3.2.1 Yêu cầu mục đích hệ thống
3.2.1.1 Yêu cầu mục đích hệ thống
• Nhân lực
Nguồn nhân lực cần am hiểu những kin thức và kỹ năng sau:
− Có kỹ năng phân tích thị trường, khách hàng mục tiêu
− Kinh nghiệm thit k website thương mại điện tử
− Kin thức về mô hình 7C trong thương mại điện tử
− Phân tích và Audit website bằng các công cụ: SEOquake
− Nắm được kin thức về SEO Entity
− Phân tích được từ khóa dựa vào các công cụ như: Keywordplanner, Ahref,
Keywordtool
− Xác định được Volume, allintitle, KGR của từ khóa
− Sử dụng được các công cụ phân tích nội dung: Thruu, Ahref, Small SEO tool
− Kinthức về checklist content chun SEO
− Nắm chắc kin thức về 6 bước thực hiện SEO
− Đọc hiểu được các chỉ số trên Google Search Console, Google
Trang 13− Thanh tìm kim
− Các sản phm nổi bật kèm giá
− Bài vit nổi bật
− Feedback của khách hàng
− Thông tin doanh nghiệp
− Các liên kt của doanh
− nghiệp
− SEO + Tối ưu khai báo google về doanh nghiệp
+ Bảo vệ nội dung website
+ Điều hướng người dùng
− Khách hàng + Giúp KH tìm kim thông tin sản phm + Cung cấp các thông tin của doanh nghiệp + Cung cấp các bài vit nổi bật nhất
+ Giúp KH giải đáp những thắc mắc, những gì khách hàng đánh giá về doanh nghiệp và lý do nên mua hàng
− SEO:
+ Đảm bảo trang Pilar Page
+ Dẫn link trỏ trang đn các Subpage liên quan
− Khách hàng:
+ Giúp KH lọc và tìm kim sản phm dễ dàng
Trang 14+ Cho KH thấy được sản phm có thông tin, giá cả và đánh giá chi tit
+ Giúp người đọc dễ dàng chuyển đn đoạn nội dung theo ý muốn
Trang sản phẩm
− Đảm bảo hiển thị rõ tên sản phm, giá cả
− Nút tăng giảm số lượng sản phm và nút đặt hàng mua ngay
− Bình luận, đánh giá sản
− phm
− SEO:
+ Đảm bảo google hiểu đúng ý đây là trang sản phm + Dẫn link trỏ đn các Subpage liên quan - Khách hàng:
+ Giúp KH hiểu rõ thông tin về sản phm
+ Nút đặt mua giúp KH cho sản phm vào giỏ hàng với 1 click + Tăng giảm số lượng sản phm cập nhật luôn giá mà không cần tính lại
+ Thoải mái bình luận đánh giá sản phm nu KH muốn
Trang giỏ hàng
− Hiển thị ảnh sản phm kèm tên sản phm
− Nút tăng số lượng sản phm cần mua và cập nhật giá luôn
− Có form điền mã giảm giá, voucher
− Khách hàng:
+ Giúp KH xem lại rõ giá cả cũng như thông tin sản phm của mình
+ Nút thanh toán giúp khách hàng chuyển ngay tới thanh toán với 1 click
Trang 15− Đặt hàng nhanh gọn không mất thời gian -
Có nút thanh toán
+ Tăng giảm số lượng sản phm cập nhật luôn giá mà không cần tính toán lại + Giúp khách hàng sử dụng phiu ưu đã và
mã giảm giá
Trang thanh toán
− Lựa chọn phương thức giao hàng và phương thức thanh toán
− Hiển thị đầy đủ thông tin đơn hàng, giá, nơi nhận hàng
− Form điền thông tin
cá nhân của KH
− Form điền ưu đãi, giảm giá
− Nút đặt hàng
− Khách hàng:
+ Giúp KH lựa chọn được phương thức thanh toán và giao hàng phù hợp + KH kiểm tra được thông tin đơn hàng + Cung cấp thông tin giao hàng cho doanh nghiệp
Trang danh mục bài
viết
− Thể hiện đầy đủ các bài vit cho người xem
− Thống kê top bài vit được đọc nhiều nhất
− Gom nhóm bài vit theo từng danh mục sản phm
− Khách hàng:
+ Giúp KH thấy được danh sách các bài + vit
+ Giúp KH lựa chọn được bài vit theo từng danh mục + Giúp KH thấy được các bài vit có nhiều người đọc để bản thân thấy được đâu là thông tin đang được quan tâm
Trang bài viết
Trang 16+ Là một Subpage giúp liên kt với các Subpage khác
và Pillar Page + Gom nhóm các từ khóa vào trong 1 bài + vit
− Khách hàng:
+ Cung cấp thông tin hữu ích cho KH + Thỏa mãn nhu cầu chia sẻ thông tin đn người khác qua MXH + Thoải mái bình luận đánh giá bài vit
Trang giới thiệu
− Bài vit liên quan đn lịch sử hình thành và tầm nhìn chin lược,
sứ mệnh và giá trị cốt lõi của doanh nghiệp
− Thông tin về đội ngũ nhân lực thương hiệu
− Khách hàng: đưa những thông tin về thương hiệu, tầm nhìn, sứ mệnh
và giá trị cốt lõi của doanh nghiệp tới KH
− Lấy thông tin từ KH và những thắc mắc của KH
3.2.2 Layout v c à ác giao diện trang ch ính
Trang 174/12 (1) 4/12 (2) 4/13 (3)
12/12 (2) 3/12 (1) 3/12 (2) 3/12 (3) 3/12 (4)
3/12 (5) 3/12 (6) 3/12 (7) 3/12 (8)
12/12 (3) 3/12 (9) 3/12 (10) 3/12 (11) 3/12 (12)
12/12 (4) 12/12 (5) 12/12 (6) 3/12 (13) 3/12 (14) 3/12 (15) 3/12 (16)
3/12 (1) 3/12 (2) 3/12 (3) 3/12 (4)
III 12/12 (7)
4/12 (2) 4/12 (3) 12/12 (2) Title s n ph m nả ổi b t ậ3/12 (1- 8) Sản phm n i b t ổ ậ12/12 (6) Title s n ph m b n ch y ả á ạ3/12 (9-12) Sản phm bán chạy 12/12 (4) Title Feedback
12/12 (6) Title tin t c m i ng y ứ ỗ à3/12 (13-16) Tin t c m i ngứ ỗ ày
III
3/12 (2) Chính s ch á3/12 (3) Liên k t nhanh
Trang 183/12 (4) Điều hướng 12/12 (1) Hình thức thanh to n á
III 12/12 (1)
Trang 193/12 (2) Lọc theo giá 3/12 (3) Sản phm xem gần đây 3/12 (4 - 15) Sản phm
III
3/12 (2) Chính s ch á3/12 (3) Liên k t nhanh
6/12 (7) 6/12 (8) 6/12 (9)
Trang 206/12 (10) 12/12
3/12 (3) 3/12 (4) 3/12 (5) 3/12 (6)
3/12 (1) 3/12 (2) 3/12 (3) 3/12 (4)
III 12/12 (1)
III
3/12 (2) Chính s ch á3/12 (3) Liên k t nhanh
12/12 (1) Hình th c thanh to n ứ á
Trang 214/12 (1)
II
8/12 (2) 8/12 (3)
4/12 (2) 8/12 (4)
8/12 (5)
4/12 (3) 8/12 (6)
8/12 (7)
4/12 (4)
8/12 (8) 8/12 (9) 8/12 (10) 3/12 (3) 3/12 (4) 3/12 (5) 3/12 (6)
3/12 (1) 3/12 (2) 3/12 (3) 3/12 (4)
III 12/12 (1)
Trang 223/12 (1) 3/12 (2) 3/12 (3) 3/12 (4)
III 12/12 (1)
Trang 2312/12 (1) Hình th c thanh to n ứ á
Trang 243.2.3 Sitemap
Link:https://drive.google.com/file/d/1d5G8O93lqSxnMGOuCKUrn5miOraTkLxh/view?usp=sharing
3.2.4 Tối ưu UI/UX
3.2.4.1 Tối ưu UI
Website được thit k giao diện đơn giản, các bố cục chia rõ ràng từng mục giúp khách hàng dễ dàng tìm kim sản phm và thao tác trên Website
Trang 25- Với mỗi sản phm được bán đều có thông tin chi tit minh bạch về giá cả
- Sử dụng khoảng cách giữa các khoảng thành phần
- Có sự tương phản giữa nền màu text và màu nhấn của theme
Sử dụng nền trắng chữ vàng, chữ đen
Sử dụng nền vàng chữ trắng, chữ đen
Trang 263.2.4.2 Tối ưu UX
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
Website 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 website ví dụ: trang chủ
Trang chủ sử dụng khoảng trắng để căn lề 2 bên các block, ngăn cách các UVP, ngăn cách các sản phm, blog được hiển thị trên web
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
Trang 27*Mobile
03, Dùng CTA thu hút
CTA trên baner: nút sở hữu ngay
CTA dưới sản phm: nút thêm vào giỏ hàng
Trang 28
Trên trang tuyển dụng: nút đăng kí
Trên trang bài vit: nút continue reading
Trang 2904, Tạo hypelink nổi bật
Hypelink được đổi màu thành màu vàng giúp người dùng dễ thấy trong bài vit
05, Liệt kê thông tin quan trọng bằng gạch đầu dòng
<Chưa có>
06, Lựa chọn ảnh thông minh
Ảnh trong sản phm, bài vit đượ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
*ảnh trong bi vit
Trang 30*ảnh trong sản phẩm
*nén ảnh bằng công cụ
Trang 3107, Vit 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
*Headline trong chủ
*Headline trong trang blog
Trang 32*Headline trong bi vit
*Headline trong sản phẩm
Trang 3308, 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à màu vàng
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ủ
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 thit bị di động
Trang 343.3 Khai báo Google Search Console
3.3.1 Khai báo Google Search Console
Demo:
Bước1: Truy cập vào Google Search Console
Trang 35Bước2:điền Url của website nhấn tip tục
Trang 36Bước3:Sau khi xác minh đc website thuộc quyền sở hữu nhấp vào”đi đn sản phm”
Kt quả:
Trang 373.3.2 Submit sitemap
3.4 Khai báo Google Analytics
3.5 Các Plugin cài đặt
Trang 40Contact Form 7
Plugin mở rộng chức năng form liên hệ cho website Đơn giản nhưng linh hoạt
Easy Facebook Like Box
Hộp like facebook dễ dàng hiển thị hộp like facebook nó cho phép chủ sở hữu Trang Facebook thu hút và đạt được Lượt thích từ trang web của riêng họ
Easy Table of Contents
Thêm một cách thân thiện với người dùng và hoàn toàn tự động để tạo và hiển thị mục lục được tạo từ nội dung trang
Elementor
Trình tạo trang web Elementor có tất cả: trình tạo trang kéo và thả, thit k pixel hoàn hảo, chỉnh sửa đáp ứng trên
Trang 41thit bị di động và hơn th nữa Bắt đầu ngay bây giờ!
Facebook Chat Plugin - Live
Chat Plugin for WordPress
Với một vài cú nhấp chuột, bạn có thể thêm Plugin trò chuyện Facebook vào trang web của mình, cho phép khách hàng nhắn tin cho bạn trong khi duyệt trang web của bạn Để xem và trả lời những tin nhắn đó, chỉ cần sử dụng cùng một công cụ nhắn tin mà bạn sử dụng để nhắn tin trên Facebook, trên máy tính để bàn tại facebook.com, Ứng dụng Trình quản lý trang Facebook (khả dụng trên iOS và Android) hoặc bằng cách thêm tài khoản trang của bạn vào Messenger Nó miễn phí, dễ cài đặt
và đi kèm với giao diện người dùng mà khách hàng của bạn đã quen thuộc
Google Analytics Wordpress
Plugin
Plugin wordpress của Google Analytics trao quyền cho Google Analytics cho tất cả các trang Cho phép khám phá cách Khách truy cập tìm thấy trang web của bạn Sẵn sàng xác định những trang và url nào mà khách truy cập của bạn nhấn vào nhiều nhất
Google Listings and Ads Tích hợp gốc với Google cho phép
người bán dễ dàng hiển thị sản phm của họ trên mạng của Google
Imagify
Giảm đáng kể kích thước tệp hình ảnh
mà không làm giảm chất lượng, giúp trang web của bạn tải nhanh hơn, tăng cường SEO và tit kiệm băng thông của bạn bằng cách sử dụng Imagify, công cụ tối ưu hóa hình ảnh tiên tin nhất mới
Insert Headers and Footers
Cho phép bạn chèn code hoặc văn bản vào header hoặc footer của blog WordPress của bạn
Jetpack
Các công cụ bảo mật, hiệu suất và tip thị do các chuyên gia WordPress thực hiện Jetpack giữ cho trang web của bạn được bảo vệ để bạn có thể tập trung vào những việc quan trọng hơn
Trang 42kk Star Ratings
Cho phép khách truy cập blog tham gia
và tương tác hiệu quả hơn với trang web của bạn bằng cách xp hạng bài đăng
Loginizer
Loginizer là một plugin WordPress giúp bạn chống lại cuộc tấn công bruteforce bằng cách chặn đăng nhập cho IP sau khi nó đạt đn số lần thử lại tối đa cho phép Bạn có thể đưa vào danh sách đen hoặc danh sách trắng các
IP để đăng nhập bằng Loginizer
Mashshare Share Buttons
Mashshare là một chức năng Chia sẻ được lấy cảm hứng từ trang web tuyệt vời Mashable cho Facebook và Twitter
Polylang Thêm khả năng đa ngôn ngữ vào
WordPress
Popup Maker
Dễ dàng tạo và tạo kiểu cho các cửa sổ bật lên với bất kỳ nội dung nào Trình chỉnh sửa chủ đề để nhanh chóng tạo kiểu cho cửa sổ bật lên của bạn Thêm biểu mẫu, hộp truyền thông xã hội, video và hơn th nữa
Quick Call Button
thêm nút gọi nhanh, nút gọi ngay cho bất kỳ website wordpress nào trên ipad
và điện thoại di động
Really Simple SSL
Plugin nhẹ mà không cần bất kỳ thit lập nào để tạo bằng chứng SSL cho trang web của bạn
Rel Nofollow Checkbox
Plugin này thêm một hộp kiểm đơn giản trong cửa sổ bật lên liên kt chèn / chỉnh sửa để bao gồm thuộc tính
nofollow
Schema Pro
Schema Pro là plugin đi kèm để thêm Schema Markup trên trang web của bạn một cách dễ dàng Cho phép bạn hiển thị các đoạn mã chi tit trên các
Trang 43công cụ tìm kim và cải thiện SEO trang tổng thể của bạn
Social Login, Social Sharing by
miniOrange
Cho phép người dùng của bạn đăng nhập, bình luận và chia sẻ với Facebook, Google, Apple, Twitter, LinkedIn, v.v bằng các nút có thể tùy chỉnh
Table of Contents Plus
Một plugin mạnh mẽ nhưng thân thiện với người dùng tự động tạo mục lục Cũng có thể xuất ra một sơ đồ trang liệt
kê tất cả các trang và danh mục
Thanh Toán Quét Mã QR -
Momo, Zalo Pay, Moca Grab,
AirPay
Thanh toán quét mã QR, hổ trợ Momo, Zalo Pay, Moca Grab, ShopeePay
User Role Editor Thay đổi / thêm / xóa các vai trò và khả
năng của người dùng WordPress
YITH WooCommerce Wishlist
YITH WooCommerce Wishlistcung cấp cho người dùng của bạn khả năng tạo, điền, quản lý và chia sẻ danh sách mong muốn của họ, cho phép bạn phân tích sở thích và nhu cầu của họ để cải thiện chin lược tip thị của bạn Nhận thêm các plugin cho thương mại điện
tử của bạn trên YITH
Yoast SEO
Giải pháp SEO tất cả trong một đầu tiên cho WordPress, bao gồm phân tích nội dung on page, sơ đồ trang web và -nhiều hơn th nữa
3.6 Tích hợp tiện ích Internet
3.6.1 Chatbot messenger, Call now
● Công dụng: Với tiện ích này có thể tương tác và giải đáp khách hàng một cách thuận tiện
Trang 443.6.2 Tích hợp Fanpage, Google map vào website
Trang 46CHƯƠNG IV SEO 4.2 Bước 2: Nghiên cứu và phân tích từ khóa
4.2.1 Công cụ phân tích và nghiên cứu websites
- Google trend/google search box: tìm kim từ khóa hạt giống
- Google Keyword Planner: Tìm kim từ khóa liên quan
- Ahrefs: phân tích từ khóa
- Keywordtool.io: lên danh sách từ khóa chính, phụ, kiểm tra volume
4.2.2 Phân tích website đối thủ cạnh tranh
- Truy cập vào công cụ Ahref sau đó nhập website của các đối thủ cạnh tranh để phân tích website của đối thủ cạnh tranh:
+ https://demxinh.vn/
+ https://demxanh.com/
- K t qu quân t ả ích đối thủ cạnh tranh b ng Ahref: ằ
- Theo thống kê của Ahref cho thấy Demxanh.com nổi bật hơn
- Xp hạng cao nhất của UR (URL Rating) cao nhất: với 46 URL
- Lượt truy cập tự nhiên cao nhất: Demxanh.com với 44,8 ngìn lượt
4.2.3 Bảng từ khóa của website
Tổng hợp:
https://docs.google.com/spreadsheets/d/1NE2QBDa6uvM9B4kr6jU9Ls8onKvFiBNc/edit?usp=sharing&ouid=107966270717262623035&rtpof=true&sd=true