Tiểu Luận - Xây Dựng Web Cho Doanh Nghiệp Ăn Vặt Họa Mi

Cài đặt và cấu hình theme cho website có hỗ trợ Woocommerce.. Các bước cài đặt Theme: Bước 1: Đăng nhập vào tàii khoản Admin của WordPress .... Cài đặt và cấu hình theme cho website có h

TRƯỜNG CAO ĐẲNG THỰC HÀNH FPT POLYTECHNIC

ASSIGNMENT

Đề tài: XÂY DỰNG WEB CHO DOANH

NGHIỆP ĂN VẶT HỌA MI

Lời mở đầu

Thiết kế website đang dần trở thành nhu câu không thể thiếu với bất kì doanh nghiệp,

cá nhân nào Lợi ích thiết kế website mang vô cùng lớn như: Tăng cảm hứng và sự

uy tín của doanh nghiệp trong mắt người dùng, cung cấp thông tin giới thiệu về doanh nghiệp, sản phẩm hoặc dịch vụ của bạn với phạm vi rộng lớn

Trang web cung cấp một cơ hội tuyệt vời để giới thiệu về bạn với một số đối tượng khách hàng mới và rộng hơn Sở hữu một trang web chuyên nghiệp có thể tăng uy tín cho doanh nghiệp của bạn trong mắt khách hàng và đối tác

Trang web cung cấp một cơ hội để bạn bán sản phẩm hoặc dịch vụ của mình 24/7 mà không cần phải chờ đợi giờ mở cửa hoặc tắt cửa

Trang web có thể được tìm kiếm dễ dàng bằng các công cụ tìm kiếm như Google, giúp tăng khả năng tìm kiếm cho doanh nghiệp của bạn

Mục lục

Phần 1: Xây dựng website bằng WordPress có cài đặt chức năng bán hàng

trực tuyến Woocommerce: 4

1 Cài đặt Wordpress: 4

2 Cài đặt và cấu hình theme cho website có hỗ trợ Woocommerce 6

2.1 Các bước cài đặt Theme: Bước 1: Đăng nhập vào tàii khoản Admin của WordPress 6

3 Cài đặt Woocommerce 10

4 Thiết lập cấu trúc Page, Post, Catalogue và Tag 11

4.1 Page 11

4.2 Bài viết 13

5 Thiết lập danh mục sản phẩm, nội dung sản phẩm 14

6 Đưa logo vào website 15

7 Đăng Banner 16

8 Cài đặt header và footer 18

Phần 2: Cài đặt và cấu hình các plugin cho website 19

1 Cài đặt plugin 19

Phần 3: Tối ưu hóa website để SEO 24

1 Xây dựng sitemap.html và sitemap.xml cho website 24

1.1 Vào Draw.io xây dựng dược sitemap.html 24

1.2 Cài sitemap.xml cho web 25

2 Biên tập 2 bài viết theo hướng SEO đối với 1 từ khóa bất kỳ và đăng trên web, 2 bài viết được biên tập theo hướng bổ trợ nhau để hỗ trợ SEO 26

3 Triển khai các kỹ thuật bảo mật cho website 29

4 Thiết lập URL thân thiện cho website 30

5.Cài đặt Google Analytics và Google Webmaster Tool 31

Cài đặt Google Analytics 31

Google Webmaster Tool (google search console) 34

Phần 4: Kết luận 38

CHUẨN BỊ

Đề tài làm webside: Ăn vặt Họa Mi

Tên miền (domain): https://anvatbmt.com/

1.1 Phác thảo website qua trang web Figma

1.2 Lên sơ đồ hiển thị qua trang web Draw.io

Phần 1: Xây dựng website bằng WordPress có cài đặt chức năng bán

hàng trực tuyến Woocommerce:

1 Cài đặt Wordpress:

Bước 1: Vào tài khoản quản lý Hosting của bạn

Bước 2: Tìm kiếm mục Software chọn WordPress Manager by Softaculous

Bước 3: Tiến hành thiết lập cài đặt tài khoản, mật khẩu WordPress

Bước 4: Chọn Theme mặc định sau đó nhấn chọn Install

Kết quả:

2 Cài đặt và cấu hình theme cho website có hỗ trợ Woocommerce

2.1 Các bước cài đặt Theme:

Bước 1: Đăng nhập vào tàii khoản Admin của WordPress

Giao diện đăng nhập thành công:

Bước 2: Chọn Giao diện

Bước 3: Chọn thêm mới để thêm giao diện mới

Bước 4: Chọn giao diện phù hợp với loại hình kinh doanh

Bước 5: Cài đặt các plugins mà mẫu yêu cầu -> Next

Kết quả:

3 Cài đặt Woocommerce

Bước 1: Dowload WooCommerce – WordPress plugin | WordPress.org

Bước 2: Sau khi tải về vào Plugin-> thêm mới rồi tải lên

Bước 3: Cài thành công WooCommerce

4 Thiết lập cấu trúc Page, Post, Catalogue và Tag

4.1 Page

Bước 1: Vào trang -> chỉnh sửa lại cấu trúc trang

Bước 2: Nhấn chỉnh sửa->sửa với elementor

Bước 3: Xem lại trang đã sửa

4.2 Bài viết

Bước 1: Vào bài viết-> chỉnh sửa

Bước 2: Chỉnh sửa xog và coi kết quả

Thêm các chuyện mục

Thêm tags

5 Thiết lập danh mục sản phẩm, nội dung sản phẩm

Bước 1: Vào sản phẩm-> thêm danh mục sản phẩm

Bước 2: Sửa xong vào lại giao diện xem kết quả

Bước 3: Chỉnh nội dung sản phẩm-> bấm vào sản phẩm-> sửa ngày ở phía trên giao diện

6 Đưa logo vào website

Bước 1: Vào betheme-> chọn thêm options chỉnh logo

Bước 2: Save và xem lại kết quả

7 Đăng Banner

Bước 1: vào giao diện trang web nhấn vào slider revolution

Bước 2: Chọn open in editor và chỉnh sửa

Bước 3: Chọn style-> chọn media để đổi banner sau đó save để hoàn thành

Bước 4: Xem giao diện

8 Cài đặt header và footer

Bước 1:Vào giao diện chọn wighet và chỉnh sửa

Bước 2: Xem kết quả

Phần 2: Cài đặt và cấu hình các plugin cho website

1 Cài đặt plugin

Bước 1: Cài đặt Plugins YITH Essential Kit for WooCommerce #1

Link: wordpress.org/plugins/yith-essential-kit-for-woocommerce-1/

Bước 2: Chọn Plugins -> YITH đã cài đặt trước đó -> Chọn Active

Bước 3: Chọn Modules List -> Chọn các tính năng cần dùng chọn active chức

năng tương ứng

 Cài cấu hình YITH WooCommerce Zoom Magnifier , tính năng zoom

ảnh sản phẩm

 Cài cấu hình YITH WooCommerce Ajax Product Filter – Lọc sản phẩm bằng AJAX

 Cài cấu hình YITH WooCommerce Ajax Search – Tìm kiếm sản phẩm

bằng AJAX

 Cài cấu hình YITH WooCommerce Order Tracking – tính năng theo dõi

đơn hàng

 Cài cấu hình YITH WooCommerce Request A Quote – tính năng yêu cầu

tư vấn mỗisản phẩm

Phần 3: Tối ưu hóa website để SEO

1 Xây dựng sitemap.html và sitemap.xml cho website

1.1 Vào Draw.io xây dựng dược sitemap.html

1.2 Cài sitemap.xml cho web

Bước 1: Vào webside chọn như hình

Bước 2: Sau đó copy link

Bước 3: Sang Google Search Console chọn sơ đồ trang web  pass link vào

sơ đồ trang web  Nộp

2 Biên tập 2 bài viết theo hướng SEO đối với 1 từ khóa bất kỳ và đăng trên web, 2 bài viết được biên tập theo hướng bổ trợ nhau để hỗ trợ SEO

Bước 1: Vào webside vào mục bài viết chọn tất cả bài viết

Bước 2: Tạo bài viết mới Viết tiêu đề và nội dung

Bước 3: Seo từ khóa tìm kiếm theo hướng dẫn

Bước 4: Seo từ khóa thành xanh thành công

Bước 5: Sau khi đã tích xanh thành công thì Đăng bài

Tiếp tục seo những bài tiếp theo tương tự như trên

3 Triển khai các kỹ thuật bảo mật cho website

Bước 1: Đăng nhập vào cPanel và chọn như hình

Bước 2: Điền domain và nhấn run

Bước 3: Màu xanh thành công

4 Thiết lập URL thân thiện cho website

Bước 1: Mở bài viết bất kì copy link Bài viết

https://anvatbmt.com/2021/10/04/mon-an-hot-hit-nhung-ngay-qua-cua-nha/

Bước 2: Vào trang quản trị cài đặt  đường dẫn tỉnh

Bước 3: Chọn Tiêu đề bài viết và lưu lại

Bước 4 : Coi lại bài viết và có kết quả

5.Cài đặt Google Analytics và Google Webmaster Tool

 Cài đặt Google Analytics

Bước 1: Truy cập vào địa chỉ

https://www.google.com/analytics

Bước 2: Chọn Tạo tài khoản hoặc đăng nhập vào email

Bước 3 : Xuất hiện giao diện như hình và chọn Tôi chấp nhận

Bước 4 : Copy đoạn mã script

Bước 5 : Chọn tiếp tục như hình

Bước 6: Pass vào phần header và save lại

 Google Webmaster Tool (google search console)

Bước 1: Truy cập vào Google Webmaster Tool đường link

https://search.google.com/search-console/welcome?utm_source=about-page Bước 2: Ghi domain và nhấn continue

Bước 3: Copy link

Bước 4: Vào hosting và đăng nhập vào cPanel chọn zone editor

Bước 5: Chọn add record và điền thông tin vào và save record

Bước 6: Quay lại trang Google Webmaster Tool và chọn VERIFY

Bước 7: Thành công thì ra được kết quả

Phần 4: Kết luận

Bài xây dựng web 2 ASM hoàn thiện

Trong quá trình làm bài đúng theo thầy giao và đã biết thiết kế xây dựng

trang web hoàn thiện

Học hỏi được thêm từ thầy và biết làm web