Trong thời đại công nghệ số, việc tạo ra một website tin tức chất lượng cao luôn là một thách thức lớn. Thông thường, một website tĩnh sẽ gặp nhiều khó khăn trong việc cập nhật nội dung thường xuyên, điều này đặt ra câu hỏi: Liệu có thể sử dụng một website tĩnh chỉ bằng HTML và CSS mà không cần đến back-end và cơ sở dữ liệu? Câu trả lời không hoàn toàn là không. Mình xin mời các bạn tham khảo trải nghiệm của mình với website https://zreview.vn, một trang web review về các chủ đề linh tinh mà mình đã xây dựng hoàn toàn bằng HTML và CSS, không sử dụng JavaScript.
Tại sao chọn website tĩnh?
Website tĩnh là nền tảng cơ bản cho mọi trang web. Dù là website động hay tĩnh, mọi thứ đều cuối cùng được xuất ra dưới dạng HTML, CSS và JavaScript để trình duyệt hiển thị cho người dùng. Một trong những ưu điểm lớn nhất của website tĩnh là tốc độ tải trang cực nhanh, gần như là thời gian thực. Điều này tạo ra những lợi thế lớn trong SEO mà Google cực kỳ đánh giá cao. Kiểm tra chỉ số SEO trên Lighthouse cho thấy website của tôi có hiệu suất rất tốt.
Thực trạng SEO của website
Dù lý thuyết là vậy, tuy nhiên website của mình vẫn chưa có kết quả SEO tốt nhất do còn mới và thiếu backlink. Một số bài viết đã lên top tìm kiếm Google, có bài nằm ở vị trí thứ 15-20. Đáng ghi nhận là việc đăng bài mới được Google index khá nhanh, chỉ sau 2-3 tiếng, và việc đăng ký Google News cũng được phê duyệt trong ngày, điều này thường khiến mình phải chờ từ 4-5 ngày với những trang khác.
Làm thế nào để tạo trang tin tức bằng HTML và CSS mà không cần back-end
Trong thực tế, để tạo một trang tin tức chỉ với HTML và CSS, bạn vẫn cần một số hình thức backend để hỗ trợ quá trình tạo file HTML. Ý tưởng của mình là thay vì sử dụng ngôn ngữ back-end để thực hiện server-side rendering hay tạo API, chúng ta có thể sử dụng nó để tạo ra file HTML trực tiếp. Khi một người dùng đăng bài mới, mình sẽ tạo một file có tên tiêu-đề-bài-viết.html và cập nhật nội dung trong file index.html và sitemap.xml cho SEO. Quá trình này thực sự tốn rất ít thời gian, chỉ cần khoảng 2-3 giây để deploy.
Chi phí và hiệu quả
Nhiều người có thể thắc mắc việc sử dụng đến 2 server như vậy có tốn kém không? Thực ra, với nhu cầu của một website tĩnh, chúng ta hoàn toàn có thể sử dụng các dịch vụ hosting miễn phí như AWS cho backend. Hiện tại, mình đang sử dụng server miễn phí trong năm đầu tiên của Amazon và một dịch vụ hosting miễn phí khác cho website tĩnh, chẳng hạn như Vercel App, nơi cung cấp không giới hạn băng thông và dung lượng lưu trữ.
An toàn và tốc độ
Một lợi ích khác của website tĩnh là độ bảo mật cao. Bởi vì không có cơ sở dữ liệu và backend dễ bị tấn công, hacker rất khó để tấn công vào hệ thống. Tốc độ tải trang cũng rất nhanh chóng, khiến việc trải nghiệm web trở nên mượt mà hơn cho người dùng.
Tính năng mở rộng
Nếu bạn cần tích hợp thêm các tính năng như bình luận, thích, chia sẻ, đăng nhập hay mua hàng, bạn hoàn toàn có thể thực hiện điều này đơn giản bằng cách thêm API vào backend và gọi từ website tĩnh.
Kết luận
Công nghệ này, được gọi là Static Generation, đang được nhiều framework hiện đại như NextJs, Gatsby, NuxtJs và Jekyll hướng tới. Dù bạn sử dụng bất kì ngôn ngữ back-end hay framework nào, kết quả cuối cùng vẫn giống nhau: một website chỉ bằng HTML và CSS. Trong trường hợp của mình, mình lựa chọn Ruby on Rails vì đó là framework mà mình vững nhất.
source: viblo
