Cách làm trang demo để tự thực hành tối ưu hoặc chỉnh sửa web

Khi chỉnh sửa hoặc thực hành tối ưu sâu cho trang web bạn cần hai điều kiện:

  • Không nên tiến hành trực tiếp trên trang, vì nó có nguy cơ gây hỏng lỗi, mất thời gian để sửa & ảnh hưởng xấu đến người dùng.
  • Hệ quả của việc trên là bạn phải sao chép toàn bộ website sang tên miền khác để có môi trường demo giống với thực tế.

Sử dụng localhost ngay tại máy tính cũng là ý tưởng không tệ, nhưng không phải tốt nhất, vì nhiều plugin, tính năng phải ở môi trường online mới hoạt động bình thường.

Vậy chúng ta nên sao chép thế nào?

  • Nên tiến hành trên tên miền riêng, host riêng nữa thì càng tốt.
  • Sử dụng subdomain cho tên miền môi trường demo
  • Chuyển toàn bộ trang bằng các plugin chuyển host chất lượng cao như All in one WP migration hoặc Migrate Guru.

Chẳng hạn tôi muốn tối ưu hóa sâu cho trang speed.family tôi có thể chuyển toàn bộ trang qua tên miền phụ chimcat.ducanhplus.com

Tiếp theo bạn gỡ bỏ toàn bộ plugin SEO trên website demo rồi thêm dòng này (trên trang demo) để các máy tìm kiếm không cần lập chỉ mục cho trang demo:

<meta name="robots" content="noindex">

Bạn không cần đả động gì đến file robots.txt cả, cứ để nó nguyên như trang gốc, chỉ cần thêm thẻ meta là đủ.

Bạn có thêm đoạn mã trên vào header thông qua plugin như Insert Headers and Footers.

Ưu điểm của cách làm trên là bạn có môi trường demo tương đối hoàn hảo (khác mỗi không có plugin SEO), thoải mái chỉnh sửa đào bới. Nhưng nhược điểm là sau khi tối ưu bạn sẽ phải thao tác lặp lại hành vi tối ưu từ trang demo sang trang chính thức.