Hướng dẫn how do i automatically redirect a page in html? - làm cách nào để tự động chuyển hướng một trang trong html?

Để nói với các công cụ tìm kiếm và khách truy cập trang web rằng trang web của bạn đã di chuyển vĩnh viễn đến một vị trí mới với nội dung tương đương sử dụng chuyển hướng 301. Mã của 301 301 được hiểu là đã di chuyển vĩnh viễn. (Tìm hiểu thêm về mã trạng thái HTTP).

Cách đơn giản nhất để chuyển hướng đến URL khác là sử dụng thẻ HTML với tham số HTTP-Equiv được đặt thành Trò chơi làm mới. Thuộc tính nội dung đặt độ trễ trước khi trình duyệt chuyển hướng người dùng đến trang web mới. Để chuyển hướng ngay lập tức, hãy đặt tham số này thành các giây 0 0 cho thuộc tính nội dung.content attribute sets the delay before the browser redirects the user to the new web page. To redirect immediately, set this parameter to “0” seconds for the content attribute.

Nếu bạn muốn chuyển hướng của bạn xảy ra trong một thời gian chính xác, chỉ cần chỉ định tham số ưa thích của bạn (tính bằng giây) cho nội dung. Hãy cùng xem xét một ví dụ, nơi chúng tôi đặt "7" giây là thời gian chuyển hướng.content. Let’s consider an example, where we set "7" seconds as redirection time.

Một số trình duyệt không hiển thị thẻ làm mới một cách chính xác, vì vậy trước khi tải trang tiếp theo, người dùng có thể xem đèn flash dưới dạng trang.

Một số trình duyệt cũ không làm mới chính xác khi bạn thêm một liên kết nhanh. Trong trường hợp đó, bạn có thể thêm một liên kết neo để cho người dùng theo dõi.

Ví dụ về việc chuyển hướng một trang web:

html>
<html>
  <head>
    <meta http-equiv="refresh" content="7; url='https://www.w3docs.com'" />
  head>
  <body>
    <p>Please follow <a href="https://www.w3docs.com">this linka>.p>
  body>
html>

Tìm hiểu thêm về việc chuyển hướng các trang web với JavaScript, PHP, Apache và Node.js.

Nếu bạn thực hiện cập nhật thường xuyên vào trang web kinh doanh của mình, bạn có thể quen thuộc với việc chuyển hướng. Một chuyển hướng về cơ bản cho người dùng trình duyệt của người dùng, Hey Hey, nội dung mà bạn đang tìm kiếm ở URL này. Nhưng đừng lo lắng, chúng tôi sẽ gửi bạn đến đúng nơi.

Hướng dẫn how do i automatically redirect a page in html? - làm cách nào để tự động chuyển hướng một trang trong html?

Mặc dù tốt nhất là nên tránh chuyển hướng khi có thể, nhưng hầu hết các chủ sở hữu trang web thường cần tại một số điểm, cho dù nó có di dời một trang, sắp xếp lại cấu trúc trang web, di chuyển miền hoặc cập nhật URL từ HTTP sang HTTPS. Chuyển hướng thích hợp đảm bảo rằng cả khách truy cập và công cụ tìm kiếm don don chạy vào 404 trang cuối cùng, điều này có thể làm tổn thương trải nghiệm người dùng và thứ hạng SEO của bạn trong một cú đánh.

Dù lý do của bạn để chuyển hướng, có một vài cách để đi về nó. Trong bài đăng này, bạn sẽ học một phương pháp phổ biến, chuyển hướng HTML. Chúng tôi sẽ thảo luận về việc chuyển hướng HTML là gì và làm thế nào để thêm chúng vào trang web của bạn, ngay cả khi bạn không có kiến ​​thức chuyên sâu về HTML. Chúng tôi cũng sẽ xem xét một số phương pháp thay thế để có khả năng tiếp cận tốt hơn. Bắt đầu nào.what an HTML redirect is and how to add them to your website, even if you don’t have in-depth knowledge of HTML. We'll also look at some alternative methods for better accessibility. Let’s get started.

Hướng dẫn how do i automatically redirect a page in html? - làm cách nào để tự động chuyển hướng một trang trong html?

Chuyển hướng HTML là gì?

Chuyển hướng HTML (đôi khi cũng được gọi là meta làm mới hoặc chuyển hướng meta) là một cách chuyển hướng một trang HTML sang một trang khác trong mã nguồn HTML. Chuyển hướng HTML bao gồm các hướng dẫn trong phần của tài liệu cho trình duyệt web tự động làm mới một trang khác, với độ trễ thời gian tùy chọn trước khi làm mới xảy ra. section of the document that tell the web browser to automatically refresh a different page, with an optional time delay before the refresh occurs.

Chuyển hướng HTML là cách đơn giản nhất để chuyển hướng URL. Chúng chỉ liên quan đến một sửa đổi nhỏ đối với mã nguồn của trang HTML cũ và có thể được thực hiện dễ dàng và nhanh chóng. Chuyển hướng HTML sẽ gửi cả người dùng và công cụ tìm kiếm của con người đến trang bạn muốn họ xem.

Ngoài ra, chuyển hướng HTML cho phép bạn đặt thời gian trễ (tính bằng giây) trước khi người dùng hoặc bot công cụ tìm kiếm được gửi đến trang mới. Sự chậm trễ này có ích nếu bạn muốn hiển thị một tin nhắn ngắn gọn trước khi chuyển hướng xảy ra.

Cách chuyển hướng đến một trang khác trong HTML

Để chuyển hướng một trang HTML sang trang khác, bạn cần thêm một thẻ bên trong phần của trang HTML cũ. Phần của tài liệu HTML chứa siêu dữ liệu hữu ích cho trình duyệt, nhưng vô hình khi người dùng xem trang. tag inside the section of the old HTML page. The section of an HTML document contains metadata that is useful for the browser, but invisible to users viewing the page.

Cú pháp cho thẻ này như sau: tag is as follows:

 

Trong chuyển hướng HTML, thẻ chứa hai thuộc tính, HTTP-Equiv và Nội dung. Giá trị của HTTP-Equiv luôn được làm mới-điều này cho trình duyệt rằng bạn muốn tự động làm mới trang. tag contains two attributes, http-equiv and content. The value of http-equiv is always refresh — this tells the browser that you want to automatically refresh the page.

Tiếp theo, thuộc tính nội dung lấy hai giá trị:content attribute takes two values:

  • Delay_time là một giá trị số đặt độ trễ trước khi trình duyệt tải trang web mới. Chẳng hạn, giá trị 3 sẽ khiến trình duyệt chờ ba giây trên trang cũ trước khi chuyển hướng. is a numeric value that sets the delay before the browser loads the new web page. For instance, a value of 3 would make the browser wait three seconds on the old page before redirecting.
  • new_website_url là URL của trang web bạn muốn chuyển hướng đến. is the URL of the web page you want to redirect to.

Hãy chắc chắn đặt hai giá trị này cho nội dung bên trong một cặp trích dẫn kép, được phân tách bằng dấu chấm phẩy. Nếu không, chuyển hướng sẽ không hoạt động.content inside one pair of double quotes, separated by a semicolon. Otherwise, the redirect will not work.

Nếu bạn muốn gửi ngay người dùng đến các trang web mới, chỉ cần đặt thời gian trễ của bạn thành 0. Tuy nhiên, có thể có những trường hợp khi bạn muốn đặt độ trễ trước khi chuyển hướng. Lý do phổ biến nhất là thông báo cho người dùng rằng trang hiện tại không còn tồn tại và họ sẽ sớm được chuyển hướng. Thông báo này thường bao gồm một liên kết để gửi người dùng đến trang mới nếu chúng không được chuyển hướng trong một khoảng thời gian đã đặt.0. However, there may be instances when you want to set a delay before redirecting. The most common reason is to inform users that the current page no longer exists and that they will be redirected soon. This message usually includes a link to send users to the new page if they are not redirected within a set amount of time.

Nếu khách truy cập đang sử dụng trình duyệt web cũ hơn, thì cũng có thể thẻ sẽ không được đọc đúng và chuyển hướng sẽ không xảy ra. Nếu điều này xảy ra, việc đặt độ trễ cho phép người dùng nhấp vào siêu liên kết trên trang cũ và được gửi đến trang mới. tag will not be read properly and the redirect will not occur. If this happens, setting a delay allows the user to click the hyperlink on the old page and be sent to the new page.

Video này giải thích tất cả các bước này chi tiết hơn.

Chuyển hướng ví dụ mã HTML

Bây giờ, hãy để Lôi nhìn vào một ví dụ về mã cho chuyển hướng HTML để hiểu rõ hơn về cách chúng hoạt động.

Tại đây, mã cho một trang HTML chuyển hướng người dùng đến HubSpot.com sau khi trì hoãn ba giây. Lưu ý rằng thẻ được đặt bên trong tài liệu. tag is placed inside the of the document.

 


   
        Old Page
     
     
   
   
     

This page has been moved. If you are not redirected within 3 seconds, click here to go to the HubSpot homepage.


   

Mã này là một ví dụ tốt về cách viết chuyển hướng HTML vì một vài lý do. Đầu tiên, độ trễ đủ ngắn để không gây ra quá nhiều sự gián đoạn đối với trải nghiệm người dùng trong khi vẫn cung cấp cho hầu hết người dùng đủ thời gian để đọc tin nhắn trên màn hình.

Thứ hai, thông báo cung cấp cho người dùng tùy chọn truy cập trang mới ngay lập tức. Nó cũng cung cấp cho người dùng nếu việc làm mới HTML không hoạt động do sự không tương thích của trình duyệt - những khách truy cập này chỉ cần nhấp vào liên kết neo để đi đến trang mới.

HTML chuyển hướng các vấn đề và giải pháp thay thế

Mặc dù chuyển hướng HTML là cách đơn giản nhất để thực hiện chuyển hướng, nhưng chúng cũng trình bày các vấn đề về khả năng tiếp cận. Một số trình duyệt cũ hơn sẽ không hiển thị thẻ đúng cách, dẫn đến trang cũ nhấp nháy trên màn hình trước khi tải trang mới (ngay cả khi bạn đặt độ trễ lâu hơn 0) hoặc trang hoàn toàn không làm mới. tag properly, which results in the old page flashing on-screen before the new page loads (even if you set a delay longer than 0), or the page not refreshing at all.

Nếu bạn thấy trước đây là vấn đề đối với nhiều người dùng, bạn có thể đặt thời gian trễ thành 0 và trong trường hợp trình duyệt không tự động tải trang mới, bao gồm một liên kết neo đến trang mới trong phần như trong ví dụ trên .0 and, in case the browser does not automatically load the new page, include an anchor link to the new page in the section as shown in the example above.

Để tránh những vấn đề này, hãy xem xét sử dụng một phương thức chuyển hướng khác trên trang web của bạn. Phương pháp chuyển hướng phổ biến nhất hiện nay là chuyển hướng HTTP. Chuyển hướng HTTP được cấu hình trên máy chủ lưu trữ trang web và có thể là chuyển hướng 301 (vĩnh viễn) hoặc chuyển hướng 302 (tạm thời).

Xem hướng dẫn của chúng tôi để thiết lập 301 chuyển hướng để có thêm trợ giúp ở đây - quy trình của bạn sẽ phụ thuộc vào những công nghệ cụ thể bạn sử dụng để cung cấp năng lượng cho trang web của bạn. Ví dụ: nếu bạn chạy trang web WordPress, đặt cược tốt nhất của bạn là sử dụng plugin chuyển hướng WordPress, sẽ chăm sóc các công cụ back-end cho bạn và cho phép bạn quản lý và theo dõi tất cả các chuyển hướng trên trang web của bạn từ bảng điều khiển của bạn.

Chuyển hướng JavaScript là một giải pháp thay thế phổ biến khác, mặc dù điều này đòi hỏi một số kiến ​​thức về lập trình JavaScript và có khả năng là thử và sai nhiều hơn để có được đúng. Để tìm hiểu thêm về chuyển hướng JavaScript, bạn có thể tham khảo hướng dẫn của người mới bắt đầu này.

Chuyển hướng HTML: Gửi người dùng đến đúng nơi.

Đối với các tình huống khi bạn nhanh chóng cần chỉ đạo người dùng từ trang này sang trang khác, các chuyển hướng HTML có ích và là một công cụ tuyệt vời cho bất kỳ chủ sở hữu trang web nào có trong túi sau của họ.

Tuy nhiên, loại chuyển hướng này có lẽ không nên là bạn mọi lúc. Nó thường tốt hơn cho tất cả người dùng để thực hiện chuyển hướng HTTP 301 (vĩnh viễn) tiêu chuẩn. Khi nghi ngờ, hãy liên hệ với nhóm hỗ trợ nền tảng của bạn để hiểu ý kiến ​​của họ về những gì tốt nhất cho người dùng và SEO của bạn.

Hướng dẫn how do i automatically redirect a page in html? - làm cách nào để tự động chuyển hướng một trang trong html?