# balldecor.ru

Dự án thương mại chuyển đổi trang web BallDecor hiện tại sang HAIH.

## Mục tiêu

Xây dựng lại trang web trên nền tảng hiện đại mà không làm mất đi lưu lượng tìm kiếm hiện có và các kịch bản thương mại, đồng thời cải thiện cấu trúc trang đích, sự rõ ràng của ưu đãi và tỷ lệ chuyển đổi thành đơn hàng.

## Bối cảnh ban đầu

Trang web hiện tại kết hợp cả hai hướng B2C và B2B: trang trí sự kiện, giao bóng bay heli, in ấn và tạo thương hiệu cho bóng bay, các dịch vụ theo mùa và sự kiện. Phạm vi tiếp cận tự nhiên được xây dựng dựa trên số lượng lớn các trang đích lịch sử và URL cũ, do đó việc di cư đòi hỏi phải xử lý cẩn thận cấu trúc có thể lập chỉ mục và các chuyển hướng.

## Nguyên tắc di cư

Hệ thống cũ (Legacy) được sử dụng làm nguồn yêu cầu, nội dung, URL và các kịch bản người dùng đã được xác nhận, chứ không phải làm mẫu kiến trúc. Runtime mới và mô hình nội dung được xây dựng trên nền tảng HAIH.

Di cư trang web thương mại BallDecor sang HAIH với việc bảo tồn và phát triển SEO cũng như tạo khách hàng tiềm năng.

balldecor.ru

# Chuyển đổi balldecor.ru sang HAIH

## Mục tiêu
Chuyển trang web BallDecor hiện tại sang HAIH, giữ lại khả năng hiển thị trên công cụ tìm kiếm, nội dung có giá trị thương mại và các kịch bản liên hệ chính, nhưng không chuyển giao kiến trúc cũ (legacy) nguyên trạng.

## Những gì cần giữ lại
- các URL đang được lập chỉ mục và giá trị tìm kiếm của chúng;
- các lĩnh vực kinh doanh trọng điểm: trang trí sự kiện, giao bóng bay, in ấn/đóng thương hiệu, dịch vụ theo mùa và sự kiện;
- số điện thoại, biểu mẫu gửi yêu cầu, kịch bản gọi lại/liên hệ và các phương thức liên lạc có sẵn;
- hình ảnh và nội dung thực sự đóng góp vào lượng truy cập tự nhiên và doanh số dịch vụ;
- các liên kết lịch sử từ tìm kiếm và các nguồn bên ngoài thông qua URL 1:1 hoặc chuyển hướng 301 chính xác.

## Những gì cần xây dựng lại
1. Kiểm kê trang web hiện tại: các tuyến đường, mẫu trang, dữ liệu, biểu mẫu, tích hợp, tài nguyên (assets) và môi trường chạy thực tế.
2. Xác định lõi nghiệp vụ và triển khai trên HAIH theo các lát cắt dọc hiện đại.
3. Không sao chép các khoản nợ kỹ thuật cũ trừ khi đó là hợp đồng bên ngoài.
4. Giữ nguyên hoặc cải thiện SSR/khả năng lập chỉ mục, siêu dữ liệu (metadata), thẻ canonical, sitemap, robots, dữ liệu cấu trúc và tốc độ tải trang.
5. Tái tạo các biểu mẫu và quá trình tạo khách hàng tiềm năng (lead generation), kiểm tra việc gửi yêu cầu và thông tin liên hệ.
6. Trước khi chuyển đổi, tiến hành thu thập dữ liệu (crawl) toàn bộ trang web cũ và trang thử nghiệm mới, đối chiếu URL/trạng thái/title/H1/canonical/liên kết/tài nguyên/biểu mẫu.
7. Sau khi ra mắt, kiểm tra mã 301, 404, sitemap/robots, khả năng truy cập tìm kiếm và hệ thống phân tích.

## Tiêu chí hoàn thành
Trang balldecor.ru mới hoạt động trên HAIH, các kịch bản người dùng và thương mại chính đã được xác nhận, các hợp đồng di dời SEO đã được kiểm tra, các URL quan trọng cũ không bị mất, các biểu mẫu và phân tích hoạt động bình thường, đồng thời các cải tiến tiếp thị trong tương lai có thể được thực hiện độc lập với di sản kỹ thuật cũ.

Xây dựng lại trang web thương mại BallDecor hiện tại trên nền tảng HAIH mà không làm mất SEO và các kịch bản đặt hàng hoạt động.

Chuyển balldecor.ru sang HAIH

# SEO khi chuyển đổi trang web

## Mục tiêu
Bảo tồn khả năng hiển thị tự nhiên hiện có của balldecor.ru và loại bỏ các rủi ro SEO do cấu trúc lịch sử hiện tại của trang web gây ra.

## Các công việc chính
- thu thập danh sách đầy đủ các URL được lập chỉ mục, bao gồm các trang .html cũ, danh mục, dịch vụ và trang đích theo mùa;
- đối với mỗi trang, ghi lại trạng thái (status), tiêu đề (title), mô tả (description), H1, canonical, robots, liên kết nội bộ và ý định tìm kiếm chính;
- xác định các trang trùng lặp và hiện tượng tranh chấp từ khóa (cannibalization) giữa các trang tương tự, đặc biệt là xung quanh việc in ấn/thương hiệu bóng bay, giao hàng và trang trí sự kiện;
- đưa ra quyết định cho từng URL: giữ nguyên 1:1, hợp nhất qua chuyển hướng 301, chặn lập chỉ mục hoặc xóa chỉ khi có chứng minh rõ ràng là không có giá trị;
- chuẩn bị bản đồ chuyển hướng (redirect map) và kiểm tra bằng trình thu thập thông tin (crawler) trước khi ra mắt;
- tạo lại sitemap.xml, robots.txt, canonical và dữ liệu có cấu trúc (structured data);
- giữ lại hình ảnh và thuộc tính alt/URL ở những nơi chúng tham gia vào tìm kiếm;
- sau khi ra mắt, kiểm tra việc lập chỉ mục, lỗi 404/5xx, chuỗi chuyển hướng và các trang đích bị mất.

## Tiêu chí hoàn thành
Tất cả các URL cũ quan trọng đều có giải pháp rõ ràng và tuyến đường mới đã được kiểm tra; không có lỗi 404 hàng loạt, không bị mất chỉ mục ngẫu nhiên và không mất ý định tìm kiếm một cách vô lý.

Ghi nhận phạm vi tìm kiếm hiện tại và chuyển đổi mà không làm mất các URL quan trọng và ý định tìm kiếm (intent).

Giữ gìn và cải thiện SEO khi chuyển đổi trang web

# Tiếp thị và chuyển đổi

## Bối cảnh
Trang web hiện tại vừa bán dịch vụ B2C vừa bán các hướng đi B2B. Trên trang chủ và một số trang đích, lời chào hàng thương mại bị trộn lẫn với lượng lớn văn bản SEO cũ, khiến người dùng không phải lúc nào cũng hiểu rõ nên đi đâu và đặt mua gì.

## Các công việc chính
- xác định 3–5 hướng thương mại chính và vai trò của khách truy cập;
- phân tách các kịch bản B2C và B2B ở những nơi có nhu cầu và lập luận khác nhau;
- xây dựng các lời chào hàng, ưu điểm và lời kêu gọi hành động (CTA) dễ hiểu cho các trang đích quan trọng;
- tạo các kịch bản riêng biệt mạnh mẽ cho việc in ấn/đóng thương hiệu bóng bay, trang trí sự kiện và giao hàng;
- cấu trúc hóa các bằng chứng: ví dụ về công việc, giá cả/khoảng giá, thời hạn, điều kiện giao hàng, đánh giá, câu hỏi thường gặp (FAQ), làm việc với pháp nhân;
- loại bỏ văn bản chỉ để lấy số lượng: nội dung SEO phải hỗ trợ quyết định mua hàng chứ không cản trở nó;
- kiểm tra hành trình trên di động đến khi gửi yêu cầu, gọi điện hoặc nhắn tin qua ứng dụng;
- xác định tập hợp tối thiểu các biểu mẫu và trường thông tin để không làm giảm tỷ lệ chuyển đổi.

## Tiêu chí hoàn thành
Các phân khúc chính nhanh chóng hiểu được đề xuất, nhìn thấy các bằng chứng liên quan và có thể thực hiện hành động mục tiêu mà không cần thêm các bước thừa.

Phân tách các kịch bản B2C/B2B chính, tăng cường lời chào hàng và tối ưu hóa các trang hướng tới việc tạo khách hàng tiềm năng.

Tái cấu trúc kiến trúc tiếp thị và tỷ lệ chuyển đổi

# Phân tích và kiểm soát ra mắt

## Các công việc chính
- cố định các hệ thống phân tích hiện tại, thẻ quảng cáo và sự kiện;
- xác định các chuyển đổi chính: gửi biểu tượng, đặt cuộc gọi, gọi/nhấp vào số điện thoại, chuyển đến trình nhắn tin, yêu cầu B2B;
- chuyển đổi phân tích và sự kiện sang phiên bản mới mà không bị trùng lặp;
- thiết lập việc truyền tải chính xác các UTM và thẻ giới thiệu vào khách hàng tiềm năng nếu có thể;
- ghi nhận cơ sở (baseline) theo Core Web Vitals/Lighthouse và các trang thương mại chính;
- trước khi ra mắt, tiến hành crawl và kiểm tra khói (smoke-test) đối với các biểu tượng, số điện thoại, liên kết, hình ảnh và sự kiện phân tích;
- sau khi ra mắt, kiểm tra các khách hàng tiềm năng thực tế, lỗi 404/5xx, tốc độ, Search Console/webmaster và khả năng lập chỉ mục.

## Tiêu chí sẵn sàng
Sau khi chuyển đổi, có thể thấy một cách đáng tin cậy liệu trang web có hoạt động tốt về mặt kỹ thuật hay không, lưu lượng truy cập tự nhiên có được giữ lại hay không và các yêu cầu qua các kênh chính có đến nơi hay không.

Làm cho các khách hàng tiềm năng và chất lượng kỹ thuật của phiên bản mới có thể đo lường được trước và sau khi chuyển đổi.

Thiết lập phân tích và kiểm soát chất lượng ra mắt

# Làm lại máy tính chi phí dịch vụ làm thủ tục

## Vấn đề
Máy tính hiện tại là một bảng câu hỏi nhiều bước dài dòng, yêu cầu người dùng mất thời gian trả lời, và sau đó ở màn hình cuối cùng lại giấu đi kết quả đã hứa đằng sau yêu cầu bắt buộc phải nhập số điện thoại và email.

Điều này có thể làm tăng số lượng thông tin liên hệ thu thập được, nhưng thông tin liên hệ không đồng nghĩa với một giao dịch thành công. Đối với một số người dùng, cơ chế này tạo cảm giác rằng phép tính được hứa hẹn chỉ là một cái bẫy: người dùng đã bỏ thời gian ra, nhưng thay vì nhận được kết quả thì họ lại gặp thêm một rào cản nữa. Điều này làm giảm lòng tin đối với thương hiệu và có thể làm suy giảm không chỉ tỷ lệ chuyển đổi thành khách hàng tiềm năng chất lượng, mà còn cả thiện chí tiếp tục tương tác.

## Những điểm tệ nhất trong kịch bản hiện tại
- Quá nhiều bước cho việc đánh giá ban đầu;
- Người dùng không biết trước họ sẽ cần cung cấp dữ liệu gì và chính xác họ sẽ nhận được gì;
- Tiến trình hiển thị trên giao diện không rõ ràng;
- Các câu hỏi đôi khi không được diễn đạt như các quyết định tự nhiên của khách hàng, mà giống như các trường trong một biểu mẫu nội bộ;
- Không có kết quả trung gian hữu ích nào cho đến tận phút cuối cùng;
- Bước cuối cùng thông báo «đã hoàn thành bài trắc nghiệm» nhưng vẫn không hiển thị kết quả tính toán;
- Số điện thoại thực tế là bắt buộc để nhận được kết quả đã hứa;
- Email cũng được yêu cầu «để nhận quà tặng và ưu đãi», điều này làm lẫn lộn việc tính toán với việc đồng ý nhận thông tin tiếp thị;
- Nút CTA «Nhận kết quả tính toán» không dẫn đến kết quả tức thời, mà dẫn đến việc chuyển giao thông tin liên hệ;
- Sau 8–9 màn hình, việc từ chối ở bước cuối cùng đồng nghĩa với việc thời gian của người dùng bị lãng phí hoàn toàn.

## Nguyên tắc của phiên bản mới
Cung cấp giá trị đã hứa cho người dùng trước, sau đó mới xin thông tin liên hệ cho bước tiếp theo của giao dịch.

Máy tính phải trả lời một cách trung thực câu hỏi: «Dịch vụ làm thủ tục của tôi sẽ có giá khoảng bao nhiêu?». Ngay cả khi không thể đưa ra một bảng dự toán chính xác nếu không có sự can thiệp của quản lý, người dùng vẫn phải nhận được một mức tham chiếu: khoảng giá, thành phần đơn hàng mẫu, các yếu tố ảnh hưởng đến chi phí, hoặc một số gói dịch vụ phù hợp.

## Cần làm gì
1. Phân loại các câu hỏi hiện tại và xác định những câu hỏi nào thực sự ảnh hưởng đến chi phí. Mọi thứ chỉ cần thiết cho người quản lý sau khi đã phân loại khách hàng tiềm năng đều nên được đưa ra khỏi phần tính toán.
2. Rút gọn kịch bản đến số lượng quyết định cốt lõi tối thiểu cần thiết — mục tiêu là 3–5 giai đoạn hoặc một màn hình với các phần hiển thị tuần tự.
3. Nhóm các mục nhập theo tư duy của khách hàng, ví dụ:
   - Loại sự kiện / cần làm thủ tục gì;
   - Quy mô hoặc thành phần mong muốn;
   - Ngày và địa điểm;
   - Các tùy chọn bổ sung.
4. Hiển thị tiến trình dễ hiểu bằng lời: cái gì đã được chọn và cái gì còn lại.
5. Cung cấp chi phí ước tính hoặc khoảng giá ngay sau khi đã có đủ bộ dữ liệu, **trước khi yêu cầu bắt buộc nhập số điện thoại/email**.
6. Trên màn hình kết quả, hãy hiển thị:
   - Chi phí ước tính hoặc khoảng giá;
   - Những gì cơ bản được bao gồm;
   - Giá có thể thay đổi dựa trên những yếu tố nào;
   - Các ví dụ/gói dịch vụ, nếu chúng giúp đưa ra quyết định.
7. Sau khi hiển thị kết quả, hãy đề xuất bước tiếp theo:
   - Nhận bảng dự toán chính xác;
   - Thảo luận chi tiết với quản lý;
   - Gửi bản tính toán cho chính mình;
   - Chuyển sang ứng dụng nhắn tin / gọi điện.
8. Chỉ xin thông tin liên hệ để đổi lấy giá trị gia tăng sau khi đã hiển thị kết quả cơ bản. Không trộn lẫn việc yêu cầu thông tin liên hệ bắt buộc để tính toán với việc đồng ý nhận tiếp thị riêng lẻ.
9. Không yêu cầu cả số điện thoại và email cùng một lúc nếu không cần thiết. Đối với khách hàng tiềm năng ban đầu, chỉ cần một kênh liên lạc thuận tiện do người dùng lựa chọn là đủ.
10. Xây dựng phiên bản di động thân thiện: các tùy chọn lựa chọn lớn, tối thiểu hóa việc nhập tay, chọn ngày tháng thuận tiện, không có thanh cuộn ngang.
11. Thêm tính năng phân tích phễu: bắt đầu, trả lời theo từng giai đoạn, xem kết quả, chọn CTA, gửi thông tin liên hệ, từ chối.

## Các chỉ số (Metrics)
Không chỉ theo dõi `lead submitted` (gửi thông tin khách hàng tiềm năng), mà còn phải theo dõi:
- Tỷ lệ người bắt đầu tính toán;
- Tỷ lệ hoàn thành (completion rate) phần tính toán;
- Tỷ lệ người đã xem kết quả;
- Tỷ lệ chuyển đổi từ kết quả sang thông tin liên hệ;
- Tỷ lệ khách hàng tiềm năng được chất lượng hóa;
- Tỷ lệ chuyển đổi tiếp theo thành đơn hàng, nếu có sẵn dữ liệu.

Mục tiêu không phải là tối đa hóa số lượng thông tin liên hệ bằng mọi giá, mà là tăng số lượng người dùng đã nhận được kết quả hữu ích và tự nguyện chuyển sang bước tiếp theo của giao dịch.

## Tiêu chí hoàn thành
Người dùng hiểu trước họ sẽ nhận được gì, nhanh chóng hoàn thành việc tính toán và nhìn thấy mức chi phí tham chiếu hữu ích mà không bị ép buộc phải cung cấp thông tin liên hệ. Thông tin liên hệ được yêu cầu sau kết quả như một bước tiếp theo tự nhiên để làm rõ chi tiết và thực hiện giao dịch, chứ không phải là cái giá phải trả cho một kết quả đã được hứa hẹn.

Thay thế bảng câu hỏi dài hiện tại bằng một cách tính toán dễ hiểu, mang lại giá trị cho khách hàng trước khi yêu cầu thông tin liên hệ và không biến kết quả thành một cái bẫy câu dẫn.

Làm lại máy tính chi phí dịch vụ làm thủ tục

# Улучшить показатели Lighthouse и Core Web Vitals

## Baseline текущего сайта
По текущему замеру главной страницы balldecor.ru:
- Performance: **52**
- Accessibility: **57**
- Best Practices: **74**
- SEO: **100**

SEO-score высокий, но остальные показатели заметно проседают. При переносе на HAIH это нужно использовать как измеримый технический baseline и не воспроизводить проблемы legacy.

## Цель
Добиться заметно лучших показателей производительности, доступности и best practices на новой версии сайта, не жертвуя SEO, функциональностью и маркетинговыми сценариями.

## Что сделать
1. Снять воспроизводимый baseline Lighthouse для главной и нескольких ключевых коммерческих страниц в mobile и desktop режимах.
2. Разобрать основные причины потерь Performance:
   - LCP и тяжёлый hero-контент;
   - размеры и форматы изображений;
   - лишний JavaScript/CSS;
   - блокирующие ресурсы и сторонние скрипты;
   - шрифты;
   - CLS;
   - TBT/INP;
   - серверный ответ и кеширование.
3. Оптимизировать изображения: современные форматы, responsive sizes/srcset, корректные размеры, lazy loading вне первого экрана, preload только действительно критичных ресурсов.
4. Минимизировать client-side JS и гидратацию там, где достаточно SSR/обычного HTML; не тащить тяжёлые библиотеки без необходимости.
5. Настроить кеширование статических ресурсов, compression, immutable assets и CDN/cache layer, если он используется в HAIH-развёртывании.
6. Исправить accessibility-проблемы:
   - контраст;
   - корректные label/aria;
   - семантическую структуру заголовков;
   - keyboard navigation/focus;
   - размеры touch targets;
   - alt-тексты;
   - доступность форм и калькулятора.
7. Исправить Best Practices: ошибки консоли, устаревшие/небезопасные API, проблемы загрузки ресурсов, security headers и прочие замечания Lighthouse.
8. Не допустить ухудшения SEO: SSR, indexability, metadata, canonical, structured data и внутренние ссылки должны сохраниться.
9. Добавить Lighthouse/Pagespeed-проверку в финальный smoke-test перед запуском и использовать её как регрессионный контроль после крупных изменений.

## Целевые ориентиры
Для ключевых страниц новой версии стремиться к:
- Performance: **90+**
- Accessibility: **95+**
- Best Practices: **95+**
- SEO: **95–100**

Цели не должны достигаться за счёт удаления важных для бизнеса функций или искусственного упрощения страницы.

## Критерий готовности
Ключевые страницы новой версии стабильно заметно превосходят legacy baseline, критические Core Web Vitals находятся в приемлемой зоне, а основные проблемы Lighthouse устранены и не возвращаются при последующих изменениях.

Повысить производительность, доступность и техническое качество нового balldecor.ru с фиксацией baseline и регрессионным контролем.

Nhiệm vụ

Улучшить показатели Lighthouse и Core Web Vitals

Làm lại máy tính chi phí dịch vụ làm thủ tục

Thiết lập phân tích và kiểm soát chất lượng ra mắt

Tái cấu trúc kiến trúc tiếp thị và tỷ lệ chuyển đổi

Giữ gìn và cải thiện SEO khi chuyển đổi trang web

Chuyển balldecor.ru sang HAIH