Cách Thiết Lập Chuyển Hướng HTML (+ Các Phương Pháp Thay Thế)

Thiết lập một chuyển hướng HTML đến một trang khác rất dễ dàng.

Thực tế, bạn có thể làm điều đó chỉ trong vài phút (ngay cả khi bạn không phải là chuyên gia kỹ thuật).

Trong hướng dẫn này, chúng tôi sẽ hướng dẫn bạn từng bước cách thiết lập chuyển hướng bằng HTML. Thêm vào đó, chúng tôi sẽ chia sẻ một số phương pháp chuyển hướng thay thế còn tốt hơn.

Trước khi bắt đầu, hãy cùng điểm qua những điều cơ bản.

Chuyển Hướng HTML Là Gì?

Chuyển hướng HTML là một cách tự động gửi khách truy cập từ một URL này sang một URL khác bằng cách sử dụng một thẻ HTML đơn giản (gọi là meta refresh), mà bạn có thể thêm vào phần <head> của HTML.

Dưới đây là một ví dụ nhanh về cách mà thẻ đó có thể trông như thế nào:

<meta http-equiv="refresh" content="0; URL=https://example.com/new-page" />

Trong ví dụ này, trình duyệt sẽ làm mới trang hiện tại ngay lập tức và chuyển hướng người dùng đến URL mới (https://example.com/new-page).

Bạn có thể sử dụng chuyển hướng HTML (còn gọi là chuyển hướng meta) khi:

• Di chuyển trang: Bạn đã di chuyển một trang đến một URL mới và muốn tự động chuyển hướng khách truy cập đến vị trí mới
• Kết hợp nội dung: Bạn muốn kết hợp nhiều trang thành một để ngăn chặn các trang đó cạnh tranh với nhau và để hợp nhất traffic
• Chạy các chiến dịch tạm thời: Bạn đang chạy một trang khuyến mãi tạm thời hiển thị một đồng hồ đếm ngược (như "Giảm giá bắt đầu trong 5 phút!") và cần tự động chuyển hướng người dùng đến một trang khác khi đồng hồ đếm ngược đạt đến số không
• Chạy thử nghiệm A/B: Bạn muốn thử nghiệm các phiên bản khác nhau của một trang bằng cách ngẫu nhiên chuyển hướng một phần traffic của bạn đến một trang biến thể
• Quản lý luồng người dùng: Bạn đang tạo một trang chào (màn hình giới thiệu) hoặc trang xen kẽ mà nên tự động chuyển hướng khách truy cập đến nội dung chính sau vài giây

Chuyển hướng HTML có thể hữu ích nếu bạn không có quyền truy cập vào cài đặt máy chủ của mình. Tuy nhiên, chúng không tốt bằng các chuyển hướng phía máy chủ, cung cấp hiệu suất tốt hơn (thời gian tải nhanh hơn) và nhiều kiểm soát hơn về quy trình chuyển hướng, bao gồm khả năng xử lý các loại mã trạng thái HTTP.

Nói vậy, nếu bạn cần một giải pháp nhanh chóng để chuyển hướng khách truy cập mà không cần thay đổi cấu hình máy chủ, chuyển hướng HTML có thể là điều bạn cần.

Cách Chuyển Hướng Một Trang Đến Một Trang Khác Trong HTML

Chỉ cần dán mã dưới đây vào phần <head> của trang mà bạn muốn chuyển hướng và thay thế các giá trị “content” và “URL”.

<meta http-equiv="refresh" content="0; URL=https://example.com/new-page"/>

Dưới đây là tổng quan về các thành phần chính:

• http-equiv=“refresh” cho trình duyệt biết để chuyển hướng trang
• content=“0; chỉ định số giây cần chờ trước khi chuyển hướng. Đặt giá trị này thành "0" sẽ tạo ra một chuyển hướng ngay lập tức, trong khi bất kỳ số nào khác (như "5") sẽ tạo ra một chuyển hướng trì hoãn, chờ số giây đã chỉ định trước khi gửi người dùng đến trang mới.
• URL=“URL=https://www.yoururl.com/newpage” cho trình duyệt biết URL nào để gửi người dùng đến

Chỉ cần đảm bảo bạn cẩn thận khi chọn giữa chuyển hướng ngay lập tức và chuyển hướng trì hoãn.

Google hiểu các chuyển hướng ngay lập tức là vĩnh viễn (có nghĩa là bạn không có kế hoạch sử dụng lại trang đã chuyển hướng) và các chuyển hướng trì hoãn là tạm thời.

Các Thực Hành Tốt Nhất Về Chuyển Hướng HTML

Khi thực hiện một chuyển hướng HTML đến một trang mới, hãy tuân theo các thực hành tốt nhất sau:

• Tránh chuỗi chuyển hướng. Không bao giờ chuyển hướng đến một trang đã được chuyển hướng. Những chuỗi này không chỉ làm người dùng thất vọng, mà còn gây hại cho SEO của bạn. Thay vào đó, luôn chuyển hướng đến trang đích cuối cùng.
• Chuyển hướng đến các trang liên quan. Gửi người dùng đến các trang phù hợp với ý định của họ. Ví dụ, nếu một trang sản phẩm tạm thời không khả dụng, hãy chuyển hướng đến một trang sản phẩm tương tự thay vì một trang danh mục không liên quan. Điều này giúp người dùng tiếp tục hành trình của họ một cách tự nhiên và giảm tỷ lệ thoát.
• Cung cấp ngữ cảnh. Vì chuyển hướng HTML yêu cầu trang gốc phải tải trước, hãy thêm một thông điệp ngắn cho người dùng biết lý do tại sao họ đang bị chuyển hướng như "Bộ sưu tập này đã được cập nhật. Đưa bạn đến các thiết kế mới nhất của chúng tôi." Ngữ cảnh này giúp người dùng hiểu điều gì đang xảy ra và giảm sự nhầm lẫn.
• Bao gồm các liên kết dự phòng. Các trình duyệt cũ có thể không hỗ trợ thẻ meta refresh, vì vậy tốt nhất là hiển thị một liên kết dự phòng với thông điệp như "Nếu bạn không được chuyển hướng tự động, hãy nhấp vào đây." Điều này đảm bảo mọi người có thể đến được đích của họ, ngay cả khi chuyển hướng tự động thất bại.
• Đặt thời gian hợp lý. Nếu bạn đang sử dụng chuyển hướng trì hoãn, hãy đảm bảo chúng được đặt thời gian hợp lý để tránh mất người dùng trước khi chuyển hướng xảy ra. Một độ trễ năm giây hoạt động tốt cho hầu hết các tình huống.

Tại Sao Nên Tránh Chuyển Hướng HTML Khi Có Thể

Mặc dù chuyển hướng HTML có thể tiện lợi, nhưng có một vài lý do để tránh chúng nếu bạn có thể:

• Trải nghiệm người dùng kém: Chuyển hướng HTML yêu cầu trình duyệt phải tải trước trang gốc, xử lý thẻ meta refresh, và sau đó tải trang đích. Việc tải hai lần này khiến trang web của bạn cảm thấy chậm chạp và có thể làm người truy cập thất vọng.
• Tác động đến SEO: Các công cụ tìm kiếm cần xử lý cả hai trang, điều này dẫn đến việc thu thập dữ liệu trở nên chậm hơn trên trang web của bạn. Thêm vào đó, chuyển hướng HTML truyền ít giá trị liên kết từ trang gốc so với các loại chuyển hướng khác.
• Hỗ trợ trình duyệt không đồng nhất: Một số trình duyệt cũ có thể xử lý các thẻ meta refresh khác nhau hoặc thậm chí bỏ qua chúng. Sự không nhất quán này có thể dẫn đến hành vi không thể đoán trước cho người truy cập của bạn.
• Những lo ngại về bảo mật: Các chuyển hướng meta refresh dễ bị các tác nhân độc hại thao túng hơn so với các chuyển hướng phía máy chủ. Chúng thường được sử dụng trong các cuộc tấn công lừa đảo, đó là lý do tại sao một số trình duyệt đánh dấu các trang có meta refresh là có thể nghi ngờ.

Các lựa chọn thay thế tốt hơn cho chuyển hướng HTML

Thay vì thực hiện chuyển hướng bằng HTML, hãy xem xét sử dụng các lựa chọn thay thế đáng tin cậy hơn như chuyển hướng 301 và 302 phía máy chủ.

Chuyển hướng 301 và 302 nhanh hơn so với chuyển hướng HTML, ít có khả năng ảnh hưởng xấu đến hiệu suất SEO của bạn và có tác động ít hơn đến trải nghiệm người dùng.

Dưới đây là ý nghĩa của từng loại chuyển hướng và khi nào nên sử dụng chúng:

Chuyển hướng 301

Chuyển hướng 301 là các chuyển hướng vĩnh viễn cho biết với các công cụ tìm kiếm rằng một trang đã di chuyển mãi mãi.

Sử dụng các chuyển hướng này khi:

• Bạn đã di chuyển một trang đến một URL mới một cách vĩnh viễn
• Bạn đang chuyển sang một miền mới
• Bạn đang hợp nhất nhiều trang thành một trang

Với chuyển hướng 301, bạn đang thông báo cho các công cụ tìm kiếm rằng trang cũ không còn tồn tại.

Với phương pháp này, bạn truyền lại phần lớn giá trị liên kết từ trang cũ sang trang mới. Và các công cụ tìm kiếm biết để cập nhật liên kết cũ bằng liên kết mới trong kết quả tìm kiếm.

Chuyển hướng 302

Chuyển hướng 302 là các chuyển hướng tạm thời cho biết với các công cụ tìm kiếm rằng một trang đã di chuyển trong thời gian ngắn.

Sử dụng chuyển hướng 302 khi:

• Bạn đang A/B thử nghiệm các phiên bản trang khác nhau
• Bạn đang bảo trì tạm thời một trang
• Bạn cần chuyển hướng người dùng dựa trên vị trí hoặc thiết bị của họ
• Bạn đang chạy một chương trình khuyến mãi hoặc chiến dịch ngắn hạn

Vì chuyển hướng 302 chỉ là tạm thời, các công cụ tìm kiếm có thể không cập nhật kết quả tìm kiếm với liên kết mới.

Điều này có nghĩa là bạn cần theo dõi các chuyển hướng 302 của mình và loại bỏ chúng khi không còn cần thiết.

Dễ dàng kiểm tra các chuyển hướng của bạn

Nếu trang web của bạn có các chuyển hướng, bạn sẽ muốn có một cách đơn giản để kiểm tra chúng và đảm bảo chúng hoạt động như mong muốn.

Bạn có thể sử dụng bảng tính để theo dõi, nhưng bảng tính có thể khó quản lý.

Hơn nữa, nếu bạn quên thêm một chuyển hướng vào bảng của mình, bạn có thể quên nó (và quên loại bỏ nó nếu cần).

Một cách dễ dàng hơn là sử dụng công cụ Site Audit của Semrush.

Để bắt đầu, hãy nhập tên miền của bạn và nhấn “Bắt đầu kiểm tra.”

Công cụ sẽ yêu cầu bạn thiết lập một dự án và cấu hình các cài đặt kiểm tra. Sau đó, công cụ sẽ tự động bắt đầu kiểm tra trang web của bạn.

Khi việc kiểm tra hoàn tất, bạn sẽ thấy một báo cáo tổng quan như thế này.

Sau đó, nhấp vào số bên cạnh “Chuyển hướng.”

Tại đây, bạn sẽ thấy danh sách các chuyển hướng trên trang web của bạn, để bạn có thể đảm bảo mỗi trang có loại chuyển hướng đúng.

Site Audit cũng giúp bạn phát hiện các chuỗi chuyển hướng.

Dưới đây là cách:

Dưới tab "Vấn đề", tìm kiếm "chuỗi chuyển hướng" và nhấp vào số lượng chuỗi và vòng lặp chuyển hướng được tìm thấy.

Sử dụng báo cáo này để xác định—và sau đó sửa chữa—các trang có nhiều chuyển hướng nhằm mang lại trải nghiệm tốt hơn cho người dùng trên trang web của bạn.

Khi bạn sử dụng Site Audit, bạn có thể yên tâm rằng người dùng luôn đến đúng nơi mà họ nên đến.