Name: Hướng dẫn Lập trình Web - Liên kết bền vững (Web Development Tutorial - Link persistency)
Uploaded: 2026-03-13T18:13:32.000Z
Duration: 5 min 46 s
Description: Thousands of YouTube videos with English-Chinese subtitles! Now you can learn to understand native speakers, expand your vocabulary, and improve your pronunciation...

The loose one way linking of the web is one of the major reasons the web has been so successful.

Việc liên kết một chiều trên web là một trong những lý do chính khiến web thành công đến vậy.

It's also a significant contributor to the web not being resilient.

Nó cũng là một yếu tố quan trọng khiến web không có tính ổn định.

Broken links can make it almost impossible for web users to find what they're looking for, and

Các liên kết hỏng có thể khiến người dùng web gần như không thể tìm thấy thứ họ đang tìm kiếm, và

there's no feature or service out there to automatically fix them.

không có tính năng hay dịch vụ nào có thể tự động sửa chúng.

The good news is the web platform has tools built in to ensure links don't get broken when resources are moved or deleted or something else happens.

Tin tốt là nền tảng web có các công cụ tích hợp để đảm bảo các liên kết không bị hỏng khi tài nguyên được di chuyển, xóa hoặc xảy ra sự cố khác.

It's not a perfect fix for all issues, but

Nó không phải là giải pháp hoàn hảo cho mọi vấn đề, nhưng

it is a toolkit developers can and should use to ensure they don't contribute to the growing problem of broken links on the web.

đó là một bộ công cụ mà các nhà phát triển có thể và nên sử dụng để đảm bảo họ không góp phần vào vấn đề ngày càng tăng của các liên kết hỏng trên web.

Chúng được gọi là HTTP redirects.

If a web resource so a document, an image page, a website or anything else is moved from its known location, anyone trying to visit that old location gets a 404not found response.

Nếu một tài nguyên web, chẳng hạn như tài liệu, trang hình ảnh, trang web hoặc bất kỳ thứ gì khác, bị di chuyển khỏi vị trí cũ, bất kỳ ai cố gắng truy cập vị trí cũ đó sẽ nhận được phản hồi 404 not found.

This response is so common it's become part of our culture.

Phản hồi này phổ biến đến nỗi nó đã trở thành một phần văn hóa của chúng ta.

Strong signal the issue of broken links is a systemic problem on the web.

Tín hiệu mạnh mẽ cho thấy vấn đề liên kết hỏng là một vấn đề mang tính hệ thống trên web.

404 is the default fallback for all web services.

404 là mã lỗi mặc định cho tất cả các dịch vụ web.

When a user requests something that doesn't exist, it tells us nothing about why that thing doesn't exist.

Khi người dùng yêu cầu thứ gì đó không tồn tại, nó không cho chúng ta biết lý do tại sao thứ đó không tồn tại.

If it was moved or removed or simply never existed, or if the URL was wrong, it just says not found.

Nếu nó bị di chuyển, xóa hoặc đơn giản là chưa từng tồn tại, hoặc nếu URL sai, nó chỉ báo không tìm thấy.

Chúng ta có thể làm tốt hơn nhiều.

Using HTTP status codes, you can instruct browsers and search engines to temporarily or permanently redirect the request to a resour that has been moved.

Sử dụng mã trạng thái HTTP, bạn có thể hướng dẫn trình duyệt và công cụ tìm kiếm tạm thời hoặc vĩnh viễn chuyển hướng yêu cầu đến tài nguyên đã được di chuyển.

This is done using codes in the 300 range.

Điều này được thực hiện bằng cách sử dụng các mã trong phạm vi 300.

303 see other 307 temporary redirect or 308 permanent redirect.

303 xem khác, 307 chuyển hướng tạm thời hoặc 308 chuyển hướng vĩnh viễn.

Tại sao lại có nhiều tùy chọn như vậy, bạn hỏi?

Because the web has evolved and here again we find progressive enhancement at play.

Bởi vì web đã phát triển và ở đây chúng ta lại thấy sự cải tiến lũy tiến đang hoạt động.

Let me break down when to use these codes with some scenarios.

Để tôi giải thích khi nào nên sử dụng các mã này với một vài tình huống.

You've moved a resource permanently to a new location.

Bạn đã di chuyển một tài nguyên vĩnh viễn đến một vị trí mới.

This could be a different URL on the same domain, or it could be a new domain.

Đây có thể là một URL khác trên cùng một tên miền, hoặc có thể là một tên miền mới.

In this scenario, use 301 moved permanently.

Trong tình huống này, hãy sử dụng 301 di chuyển vĩnh viễn.

The browser will automatically load the new location and search engines will treat the new location as the canonical location so you don't lose any of that precious SEO juice.

Trình duyệt sẽ tự động tải vị trí mới và các công cụ tìm kiếm sẽ coi vị trí mới là vị trí chính thức để bạn không bị mất bất kỳ lượng SEO quý giá nào.

A 301 message kind of indicates the original location will eventually disappear and actively encourages the use of the new location.

Thông báo 301 cho biết vị trí ban đầu sẽ biến mất và khuyến khích sử dụng vị trí mới.

Instead of Scenario two, you've temporarily moved a resource, but you might bring it back later.

Thay vì Kịch bản hai, bạn đã di chuyển tạm thời một tài nguyên, nhưng có thể sẽ đưa nó trở lại sau.

The traditional approach here is to use 302 found.

Cách tiếp cận truyền thống ở đây là sử dụng 302 found.

Nhưng về mặt kỹ thuật thì điều này là sai.

You should use either 303c other, which forces a GET request to the new location, or 307, which provides the browser with a new URL and sends either a get or post or a push or pull request to the new location.

Bạn nên sử dụng 303c other, buộc yêu cầu GET đến vị trí mới, hoặc 307, cung cấp cho trình duyệt một URL mới và gửi yêu cầu get, post, push hoặc pull đến vị trí mới.

if the target is meant to receive some form of data, like a form Input send using post, 307 must be used instead.

nếu đích đến được thiết kế để nhận một số dạng dữ liệu, như nhập liệu biểu mẫu được gửi bằng post, thì phải sử dụng 307 thay thế.

Both 303 and 307 are for temporary redirects, meaning there's a good reason for the user to assume the resource will return to the original location and should therefore continue using that URL.

Cả 303 và 307 đều dành cho chuyển hướng tạm thời, nghĩa là có lý do chính đáng để người dùng giả định tài nguyên sẽ quay trở lại vị trí ban đầu và do đó nên tiếp tục sử dụng URL đó.

However, if 303 and 307 redirects remain in place for a long time, search engines may treat them as 301 redirects instead.

Tuy nhiên, nếu các chuyển hướng 303 và 307 tồn tại trong một thời gian dài, các công cụ tìm kiếm có thể coi chúng là chuyển hướng 301.

Which brings us to the final option 308 permanent redirect.

Điều này đưa chúng ta đến tùy chọn cuối cùng, 308 permanent redirect.

This code works like 307 by preserving get and post requests, but

Đoạn mã này hoạt động giống như 307 bằng cách giữ nguyên các yêu cầu GET và POST, nhưng

indicates a permanent redirect in line with 301.

chỉ ra một chuyển hướng vĩnh viễn tương tự như 301.

So what's the difference between 301 and 308?

Vậy sự khác biệt giữa 301 và 308 là gì?

A 301 redirect implies that the browser should pass the intent request to the new location, be that get or post or anything else.

Chuyển hướng 301 ngụ ý rằng trình duyệt nên chuyển yêu cầu có ý định đến vị trí mới, dù là GET, POST hay bất cứ thứ gì khác.

But in many cases, browsers convert the request to a GET request, meaning if the user filled the form and then hit a 301 redirect, they are redirected and have to refill the form.

Nhưng trong nhiều trường hợp, trình duyệt sẽ chuyển đổi yêu cầu thành yêu cầu GET, nghĩa là nếu người dùng đã điền vào biểu mẫu rồi gặp chuyển hướng 301, họ sẽ bị chuyển hướng và phải điền lại biểu mẫu.

A308 redirect must perform the same request exactly, so if a form was filled, then the post request is forwarded to the new domain.

Chuyển hướng 308 phải thực hiện chính xác cùng một yêu cầu, vì vậy nếu một biểu mẫu đã được điền, yêu cầu POST sẽ được chuyển tiếp đến miền mới.

Here's my recommendation to make all of this practical and make resilient links.

Đây là đề xuất của tôi để làm cho tất cả những điều này trở nên thiết thực và tạo ra các liên kết bền vững.

Number one Anytime you move a resource to a new location, use a redirect to ensure visitors using the old URL actually get the resource they're looking for.

Thứ nhất, bất cứ khi nào bạn di chuyển một tài nguyên đến một vị trí mới, hãy sử dụng chuyển hướng để đảm bảo khách truy cập sử dụng URL cũ thực sự nhận được tài nguyên họ đang tìm kiếm.

In most cases, this will be either a 301 or a 308 redirect.

Trong hầu hết các trường hợp, đây sẽ là chuyển hướng 301 hoặc 308.

Number two if you're sending data, use either a 307 temporary or 308 permanent redirect message, because that preserves the intent of the original request.

Thứ hai, nếu bạn đang gửi dữ liệu, hãy sử dụng thông báo chuyển hướng tạm thời 307 hoặc vĩnh viễn 308, vì điều đó sẽ giữ nguyên ý định của yêu cầu ban đầu.

Number three if you are replacing a resource with an updated resource, provide clear notice to the user that they're looking at a replacement, ideally with a link to the original.

Ba là, bất cứ khi nào bạn thay thế một tài nguyên bằng một tài nguyên đã cập nhật, hãy thông báo rõ ràng cho người dùng rằng họ đang xem một bản thay thế, lý tưởng nhất là kèm theo liên kết đến bản gốc.

If you're permanently removing a resource, redirect to a central page with relevant resources to avoid the user landing on a 404 page.

Nếu bạn xóa vĩnh viễn một tài nguyên, hãy chuyển hướng đến một trang trung tâm với các tài nguyên liên quan để tránh người dùng truy cập vào trang 404.

Number five if the updated or removed content is meaningful, consider creating a page explaining why it has been updated or removed.

Năm là, nếu nội dung đã cập nhật hoặc bị xóa có ý nghĩa, hãy xem xét tạo một trang giải thích lý do nó được cập nhật hoặc xóa.

And finally, number six in the unlikely but not impossible scenario.

Và cuối cùng, sáu là trong trường hợp ít có khả năng xảy ra nhưng không phải là không thể.

You have to move a page for legal reasons.

Bạn phải di chuyển một trang vì lý do pháp lý.

You can use the 451Unavailable for legal reasons message.

Bạn có thể sử dụng thông báo 451 Không khả dụng vì lý do pháp lý.

The code is named after Ray Bradbury's book, Fahrenheit 451.

Mã này được đặt tên theo cuốn sách Fahrenheit 451 của Ray Bradbury.