Giữ trọn SEO khi đổi giao diện
Giữ nguyên URL, tên menu chính và nội dung chính sách; có danh sách đối chiếu SEO giữa site cũ và mới trước khi go-live.
← Tất cả dự án
Full-stack · WooCommerce · Thiết kế lại
IGA (Infinity Gems)
Dựng lại cửa hàng đá quý iga.vn trên theme và plugin riêng: bộ sưu tập theo loại đá, chọn đá theo mệnh ngũ hành, mô tả sản phẩm chuẩn SEO, giữ nguyên cấu trúc URL để không mất thứ hạng.
Đang hoàn thiện trên staging
- Vai trò
- Thiết kế, phát triển, chuyển đổi dữ liệu
- Nền tảng
- WordPress block theme, WooCommerce
- Phiên bản
- Theme 0.4.92, iga-core 0.5.33
- Ngôn ngữ
- Tiếng Việt
5.256
sản phẩm chuyển sang giao diện mới
62
loại đá có bảng mệnh hợp
Điểm nổi bật
Chọn đá theo mệnh
Khách nhập ngày sinh để xem mệnh và các loại đá hợp; dữ liệu mệnh của 62 loại đá nằm trong một file duy nhất, gán lại hàng loạt bằng lệnh có chạy thử và sao lưu.
Bộ sưu tập theo loại đá
Trang chủ và landing gom sản phẩm theo Ruby, Sapphire, Thạch anh tóc vàng, Tourmaline, Cẩm thạch, Hổ phách.
Công cụ cho tư vấn viên
Trang nội bộ để nhân viên chọn mệnh hợp cho từng loại đá, mỗi thao tác lưu thẳng vào dữ liệu.
Ảnh chụp màn hình
Bấm vào ảnh để phóng to, dùng phím mũi tên để chuyển ảnh.
Bối cảnh
iga.vn (Infinity Gems) bán đá quý, điêu khắc đá quý và vật phẩm phong thuỷ, hơn 5.000 sản phẩm, khách chủ yếu mua làm quà biếu. Site cũ chạy Flatsome. Dự án dựng lại bằng theme riêng iga (0.4.92) và plugin iga-core (0.5.33), đang hoàn thiện trên staging.
Nguyên tắc
- Giữ nguyên cấu trúc URL, tên menu chính và chữ chính sách để không mất SEO; có danh sách đối chiếu SEO giữa site cũ và mới.
- Ảnh sản phẩm là ảnh chụp thật tại cửa hàng, giao diện phải đẹp với ảnh chụp tay.
- Mục tiêu hiệu năng: mobile từ 95, desktop từ 98, CLS dưới 0,05.
Tính năng
Bộ sưu tập theo loại đá
Trang chủ và landing gom sản phẩm theo loại đá (Ruby, Sapphire, Thạch anh tóc vàng, Tourmaline, Cẩm thạch, Hổ phách...).
Chọn đá theo mệnh
Nhập ngày sinh để xem mệnh và các loại đá hợp mệnh. Bảng màu ngũ hành cho 62 loại đá nằm trong một file dữ liệu duy nhất; lệnh wp iga menh gán lại thuộc tính "Mệnh hợp" cho sản phẩm, có chạy thử và sao lưu trước khi ghi.
Trang nội bộ cho tư vấn viên
Nhân viên chọn mệnh hợp cho từng loại đá, bấm là lưu, lựa chọn đưa thẳng vào dữ liệu.
Mô tả sản phẩm chuẩn SEO
Lệnh sửa mô tả hàng loạt: thêm đoạn mở đầu lấy từ dữ liệu thật, heading H2/H3 đúng cấp.
Trang Liên hệ có bản đồ
Bản đồ MapLibre + OpenFreeMap, hiện ảnh tĩnh trước rồi mới nạp bản đồ để không gây CLS.
Giấy phép
GPL phiên bản 2 trở lênGPL-2.0-or-later
Phần mềm tự do: ai cũng được dùng, sửa và chia sẻ lại, miễn là bản chia sẻ vẫn giữ giấy phép này và kèm mã nguồn.
Phát triển cho Infinity Gems An Thịnh (iga.vn).
- Theme iga 0.4.92
GPL-2.0-or-laterKhai báo trong mã: themes/iga/style.css (License: GPL-2.0-or-later) - Plugin iga-core 0.5.33
GPL-2.0-or-laterKhai báo trong mã: plugins/iga-core/iga-core.php (License: GPL-2.0-or-later)
Ảnh chụp màn hình trên trang này do mình chụp từ bản chạy thật của dự án.
Xem trang Giấy phép và ghi nguồn →
Thư viện và tài nguyên bên thứ ba (7)
Vuốt ngang để xem đủ các cột.
| Tên | Giấy phép | Phiên bản | Loại | Nguồn |
|---|---|---|---|---|
| MapLibre GL JS | BSD-3-Clause | 5.24.0 | Thư viện | maplibre.org |
| Be Vietnam Pro | OFL-1.1 | - | Font (trong theme) | github.com/bettergui/BeVietnamPro |
| Cormorant Garamond | OFL-1.1 | - | Font (trong theme) | github.com/CatharsisFonts/Cormorant |
| OpenFreeMap và dữ liệu OpenStreetMapÔ cửa hàng trên bản đồ tải ô bản đồ từ dịch vụ OpenFreeMap. | ODbL-1.0 | - | Dữ liệu | openfreemap.org |
| LighthouseCông cụ đo, không phát hành cùng sản phẩm. | Apache-2.0 | 13.5.0 | Công cụ (dùng khi phát triển) | github.com/GoogleChrome/lighthouse |
| PHPUnitCông cụ kiểm thử, không phát hành cùng sản phẩm. | BSD-3-Clause | 11.5.57 | Công cụ (dùng khi phát triển) | github.com/sebastianbergmann/phpunit |
| Playwright CoreCông cụ chụp và kiểm thử, không phát hành cùng sản phẩm. | Apache-2.0 | 1.63.0 | Công cụ (dùng khi phát triển) | playwright.dev |
Ghi công: Dữ liệu bản đồ (c) OpenStreetMap contributors, theo giấy phép ODbL.
Dự án khác
PixGamma
AI · macOS · Phục hồi ảnh
CreditMate
iOS · Tài chính cá nhân · Riêng tư
SL Migrations
Plugin WordPress · PHP · Bảo mật
Tân Doanh
Full-stack · WooCommerce · Hiệu năng
Media Studio
AI · Full-stack · Tự động hoá nội dung
PC Builder
Plugin WordPress · Full-stack
phatdev.net
Full-stack · Next.js · CMS
ERP Tân Doanh
Full-stack · ERP · Kế toán
IGA Social
Sản phẩm · Full-stack · Nội dung AI