Xây dựng Nền tảng Thông tin Cung ứng Khách sạn trên Astro và Cloudflare

Tóm tắt dự án

Đội ngũ sáng lập InnLead đã đến với chúng tôi với một vấn đề sắc bén, cụ thể. Họ đã dành hai thập kỷ bán hàng vào ngành khách sạn — đồ nội thất rời, FF&E, đồ gỗ tùy chỉnh — và họ nắm rõ mảng cung ứng trong ngành khách sạn. Cái họ thiếu là một nền tảng web có thể phát hiện tín hiệu mua hàng từ hơn 180.000 khách sạn ở Bắc Mỹ với tốc độ mà đội ngũ bán hàng của họ cần. Họ đã xây dựng một đường ống dữ liệu hoạt động trong các sổ ghi chú riêng, nhưng giao diện người dùng marketing là một trang WordPress chậm chạp trên hosting chia sẻ, chỉ đạt 28 điểm trong Lighthouse và mất sáu giây để hiển thị phần đầu trang trên thiết bị di động.

Yêu cầu của họ gồm hai phần. Thứ nhất, một trang web marketing nhanh, có thể lập chỉ mục để xếp hạng cho các từ khóa tìm kiếm dài trong ngành mua sắm khách sạn — các thuật ngữ như "nhà cung cấp đồ nội thất khách sạn boutique" hoặc "dự án cải tạo Hilton" — nơi mà đối thủ cạnh tranh chủ yếu là các thư mục từ năm 2014. Thứ hai, một không gian bề mặt lập trình đủ lớn để xuất bản hàng trăm trang danh mục nhà cung cấp và cặp thành phố mà không cần viết thủ công, tất cả được phục vụ từ biên với tốc độ dưới một giây.

Thách thức

Ngành khách sạn là một lĩnh vực khó khăn một cách đáng ngạc nhiên đối với phát triển web. Ngân sách hình ảnh rất lớn — người mua mong muốn xem sảnh, phòng khiêu vũ, đồ gỗ tùy chỉnh — và hầu hết các tệp JPG đó đều có dung lượng 4MB trực tiếp từ ổ đĩa của nhiếp ảnh gia. Đa ngôn ngữ quan trọng hơn trong công việc thương mại vì các cuộc trò chuyện với nhà cung cấp liên tục vượt qua biên giới. Và bản thân người mua là những quản lý mua sắm bận rộn, họ sẽ bỏ một trang chậm nhanh hơn bất kỳ chủ nhà nào.

Chúng tôi cũng gặp một thách thức cấu trúc đặc thù với mô hình của InnLead. Giá trị cốt lõi của nền tảng là thông tin tín hiệu — biết khách sạn nào đang bước vào chu kỳ cải tạo, liên hệ mua sắm nào có thể tiếp cận, tài sản nào cần được làm mới dựa trên ngày xây dựng và PIP cuối cùng được biết. Dữ liệu đó cập nhật liên tục, nhưng các trang marketing xung quanh nó phải duy trì tốc độ tĩnh. Một phương pháp chỉ hiển thị phía máy chủ sẽ không đạt được ngân sách tốc độ. Một phương pháp chỉ hiển thị phía máy khách sẽ không đạt được ngân sách khả năng lập chỉ mục. Chúng tôi cần một giải pháp lai mang lại cả hai.

Cách tiếp cận của chúng tôi

Chúng tôi chọn Astro 5 làm framework vì nó không gửi JavaScript theo mặc định. Mỗi trang là một tài liệu HTML tĩnh tại thời điểm xây dựng, hydration là tùy chọn trên cơ sở từng 'đảo', và đầu ra xây dựng được đưa thẳng vào Cloudflare Pages mà không cần môi trường chạy Node. Đối với một bề mặt marketing nặng nội dung, sự kết hợp đó khó có thể bị đánh bại.

Lớp dữ liệu được tách rời. Công cụ tín hiệu Python của InnLead ghi các ảnh chụp JSON đã được chuẩn hóa vào R2 theo chu kỳ 6 giờ. Bản dựng Astro đọc các ảnh chụp đó tại thời điểm xây dựng và tạo các trang theo chương trình — một trang cho mỗi danh mục nhà cung cấp, một trang cho mỗi khu vực đô thị lớn, một trang cho mỗi chu kỳ thương hiệu khách sạn. Các bản dựng lại chạy tăng dần trên Cloudflare Worker cron, vì vậy khi công cụ tín hiệu xuất bản một ảnh chụp mới, chỉ các slug bị ảnh hưởng mới được xây dựng lại. Trang web marketing không bao giờ giao tiếp với cơ sở dữ liệu trong thời gian chạy.

Đối với quy trình xử lý hình ảnh, chúng tôi đã chạy mọi bức ảnh qua một bước chuyển đổi tại thời điểm xây dựng để tạo ra các định dạng AVIF, WebP và JPEG dự phòng ở năm chiều rộng phản hồi. Hình ảnh chính trên trang chủ đã giảm từ 4.2MB xuống còn 38KB AVIF cho khung nhìn di động thông thường. Lớp tối ưu hóa hình ảnh của Cloudflare xử lý phần còn lại tại thời điểm yêu cầu. Chúng tôi cũng đã tích hợp fetchpriority="high" trên hình ảnh LCP và tải lười tất cả mọi thứ bên dưới màn hình.

Lớp schema là nơi dự án này khác biệt nhất so với một bản dựng của agency thông thường. Bởi vì InnLead đặt cược thương mại vào việc các công cụ tìm kiếm AI sẽ hiển thị họ trong các truy vấn B2B — các câu hỏi kiểu như "ai cung cấp đồ nội thất rời cho các thương hiệu boutique của Marriott" — chúng tôi đã đầu tư mạnh vào dữ liệu có cấu trúc. Mỗi trang danh mục nhà cung cấp phát ra schema Dịch vụ + Đối tượng + Đánh giá tổng hợp. Mỗi trang so sánh phát ra ItemList. Mỗi bài viết biên tập đều có đầy đủ chuỗi Bài viết + tác giả + nhà xuất bản. Chúng tôi cũng đã xuất bản một llms.txt tại thư mục gốc của trang web và một speakable thông số kỹ thuật bộ chọn CSS trên mỗi bài viết để trợ lý giọng nói có thể trích xuất các đoạn văn sạch.

Kết quả

Tám tuần kể từ khi khởi động, nền tảng mới đã ra mắt với 84 trang nội dung thường xanh và thêm 240 trang danh mục nhà cung cấp được tạo lập trình. Trong vòng 90 ngày, Google đã lập chỉ mục hơn 320 URL. Hiệu suất Lighthouse trung bình 99 trên 20 trang marketing hàng đầu. Thời gian hiển thị nội dung lớn nhất là 0.8 giây trên kết nối 4G bị giới hạn từ một trung tâm dữ liệu ở Mỹ — tốt hơn 95% các trang web B2B SaaS mà chúng tôi đã so sánh.

Cụ thể hơn, chi phí đã giảm. Hệ thống WordPress cũ chạy trên một máy chủ được quản lý với giá $89/tháng cùng với tiện ích CDN với giá $40/tháng. Hệ thống Astro + Cloudflare Pages có giá $0/tháng cho hosting, $5/tháng cho tầng lưu trữ R2, và gói Cloudflare Workers Paid bao gồm các bản dựng lại theo cron. Đội ngũ đã tiết kiệm được khoảng $120/tháng, nghe có vẻ nhỏ nhưng lại rất khác khi nền tảng được điều hành bởi những người sáng lập luôn theo dõi từng khoản chi.

Thành công lớn hơn là tốc độ triển khai. Với hệ thống cũ, một thay đổi nội dung yêu cầu đăng nhập vào WordPress, chỉnh sửa trong TinyMCE và cầu nguyện plugin bộ nhớ đệm hoạt động tốt. Bây giờ, một thay đổi nội dung chỉ là chỉnh sửa Markdown, một lệnh git push và một bản dựng trong 38 giây. Triển khai theo phong cách sáng lập với chất lượng cấp độ agency.

Ngăn xếp công nghệ

InnLead.ai Làm Gì

Đối với độc giả đến từ ngành khách sạn thay vì ngành dịch vụ thương mại — InnLead là một nền tảng thông tin B2B dành cho những người bán hàng cho khách sạn, không phải bản thân các khách sạn. Hãy nghĩ đến các nhà cung cấp nội thất hợp đồng, FF&Các nhà sản xuất E, OS&E nhà cung cấp, nhà máy dệt may khách sạn, người quản lý nghệ thuật sảnh. Nền tảng này phát hiện các tín hiệu cải tạo (chu kỳ PIP, làm mới theo yêu cầu thương hiệu, thay đổi quyền sở hữu, giấy phép xây dựng), ánh xạ các liên hệ mua sắm đến các tín hiệu đó, và định tuyến các chiến dịch tiếp cận khách hàng bằng 14 ngôn ngữ để các nhà cung cấp có thể tiếp cận những người ra quyết định cấp tài sản trước khi yêu cầu đề xuất (RFP) được đưa ra.

Chúng tôi đề cập điều này ở đây vì phía cung cấp của ngành khách sạn là một trong những phân khúc bị bỏ qua nhiều nhất trong các công cụ web B2B, và nền tảng thông tin cung cấp khách sạn của InnLead.ai thực sự là triển khai sạch nhất mà chúng tôi từng thấy về mô hình B2B dựa trên tín hiệu được áp dụng trong lĩnh vực này. Nếu bạn bán bất cứ thứ gì cuối cùng nằm trong phòng khách sạn, thì đáng để tìm hiểu những gì họ đã xây dựng.

Về phần mình, Web Workmen coi bản dựng này là mẫu cho thực tiễn ngành khách sạn của chúng tôi. Kể từ đó, chúng tôi đã sản phẩm hóa kiến trúc dựa trên tín hiệu ưu tiên tĩnh thành một dịch vụ cho các phân khúc B2B khác — xem dịch vụ tạo khách hàng tiềm năng ngành khách sạn để áp dụng cùng một phương pháp cho các doanh nghiệp liên quan đến khách sạn khác.

Những Điểm Chính

Nếu bạn đang điều hành một doanh nghiệp B2B ngành khách sạn trên một cài đặt WordPress từ năm 2014 và thấy các cổng thông tin liên kết với Procore hoặc Knoll vượt mặt bạn cho các thuật ngữ mà bạn biết khách hàng của mình tìm kiếm, thì con đường phía trước không phải là "làm cho WordPress nhanh hơn." Đó là xây dựng lại giao diện người dùng trên một kiến trúc ưu tiên tĩnh và tách nó khỏi lớp dữ liệu của bạn. Chi phí thấp hơn bạn nghĩ, tốc độ tăng không tuyến tính, và công việc dữ liệu có cấu trúc mang lại lợi ích trên cả tìm kiếm truyền thống và AI.

Chúng tôi cũng nhận thấy rằng người mua trong ngành khách sạn phản ứng tốt với các trang giàu hình ảnh — nhưng chỉ khi những hình ảnh đó tải ngay lập tức. Yếu tố đột phá lớn nhất trong dự án này là quy trình xử lý hình ảnh trong quá trình xây dựng. Nếu chúng tôi chỉ có thể làm đúng một điều trong việc xây dựng web cho ngành khách sạn, thì đó sẽ là điều này.