Bài 06: Nhìn đối thủ để biết mình nên làm gì — Phân tích trang web người khác
Giai đoạn 2: BIẾT NGHĨ 🧠 Thời lượng: 45-90 phút (đọc + thực hành + bài tập) Công cụ: Google AI Studio — aistudio.google.com
🎯 Mục Tiêu Bài Học
- Sau bài này, bạn sẽ biết cách phân tích 3-5 trang web của đối thủ/đồng nghiệp trong cùng ngành
- Sau bài này, bạn sẽ rút ra được “danh sách phần phải có” cho sản phẩm của mình
- Sau bài này, bạn sẽ biết cách chụp ảnh trang web tham khảo và dùng làm “hình mẫu” cho AI
💡 Ví Dụ Thực Tế
Chị Mai mở dịch vụ chụp ảnh cưới. Chị muốn tạo landing page, nhưng không biết nên có những phần gì. Chị Google “studio chụp ảnh cưới Sài Gòn”, mở 5 trang web đầu tiên, và ghi lại: trang nào cũng có phần “Portfolio” (bộ ảnh mẫu), phần “Bảng giá gói chụp”, phần “Đánh giá khách hàng”, và nút “Đặt lịch chụp”. Chị cũng phát hiện trang A có thiết kế đẹp nhưng chữ quá nhỏ, trang B dễ đọc nhưng hơi cũ, trang C có form đặt lịch rất tiện. Chị quyết định: sản phẩm của chị sẽ lấy thiết kế đẹp kiểu trang A, bố cục dễ đọc kiểu trang B, và form đặt lịch kiểu trang C.
📚 Kiến Thức Cần Biết
Phân tích đối thủ (competitor analysis) nghe “sang” nhưng thực chất rất đơn giản: bạn xem người khác trong cùng ngành đang làm gì tốt, gì chưa tốt, rồi học cái tốt và tránh cái chưa tốt. Giống như mở quán phở mới — bạn nên đi ăn thử 5 quán phở xung quanh trước, xem menu họ ra sao, giá cả thế nào, quán nào đông khách nhất và tại sao.
Khi phân tích trang web người khác, bạn cần nhìn 5 yếu tố: cấu trúc (trang có những phần nào: banner, giới thiệu, sản phẩm, đánh giá, liên hệ?), nội dung (họ viết gì để thuyết phục khách?), thiết kế (màu sắc, bố cục, hình ảnh), hành động (họ muốn khách làm gì? — bấm mua, gọi điện, đăng ký?), và trải nghiệm (trang load nhanh không? Xem trên điện thoại có đẹp không?).
Một tính năng hay của Google AI Studio là bạn có thể gửi ảnh chụp màn hình (screenshot) vào prompt. Ví dụ: chụp ảnh 1 trang web bạn thích, kéo vào ô nhập liệu, rồi gõ “Tạo trang web có bố cục tương tự ảnh này nhưng với thông tin của tôi.” AI sẽ nhìn ảnh và tạo sản phẩm theo phong cách đó.
🧪 Thực Hành Từng Bước
- Google tìm kiếm: “[ngành hàng của bạn] + [thành phố của bạn]” — ví dụ: “spa chăm sóc da Hà Nội”
- Mở 5 trang web kết quả đầu tiên (bỏ qua quảng cáo)
- Với mỗi trang, ghi vào bảng sau (mở Google Sheets hoặc viết tay):
| Trang | Các phần có | Điểm hay | Điểm chưa hay | Điều tôi muốn học hỏi |
|---|---|---|---|---|
| Trang 1 | … | … | … | … |
| Trang 2 | … | … | … | … |
- Chụp ảnh màn hình (screenshot) trang web bạn thích nhất — toàn bộ trang, hoặc phần bạn thích nhất
- Mở Google AI Studio
- Kéo/thả ảnh screenshot vào ô nhập liệu (hoặc click biểu tượng “+” để đính kèm ảnh)
- Gõ prompt kèm ảnh:
Tôi đính kèm ảnh chụp một trang web mà tôi thích phong cách thiết kế. Hãy tạo cho tôi một trang web có bố cục và phong cách thiết kế tương tự, nhưng với thông tin sau:
- Tên doanh nghiệp: [TÊN]
- Ngành: [NGÀNH]
- Nội dung chính: [MÔ TẢ NGẮN]
Chỉ tạo trang chủ đơn giản trước.- nhấn Run (nút tam giác) và xem kết quả — so sánh với ảnh gốc
- Từ bảng phân tích ở bước 3, tổng hợp ra “Danh sách các phần phải có” cho sản phẩm của bạn — ví dụ: hero banner, giới thiệu dịch vụ, bảng giá, đánh giá khách hàng, form liên hệ
✅ Kết Quả Đầu Ra
Bạn sẽ có: (1) Bảng phân tích 5 đối thủ/trang web tham khảo, (2) “Danh sách các phần phải có” cho sản phẩm của bạn, (3) Một bản nháp trang web tạo từ ảnh tham khảo trong khung kết quả chat.
💡 Mẹo & Lưu Ý
- Không cần phân tích đối thủ “trực tiếp” — nếu bạn bán mỹ phẩm ở tỉnh nhỏ, có thể tham khảo trang web mỹ phẩm lớn ở Sài Gòn hoặc Hà Nội. Bạn đang học “cấu trúc” chứ không copy nội dung
- Khi gửi ảnh cho AI, ảnh càng rõ, chất lượng càng cao thì AI “nhìn” càng chính xác. Dùng ảnh screenshot toàn trang (có thể dùng extension “GoFullPage” trên Chrome để chụp cả trang dài)
- Lỗi thường gặp: Gửi ảnh quá mờ hoặc quá nhỏ khiến AI không “nhìn” rõ. Hãy chụp ở độ phân giải bình thường, đừng thu nhỏ quá
📝 Bài Tập Về Nhà
Hoàn thành bảng phân tích 5 đối thủ/trang web tham khảo. Viết ra “Danh sách 8-10 phần phải có” cho sản phẩm landing page bạn sắp tạo ở Giai đoạn 3. Lưu ảnh screenshot trang web bạn thích nhất — sẽ dùng làm “hình mẫu” khi tạo landing page.
🏆 Achievement Bài 06
- [ ] Hoàn thành đọc phần kiến thức
- [ ] Làm xong các bước thực hành
- [ ] Nộp bài tập về nhà
- [ ] Ghi chú những điều học được
Bài tiếp theo: Viết Mini-PRD cho AI 🚀