TGWV Academy — Giáo trình Content Marketing, SEO & Thiết kế Website

01. Bắt đầu & nguyên tắc an toàn

Đọc trước khi nhân viên chỉnh sửa website thật.

Flatsome là gì?

Flatsome là hệ sinh thái giao diện/trình dựng trang cho WordPress, thường dùng cùng WooCommerce để quản lý cửa hàng. Tài liệu này ưu tiên Flatsome Classic (UX Builder) vì phổ biến trên các website đang vận hành, đồng thời nêu sự khác biệt với dòng Flatsome mới dùng Flatsome Builder.

5 quy tắc bắt buộc

• Chỉ sửa nội dung nằm trong phạm vi công việc; không thay theme, plugin, CSS hoặc cấu trúc toàn site khi chưa được duyệt.
• Với trang quan trọng: sao lưu, ghi lại URL và chụp ảnh hiện trạng trước khi sửa.
• Không nhập mật khẩu hoặc API key vào tài liệu, ảnh chụp hay tin nhắn nhóm.
• Luôn kiểm tra máy tính – máy tính bảng – điện thoại trước và sau lưu.
• Không sửa trực tiếp file PHP/theme trên hosting; chuyển cho người phụ trách kỹ thuật.

02. Xác định phiên bản và giao diện quản trị

Tìm đúng nút sửa để không áp dụng nhầm hướng dẫn.

1. Đăng nhập đường dẫn https://tenmiencuaban/wp-admin/ bằng tài khoản được cấp.
2. Ở Giao diện → Giao diện (Appearance → Themes), xem tên theme đang kích hoạt.
3. Mở một Trang và tìm nút Edit with UX Builder / UX Builder (Classic), hoặc Edit with Flatsome Builder (dòng mới).
4. Nếu dùng Classic, thực hiện các bước UX Builder trong tài liệu; nếu dùng dòng mới, ưu tiên đường dẫn Flatsome → Dashboard và trình chỉnh sửa block như ghi chú bên dưới.

Tham khảo chính thức: Flatsome docs (mới) · Classic docs.

03. Đăng nhập, đổi mật khẩu và thao tác WordPress

Làm quen thanh quản trị, đường dẫn và trạng thái nội dung.

1. Nhập URL quản trị do bộ phận kỹ thuật cung cấp; kiểm tra HTTPS và tên miền chính xác.
2. Nhập tên đăng nhập, mật khẩu; hoàn thành xác thực 2 lớp nếu có.
3. Nhìn menu bên trái: Trang (Pages) là nội dung tĩnh, Bài viết (Posts) là tin/bài, Sản phẩm (Products) là hàng hóa.
4. Để đổi mật khẩu: Thành viên → Hồ sơ, thực hiện theo chính sách công ty.
5. Kết thúc ca làm, đăng xuất; không dùng chung tài khoản.

04. Làm quen UX Builder (Classic)

Phân biệt vùng cây nội dung, khung xem trước và công cụ lưu.

1. Vào Trang → Tất cả trang, di chuột lên trang cần sửa và chọn Edit with UX Builder (hoặc mở trang rồi nhấn UX Builder).
2. Ở vùng xem trước, bấm đúng chữ, ảnh hoặc khối cần sửa.
3. Quan sát cây khối/cột thiết lập bên trái; tìm Section → Row → Column → Element.
4. Sửa trường nội dung hoặc thuộc tính, rồi kiểm tra kết quả trong phần xem trước.
5. Nhấn Update/Publish theo trạng thái trang để lưu, sau đó mở URL ngoài trang quản trị kiểm tra.

05. Section, Row, Column và các Element

Hiểu bố cục để thêm/sắp xếp nội dung không phá thiết kế.

Section là vùng lớn, thường có nền và khoảng cách; Row chứa hệ lưới; Column là cột; Element là văn bản, hình ảnh, nút, video, sản phẩm...

1. Chọn vị trí muốn thêm nội dung; nhấn dấu + ở đúng Section/Row/Column.
2. Tìm Element bằng từ khóa: Text, Image, Button, Banner, Slider, Products.
3. Chèn thử một Element, sửa thuộc tính, kiểm tra khoảng cách.
4. Để di chuyển: dùng tính năng kéo thả/công cụ sắp xếp trong UX Builder; không kéo ngẫu nhiên giữa các cột.
5. Để xóa: chọn đúng Element rồi kiểm tra vùng chọn trước khi nhấn Delete; hoàn tác ngay nếu sai.

06. Sửa chữ, tiêu đề, đoạn văn và nút bấm

Phần việc gặp nhiều nhất trong vận hành website.

1. Vào đúng trang trong UX Builder, nhấp vùng tiêu đề hoặc chữ cần đổi.
2. Chọn Element Text / Title / Text Box tùy thiết kế; nhập nội dung mới, kiểm tra dấu tiếng Việt và xuống dòng.
3. Giữ thứ tự tiêu đề hợp lý: H1 cho tiêu đề chính, H2 cho mục, H3 cho mục con (nếu đang có cấu trúc này).
4. Với nút Button: sửa nhãn và ô Link; dùng URL đầy đủ cho website ngoài, URL nội bộ chính xác cho trang trong.
5. Kiểm tra trên di động: chữ không tràn, nút đủ lớn, tương phản rõ; nhấn Update.

07. Thư viện Media, ảnh sản phẩm và tối ưu hình ảnh

Upload đúng tỷ lệ, tránh ảnh vỡ hoặc quá nặng.

1. Chuẩn bị ảnh đã duyệt: tên tệp không dấu, rõ nghĩa, ví dụ banner-dich-vu-seo.webp.
2. Vào Media → Add New (Thư viện → Thêm mới), tải ảnh lên.
3. Nhập Alternative Text (Alt) mô tả đúng nội dung ảnh, không nhồi từ khóa; điền chú thích khi hữu ích.
4. Trong UX Builder chọn Element Image/Banner → chọn Media Library → ảnh mới.
5. Kiểm tra crop, tỷ lệ, chữ trên ảnh và độ nét ở cả desktop/mobile.

08. Banner, slider, background và popup

Thay nội dung chiến dịch mà không làm hỏng phần hiển thị.

1. Mở trang chủ bằng UX Builder, chọn đúng Banner hoặc Slider trong cây nội dung.
2. Với Banner: sửa ảnh nền, tiêu đề, nút CTA; kiểm tra lớp phủ (overlay) và vị trí chữ.
3. Với Slider: xác định từng slide; sửa hoặc clone slide, tránh xóa cả slider.
4. Nếu slider có tự chạy, kiểm tra thời gian và hành vi trên mobile; tránh dùng quá nhiều ảnh nặng.
5. Xem desktop/tablet/mobile, nhấn Update, kiểm tra ngoài frontend.

09. Tạo, sao chép và chỉnh sửa Trang

Áp dụng cho Giới thiệu, Dịch vụ, Liên hệ, Chính sách...

1. Vào Trang → Thêm trang mới. Nhập tiêu đề và kiểm tra đường dẫn tĩnh (slug).
2. Chọn cách biên tập phù hợp hệ thống; với Classic dùng UX Builder khi trang đã được thiết kế bằng UX Builder.
3. Nếu tạo trang theo mẫu, sao chép trang chuẩn bằng tính năng nhân bản được cài sẵn (nếu có); thay toàn bộ dữ liệu mẫu.
4. Cài ảnh đại diện, cha/con của trang hoặc mẫu trang nếu website sử dụng.
5. Lưu nháp → gửi duyệt nội dung/SEO → xuất bản → đưa vào menu nếu cần.

10. Bài viết Blog/Tin tức, danh mục và thẻ

Quy trình từ bản nháp tới bài đăng được kiểm tra SEO.

1. Vào Bài viết → Viết bài mới, nhập tiêu đề, nội dung, ảnh đại diện.
2. Chọn Chuyên mục (Categories) chính xác; hạn chế tạo chuyên mục trùng hoặc gần nghĩa.
3. Viết mở bài trực tiếp, chia H2/H3; chèn ảnh có Alt và internal link phù hợp.
4. Xem trước bài viết để kiểm tra đoạn văn, mục lục và liên kết.
5. Điền dữ liệu SEO qua plugin đang dùng (Yoast/Rank Math/khác nếu có); nhấn Lưu nháp hoặc Đăng.

11. Menu desktop, menu mobile và mega menu

Bảo đảm người dùng luôn tìm được trang cần xem.

1. Với Classic, vào Giao diện → Menu (nếu có) để kiểm tra menu được gán cho vị trí chính.
2. Chọn đúng menu, thêm Trang/Chuyên mục/Custom Link, kéo thả để tạo menu cấp 2.
3. Lưu menu và mở website ngoài để kiểm tra tất cả liên kết.
4. Kiểm tra menu điện thoại (hamburger/off-canvas): mục con, độ dài nhãn, CTA.
5. Nếu là Mega Menu qua UX Block, tìm đúng Block tương ứng trước khi sửa nội dung.

12. Header, logo, top bar, sticky header

Những thay đổi thường ảnh hưởng toàn website.

1. Classic: vào Giao diện → Tùy biến → Header hoặc Flatsome → Theme Options tùy phiên bản/cấu hình.
2. Chọn Header Main/Top Bar/Bottom Bar; xác định vị trí logo, search, menu, giỏ hàng.
3. Thay logo bằng ảnh đúng quy cách, không chỉnh kích thước quá lớn.
4. Kiểm tra Sticky Header và mobile; không làm che nội dung hoặc nút chức năng.
5. Nhấn Publish trong Customizer khi đã kiểm tra.

13. Footer, thông tin liên hệ, widget và UX Blocks

Chỉnh đúng nguồn dữ liệu để các trang cập nhật đồng bộ.

1. Cuộn cuối trang, xác định từng cột: giới thiệu, chính sách, liên hệ, mạng xã hội, bản quyền.
2. Classic: tìm cấu hình trong Theme Options → Footer, Appearance → Widgets hoặc UX Blocks tùy thiết kế.
3. Nếu footer gắn UX Block, vào UX Blocks tìm đúng block theo tên, chỉnh bằng UX Builder.
4. Cập nhật số điện thoại, địa chỉ, giờ làm việc và URL mạng xã hội; kiểm tra trên mobile.
5. Lưu và mở ít nhất 2 trang khác nhau để xác nhận footer chung đã cập nhật.

14. Màu sắc, font chữ, khoảng cách và responsive

Đảm bảo nhất quán nhận diện thương hiệu.

1. Classic: truy cập Giao diện → Tùy biến hoặc Flatsome → Theme Options.
2. Kiểm tra nhóm Style / Colors / Typography (tên có thể khác).
3. Thử thay đổi nhỏ trên trang staging; lưu lại mã màu và font gốc.
4. Chọn chế độ Desktop, Tablet, Mobile trong trình dựng trang; kiểm tra chiều rộng cột, khoảng cách, độ lớn chữ.
5. Không tự ý chèn CSS nếu chưa có người duyệt kỹ thuật.

15. WooCommerce: Tổng quan cửa hàng

Xác định menu quản lý bán hàng và quyền chỉnh sửa.

Chương 15–19 áp dụng khi website đã cài và kích hoạt WooCommerce. Một số trường phụ thuộc plugin vận chuyển/thanh toán và cấu hình cửa hàng.

1. Vào WooCommerce → Home/Orders/Settings để xem tình trạng cửa hàng.
2. Vào Sản phẩm → Tất cả sản phẩm để kiểm tra danh sách, trạng thái và tồn kho.
3. Tài khoản Shop Manager chỉ được sửa đúng phân hệ phân quyền.
4. Khi nhận đơn, kiểm tra đơn thật và phương thức thanh toán trước khi đổi trạng thái.
5. Không thay đổi cấu hình cổng thanh toán, thuế hay email hệ thống khi chưa có phê duyệt.

16. Thêm sản phẩm đơn giản (Simple Product)

Quy trình chi tiết tạo sản phẩm bán hàng.

1. Vào Sản phẩm → Thêm mới; nhập tên sản phẩm rõ nghĩa.
2. Nhập mô tả dài, mô tả ngắn, chọn danh mục, ảnh đại diện và thư viện ảnh.
3. Trong Product data chọn Simple product; nhập Regular price và Sale price nếu có.
4. Mục Inventory: nhập SKU, bật quản lý tồn kho nếu cửa hàng sử dụng; nhập số lượng đúng số liệu.
5. Mục Shipping: trọng lượng/kích thước theo chính sách vận chuyển (nếu áp dụng).
6. Nhập Alt ảnh, kiểm tra URL, SEO, đăng thử bản nháp và xem trước trước khi Publish.

17. Sản phẩm biến thể (Variable Product)

Thiết lập kích thước, màu sắc, SKU và tồn kho từng biến thể.

1. Mở sản phẩm → Product data → Variable product.
2. Vào Attributes: tạo thuộc tính như Màu sắc hoặc Kích thước, thêm giá trị; đánh dấu dùng cho biến thể.
3. Vào Variations: tạo các tổ hợp cần bán (không cần sinh mọi tổ hợp nếu không kinh doanh).
4. Ở từng biến thể nhập giá, SKU, tồn kho, ảnh và trạng thái còn hàng.
5. Lưu thuộc tính/biến thể → Update sản phẩm → kiểm tra lựa chọn ở trang chi tiết và thao tác thêm vào giỏ.

18. Danh mục, thuộc tính, đánh giá và trang Shop

Quản lý cấu trúc cửa hàng và trải nghiệm danh sách.

1. Vào Sản phẩm → Danh mục để tạo/sửa tên, slug, cha/con, ảnh đại diện danh mục.
2. Vào Sản phẩm → Thuộc tính để quản lý bộ thuộc tính dùng lại.
3. Chỉnh thứ tự và hiển thị sản phẩm theo cấu hình WooCommerce/Flatsome nếu được phân quyền.
4. Kiểm tra trang danh mục, lọc sản phẩm, phân trang, nút mua, ảnh placeholder và mobile.
5. Nếu kiểm duyệt đánh giá, tuân thủ chính sách đánh giá trung thực; không tự tạo đánh giá giả.

19. Đơn hàng, coupon, thanh toán và vận chuyển

Tác nghiệp thương mại phải giữ nguyên tính chính xác dữ liệu.

1. Mở WooCommerce → Orders; tìm theo mã đơn/tên khách/ngày.
2. Đọc đủ sản phẩm, số lượng, phí vận chuyển, tổng thanh toán, ghi chú và trạng thái thanh toán.
3. Chỉ đổi trạng thái khi điều kiện nghiệp vụ đáp ứng (đã xác nhận tiền/đã giao theo quy trình công ty).
4. Với coupon: tạo mã và giới hạn ngày, số lượt, danh mục theo chương trình được duyệt.
5. Đối với thay đổi cổng thanh toán, thuế, phí vận chuyển: chuyển người phụ trách quản trị.

20. Form liên hệ, email và link liên hệ

Kiểm tra trọn luồng khách gửi → hệ thống nhận.

1. Xác định plugin form (Contact Form 7, WPForms, Fluent Forms, Forms của Flatsome mới...).
2. Truy cập menu plugin tương ứng, chọn đúng form đang gắn ở trang; sao chép cấu hình trước khi sửa.
3. Kiểm tra các trường bắt buộc: họ tên, số điện thoại/email, nội dung, đồng ý xử lý dữ liệu nếu cần.
4. Gửi một biểu mẫu thử bằng dữ liệu test; xác nhận email hoặc nơi lưu lead nhận được.
5. Kiểm tra chống spam, thông báo thành công và trải nghiệm trên mobile.

21. SEO, URL, sitemap, internal link và redirect

Chỉnh nội dung không phá lưu lượng tìm kiếm.

1. Trước khi sửa trang có traffic, ghi lại URL, tiêu đề SEO, H1 và các liên kết quan trọng.
2. Không đổi slug, cấu trúc category hoặc xóa trang đang index mà không có phương án chuyển hướng 301.
3. Đảm bảo mỗi URL phục vụ một ý định tìm kiếm; dùng liên kết nội bộ đúng trang đích.
4. Tối ưu title/meta qua plugin SEO được cài, thay ảnh/Alt phù hợp và kiểm tra canonical nếu có quyền.
5. Xem kết quả frontend, source meta cơ bản và lưu nhật ký thay đổi.

22. Cache, tối ưu tốc độ và lỗi không thấy cập nhật

Phân biệt lỗi lưu với lỗi cache.

1. Đầu tiên kiểm tra đã nhấn Update/Publish và trang không báo lỗi.
2. Tải lại bằng cửa sổ ẩn danh, thử trình duyệt/thiết bị khác.
3. Nếu có plugin cache/CDN, nhờ người có quyền xóa cache đúng trang hoặc cache liên quan.
4. Nếu ảnh cũ còn, kiểm tra URL ảnh trong Element và CDN; đừng upload lặp vô hạn.
5. Nếu layout lỗi chỉ trên điện thoại, kiểm tra thiết lập responsive và cache CSS.

23. Sao lưu, cập nhật theme/plugin và môi trường staging

Bảo vệ website trước thay đổi cấu hình hoặc giao diện.

1. Trước các thay đổi lớn, xác nhận có bản sao lưu database + wp-content + cấu hình và biết cách khôi phục.
2. Ưu tiên thử trên website staging, đối chiếu giao diện và các tính năng mua hàng/form.
3. Kiểm tra changelog, tương thích WordPress/PHP/WooCommerce và plugin liên quan.
4. Kỹ thuật thực hiện cập nhật theo lịch; kiểm tra sau cập nhật: trang chủ, menu, bài viết, sản phẩm, giỏ hàng, thanh toán.
5. Ghi rõ ai cập nhật, thời điểm, phiên bản cũ/mới và kết quả kiểm tra.

24. Xử lý sự cố thường gặp & cách báo kỹ thuật

Khắc phục bước đầu an toàn và chuyển tuyến đúng lúc.

Mẫu thông tin gửi bộ phận kỹ thuật

25. Quy trình chuẩn cho nhân viên: trước – trong – sau chỉnh sửa

Checklist áp dụng trong công việc hằng ngày.

26. Bài tập thực hành và tiêu chí nghiệm thu

Đào tạo nhân viên mới trước khi cấp quyền trên website thật.

Gợi ý đánh giá: mỗi bài 10 điểm, 80% trở lên mới đề xuất cấp quyền biên tập website production; các bài thay đổi toàn site cần phê duyệt riêng.

27. Từ điển thuật ngữ và tài liệu tham khảo

Đọc khi gặp từ tiếng Anh trong giao diện.

Nguồn đối chiếu

• Flatsome – tài liệu chính thức (dòng mới)
• UX Themes – tài liệu Flatsome Classic
• WooCommerce – quản lý sản phẩm
• WooCommerce – quản lý đơn hàng
• WordPress Documentation

28. Hướng dẫn tiếng Việt đối chiếu 5 bộ tài liệu chính thức

Phần này diễn giải, hệ thống hóa và hướng dẫn thực hành bằng tiếng Việt theo những chủ đề có trong tài liệu của nhà phát triển. Đây là nội dung đào tạo biên soạn độc lập, không phải bản dịch toàn văn của các trang nguồn. Chọn liên kết Đọc tài liệu gốc khi cần kiểm tra thay đổi theo phiên bản.

28.1. Flatsome mới – Site Builder / Block Editor

Đọc tài liệu gốc Flatsome mới

1. Chuẩn bị: đăng nhập WordPress; kiểm tra theme đang chạy và quyền chỉnh sửa. Không cài bản theme mới lên website Classic chỉ để thử giao diện.
2. Khởi tạo nội dung: vào mục Trang (Pages), tạo một trang nháp, nhập tiêu đề, thêm block/khối nội dung; xem trước rồi mới xuất bản.
3. Thiết lập trang chủ: xác định trang muốn làm trang chủ và trang bài viết; kiểm tra đường dẫn và cấu hình trang tĩnh trong phần cài đặt WordPress.
4. Thiết kế toàn website: dùng vùng thiết lập màu chữ, màu thương hiệu, phông chữ và khoảng cách để giữ phong cách đồng nhất. Không sửa từng trang bằng nhiều màu tùy ý.
5. Header & Footer: kiểm tra logo, menu chính, liên kết liên hệ, số điện thoại, icon giỏ hàng; kiểm tra bản mobile và desktop riêng.
6. Banner & Slider: thay ảnh, văn bản, nút CTA, đích liên kết; kiểm tra ảnh bị cắt trên điện thoại trước khi xuất bản.
7. WooCommerce: các vùng shop, sản phẩm, giỏ hàng và thanh toán có thể có block/template riêng; thử mua hàng trên môi trường kiểm thử nếu thay đổi bố cục bán hàng.
8. Chuyển từ Classic: chỉ thực hiện theo kế hoạch nâng cấp được phê duyệt; sao lưu và thử trên staging, đặc biệt với shortcode/UX Block.

Thuật ngữ: Site Builder = công cụ dựng giao diện toàn website; Block = khối nội dung; Pattern = mẫu nhóm khối dùng lại; Global Styles = kiểu hiển thị dùng chung; Template = mẫu hiển thị.

28.2. Flatsome Classic – UX Builder

Đọc tài liệu gốc UX Themes

1. Mở trang: WordPress → Trang → chọn trang cần sửa → Edit with UX Builder (nếu website có nút này).
2. Nhận diện bố cục: Section là vùng lớn; Row là hàng; Column là cột; Element là nội dung như Text, Image, Button, Banner.
3. Thay văn bản: chọn đúng Text/Heading → nhập nội dung → kiểm tra chữ dài có làm vỡ bố cục không.
4. Thay hình: mở thuộc tính Image/Banner → chọn Media Library → tải ảnh đúng kích thước; không dùng ảnh mờ hoặc nặng bất thường.
5. Thay nút: kiểm tra text trên nút và URL; nếu dẫn ra ngoài website nên kiểm tra uy tín của trang đích.
6. Thêm vùng: chỉ thêm Section/Row/Column khi nắm được bố cục; hạn chế sao chép các block có ID trùng lặp hoặc nội dung ẩn.
7. UX Blocks: xác định block dùng chung trước khi sửa, vì chỉnh một block có thể làm thay đổi nhiều trang.
8. Mobile: mở chế độ màn hình hẹp, kiểm tra cỡ chữ, khoảng cách và độ cao banner; không mặc định hình trên desktop sẽ đẹp trên mobile.
9. Lưu và kiểm tra: nhấn Apply/Update theo giao diện được cung cấp → xem trang thực tế ở tab ẩn danh → kiểm tra link và ảnh.

Lỗi thường gặp: sửa sai trang nháp, thay ảnh nhưng cache chưa xóa, banner có chữ bị cắt, sửa UX Block khiến nhiều nơi đổi, hoặc quên bấm Update. Nếu không chắc nguồn nội dung, không tự xóa một Section.

28.3. WooCommerce – thêm và quản lý sản phẩm

Đọc tài liệu gốc WooCommerce Products

Quy trình nhập một sản phẩm: vào Sản phẩm → Thêm mới; nhập tên rõ ràng; viết mô tả ngắn và dài; chọn danh mục; chọn đúng loại sản phẩm; điền giá thường/giá khuyến mãi (nếu có); nhập SKU, quản lý tồn kho khi được phân quyền; thêm ảnh đại diện và thư viện ảnh; kiểm tra thuộc tính/biến thể; xem trước; xuất bản. Sau đó mở trang chi tiết sản phẩm ở chế độ ẩn danh để kiểm tra hiển thị.

Ví dụ với áo thun ba màu, ba size: dùng Variable product, tạo thuộc tính Màu và Kích thước, đánh dấu dùng cho biến thể, tạo các tổ hợp cần bán, đặt giá và tình trạng tồn kho cho từng tổ hợp. Không nhập một giá duy nhất rồi bỏ trống giá biến thể nếu hệ thống yêu cầu giá của từng biến thể.

Quy tắc dữ liệu: danh mục giúp khách tìm hàng; tag chỉ dùng nếu thực sự cần; SKU phải nhất quán; ảnh cần đúng sản phẩm; không tự bật quản lý tồn kho nếu chưa hiểu quy trình kho thực tế; kiểm tra trạng thái thuế và giao hàng theo chính sách cửa hàng.

28.4. WooCommerce – quản lý đơn hàng

Đọc tài liệu gốc WooCommerce Orders

1. Vào WooCommerce → Orders/Đơn hàng (hoặc đường dẫn quản lý đơn tùy phiên bản).
2. Lọc đơn theo thời gian/trạng thái; mở đơn để đối chiếu tên, điện thoại, địa chỉ, mặt hàng, tổng tiền, phí vận chuyển và ghi chú.
3. Đối soát thanh toán theo bằng chứng hoặc trạng thái cổng thanh toán; không tự suy đoán đã nhận tiền.
4. Cập nhật trạng thái phù hợp quy trình bán hàng; phân biệt ghi chú nội bộ với ghi chú gửi khách hàng.
5. Chỉ sửa hàng, phí, hoàn tiền hoặc thông tin cá nhân nếu được ủy quyền; ghi lại lý do thay đổi.
6. Khi có lỗi, lưu mã đơn, thời gian, trạng thái, ảnh màn hình (che dữ liệu nhạy cảm) và gửi người quản trị.

Kiểm thử: thao tác thử đơn hàng trên staging/sandbox. Không tự tạo đơn thử có thanh toán thật trên website đang bán hàng.

28.5. WordPress – quản trị nội dung và bảo mật

Đọc tài liệu gốc WordPress

1. Dashboard/Bảng tin: nơi hiển thị thông báo và các lối tắt quản trị. Cảnh báo cập nhật không đồng nghĩa được phép cập nhật ngay.
2. Pages/Trang: dùng cho các trang thường xuyên tồn tại như Giới thiệu, Liên hệ, Dịch vụ.
3. Posts/Bài viết: dùng cho tin tức, kiến thức, blog. Mỗi bài cần tiêu đề, nội dung, chuyên mục, ảnh đại diện và xem trước.
4. Media/Thư viện: lưu hình ảnh, tệp; đặt tên rõ ràng, dùng định dạng phù hợp, khai báo alt text mô tả ảnh khi cần.
5. Appearance/Giao diện: nơi có menu, widget, tùy biến tùy loại theme; chỉ người được giao quản lý giao diện mới thay đổi.
6. Users/Thành viên: mỗi nhân viên dùng tài khoản riêng, cấp quyền tối thiểu, bật xác thực nhiều lớp nếu website hỗ trợ.
7. Plugins/Plugin: không tự cài hoặc gỡ plugin trên site thật vì có thể gây lỗi giao diện, SEO, thanh toán hoặc bảo mật.
8. Updates/Cập nhật: sao lưu trước, thử trên staging, ghi lại phiên bản và kiểm tra các luồng quan trọng sau cập nhật.

28.6. Bảng thuật ngữ Anh – Việt nhanh

28.7. Bài thực hành tổng hợp

1. Tạo một trang nháp, thêm một vùng nội dung gồm tiêu đề, ảnh và nút liên hệ; gửi link xem trước để người phụ trách duyệt.
2. Tạo một bài viết nháp có chuyên mục, ảnh đại diện, H2 và liên kết nội bộ.
3. Trên môi trường thử nghiệm, tạo một sản phẩm đơn giản và một sản phẩm có hai biến thể, rồi kiểm tra giá và tồn kho.
4. Kiểm tra một đơn hàng thử, ghi lại ý nghĩa trạng thái và quy trình bàn giao.
5. Kiểm tra toàn bộ trên màn hình desktop và mobile; báo cáo ảnh trước/sau và đường dẫn các nội dung đã chỉnh.

5 nguồn đối chiếu: Flatsome mới · Flatsome Classic · WooCommerce sản phẩm · WooCommerce đơn hàng · WordPress. Các trang nguồn có thể thay đổi theo thời gian.

29. Lộ trình đào tạo 5 buổi & phân cấp nhân viên

Học đúng nội dung theo vai trò, có đầu ra và người duyệt.

Phân công theo năng lực

• Cấp 1 — Biên tập: viết bài, cập nhật ảnh, sản phẩm nháp; không sửa cấu trúc toàn site.
• Cấp 2 — Quản trị nội dung: quản lý trang, menu, banner sau khi được duyệt; có thể quản lý đơn hàng nếu được giao.
• Cấp 3 — Kỹ thuật/Admin: cấu hình plugin, thanh toán, phân quyền, theme, backup, cập nhật và khôi phục.

30. Phân quyền WordPress và WooCommerce

Biết rõ phạm vi quyền trước khi giao tài khoản.

1. Vào Users → All Users, kiểm tra có tài khoản riêng cho từng nhân viên.
2. Tạo tài khoản ở Users → Add New bằng email công việc; giao đúng role.
3. Yêu cầu mật khẩu mạnh, đăng xuất ở máy dùng chung và bật 2FA nếu hệ thống hỗ trợ.
4. Khi nhân viên nghỉ việc: thu hồi quyền, chuyển chủ sở hữu nội dung nếu cần, kiểm tra API keys và các phiên đăng nhập.

Không được: tự cài plugin từ nguồn lạ, chia sẻ mật khẩu qua nhóm chat, cấp Admin để giải quyết lỗi biên tập đơn giản.

31. Quy trình biên tập và duyệt xuất bản

Quy chuẩn nội dung từ tiếp nhận yêu cầu đến kiểm tra sau đăng.

1. Nhận yêu cầu có URL, đầu mục cần sửa, nội dung được duyệt, deadline và người yêu cầu.
2. Ghi nhận phiên bản ban đầu bằng ảnh chụp, lưu tiêu đề, URL và thông tin sản phẩm trước chỉnh sửa.
3. Soạn nội dung ở trạng thái Draft hoặc trên staging. Không copy trực tiếp Word làm hỏng định dạng.
4. Kiểm tra chính tả, hình ảnh, đường dẫn, giá, CTA, tên khách hàng và các tuyên bố quảng cáo.
5. Xem trước desktop/tablet/mobile; xin duyệt nếu thay đổi liên quan thương hiệu, giá bán hoặc trang dùng chung.
6. Publish/Update; mở tab ẩn danh và kiểm tra nội dung đã hiển thị đúng trên giao diện công khai.
7. Ghi log: URL, thời gian, người thực hiện, nội dung, người duyệt, kết quả kiểm tra và phương án hoàn tác.

Phiếu yêu cầu thay đổi mẫu

32. SEO nội dung và kỹ thuật dành cho biên tập viên

Thực hành đúng một trang cho một mục đích tìm kiếm; tránh chỉnh sửa SEO bừa bãi.

Checklist SEO khi xuất bản

• Từ khóa chính phù hợp mục đích tìm kiếm và chưa trùng mục đích với URL khác.
• Title và mô tả SEO phản ánh đúng nội dung; không nhồi từ khóa.
• Một H1 rõ ràng; H2/H3 theo cấu trúc, không dùng heading chỉ để làm chữ to.
• URL ngắn, ổn định; nếu đổi URL đang hoạt động phải có kế hoạch redirect 301.
• Ảnh có tên hợp lý và alt mô tả ý nghĩa ảnh; không nhồi từ khóa vô nghĩa.
• Internal link có anchor mô tả đúng đích; liên kết ngoài được kiểm tra.
• Trang quan trọng không bị noindex ngoài ý muốn, không canonical sang URL sai.
• Không tự chặn robots.txt hay đổi sitemap, permalink khi chưa có duyệt.

Phân trang: trang 2, 3 của danh mục có thể có URL riêng và khả năng thu thập riêng; không tự canonical tất cả về trang 1. Quyết định index/noindex cần theo chiến lược website và kiểm tra thực tế.

33. Quy trình vận hành cửa hàng và đơn hàng thực tế

Tách dữ liệu sản phẩm, thanh toán, giao hàng và tình trạng hoàn tiền.

Đối soát hằng ngày

1. Lọc đơn theo ngày và trạng thái; kiểm tra đơn bất thường.
2. Đối chiếu thanh toán trong WooCommerce với ngân hàng/cổng thanh toán theo quyền cho phép.
3. Kiểm tra đơn đã giao nhưng chưa hoàn tất, đơn hoàn tiền, đơn trùng.
4. Chỉ xuất dữ liệu khách hàng cho người có quyền và lưu theo chính sách bảo mật.

34. Checklist QA 35 điểm trước khi bàn giao

Biểu mẫu nghiệm thu giao diện, nội dung, thương mại điện tử và khả năng truy cập.

Cách nghiệm thu: ghi PASS/FAIL/N/A cho từng mục, đính kèm URL và ảnh chụp; mọi lỗi blocker (giá sai, thanh toán hỏng, mất nội dung, menu hỏng) phải được xử lý trước khi duyệt.

35. Sổ tay chẩn đoán lỗi theo triệu chứng

Xử lý có thứ tự, ưu tiên an toàn và khả năng khôi phục.

Thông tin lỗi bắt buộc: URL, thời điểm có múi giờ, bước tái hiện, kết quả mong muốn/thực tế, ảnh lỗi (che thông tin cá nhân), tài khoản vai trò, trình duyệt, thay đổi gần nhất.

36. Khả năng truy cập, bảo mật nội dung và hiệu suất

Các tiêu chuẩn chất lượng cần áp dụng ngay khi biên tập.

Khả năng tiếp cận

• Dùng tiêu đề theo thứ bậc H1 → H2 → H3; liên kết có nội dung đủ nghĩa, tránh “bấm vào đây”.
• Độ tương phản chữ/nền tốt; không nhúng thông tin quan trọng chỉ trong hình ảnh.
• Ảnh trang trí có alt rỗng nếu thích hợp; ảnh có thông tin cần alt mô tả chức năng/nội dung.
• Kiểm tra sử dụng bằng bàn phím Tab/Enter; menu, biểu mẫu và popup có thể đóng và thao tác được.
• Video nên có phụ đề khi phù hợp; không tự chạy âm thanh gây khó chịu.

Hiệu suất và bảo mật

• Chọn ảnh kích thước hợp lý, ưu tiên WebP/AVIF nếu hosting và trình duyệt hỗ trợ; không tải hình 5MB chỉ để hiển thị thumbnail.
• Không nhúng script tùy ý, iframe từ nguồn không tin cậy hoặc form thu thập thông tin cá nhân không được phép.
• Không đưa mật khẩu, API key, số thẻ, thông tin đơn hàng/khách hàng thật vào ảnh hướng dẫn hoặc nội dung công khai.
• Không bật chế độ tắt plugin/caching toàn site chỉ để giải quyết vấn đề một trang.

37. Bài kiểm tra cuối khóa & đánh giá năng lực

Mẫu đánh giá khách quan trước khi giao quyền lên website thật.

Xếp loại: 90–100: có thể thao tác độc lập trong phạm vi quyền; 80–89: đạt, cần duyệt bước cuối; 65–79: thực hành bổ sung; dưới 65: học lại phần chưa đạt. Điều kiện bắt buộc: không mắc lỗi nghiêm trọng về xóa dữ liệu, phân quyền, giá bán và thanh toán.

Đề thi thực hành mẫu (60–90 phút)

1. Tạo một trang nháp gồm banner, 2 cột lợi ích, nút liên hệ và footer dùng chung.
2. Viết bài blog 400–600 từ, có 2 hình, tối thiểu 2 liên kết nội bộ và SEO meta phù hợp.
3. Tạo sản phẩm đơn giản và sản phẩm 2 biến thể, không công khai khi chưa duyệt.
4. Đưa ra cách xử lý tình huống: đã Update nhưng khách hàng vẫn thấy phiên bản cũ.
5. Nộp ảnh desktop/mobile, URL nháp, log công việc, checklist QA.

38. Flatsome Builder mới và quy tắc chuyển đổi từ Classic

Phân biệt công cụ đang dùng; tuyệt đối không tự chuyển đổi website đang hoạt động.

Quy trình chuyển đổi dành riêng cho kỹ thuật

1. Backup đầy đủ cả tệp và cơ sở dữ liệu, tạo staging.
2. Đối chiếu yêu cầu phiên bản WordPress/PHP/WooCommerce mới nhất trong tài liệu chính thức.
3. Dùng công cụ Migrator để Scan → Convert → Review → Apply trên staging.
4. Rà soát header/footer, trang quan trọng, checkout, UX Blocks, CSS/script tùy biến, menu mobile, index/SEO.
5. Chỉ đưa lên production sau khi được duyệt; giữ phương án rollback.

Tham khảo chính thức: From Flatsome Classic và Your first page (cần Internet khi mở link ngoài).

39. Cách sử dụng tài liệu hoàn toàn ngoại tuyến

File HTML tự chứa hình, CSS, JavaScript; liên kết nguồn ngoài chỉ dùng khi có mạng.

1. Tải file Flatsome_Training_Full_Offline_TGWV_Yoast_SEO.html về máy.
2. Nhấp đúp file và mở bằng Chrome, Safari, Edge hoặc Firefox; không yêu cầu hosting để đọc.
3. Ảnh minh họa mô phỏng, toàn bộ nội dung, tìm kiếm mục lục và chế độ in hoạt động không cần mạng.
4. Các đường dẫn ra tài liệu chính thức, trang web và video vẫn cần kết nối Internet nếu muốn truy cập.
5. Nếu cần gửi nhân viên, upload nguyên file lên hosting hoặc chia sẻ trực tiếp qua bộ nhớ nội bộ.

Phiên bản tài liệu: 3.0 Offline · Ngày biên soạn: 05/11/2026 · Đơn vị: CÔNG TY TNHH THẾ GIỚI WEB VIỆT.

40. Quy trình viết bài chuẩn SEO với Yoast

Từ nghiên cứu ý định tìm kiếm đến nghiệm thu bài viết.

1. Hiểu đúng vai trò của Yoast SEO

Yoast SEO hỗ trợ nhập cụm từ khóa trọng tâm, SEO title, meta description, xem bản xem trước kết quả tìm kiếm, phân tích SEO và khả năng đọc. Yoast không tự nghiên cứu từ khóa, không thay thế kiểm chứng thông tin và không bảo đảm bài lên top. Google có thể tạo lại tiêu đề và mô tả trong kết quả tìm kiếm.

2. Trình tự công việc từ brief đến xuất bản

1. Nhận brief: người đọc mục tiêu, chủ đề, sản phẩm/dịch vụ liên quan, URL dự kiến, người duyệt.
2. Nghiên cứu truy vấn: từ khóa chính, từ khóa phụ, câu hỏi, nhu cầu tìm kiếm và đối thủ nội dung; ghi rõ nguồn khi đưa số liệu.
3. Kiểm tra trùng ý định: tìm bài/trang hiện có trên website để tránh tạo hai URL cạnh tranh cùng truy vấn.
4. Lập dàn ý: tiêu đề, mở bài trả lời trực tiếp, H2/H3, ví dụ, ảnh, FAQ khi có ích.
5. Viết nội dung gốc: chính xác, có trải nghiệm hoặc minh chứng, không sao chép/nhồi từ khóa.
6. Nhập WordPress: danh mục, ảnh đại diện, ảnh minh họa, alt, liên kết nội bộ.
7. Tối ưu Yoast: focus keyphrase, slug, SEO title, meta description, đọc cảnh báo.
8. QA trước xuất bản: link, điện thoại, chính tả, thông tin liên hệ, SEO, khả năng truy cập.
9. Gửi duyệt → xuất bản → theo dõi: ghi URL và ngày; cập nhật theo dữ liệu Search Console, không đổi URL tùy tiện.

3. Phân loại ý định tìm kiếm

4. Mẫu brief bắt buộc trước khi viết

41. Hướng dẫn thao tác Yoast SEO trong WordPress

Từng trường, từng bước: keyphrase, SEO title, slug, meta description và đèn đánh giá.

1. Cách mở Yoast SEO khi viết bài

1. Truy cập WordPress Dashboard → Bài viết → Viết bài mới hoặc sửa bài cần tối ưu.
2. Nhập tiêu đề và nội dung trong Gutenberg / Classic Editor; nếu website dùng UX Builder, kiểm tra xem Yoast có phân tích đầy đủ phần nội dung từ builder hay không.
3. Trong Gutenberg, nhấp biểu tượng Yoast SEO ở thanh trên cùng để mở thanh bên; hoặc cuộn xuống hộp Yoast SEO dưới nội dung nếu phiên bản/trình soạn thảo hiển thị như vậy.
4. Chọn phần SEO, Readability hoặc Social nếu các mục này được bật và có quyền truy cập.

2. Giải thích từng trường quan trọng

3. Viết SEO title và meta description

Không có số ký tự cố định nào bảo đảm Google hiển thị đủ. Hãy theo dõi bản xem trước desktop/mobile, ưu tiên thông tin quan trọng ở đầu, và chấp nhận việc Google có thể viết lại snippet theo truy vấn.

4. Đèn đỏ, cam, xanh: xử lý thế nào?

• Đỏ (Problems): xem nguyên nhân; sửa các lỗi có ảnh hưởng thật như thiếu tiêu đề, thiếu liên kết, bố cục khó đọc.
• Cam (Improvements): cân nhắc tối ưu nếu không làm câu văn gượng ép.
• Xanh (Good results): phù hợp một số tiêu chí của plugin, không đồng nghĩa chất lượng cao hoặc lên top.
• Xám: có thể chưa nhập focus keyphrase hoặc tính năng phân tích chưa hoạt động.

5. Khi Yoast không đọc nội dung UX Builder

Kiểm tra nội dung thực tế ở frontend và mã HTML render. Một số builder/shortcode có thể khiến đánh giá plugin không phản ánh đầy đủ nội dung mà người đọc hoặc Google nhìn thấy. Không nhân đôi văn bản ẩn chỉ để Yoast báo xanh. Gửi kỹ thuật/SEO xác minh tích hợp builder nếu kết quả lệch rõ.

42. Tối ưu SEO On-page cho bài viết Flatsome

Cấu trúc bài, hình ảnh, internal link, QA, index/canonical và lỗi cần tránh.

1. Cấu trúc bài mẫu

2. Checklist kỹ thuật SEO On-page cho mỗi bài

• Xác định đúng intent, kiểm tra URL trùng chủ đề trong website.
• H1 duy nhất theo cấu trúc nội dung; tiêu đề SEO chính xác, riêng biệt.
• Mở bài trả lời sớm vấn đề; nội dung hữu ích, có ví dụ hoặc bằng chứng.
• H2/H3 theo hệ thống phân cấp, không nhảy heading vô lý chỉ để trang trí.
• Có mục tiêu từ khóa chính, nhưng dùng từ đồng nghĩa/từ khóa phụ tự nhiên.
• Kiểm tra tính đúng đắn của số liệu, giá, thông tin pháp lý và nguồn trích dẫn.
• Ảnh được tối ưu kích thước/dung lượng, có alt mô tả khi ảnh truyền tải thông tin.
• Liên kết nội bộ trỏ đến URL đúng với anchor có nghĩa; không cố định số lượng link.
• Liên kết ngoài cần thiết đến nguồn đáng tin cậy, không link spam/đứt.
• Slug ngắn và không đổi link cũ tùy tiện.
• Điền SEO title/meta description trong Yoast, kiểm tra bản preview.
• Kiểm tra robots index/canonical ở trang quan trọng; không tùy chỉnh khi thiếu quyền.
• Kiểm tra bản mobile, ảnh, bảng, nút bấm và form trước xuất bản.
• Có ngày cập nhật, người duyệt và kế hoạch kiểm tra hiệu quả.

3. Internal link đúng chuẩn

Ưu tiên liên kết đến bài hỗ trợ (cluster), bài tổng quan (pillar) hoặc trang dịch vụ khi phù hợp chủ đề. Anchor phải mô tả nội dung đích, ví dụ “quy trình sao lưu website WordPress”, thay vì “bấm vào đây”. Số lượng link dựa trên sự hữu ích, không có mức cố định cho mọi bài.

4. Ảnh, bảng và nội dung hiển thị trên Flatsome

1. Chọn ảnh thật, hình minh họa có quyền sử dụng hoặc tự sản xuất.
2. Đặt tên file hợp lý, dung lượng phù hợp; tránh tải ảnh quá lớn rồi thu nhỏ bằng CSS.
3. Điền Alternative Text mô tả đúng thông tin ảnh; ảnh trang trí có thể để alt rỗng.
4. Kiểm tra bằng frontend rằng ảnh/bảng không tràn màn hình mobile và alt không biến thành chuỗi nhồi từ khóa.
5. Trên UX Builder, kiểm tra thẻ heading của phần tử văn bản; không giả định mọi heading visual đều là H2/H3 đúng chuẩn.

5. Chọn index, noindex và canonical

6. Các lỗi thường gặp

43. Bài thực hành và kiểm tra cuối khóa Yoast SEO

Bài tập, thang điểm, phiếu bàn giao và bài kiểm tra kiến thức.

1. Bài thực hành 60–90 phút

Đề bài: Viết một bài hướng dẫn “Cách chăm sóc website WordPress cho doanh nghiệp nhỏ” trên bản nháp của site training. Không chỉnh sửa website khách hàng khi chưa có quyền.

1. Viết brief với 1 từ khóa chính, 3–5 từ khóa liên quan, intent và 2 URL nội bộ dự kiến.
2. Soạn H1, mở bài, tối thiểu 4 phần H2 và các H3 nếu thật sự cần; có ví dụ thực tế hoặc checklist.
3. Chèn ảnh có quyền sử dụng, tối ưu kích thước; đặt alt có nghĩa.
4. Nhập bài trong WordPress, đặt danh mục và ảnh đại diện.
5. Trong Yoast, điền focus keyphrase, SEO title, slug và meta description.
6. Chỉnh những gợi ý hữu ích của Yoast mà không làm văn bản gượng ép.
7. Chèn 2 internal link nếu có trang đích phù hợp và tồn tại; nếu chưa có, ghi chú cho người duyệt.
8. Xem trước desktop/mobile, tự rà checklist, lưu nháp và gửi link để quản lý duyệt.

2. Rubric chấm điểm (100 điểm)

3. Mẫu phiếu bàn giao bài viết

4. 10 câu tự kiểm tra kiến thức

1. Focus keyphrase có phải meta keywords gửi tới Google không?
2. Đèn xanh Yoast có bảo đảm lên top không?
3. Vì sao phải xác định intent trước khi viết?
4. Khi nào không nên tạo URL bài mới?
5. Khác nhau giữa H1, SEO title và slug?
6. Google có bắt buộc dùng meta description đã nhập không?
7. Có nên nhồi từ khóa để đèn xanh?
8. Trường hợp nào cần tạo redirect 301?
9. Vì sao phải kiểm tra bản mobile?
10. Ai được thay canonical/noindex cho bài viết?

5. Tài liệu gốc để đối chiếu khi có mạng

• Yoast: Tối ưu nội dung với thanh bên Yoast SEO
• Yoast: Bật/tắt phân tích SEO, readability và các tính năng
• Yoast Developer: Nguyên lý phân tích nội dung và snippet editor
• Google Search Central: Hướng dẫn SEO căn bản
• Google: Nguyên tắc tiêu đề hiển thị trong tìm kiếm

Liên kết chỉ là nguồn đối chiếu; toàn bộ phần học, ví dụ và hình mô phỏng trong chương này vẫn đọc được offline. Nội dung được biên soạn lại bằng tiếng Việt, không phải dịch nguyên văn tài liệu của bên thứ ba.