Headless WordPress

WordPress thường gói chung mọi thứ trong một khối: nội dung, giao diện và phần hiển thị nằm cùng một chỗ, mỗi lần khách mở trang là máy chủ dựng trang từ đầu. Hãy hình dung như một căn nhà có nội thất gắn chết vào tường.

Headless là tách phần ruột (nội dung) ra khỏi phần mặt tiền (giao diện). WordPress lùi về sau làm kho chứa nội dung; phần khách nhìn thấy được dựng bằng một công nghệ riêng (thường là Next.js/React) và nối với WordPress qua một đường truyền dữ liệu gọi là API. “Headless” — không đầu — chính là ý WordPress bị bỏ đi phần “đầu” hiển thị, chỉ giữ phần thân chứa nội dung.

Đây là một hướng nâng cao trong mảng phát triển WordPress chuyên sâu. Nếu bạn cần một web WordPress tiêu chuẩn, phần lớn trường hợp không cần tới headless — và Web22 sẽ nói thẳng điều đó.

Luồng vận hành của một web headless gọn lại như sau:

1. Người viết vẫn soạn bài trong trang quản trị WordPress quen thuộc.
2. Nội dung được đẩy ra qua API (đường truyền dữ liệu chuẩn, dạng REST hoặc GraphQL) thay vì hiển thị trực tiếp.
3. Next.js/React lấy nội dung về và dựng sẵn các trang HTML tĩnh — nhẹ, không phải tính toán lại mỗi lần có khách.
4. Khách và Google nhận trang đã dựng sẵn, phục vụ qua mạng phân phối (CDN) nên tải gần như tức thì.

Khác biệt cốt lõi nằm ở chỗ này: web truyền thống dựng trang mỗi lần tải, còn headless dựng sẵn rồi phát đi. Đó là gốc của tốc độ.

Headless phát huy giá trị trong một số tình huống cụ thể:

• Cần tốc độ tối đa. Web có lượng truy cập lớn, hoặc đặt ngưỡng Core Web Vitals khắt khe, muốn từng phần nghìn giây.
• Một nội dung, nhiều nơi hiển thị. Cùng một kho nội dung phục vụ web, ứng dụng di động, màn hình tại điểm bán — gọi là đa kênh.
• Giao diện cực tùy biến. Hiệu ứng và tương tác phức tạp mà theme WordPress khó kham.
• Có đội kỹ thuật vận hành lâu dài, hoặc một đối tác làm chủ cả hai đầu để không bị bỏ rơi phần giao diện.

Đây là phần phần lớn nơi khác né, còn Web22 nói thật: phần lớn website không cần headless. Bạn nên bỏ qua nó khi:

• Web giới thiệu, blog, hoặc bán hàng vừa và nhỏ. WordPress thường đã đủ nhanh và rẻ hơn nhiều; làm headless là trả tiền cho thứ không dùng tới.
• Web dựa nhiều vào plugin giao diện (form, popup, trình kéo-thả, WooCommerce sâu). Headless làm các plugin phần nhìn mất tác dụng, phải dựng lại bằng code — tốn kém.
• Không có và không định thuê người vận hành phần kỹ thuật. Phần Next.js cần người biết React để bảo trì; thiếu là web dễ “bơ vơ”.
• Ngân sách hạn chế. Headless tốn hơn cả lúc làm lẫn lúc nuôi — nếu chưa có nhu cầu rõ thì chưa đáng.

Web22 tư vấn theo nhu cầu thật, không đẩy bạn vào một kiến trúc đắt tiền để nghe cho “công nghệ”.

• Tốc độ: trang dựng sẵn dạng tĩnh, phát qua CDN, tải gần như tức thì kể cả lúc đông khách.
• Bảo mật: phần quản trị và cơ sở dữ liệu WordPress ẩn sau, không lộ ra mặt tiền, nên ít bị tấn công trực diện hơn.
• Đa kênh: một kho nội dung dùng lại cho nhiều nơi mà không phải nhập liệu nhiều lần.
• Giao diện tự do: không bị giới hạn bởi cách theme WordPress dựng trang.

• Tốn kém hơn rõ rệt. Phải dựng lại toàn bộ giao diện bằng code thay vì dùng theme có sẵn, và thường nuôi hai phần hạ tầng (WordPress và nơi chạy Next.js).
• Mất phần lớn plugin giao diện. Các tính năng cài bằng plugin ở phần nhìn phải làm lại bằng code.
• Xem trước nội dung khó hơn. Người viết không còn cảnh “gõ đâu thấy đó” mượt như WordPress thường, vì giao diện thật nằm ở hệ riêng.
• Cần người biết React để vận hành. Đây là lý do nên chọn đối tác lo được cả hai đầu.

Câu hỏi quan trọng, vì làm sai chỗ này là tự hại thứ hạng. Headless vẫn tốt cho SEO nếu dựng đúng cách: giao diện phải tạo sẵn HTML ở phía máy chủ (cách làm gọi là SSR/SSG) để Google nhận được trang đầy đủ ngay. Nếu để trang chỉ dựng ở phía trình duyệt, Google sẽ đọc chậm hoặc thiếu nội dung — đây là lỗi headless hay gặp. Web22 luôn dựng theo hướng tạo sẵn trang tĩnh để phần kỹ thuật SEO an toàn; còn nội dung lên hạng vẫn là việc của dịch vụ SEO.

Bạn có thể nghe tới những công cụ quản nội dung kiểu headless ngay từ đầu như Strapi hay Contentful. Khác biệt đáng để cân nhắc: headless WordPress vẫn giữ WordPress làm nơi quản nội dung — admin quen thuộc, miễn phí, hệ sinh thái khổng lồ — chỉ thay phần hiển thị. Còn dùng một headless CMS thuần nghĩa là đổi luôn cả công cụ soạn nội dung sang một nền mới, người viết phải học lại từ đầu và một số nền tính phí theo tháng.

Với đa số khách Việt đã quen WordPress, giữ lại phần quản trị WordPress mà vẫn hưởng tốc độ của giao diện tách rời là lựa chọn nhẹ nhàng hơn. Web22 tư vấn hướng nào hợp với đội của bạn, không mặc định đẩy sang một nền lạ chỉ vì nó mới.

Điểm Web22 khác nhiều nơi: làm chủ cả hai đầu — vừa rành WordPress, vừa rành Next.js/React. Nhiều đơn vị chỉ mạnh một phía, nên khi web headless gặp trục trặc ở phần giao diện thì khách không biết gọi ai. Với Web22, người viết vẫn dùng admin WordPress quen thuộc, phần giao diện Next.js do Web22 dựng và bảo trì được, hai phần nối với nhau gọn gàng. Cách dựng web bằng Next.js nói chung nằm trong dịch vụ thiết kế website; còn riêng kiến trúc tách rời này là việc của trang bạn đang đọc.

Nếu bạn đang phân vân, cứ mô tả nhu cầu — Web22 tư vấn 30 phút miễn phí và nói thật web bạn nên dùng headless hay WordPress tiêu chuẩn là đủ, không đẩy gói đắt. Liên hệ: [email protected] · 0981 828 781.

Tác giả

Nguyen Hien

Sáng lập Web22 — trực tiếp làm thiết kế website và phát triển WordPress từ 2018. Facebook