Một trang giới thiệu đơn giản gồm vài phần như giới thiệu, dịch vụ, giờ mở cửa, cách liên hệ có thể dựng hoàn toàn bằng AI dưới dạng một tệp duy nhất, mở được ngay trong trình duyệt, rồi đưa lên mạng qua dịch vụ lưu trữ trang tĩnh. Phần mất công nhất không phải viết mã mà là chuẩn bị nội dung và kiểm trang trên điện thoại.
Bài này dành cho chủ tiệm nhỏ, giáo viên mở lớp, người muốn có hồ sơ cá nhân trực tuyến, không biết lập trình. Bài đi từ việc xác định trang này có đủ dùng không, chuẩn bị nội dung, câu lệnh mẫu, tự kiểm, đến các cách đưa lên mạng theo loại dịch vụ. Ví dụ là một tiệm bánh giả định ở Lâm Đồng.
Trang tĩnh một tệp: khi nào đủ, khi nào không
Trang tĩnh là trang mà mọi người truy cập đều thấy cùng một nội dung, không có đăng nhập, không có cơ sở dữ liệu, nội dung chỉ đổi khi bạn sửa tệp. Với tiệm nhỏ cần một nơi để khách tìm thấy địa chỉ, giờ mở cửa, sản phẩm chính và cách liên hệ, trang tĩnh là đủ. Nó nhanh, rẻ để duy trì, gần như không có gì để bị tấn công.
Trang tĩnh không đủ khi bạn cần nhiều người sửa nội dung thường xuyên mà không biết mã, cần đăng bài viết đều đặn, cần bán hàng trực tuyến có giỏ hàng và thanh toán, hay cần khách đăng nhập. Những việc đó nên dùng nền tảng dựng web hoặc nền tảng bán hàng có sẵn, vì phần khó và nhạy cảm như thanh toán, tài khoản đã được người khác làm và bảo trì.
Một lựa chọn trung gian hay bị quên: nhiều nền tảng mạng xã hội và bản đồ đã cho tiệm nhỏ một trang thông tin miễn phí. Trang web riêng có giá trị khi bạn muốn một địa chỉ của riêng mình, trình bày theo ý mình, và không phụ thuộc vào thay đổi của một nền tảng.
Chuẩn bị nội dung trước khi mở AI
AI dựng giao diện rất nhanh, nhưng nó không biết tiệm của bạn. Chuẩn bị sẵn một tệp ghi chú gồm:
- Tên tiệm, một câu giới thiệu ngắn nói bạn làm gì và cho ai, viết bằng giọng của bạn.
- Danh sách ba đến sáu sản phẩm hoặc dịch vụ chính, mỗi mục một hai câu mô tả. Có giá thì quyết định trước có đưa lên không, và nhớ rằng giá trên trang phải được cập nhật khi thay đổi.
- Địa chỉ, giờ mở cửa, các kênh liên hệ bạn muốn công khai.
- Ảnh: năm đến mười ảnh của chính bạn, đã chọn sẵn, nén nhỏ lại cho nhẹ. Không dùng ảnh lấy trên mạng mà không rõ quyền sử dụng.
- Màu chủ đạo hoặc logo nếu có, và vài trang web bạn thích cách trình bày để mô tả cho AI.
- Những gì trang không được có: ví dụ không có biểu mẫu thu thông tin, không nhúng mã theo dõi của bên thứ ba.
Danh sách này cũng giúp bạn quyết định phạm vi. Nếu sau khi viết ra bạn thấy cần mười trang con và cập nhật hằng ngày, có lẽ trang tĩnh một tệp không phải lựa chọn đúng.
Một mẹo nhỏ khi viết phần giới thiệu: viết như đang nói với một khách lần đầu ghé tiệm, câu ngắn, nói việc cụ thể như loại bánh làm trong ngày, nhận đặt trước bao lâu, có giao tận nơi hay không. Những chi tiết đời thường đó là thứ khách tìm, và cũng là thứ AI không thể tự biết. Nếu muốn, nhờ AI soát chính tả và góp ý câu nào khó hiểu, nhưng giữ ý và giọng của bạn.
Câu lệnh mẫu để AI dựng trang một tệp
Dán nội dung đã chuẩn bị kèm yêu cầu sau. Chỉnh màu và giọng cho hợp tiệm bạn:
- "Dựng một trang web tĩnh dạng một tệp HTML duy nhất, CSS đặt luôn trong tệp, không dùng JavaScript trừ khi thật cần, không tải thư viện từ bên ngoài."
- "Trang dùng tiếng Việt, khai báo bảng mã UTF-8 và ngôn ngữ vi. Hiển thị tốt trên điện thoại trước, máy tính sau."
- "Các phần theo thứ tự: đầu trang có tên tiệm và câu giới thiệu, sản phẩm chính dạng thẻ, giờ mở cửa và địa chỉ, cách liên hệ, chân trang."
- "Ảnh lấy từ thư mục anh nằm cạnh tệp, tên tệp ảnh như danh sách sau. Mỗi ảnh có mô tả thay thế bằng tiếng Việt."
- "Màu chủ đạo nâu ấm và kem. Chữ đủ lớn để người lớn tuổi đọc trên điện thoại."
- "Không thêm nội dung nào ngoài nội dung mình đưa. Chỗ nào thiếu thông tin thì để dòng ghi CẦN ĐIỀN."
Câu cuối rất quan trọng: không có nó, AI hay tự thêm câu giới thiệu bóng bẩy, đánh giá giả của khách, hay số năm kinh nghiệm mà bạn không có. Những thứ đó đưa lên trang là thông tin sai về tiệm bạn.
Xem thử trên máy và chỉnh từng phần
Bạn không cần máy chủ để xem trang tĩnh. Cách làm:
- Tạo một thư mục cho trang, lưu mã AI trả về thành tệp tên index.html, đặt thư mục ảnh cạnh nó.
- Nhấp đúp vào tệp index.html, trình duyệt sẽ mở trang. Nếu thấy chữ tiếng Việt bị lỗi, kiểm tệp đã được lưu với bảng mã UTF-8 trong trình soạn thảo.
- Xem giao diện điện thoại: trong trình duyệt máy tính, mở công cụ dành cho nhà phát triển và bật chế độ giả lập thiết bị di động. Hoặc gửi tệp sang điện thoại để mở thử.
- Mỗi lần chỉ nhờ AI sửa một điều, mô tả cụ thể: "Phần giờ mở cửa trên điện thoại bị tràn ngang, cho xuống thành hai dòng." Lưu bản cũ trước khi dán bản mới.
- Khi đã ưng ý, nhờ người khác mở thử trên điện thoại của họ, nhất là người lớn tuổi, và hỏi họ có tìm được số điện thoại và địa chỉ trong mười giây không.
Giữ các phiên bản trong cùng thư mục với tên có ngày, như index-ngay-12.html, cho tới khi chốt bản cuối. Khi một lần sửa của AI làm vỡ bố cục, bạn mở lại bản trước thay vì cố mô tả cho AI quay về. Nếu muốn học thêm một chút, hãy nhờ AI giải thích từng khối của tệp: phần nào là nội dung, phần nào là kiểu dáng, màu được đặt ở đâu. Hiểu được chừng đó, bạn tự đổi màu, đổi chữ mà không cần hỏi lại lần nào, và trang thật sự là của bạn.
Những thứ cần tự kiểm trước khi đưa lên mạng
AI hay làm trang đẹp trên máy tính nhưng bỏ sót vài thứ thực tế. Kiểm theo bảng:
| Mục | Kiểm thế nào | Lỗi hay gặp |
|---|---|---|
| Điện thoại | Mở trên ít nhất hai điện thoại khác nhau | Chữ quá nhỏ, phần tử tràn ngang |
| Dung lượng ảnh | Xem tổng dung lượng thư mục | Ảnh chụp từ điện thoại vài MB mỗi ảnh, trang tải chậm |
| Tiếng Việt | Đọc lại toàn bộ chữ | Lỗi bảng mã, AI tự sửa sai tên riêng |
| Thông tin | So từng chữ với ghi chú gốc | Giờ, địa chỉ, số liên lạc bị AI đổi hoặc tự điền |
| Liên kết | Bấm từng nút | Nút trỏ tới chỗ không có, liên kết mẫu còn sót |
| Nội dung tự thêm | Tìm câu bạn không viết | Đánh giá giả, lời quảng cáo phóng đại |
Hàng cuối đặc biệt quan trọng: một trang có đánh giá khách hàng do AI bịa không chỉ thiếu trung thực mà còn có thể vi phạm quy định về quảng cáo. Xoá mọi câu bạn không tự viết hoặc không xác nhận được.
Đưa trang lên mạng: các lựa chọn theo loại
Dịch vụ lưu trữ trang tĩnh. Nhiều dịch vụ cho phép tải thư mục trang tĩnh lên và cấp một địa chỉ truy cập được ngay, thường có mức miễn phí cho trang nhỏ, có sẵn HTTPS. Đây là lựa chọn hợp nhất cho trang một tệp. Điều khoản và giới hạn thay đổi, nên đọc trang chính thức trước khi chọn.
Gói lưu trữ web chia sẻ. Nếu đã có sẵn gói hosting cho việc khác, tải tệp lên thư mục web qua trình quản lý tệp của gói. Kiểm gói có cấp chứng chỉ HTTPS.
Nền tảng dựng web có sẵn. Một số nền tảng cho dán mã vào một khối tuỳ chỉnh. Cách này hợp khi bạn đã dùng nền tảng đó cho việc khác.
Tên miền riêng. Mua tên miền ở nhà đăng ký, rồi trỏ về dịch vụ lưu trữ theo hướng dẫn của dịch vụ đó. Với tên miền .vn, việc đăng ký có yêu cầu thông tin chủ thể theo quy định hiện hành; hỏi nhà đăng ký.
Nhờ AI hướng dẫn đúng chỗ. Khi đã chọn dịch vụ, hỏi AI cách làm nhưng luôn đối chiếu tài liệu chính thức của dịch vụ, vì giao diện các bảng điều khiển đổi thường xuyên và AI hay mô tả theo bản cũ.
Biểu mẫu liên hệ và những thứ không nên tự làm
Sau khi có trang, nhiều người muốn thêm biểu mẫu để khách để lại tên và số điện thoại. Đây là lúc trang tĩnh bắt đầu đụng tới dữ liệu cá nhân của người khác, và là chỗ nên cẩn thận nhất. Trang tĩnh không tự lưu được dữ liệu; AI có thể gợi ý những cách lách như gửi dữ liệu qua dịch vụ bên ngoài hoặc nhét khoá truy cập vào mã trang, và cách sau làm lộ khoá cho bất kỳ ai xem mã nguồn.
Cách đơn giản và an toàn hơn: dùng dịch vụ biểu mẫu có sẵn, phổ biến, và nhúng hoặc dẫn khách tới đó; hoặc chỉ để các kênh liên hệ trực tiếp như số điện thoại, ứng dụng nhắn tin. Nếu thu thông tin cá nhân của khách, bạn có trách nhiệm bảo vệ nó và cho khách biết dùng vào việc gì, theo quy định về bảo vệ dữ liệu cá nhân hiện hành.
Tương tự, đừng tự làm phần thanh toán hay đặt hàng trên trang tĩnh bằng mã AI viết. Những phần đó cần người hiểu bảo mật, hoặc nền tảng đã làm sẵn. Trang giới thiệu đơn giản làm tốt việc của nó: giúp khách tìm thấy bạn. Giữ nó đơn giản là giữ nó an toàn.
Câu hỏi thường gặp
Trang một tệp có lên Google được không?
Được. Trang tĩnh được công cụ tìm kiếm đọc tốt nếu có tiêu đề rõ, mô tả trang, nội dung bằng chữ chứ không chỉ ảnh. Nhờ AI thêm thẻ tiêu đề và mô tả phù hợp, rồi khai báo trang với công cụ quản trị của công cụ tìm kiếm.
Muốn sửa giờ mở cửa sau này thì làm sao?
Mở tệp index.html bằng trình soạn thảo, tìm dòng giờ mở cửa, sửa chữ, lưu, rồi tải lại tệp lên dịch vụ lưu trữ. Không cần AI cho việc nhỏ này; tìm kiếm trong trình soạn thảo là đủ.
Có nên dùng ảnh do AI tạo cho trang tiệm không?
Ảnh sản phẩm thì nên dùng ảnh thật, vì khách đến tiệm sẽ so. Ảnh trang trí nền có thể dùng ảnh AI tạo, nhưng kiểm điều khoản của công cụ tạo ảnh về quyền sử dụng thương mại.
Trang tĩnh có bị tấn công không?
Ít hơn nhiều so với trang có cơ sở dữ liệu và đăng nhập, vì không có gì để chiếm. Rủi ro chính là tài khoản quản lý dịch vụ lưu trữ và tên miền bị chiếm, nên đặt mật khẩu mạnh và bật xác thực hai bước.
Một trang có đủ cho tiệm nhiều chi nhánh không?
Vẫn được nếu số chi nhánh ít, mỗi chi nhánh một khối thông tin. Khi số chi nhánh nhiều và thông tin hay đổi, nên chuyển sang nền tảng cho phép nhiều người cập nhật mà không phải sửa mã.