bật mí về website tmdt

MODERN
03. WEBSITE THƯƠNG MẠI ĐIỆN TỬ
DOM 107 - SEO VÀ MARKETING TRÊN CÔNG CỤ TÌM KIẾM

Bước 1: Đăng ký tên miền/domain & hosting
Bước 2: Kết nối domain, shared hosting
Bước 3: Cài đặt WordPress và cấu hình
Bước 4: Cài đặt Theme cho website
Bước 5: Lên Layout & sitemap.
Bước 6: Cài đặt và setup Plugin
Bước 7: Chỉnh sửa giao diện web
Bước 8: Tiện ích internet, GA, GSC & Tối ưu SEO web
Các bước xây dựng website cơ bản

DOMAIN
1. Nên lựa chọn tên miền đuôi:
.com và .vn (ưu tiên nhất)
.net, com.vn, edu, info
2. Loại tên miền:
Theo thương hiệu (nhathuoclongchau.vn)
Theo sản phẩm (meogiamcan.com)
3. Các tiêu chí
Ngắn gọn, dễ hiểu
Không nên chứa số, không gây hiểu lầm.
Chứa tên thương hiệu
Theo từ khóa (loại sản phẩm hoặc ngành nghề).

Lưu ý:
Mua tên miền và Hosting cùng 1 nhà cung cấp để auto trỏ tên miền về hosting
Web TMĐT tầm từ 3gb trở lên
HOSTING

THEME
Nên sử dụng những theme dễ dàng tùy biến theo nhu cầu cá nhân (theme Flatsome, Astra hay tự
làm qua elementor.)
Chọn những nơi cung cấp theme uy tín như trên trang chủ của Wordpress hay themeforest.net.
(theme thiết kế sẵn có thể dính lỗi footer link, ảnh hưởng xấu đến website.)
Thiết lập cơ bản: ngôn ngữ, thời gian, ngăn công cụ tìm kiếm khi đang thiết kế web, đường dẫn
tĩnh

Cài đặt – Đọc – Tùy chọn hiển thị - Ngăn công cụ tìm kiếm lập chỉ mục
INDEX

PLUGIN
Chỉ cài đặt các plugin thực sự cần thiết
cho website.
Chỉ nên tải plugin trên trang chủ của
Wordpress, nếu sử dụng các plugin bên
ngoài cần kiểm tra kĩ trước khi sử dụng.
Không nên sử dụng các plugin free trên
internet (plugin này có thể chứa nhiều
mã độc), ảnh hưởng đến website.
Checklist Plugin nên cài đặt cho
Website

PLUGIN
Google Map - chèn code vào footer /
Plugin
Facebook - chèn code vào footer / Plugin
Chatbox FB messenger & Zalo - Plugin
Liên kết MXH: FB, Zalo, Ins, Youtube -
Plugin
Chia sẻ về MXH: FB, Zalo, Ins, Youtube
- Plugin
Tiện ích thanh toán: momo, zalo pay,
vnpay - plugin

Cách 1: Sử dụng theme Flatsome
Cách 2: Cài đặt plugin elementor
Lời khuyên: Cài plugin WooCommerce
Gợi ý thêm:

Cài plugin Button contact VR
Googe maps
Lời khuyên:

Lời khuyên:
Cài plugin Tích hợp phương thức thanh toán

TỐI ƯU UI/UX
Tối ưu UI
Website được thiết kế với giao
diện đơn giản, có bố cục rõ ràng
từng mục giúp khách hàng dễ
tìm kiếm sản phẩm và thao tác
trên website.
Mỗi sản phẩm được bán đều có
thông tin chi tiết về sản phẩm và
giá cả minh bạch.
Sử dụng khoảng cách giữa các
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

TỐI ƯU UI/UX
Tối ưu UX (User Experience)
Sử dụng các khoảng trắng (white space)
Khoảng trắng chủ động: khoảng trống
không gian được cố tình tạo ra trong mô
hình thiết kế nhằm làm rộng mở website
và nhấn mạnh một yếu tố nào đó.
Khoảng trắng bị động: Khoảng trống xung
quanh giữa các dòng, chữ do quá trình dàn
trang không thể hiện ý đồ thiết kế.

TỐI ƯU UI/UX
Tối ưu tốc độ tải trang
Nghiên cứu cho thấy thời gian load page
quá 5s có thể tăng Tỉ lệ thoát hơn 20%
Hãy dùng thử PageSpeed Insights của
Google, công cụ miễn phí kiểm tra tốc
độ load của trang và đề xuất cách khắc
phục cho từng vấn đề trên cả 2 giao
diện: điện thoại di động và desktop.

TỐI ƯU UI/UX
Tối ưu tốc độ tải trang
Gợi ý tối ưu hình ảnh trước khi upload lên website
Kích thước ảnh feature image của blog: 1200 x 628px
Kích thước banner/slider landing page: 1360 x 540px
Kích thước hình minh họa trên blog article: 700 x
400px
Kích thước ảnh trong sản phẩm trên trang danh mục
(thương mại điện tử): 300 x 300 hoặc 300 x 400px
Bước 1: Thay đổi kích thước hình ảnh phù hợp với giao
diện của website
Đừng bao giờ đặt một hình nền desktop có size 1920 x
1080px chỉ để làm thumbnail ava đại diện.
Có thể sử dụng Canva
Bước 2: Giảm dung lượng hình
ảnh
Gợi ý: Có rất nhiều công cụ hỗ trợ
nén ảnh ngay lập tức trên thị trường,
như Compressor.io chẳng hạn:
Bước 3: Upload lên website
Sau khi resize và nén ảnh xong, bạn
chỉ cần upload lên website là xong

TỐI ƯU UI/UX
Dùng CTA thu hút
Màu sắc của nút CTA
Tạo độ tương phản giữa màu nền và màu nút CTA
Màu sắc và ý nghĩa của từng màu sắc theo tâm lý học

TỐI ƯU UI/UX
Dùng CTA thu hút
Từ ngữ sử dụng
Mẹo viết CTA:
Càng ngắn càng tốt
In hoa, in đậm hoặc đổi màu
(không lạm dụng quá)
Đặt lợi ích người dùng làm
trọng tâm
Ngôn ngữ đơn giản, dễ hiểu

In đậm, đổi màu hoặc gạch chân cho nổi bật hyperlink
Tự động underline (gạch chân) cho dòng hyperlink
Khảo sát cho thấy rằng người dùng tự động xem các dòng chữ màu xanh
dương và được gạch chân là 1 link và có xu hướng click vào.
TỐI ƯU UI/UX
Tạo Hyperlink nổi bật

TỐI ƯU UI/UX
Tạo sự thống nhất giữa các trang
Một website cần có tính thống nhất giữa các trang về: kích cỡ tiêu đề, kiểu chữ, màu
sắc, loại nút CTA, khoảng cách giữa các phần, các chữ, pallet màu, ….
Khắc phục lỗi 404 (Không tìm thấy trang)
Thân thiện với thiết bị di động
https://www.google.com/webmasters/tools/mobile-friendly/

Rút ngắn bước mua hàng
Đăng nhập bằng MXH
Dễ dàng tìm kiếm trên website
Tích hợp bộ lọc, so sánh sản phẩm
Danh sách yêu thích Wishlist
Tích hợp nhiều phương thức thanh toán (MoMo, Zalopay, thẻ...)
TOC – Mục lục
Rút ngắn trường thông tin mua hàng
Các tiện ích Internet (zalo, messenger, map, theo dõi đơn hàng)
TỐI ƯU UI/UX

Hoàn thiện theme website, layout, đăng hình ảnh sản phẩm, banner slide...
Hoàn thành chương 3 (trừ phần khai báo GSC, GA, Sitemap)
Cài đặt SEO Quake & Screaming Frog
Tham khảo thêm tài liệu: ASM khóa trước, website khóa trước
1.
2.
3.
4.
(Hoàn thiện trước buổi học sau)
BÀI TẬP NHÓM

bật mí về website tmdt

More Related Content

Similar to bật mí về website tmdt

Recently uploaded

bật mí về website tmdt