Mục lục
Thiết kế lại trang web là một trong những khoản đầu tư có tác động lớn nhất mà một doanh nghiệp có thể thực hiện — và là một trong những rủi ro nhất nếu xử lý kém. Nếu được thực hiện đúng, việc thiết kế lại sẽ cải thiện tỷ lệ chuyển đổi, củng cố thương hiệu của bạn và tăng thứ hạng tìm kiếm. Nếu được thực hiện sai, nó có thể phá hủy nhiều năm tiến bộ SEO chỉ sau một đêm, phá vỡ chức năng mà khách hàng của bạn phụ thuộc vào và tốn kém hơn nhiều so với ngân sách của bạn.
Danh sách kiểm tra này bao gồm mọi giai đoạn của việc thiết kế lại trang web, từ lập kế hoạch ban đầu đến giám sát sau khi ra mắt. Hãy sử dụng nó như lộ trình của bạn cho dù bạn tự quản lý dự án hay làm việc với nhà thiết kế hoặc nhà phát triển tự do.
Giai đoạn 1 — Lập kế hoạch trước khi thiết kế lại
Trước khi bất kỳ ai mở công cụ thiết kế hoặc viết một dòng mã, bạn cần có câu trả lời cho những câu hỏi cơ bản này. Bỏ qua giai đoạn này là lý do hàng đầu khiến việc thiết kế lại vượt quá ngân sách và không đạt được hiệu quả mong muốn.
Xác định mục tiêu của bạn
Tại sao bạn lại thiết kế lại? Nếu không có các mục tiêu cụ thể, có thể đo lường được, bạn không thể đánh giá liệu việc thiết kế lại có thành công hay không. Các mục tiêu chung bao gồm:
- Tăng tỷ lệ chuyển đổi từ X% lên Y%
- Giảm tỷ lệ thoát trên các trang đích chính
- Cải thiện trải nghiệm di động và điểm số Core Web Vitals
- Cập nhật nhận diện thương hiệu để phù hợp với sự phát triển của doanh nghiệp
- Thêm chức năng mà trang web hiện tại không thể hỗ trợ
- Cải thiện tốc độ và hiệu suất trang web
- Giúp nhóm của bạn quản lý nội dung dễ dàng hơn
Viết ra những mục tiêu này. Mọi quyết định thiết kế và phát triển nên được đánh giá dựa trên chúng.
Kiểm tra trang web hiện tại của bạn
Trước khi bạn thay đổi bất cứ điều gì, hãy ghi lại những gì bạn có. Bạn cần hiểu điều gì đang hoạt động tốt (để bạn không vô tình làm hỏng nó) và điều gì đang thất bại (để bạn ưu tiên sửa chữa nó).
- Đánh giá phân tích — Trang nào nhận được nhiều lưu lượng truy cập nhất? Trang nào có tỷ lệ chuyển đổi cao nhất? Trang nào có tỷ lệ thoát cao nhất? Xuất dữ liệu này
- Kiểm kê nội dung — Liệt kê mọi trang trên trang web hiện tại của bạn. Ghi chú những trang cần giữ, cập nhật, hợp nhất hoặc xóa. Điều này ngăn nội dung bị mất trong quá trình di chuyển
- Đường cơ sở SEO — Ghi lại thứ hạng từ khóa hiện tại, lưu lượng truy cập tự nhiên, hồ sơ backlink và các trang được lập chỉ mục của bạn. Bạn sẽ so sánh những điều này sau khi ra mắt để đo lường tác động
- Kiểm tra kỹ thuật — Kiểm tra tốc độ trang web, khả năng phản hồi trên thiết bị di động, liên kết hỏng, lỗi thu thập thông tin và Core Web Vitals. Đây là các tiêu chuẩn của bạn
- Phản hồi của người dùng — Khách hàng thực sự phàn nàn về điều gì? Đội ngũ hỗ trợ của bạn trả lời những câu hỏi nào lặp đi lặp lại? Phản hồi thực của người dùng có giá trị hơn ý kiến thiết kế
Đặt ngân sách và thời gian của bạn
Thiết kế lại trang web gần như luôn tốn kém hơn và mất nhiều thời gian hơn dự kiến. Hãy xây dựng dự phòng — thường là 20-30% bộ đệm cho cả ngân sách và thời gian. Các cân nhắc chính về ngân sách:
- Thiết kế (nghiên cứu UX, wireframe, thiết kế trực quan, tạo mẫu)
- Phát triển (front-end, back-end, tích hợp, di chuyển)
- Nội dung (viết lại, nội dung mới, chụp ảnh, quay video)
- SEO (ánh xạ chuyển hướng, siêu dữ liệu, lược đồ, SEO kỹ thuật)
- Kiểm thử (QA, kiểm thử đa trình duyệt, kiểm thử thiết bị, kiểm thử người dùng)
- Hỗ trợ sau khi ra mắt (sửa lỗi, tối ưu hóa, giám sát)
Nếu bạn đang thuê freelancer cho bất kỳ giai đoạn nào trong số này, hãy duyệt qua danh mục dịch vụ trên Zinn Hub để so sánh giá cả và tìm chuyên gia cho từng giai đoạn cụ thể.
Giai đoạn 2 — Bảo tồn SEO (Quan trọng)
Đây là nơi hầu hết các thiết kế lại đều thất bại thảm hại. Nếu trang web hiện tại của bạn có lưu lượng truy cập tìm kiếm tự nhiên, việc bảo vệ các thứ hạng đó trong quá trình thiết kế lại là điều không thể thương lượng. Mất thứ hạng có nghĩa là mất doanh thu và việc phục hồi có thể mất nhiều tháng.
Ánh xạ URL và Chuyển hướng
Tạo một bản đồ hoàn chỉnh của mọi URL cũ đến URL mới tương đương của nó. Mọi trang thay đổi URL đều cần một chuyển hướng 301. Điều này tẻ nhạt nhưng cần thiết.
- Xuất tất cả các URL hiện tại từ sơ đồ trang web và Google Search Console của bạn
- Ánh xạ từng URL cũ sang URL mới trong bảng tính
- Thực hiện 301 chuyển hướng cho mọi thay đổi URL trước khi ra mắt
- Kiểm tra mọi chuyển hướng sau khi triển khai
- Xử lý các trang bị xóa bằng cách chuyển hướng đến trang còn lại có liên quan nhất
Bảo toàn các yếu tố SEO trên trang
- Di chuyển các tiêu đề và mô tả meta hiện có (hoặc cải thiện chúng)
- Duy trì cấu trúc tiêu đề (phân cấp H1, H2, H3)
- Giữ hoặc cải thiện cấu trúc liên kết nội bộ
- Giữ nguyên văn bản thay thế hình ảnh
- Duy trì hoặc cập nhật dữ liệu có cấu trúc (đánh dấu lược đồ)
- Giữ cấu trúc URL sạch sẽ và hợp lý
Duy trì SEO kỹ thuật
- Cập nhật sơ đồ trang XML với tất cả các URL mới
- Cập nhật robots.txt
- Đảm bảo các thẻ canonical chính xác trên tất cả các trang
- Xác minh thẻ hreflang nếu bạn có nội dung đa ngôn ngữ
- Kiểm tra xem trang web mới có vô tình chặn trình thu thập thông tin hay không
- Gửi sơ đồ trang web đã cập nhật tới Google Search Console ngay sau khi ra mắt
Giai đoạn 3 — Thiết kế
Nghiên cứu UX và Wireframe
Bắt đầu với cấu trúc, không phải thẩm mỹ. Wireframe xác định bố cục, hệ thống phân cấp và luồng người dùng trước khi bất kỳ thiết kế trực quan nào diễn ra. Đây là nơi bạn giải quyết các vấn đề về khả năng sử dụng — cố gắng khắc phục các vấn đề UX trong quá trình thiết kế trực quan rất tốn kém và gây khó chịu.
- Lập bản đồ hành trình người dùng cho các mục tiêu chuyển đổi chính của bạn
- Tạo wireframe cho các mẫu trang chính (trang chủ, trang dịch vụ, trang sản phẩm, blog, liên hệ)
- Kiểm tra wireframe với người dùng thực nếu có thể (ngay cả thử nghiệm không chính thức với 5 người cũng cho thấy các vấn đề lớn)
- Nhận được sự chấp thuận của các bên liên quan về wireframe trước khi chuyển sang thiết kế trực quan
Thiết kế trực quan
- Thiết kế các mẫu chính dựa trên wireframe đã được phê duyệt
- Xác định hệ thống thiết kế (màu sắc, kiểu chữ, khoảng cách, thành phần) để đảm bảo tính nhất quán
- Thiết kế cho thiết bị di động trước, sau đó mở rộng lên máy tính để bàn
- Xem xét khả năng tiếp cận (tỷ lệ tương phản, kích thước phông chữ, kích thước phần tử tương tác)
- Tạo một hướng dẫn phong cách mà các nhà phát triển có thể tham khảo trong quá trình xây dựng
Giai đoạn 4 — Nội dung
Nội dung thường là nút thắt cổ chai trong các dự án thiết kế lại vì nó bị bỏ lại đến cuối cùng. Bắt đầu công việc nội dung song song với thiết kế.
- Viết lại các trang hoạt động kém hiệu quả — Các trang có lượng truy cập cao nhưng tỷ lệ chuyển đổi thấp cần nội dung tốt hơn, không chỉ thiết kế tốt hơn
- Tạo nội dung còn thiếu — Xác định các khoảng trống từ kiểm toán nội dung của bạn. Có trang dịch vụ nào bị thiếu không? Nội dung FAQ nào sẽ giúp chuyển đổi?
- Tối ưu hóa từ khóa — Cập nhật nội dung để nhắm mục tiêu các cụm từ tìm kiếm hiện tại, không phải từ khóa từ nhiều năm trước
- Chuẩn bị hình ảnh và phương tiện — Thiết kế mới có nghĩa là kích thước, định dạng hình ảnh mới và có thể là ảnh hoặc video mới
- Viết microcopy — Nhãn nút, trường biểu mẫu, thông báo lỗi, thông báo thành công, chú giải công cụ. Những chi tiết nhỏ này ảnh hưởng đáng kể đến khả năng sử dụng
Giai đoạn 5 — Phát triển và Xây dựng
Danh sách kiểm tra phát triển
- Xây dựng trên môi trường dàn dựng (không bao giờ phát triển trên trang web trực tiếp)
- Triển khai thiết kế đáp ứng trên tất cả các điểm ngắt
- Tối ưu hóa hiệu suất ngay từ đầu (nén hình ảnh, tải chậm, JavaScript tối thiểu, CSS hiệu quả)
- Thực hiện tất cả 301 chuyển hướng
- Thiết lập theo dõi phân tích (Google Analytics 4, theo dõi chuyển đổi, theo dõi sự kiện)
- Cấu hình biểu mẫu và tích hợp với nền tảng CRM/email của bạn
- Triển khai đánh dấu lược đồ (Tổ chức, Doanh nghiệp địa phương, Câu hỏi thường gặp, Sản phẩm, v.v.)
- Thiết lập chứng chỉ SSL và đảm bảo tất cả các trang tải qua HTTPS
- Tạo và gửi sơ đồ trang web XML
- Cấu hình robots.txt
Kiểm tra tích hợp
- Cổng thanh toán hoạt động bình thường
- Biểu mẫu email gửi đến đúng địa chỉ
- Tích hợp CRM thu thập khách hàng tiềm năng đúng cách
- Các công cụ của bên thứ ba (trò chuyện, phân tích, pixel quảng cáo) đều được cài đặt
- Bản xem trước chia sẻ trên mạng xã hội hiển thị chính xác (thẻ Open Graph)
Giai đoạn 6 — Thử nghiệm
Không bao giờ ra mắt mà không thử nghiệm kỹ lưỡng. Giai đoạn này phát hiện các vấn đề rẻ tiền để khắc phục trước khi ra mắt và tốn kém để khắc phục sau đó.
- Kiểm tra đa trình duyệt — tối thiểu Chrome, Firefox, Safari, Edge
- Kiểm tra thiết bị — Máy tính để bàn, máy tính bảng, điện thoại di động (kiểm tra trên thiết bị thực, không chỉ trình giả lập trình duyệt)
- Kiểm tra chức năng — Mọi biểu mẫu, nút, liên kết, mục menu, chức năng tìm kiếm và yếu tố tương tác
- Kiểm tra nội dung — Kiểm tra mọi trang để tìm lỗi chính tả, văn bản giữ chỗ, hình ảnh bị thiếu và định dạng bị hỏng
- Kiểm tra hiệu suất — Chạy kiểm tra Google PageSpeed Insights và Core Web Vitals. Khắc phục các vấn đề nghiêm trọng trước khi ra mắt
- Kiểm tra SEO — Xác minh tất cả các chuyển hướng hoạt động, kiểm tra siêu dữ liệu trên mọi trang chính, xác thực dữ liệu có cấu trúc, thu thập dữ liệu trang web thử nghiệm bằng Screaming Frog
- Kiểm tra khả năng tiếp cận — Kiểm tra điều hướng bằng bàn phím, khả năng tương thích với trình đọc màn hình và độ tương phản màu sắc
- Kiểm tra tải — Nếu bạn mong đợi lưu lượng truy cập cao, hãy kiểm tra xem máy chủ có xử lý được không
Giai đoạn 7 — Ra mắt
Danh Sách Kiểm Tra Ngày Ra Mắt
- Triển khai sản xuất trong thời gian lưu lượng truy cập thấp
- Xác minh tất cả các chuyển hướng đang hoạt động (kiểm tra ngẫu nhiên ít nhất 20)
- Gửi sơ đồ trang web đã cập nhật tới Google Search Console
- Kiểm tra tất cả các biểu mẫu và đường dẫn chuyển đổi trên trang web trực tiếp
- Xác minh theo dõi phân tích đang hoạt động trên tất cả các trang
- Kiểm tra xem không có URL dàn dựng hoặc nội dung giữ chỗ nào được đưa vào hoạt động
- Theo dõi hiệu suất máy chủ trong vài giờ đầu tiên
- Hãy để nhà phát triển của bạn luôn sẵn sàng cho các sửa chữa khẩn cấp
Giai đoạn 8 — Giám sát sau khi ra mắt
Công việc không dừng lại khi ra mắt. 30 ngày đầu tiên sau khi thiết kế lại rất quan trọng để phát hiện các vấn đề và xác nhận rằng các mục tiêu của bạn đang được đáp ứng.
Tuần 1
- Theo dõi Google Search Console hàng ngày để tìm lỗi thu thập dữ liệu, lỗi 404 và các vấn đề lập chỉ mục
- Kiểm tra phân tích để tìm các đợt giảm lưu lượng truy cập bất ngờ trên các trang chính
- Khắc phục ngay lập tức mọi liên kết bị hỏng hoặc sự cố chuyển hướng
- Thu thập phản hồi của người dùng (lỗi, nhầm lẫn, khiếu nại)
Tuần 2-4
- So sánh lưu lượng truy cập và thứ hạng tự nhiên với mức cơ sở trước khi ra mắt của bạn
- Theo dõi tỷ lệ chuyển đổi trên các trang chính
- Chạy kiểm tra Core Web Vitals trên trang web trực tiếp
- Giải quyết mọi lỗi còn lại hoặc vấn đề UX do người dùng báo cáo
Tháng 2-3
- So sánh SEO toàn diện — thứ hạng, lưu lượng truy cập tự nhiên, các trang được lập chỉ mục
- Phân tích tỷ lệ chuyển đổi trên tất cả các kênh phễu chính
- Kiểm tra A/B bất kỳ trang nào không đạt mục tiêu chuyển đổi
- Lập kế hoạch cải tiến lặp đi lặp lại dựa trên dữ liệu người dùng thực
Tìm kiếm sự trợ giúp phù hợp cho việc thiết kế lại của bạn
Trừ khi bạn có một đội ngũ nội bộ bao gồm thiết kế, phát triển, nội dung và SEO, bạn sẽ cần sự trợ giúp bên ngoài. Cách tiếp cận phổ biến nhất là thuê các chuyên gia cho từng giai đoạn thay vì một chuyên gia tổng hợp cho mọi thứ.
Duyệt qua dịch vụ trên Zinn Hub để tìm các nhà thiết kế web, nhà phát triển, người viết nội dung và chuyên gia SEO đã được xác minh. Mỗi người bán đều có đánh giá thực từ người mua và giá cả minh bạch, và khoản thanh toán của bạn được bảo vệ cho đến khi công việc được giao. Cho dù bạn cần thiết kế lại hoàn chỉnh từ một nhà cung cấp hay các chuyên gia riêng lẻ cho từng giai đoạn, bạn sẽ tìm thấy sự phù hợp.
Bạn đang có kế hoạch tự bán dịch vụ thiết kế hoặc phát triển web? Thị trường của Zinn Hub là nơi các doanh nghiệp tìm kiếm các chuyên gia đã được xác minh cho chính loại dự án này.
