You are on page 1of 42

Chương 2:

XÂY DỰNG WEBSITE VÀ


TÍCH HỢP CÔNG CỤ SEO
NỘI DUNG

2.1. Xây dựng website cho SEO


- Giới thiệu về Domain, Hosting
- Thiết kế website bằngWordPress
- Tương tác với hệ thống quản lý nội dung (CMS) WordPress

2.2. Tích hợp công cụ hỗ trợ SEO


- Google Trend - SEOQuake
- Google Search Console - Google Analytics
- Xenu - Ahreft

2
Giới thiệu về Domain, Hosting

HOSTING

Hosting là dịch vụ lưu trữ dữ


liệu và chia sẻ dữ liệu trực
tuyến, một không gian trên
máy chủ với các dịch vụ
Internet được cài đặt như
World Wide Web (WWW),
Truyền tệp (FTP), Mail ...

→ Chúng ta có thể lưu trữ


nội dung trang web hoặc dữ
liệu trên không gian này
3
Giới thiệu về Domain, Hosting

Các nhà
cung cấp
Hosting

http://123host.vn/ho-tro.html

Tel: 02873 002 123

4
Giới thiệu về Domain, Hosting
Domain
Tên miền thường được chia thành hai
Tên miền là văn bản mà người dùng
nhập vào cửa sổ trình duyệt để
(tên hoặc ba phần, mỗi phần được phân tách
truy cập một trang web cụ thể miền) bằng một dấu chấm
Ex: vku.udn.vn, Google.com
vku.udn.vn
Tên
Domain từ khóa
Đuôi mở rộng
VD:
internetmarketing.edu.vn
batdongsan.com.vn
khoahoc.anhngumshoa.com
Domain quốc gia
Domain thương hiệu .VN, .JP, .Cn
Domain khu vực .com.vn, edu.vn…
samsung.com
.ASIA, .EU
udn.vn Domain quốc tế
vku.udn.vn Có thể sử dụng ở các quốc gia khác
.COM, .INFO, .ORG, .GOV, .NET
5
Giới thiệu về Domain, Hosting

Đăng ký Hosting
https://client.123host.vn/?/cart/-hosting-ca-nhan-/

• Lựa chọn nhà cung cấp và


Step 1
dịch vụ Hosting
• Đăng ký dịch vụ trên
Step 2
website của nhà cung cấp

Step 3 • Kích hoạt HOSTING


mới

6
Giới thiệu về Domain, Hosting
Quản lý Hosting với CPanel

Bước 1
• Đăng nhập hệ thống quản lý
Cpanel
Bước 2 • Thiết lập Domain
• Thiết lập cấu hình
Bước 3
PHP

7
Giới thiệu về Domain, Hosting
Quản lý Hosting với CPanel

Bước 1: Đăng nhập Cpanel

8
Giới thiệu về Domain, Hosting
Quản lý Hosting với CPanel

Bước 2:
Thiết lập
Domain

9
Giới thiệu về Domain, Hosting
Quản lý Hosting với CPanel
Bước 2:
Thiết lập
Domain
- Tên miền chứa từ khóa → hiệu quả nhanh chóng
- HOẶC Tên miền theo thương hiệu về lâu dài sẽ
tốt hơn tên miền từ khóa
- Sử dụng đuôi mở rộng theo địa lý → ví dụ “. Vn”
khi triển
Domain khaihave
names SEOa tại
hugeViệt Nam on the ranking
influence
-ofNgắn
all websites
gọn nhấton có
thethể,
website
tránh nhầm lẫn, nghe 1 lần
có thể viết lại.

10
Giới thiệu về Domain, Hosting
Quản lý Hosting với CPanel
Bước 3: Thiết lập cấu hình PHP

Trong tab Tiện


ích mở rộng
(Extensions)
chọn: Memcache
và Redis

11
Giới thiệu về Domain, Hosting
Quản lý Hosting với CPanel

Bước 3: Thiết lập cấu hình PHP

Trong tab Options thiết lập:


- Memory _limit
- Post_max_size
- Upload_max_size

12
Wordpress là gì?

Tại sao phải thiết kế website


bằng Wordpress ?

13
Thiết kế website bằng Wordpress

Ngôn ngữ lập trình website


Nền tảng tạo PHP và hệ quản trị cơ sở dữ
website mã nguồn liệu MySQL
mở Wordpress

WordPress được xem là một hệ quản trị nội dung (CMS)


ưu việt hỗ trợ người dùng tạo nhiều loại website khác
nhau như blog, website tin tức/tạp chí, giới thiệu doanh
nghiệp, bán hàng – thương mại điện tử, đặt phòng khách
sạn, cho thuê xe, dự án bất động sản.
14
Design website by Wordpress

Dễ học, dễ sử dụng, Sử dụng mã nguồn mở tùy


dễ cập nhật biến nhanh và hỗ trợ nhu cầu
thiết kế website chuẩn SEO
Lý do sử dụng Wordpress

Thích hợp với các


thiết bị di động của
Nhiều lựa chọn
người dùng

Nhiều hỗ trợ và bảo mật

15
Thiết kế website bằng Wordpress
Trên khắp thế giới, mỗi giây
có khoảng 25 bài đăng được
đăng trên các trang web sử
dụng WordPress.
Số website làm bằng
Trong số 100% website sử dụng WordPress chiếm 27% tổng
mã nguồn CMS thì WordPress Thống kê số website trên thế giới.
chiếm 60%.
liên quan đến
Wordpress
Trên thư viện WordPress.org có WordPress đã được dịch sang
hơn 2.700 theme miễn phí khác 169 ngôn ngữ khác nhau
nhau.

→ Đây là một phần mềm mã nguồn mở phổ biến và hữu ích giúp cho
việc tạo trang web trở nên nhanh chóng và dễ dàng
16
Thiết kế website bằng Wordpress

Bước 1: Bước 5:
Các bước thiết kế Hoàn thiện
Mua
website bằng WP và điều
hosting và
đăng ký chỉnh
Domain

Bước 4:
Bước 2: Cài đặt Plugin
Cài đặt WP Bước 3: Website và các
Thiết lập cấu công cụ hỗ trợ
hình website
cơ bản

Tương tác với hệ thống


quản lý nội dung
17
Thiết kế website bằng Wordpress
Các bước thiết kế website bằng WP
• Lựa chọn combo Hosting –domain
• Kế nối với hosting – domain → trỏ tên miền
website tới hosting
→ Tự làm hoặc yêu cầu nhà cung cấp dịch vụ làm
Bước 1:
việc này
Mua hosting
và đăng ký
Domain Lưu ý khi chọn tên miền
- Tên miền dễ nhớ, ngắn gọn, gắn liền với
thương hiệu/doanh nghiệp.
- Cần chọn phạm vi tên miền là trong nước hay
quốc tế
- Lưu ý nến tránh tên miền đã sử dụng. Đặc biệt
là những tên miền đã bị Google phạt vi phạm.
18
Thiết kế website bằng Wordpress
Các bước thiết kế website bằng WP
Trong cửa sổ Scripts thuộc Cpanel → kích chọn biểu tượng
Wordpress → Chọn Install

Bước 2:
Cài đặt
WP

19
Thiết kế website bằng Wordpress
Các bước thiết kế website bằng WP
Điền thông tin liên quan
Bước 3

20
Thiết kế website bằng Wordpress
Các bước thiết kế website bằng WP

Bước 3 Chọn Install → Nhận thông báo Phần mềm đã


được cài đặt thành công

21
Thiết kế website bằng Wordpress
Các bước thiết kế website bằng WP
Bước
4:
Thiết
kế
Định hình cấu trúc Chuẩn bị vật liệu cho website
- Header
- Footer Image: banner/logo/
- Background
video
- Cấu trúc: Cấu trúc trang/danh
mục

22
Thiết kế website bằng Wordpress
Các bước thiết kế website bằng WP

Bước 5:
Hoàn thiện
và điều
chỉnh

23
Tương tác với hệ quản trị nội dung (CMS) wordpress
Đăng nhập tài khoản webmaster bằng user và password đã được tạo ở bước 2: cài đặt WP

Giao diện CMS

Thanh tác vụ
Account

Thanh Menu

Hầu hết các


thao tác cài
đặt/quản trị
website đều
được thực hiện
tại các thẻ của
thanh menu
24
Tương tác với hệ quản trị nội dung (CMS) wordpress
Quản lý bài viết: chỉnh sửa, chỉnh sửa
nhanh, xem trước,…
Tại sao lại chia làm 2
phần riêng biệt?
Chuyên mục chứa bài viết

Sự khác biệt giữa bài


Quản lý (thêm, xóa, sửa,…)
viết và trang là gì?
hình ảnh, video….
Viết nội dung sửa lỗi: about,
contact, homepage

Quản lý bình luận của khách hàng

25
Tương tác với hệ quản trị nội dung (CMS) wordpress

Mở rộng tiện ích thiết kế sẵn và miễn phí đến 90%

Quản lý thành viên: tác giả, biên tập viên, quản


trị viên, quản lý cửa hàng (web thương mại)…

Quản lý tổng thể về website

26
Tương tác với hệ quản trị nội dung (CMS) wordpress
Tương tác với thẻ Setting

27
Tương tác với hệ quản trị nội dung (CMS) wordpress
Tương tác với thẻ Setting

Ghi nhớ quan trọng

28
Tương tác với hệ quản trị nội dung (CMS) wordpress
Tương tác với thẻ Appearance Cài đặt và tùy chỉnh Theme cho trang web
Sử dụng các Theme miễn phí và có sẵn

Appearance/themes

Hiển thị các chủ đề miễn


phí → chọn xem trước,
thông tin chủ đề, xóa,
kích hoạt…

29
Tương tác với hệ quản trị nội dung (CMS) wordpress
Tương tác với thẻ Appearance

Thêm Themes mới


Tại của sổ Theme, chọn thêm mới Chọn tệp → Cài đặt

30
Tương tác với hệ quản trị nội dung (CMS) wordpress
Tương tác với thẻ Appearance

Tùy chỉnh
chủ đề của
trang web
theo nhu
cầu của
người dùng

31
Tương tác với hệ quản trị nội dung (CMS) wordpress
Tương tác với Thẻ Plugin

Cửa sổ plugin sẽ
hiển thị plugin
mặc định → xóa
nếu không sử
dụng

32
Tương tác với hệ quản trị nội dung (CMS) wordpress
Tương tác với thẻ Plugin

Tìm kiếm trong thư


viện plugin → cài đặt

Cài đặt
Plugin
Thêm mới →
upload file →cài
đặt

33
Tương tác với hệ quản trị nội dung (CMS) wordpress
Tương tác với thẻ Plugin

Danh sách các plugin phổ biến và hữu ích


1. Classic-editor (TinyMCE): Classic Editor là một plugin chính thức được duy trì bởi
nhóm WordPress giúp khôi phục trình chỉnh sửa WordPress (“cổ điển”) trước đó và
màn hình “Chỉnh sửa bài đăng”.
2. Contact-form: tạo và quản lý form liên hệ với khách hàng
3. Table of contents: tự động tạo chỉ mục hoặc mục lục cụ thể theo ngữ cảnh (TOC)
cho các trang dài và loại bài đăng tùy chỉnh
4. Tinymce-advanced: Trình soạn thảo văn bản nâng cao
5. WP-SEO-premium: phân tích nội dung onpage, sitemap website…. không miễn phí →
not free
6. WP -Procket: tạo cache giúp giảm thời gian và các nguyên liệu cần thiết để load
website→ not free
7. WP-schema-pro: tạo cache giúp giảm thời gian và các nguyên liệu cần thiết để load
website → not free
34
Tương tác với hệ quản trị nội dung (CMS) wordpress
Tạo Trang và Chuyên mục
Tại thanh menu, chọn thẻ Trang → sửa trang đã có hoặc thêm mới → điền tiêu đề, mô tả…

35
Tương tác với hệ quản trị nội dung (CMS) wordpress
Tạo Trang và Chuyên mục

36
Tương tác với hệ quản trị nội dung (CMS) wordpress
Tạọ Trang và Chuyên mục
Điền thông tin: tiêu đề, slug, thư mục gốc, mô
Posts→categories
tả → thêm danh mục

37
Tương tác với hệ quản trị nội dung (CMS) wordpress
Tạo thanh Menu cho Website

38
Tương tác với hệ quản trị nội dung (CMS) wordpress
Tạo thanh Menu cho Website
Điền tên menu, chọn vị trí hiển
Theme→Menu
thị → Lưu

39
Tương tác với hệ quản trị nội dung (CMS) wordpress
Tạo thanh Menu cho Website

Thêm trang, chuyên mục, bài viết muốn hiển thị trên thanh menu của website

40
Tích hợp các công cụ hỗ trợ cho SEO

Google Google
Analytics Trend

Google
Công
Ahreft Search
cụ
Console

SEOQuake Xenu

41
Thực hành

Bài thực hành 1: Tạo Bài thực hành 2: Tích hợp các
website bằng Wordpress phù công cụ hỗ trợ cho SEO
hợp với thương hiệu/tổ chức 1. Giới thiệu các công cụ SEO phổ biến
của nhóm
- Công cụ miễn phí: SEOquake, Xenu, Web
Yêu cầu: Developer, Free Monitor for Google,
- Xác định và gửi tên miền phù hợp với Google Search Console, Google Analytics,
thương hiệu. Sau đó, đăng nhập CPanel Google Trend...
với tên miền phụ được phép.
- Công cụ trả phí: Ahreft,...
-Định hình cấu trúc Website và vẽ trên
giấy A0/file word Yêu cầu: Nhóm chuẩn bị slide và thuyết
trình trước lớp.
-Xây dựng website bằng Wordpress
2. Cài đặt các công cụ SEO.
-Tương tác với CMS để thiết lập cơ bản
cho website
-Hoàn thiện trang web
42

You might also like