Mixed content xuất hiện khi trang sử dụng HTTPS nhưng vẫn gọi tài nguyên bằng HTTP. Lỗi này có thể khiến hình ảnh, video hoặc tài nguyên cần thiết bị trình duyệt nâng cấp hoặc chặn, từ đó tạo ra trải nghiệm không hoàn chỉnh. Với SEOer, vấn đề đáng quan tâm hơn nằm ở khả năng Google nhìn thấy và kết xuất nội dung giống người dùng hay không. Bài viết giúp bạn nhận diện mixed content, kiểm tra bằng công cụ trình duyệt, đánh giá ảnh hưởng tới quá trình kết xuất và xây dựng quy trình xử lý phù hợp.
Mixed content là gì?
Mixed content xảy ra khi một trang được tải qua kết nối HTTPS nhưng lại yêu cầu tài nguyên từ nguồn HTTP. Ví dụ phổ biến là trang sản phẩm sử dụng HTTPS nhưng hình ảnh sản phẩm vẫn được gọi từ một địa chỉ HTTP. Khi đó, trang chính được bảo vệ bằng kết nối an toàn nhưng một phần tài nguyên lại không được bảo vệ tương tự.
Rủi ro không chỉ nằm ở cảnh báo bảo mật. Tài nguyên không an toàn có thể bị trình duyệt nâng cấp sang HTTPS hoặc bị chặn tùy loại tài nguyên. Nếu tài nguyên bị chặn là hình ảnh quan trọng, video giải thích sản phẩm hoặc thành phần giao diện cần thiết, bố cục trang có thể thay đổi và người dùng không còn nhìn thấy đầy đủ nội dung mà bạn dự kiến.
Hộp ghi nhớ
Một trang HTTPS chưa chắc đã hoàn toàn sạch mixed content. Bạn cần kiểm tra cả tài nguyên mà trang gọi tới. Hình ảnh, video, âm thanh, tập tin kiểu chữ, mã JavaScript, biểu định kiểu và khung nhúng đều cần được xem xét theo cách trình duyệt xử lý từng loại tài nguyên.
Vì sao mixed content đáng quan tâm với SEO?
Google Search hiện sử dụng một phiên bản Chromium hiện đại để kết xuất trang. Google mô tả quy trình tìm kiếm theo các bước thu thập dữ liệu, kết xuất và lập chỉ mục. Khi trang được kết xuất, hệ thống có thể tải thêm các tài nguyên cần thiết để hiểu trạng thái cuối cùng của trang. Vì vậy, lỗi tài nguyên không tải được có thể trở thành vấn đề SEO nếu nó khiến nội dung quan trọng không xuất hiện trong trạng thái mà Google có thể đọc và hiểu.
Điểm cần phân biệt là mixed content không đồng nghĩa với việc một trang chắc chắn mất thứ hạng. Tác động phụ thuộc vào loại tài nguyên bị ảnh hưởng và vai trò của tài nguyên đó đối với nội dung hoặc trải nghiệm trang. Một hình ảnh trang trí bị thay thế có thể ít nghiêm trọng hơn một hình ảnh chứa thông tin sản phẩm hoặc một tài nguyên cần thiết để hiển thị nội dung chính.
SEOer cần đánh giá 3 lớp tác động
- Khả năng tải tài nguyên đối với người dùng.
- Khả năng kết xuất nội dung đối với Google.
- Khả năng duy trì trải nghiệm và chức năng của trang.
Trình duyệt xử lý mixed content như thế nào?
Cách xử lý hiện nay phụ thuộc vào loại tài nguyên. Một số tài nguyên có thể được trình duyệt tự động chuyển từ HTTP sang HTTPS. Nhóm này thường bao gồm hình ảnh được gọi theo cách phù hợp, video và âm thanh. Các loại tài nguyên không thuộc nhóm có thể nâng cấp thường có nguy cơ bị chặn. Tài liệu kỹ thuật hiện hành của Mozilla cũng phân biệt rõ tài nguyên có thể nâng cấp và tài nguyên bị chặn.
| Loại tài nguyên | Khả năng xử lý | Điều SEOer cần kiểm tra |
|---|---|---|
| Hình ảnh | Có thể được nâng cấp sang HTTPS | Địa chỉ ảnh, cách gọi ảnh và khả năng tải |
| Video | Có thể được nâng cấp sang HTTPS | Nguồn video và khả năng truy cập an toàn |
| Âm thanh | Có thể được nâng cấp sang HTTPS | Địa chỉ tài nguyên và phản hồi máy chủ |
| Tập tin mã | Có thể bị chặn | Nguồn tải và khả năng thay thế bằng HTTPS |
| Khung nhúng | Có thể bị chặn | Nguồn nhúng và mức độ cần thiết với trang |
Mozilla hiện khuyến nghị cách xử lý an toàn nhất là phân phối toàn bộ tài nguyên qua HTTPS. Tài liệu cũng chỉ ra rằng trình duyệt có thể hiển thị cảnh báo mixed content và cung cấp thông tin để nhà phát triển tìm tài nguyên không an toàn.
Làm thế nào để phát hiện mixed content?
Bước 1: Mở trang cần kiểm tra
Hãy bắt đầu bằng một URL quan trọng đối với SEO, chẳng hạn trang danh mục, trang dịch vụ, trang sản phẩm hoặc bài viết có nhiều hình ảnh. Mở trang bằng phiên bản HTTPS rồi bật công cụ dành cho nhà phát triển của trình duyệt.
Bước 2: Kiểm tra bảng điều khiển bảo mật
Chrome DevTools có khu vực Privacy and security giúp kiểm tra trạng thái bảo mật của trang. Khi phát hiện mixed content, khu vực Security có thể hiển thị nguồn không an toàn và cho phép bạn chuyển sang Network để xem các yêu cầu liên quan.
Quy trình kiểm tra nhanh
- Mở trang HTTPS cần kiểm tra.
- Mở công cụ dành cho nhà phát triển.
- Kiểm tra khu vực Security.
- Xem các nguồn không an toàn.
- Mở Network để xác định địa chỉ tài nguyên.
- Ghi nhận URL HTTP và loại tài nguyên.
- Kiểm tra khả năng truy cập phiên bản HTTPS.
Bước 3: Kiểm tra Network
Network giúp bạn xác định chính xác tài nguyên nào được yêu cầu. Đây là bước quan trọng bởi cảnh báo ở cấp trang chỉ cho biết có vấn đề, còn SEOer cần biết URL nào đang gây ra vấn đề để giao cho người phụ trách xử lý.
Chrome DevTools cũng có Issues panel để tập hợp các vấn đề mà trình duyệt phát hiện, bao gồm mixed content. Công cụ này giúp bạn giảm thời gian tìm lỗi thủ công khi trang có nhiều loại vấn đề kỹ thuật.
Làm thế nào để kiểm tra mixed content ở quy mô website?
Một trang có thể được kiểm tra thủ công khá nhanh, nhưng website thương mại điện tử hoặc website có hàng nghìn URL sẽ cần cách tiếp cận có hệ thống. SEOer nên kết hợp trình thu thập dữ liệu với kiểm tra thủ công các URL quan trọng.
Mô hình kiểm tra 3 tầng
Tầng 1: Thu thập toàn website để tìm URL HTTP xuất hiện trong tài nguyên.
Tầng 2: Nhóm lỗi theo loại tài nguyên và mức độ quan trọng của URL.
Tầng 3: Kiểm tra thủ công các trang có ảnh hưởng lớn tới chuyển đổi và khả năng hiển thị tìm kiếm.
Mozilla cũng đề xuất sử dụng trình thu thập website hoặc công cụ kiểm tra chuyên dụng để tìm liên kết tài nguyên không an toàn trên quy mô lớn. Cách này phù hợp khi website có nhiều mẫu trang hoặc hệ thống nội dung được tạo tự động.
Case study: xử lý mixed content trên website thương mại điện tử
Giả sử bạn phụ trách SEO cho một website thương mại điện tử có hàng nghìn sản phẩm. Website đã chuyển sang HTTPS nhưng một phần hình ảnh sản phẩm vẫn được gọi từ hệ thống lưu trữ cũ bằng HTTP. Khi kiểm tra một trang sản phẩm, hình ảnh vẫn xuất hiện trên trình duyệt nên đội ngũ ban đầu cho rằng website không có vấn đề.
SEOer tiến hành kiểm tra bằng DevTools và phát hiện nhiều yêu cầu tài nguyên không an toàn. Một số hình ảnh có thể được nâng cấp sang HTTPS vì máy chủ đã hỗ trợ HTTPS. Một nhóm khác không thể tải qua HTTPS do cấu hình máy chủ cũ. Nhóm thứ hai được đánh dấu ưu tiên vì các hình ảnh đó nằm ở khu vực quan trọng của trang.
| Phát hiện | Đánh giá | Hướng xử lý |
|---|---|---|
| Ảnh HTTP có HTTPS hoạt động | Ưu tiên cao | Đổi URL tài nguyên sang HTTPS |
| Ảnh từ máy chủ không hỗ trợ HTTPS | Ưu tiên rất cao | Di chuyển tài nguyên hoặc thay nguồn |
| Tài nguyên không quan trọng | Ưu tiên thấp hơn | Xử lý theo đợt |
Sau khi đội phát triển cập nhật nguồn tài nguyên, SEOer kiểm tra lại các mẫu trang chính, sau đó dùng công cụ thu thập dữ liệu để xác nhận URL HTTP không còn xuất hiện ở những khu vực cần xử lý. Cuối cùng, URL Inspection được dùng để kiểm tra cách Google thu thập và kết xuất các trang quan trọng. Google khuyến nghị sử dụng URL Inspection hoặc Rich Results Test khi cần kiểm tra trạng thái kết xuất của trang.
Một lỗi tài nguyên nhỏ có thể không làm trang biến mất khỏi kết quả tìm kiếm, nhưng nếu tài nguyên đó giữ vai trò quan trọng đối với nội dung thì bạn không nên xem nhẹ khả năng kết xuất bị thiếu.
Mixed content có làm giảm thứ hạng không?
Không nên kết luận rằng mixed content tự động làm giảm thứ hạng. Vấn đề cần đánh giá là hậu quả của lỗi đối với nội dung và khả năng kết xuất. Google hiện cho biết quá trình kết xuất sử dụng Chromium hiện đại và HTML sau khi kết xuất được dùng để hiểu nội dung trang. Vì vậy, nếu một tài nguyên bị chặn khiến nội dung quan trọng không xuất hiện, vấn đề cần được xử lý như một lỗi kỹ thuật ảnh hưởng tới khả năng tiếp cận nội dung.
Hình ảnh cũng có vai trò riêng đối với Google Search. Google có hệ thống thu thập hình ảnh và yêu cầu tài nguyên mà Googlebot cần truy cập phải có khả năng được lấy về. Với trang phụ thuộc vào hình ảnh để truyền tải thông tin chính, SEOer nên kiểm tra cả khả năng truy cập tài nguyên và trạng thái kết xuất.
Có nên dùng cơ chế tự động nâng cấp HTTP sang HTTPS?
Một số website có thể sử dụng chính sách bảo mật để yêu cầu trình duyệt nâng cấp yêu cầu HTTP sang HTTPS. Mozilla mô tả cơ chế upgrade insecure requests như một giải pháp dành cho những hệ thống có nhiều địa chỉ HTTP cũ khó thay đổi đồng loạt. Tuy nhiên, đây không nên được xem là lý do để bỏ qua việc cập nhật URL tài nguyên thực tế.
SEOer nên phối hợp với đội phát triển để xác định nguyên nhân gốc. Nếu hình ảnh đã có phiên bản HTTPS ổn định, thay trực tiếp URL sẽ rõ ràng hơn. Nếu tài nguyên bên thứ ba chỉ cung cấp HTTP, cần tìm nguồn thay thế hoặc chuyển tài nguyên về hệ thống có HTTPS.
Không nên xử lý theo kiểu đối phó
Một website có thể hết cảnh báo ở một URL nhưng vẫn tồn tại hàng trăm URL khác chứa cùng lỗi. Hãy sửa nguồn dữ liệu, mẫu trang hoặc hệ thống quản lý tài nguyên thay vì chỉ xử lý từng URL riêng lẻ.
Keyword Planner nên được dùng thế nào cho chủ đề mixed content?
Google Keyword Planner có thể giúp bạn xác định cách người dùng tìm kiếm các vấn đề liên quan tới HTTPS, bảo mật website, lỗi hình ảnh, lỗi kỹ thuật và SEO kỹ thuật. Tuy nhiên, lượng tìm kiếm thay đổi theo quốc gia, ngôn ngữ, thời điểm và tài khoản sử dụng. Vì vậy, không nên tự điền số liệu nếu chưa có bản xuất thực tế từ tài khoản của bạn.
| Nhóm từ khóa | Dữ liệu cần lấy | Mục đích |
|---|---|---|
| Mixed content | Lượng tìm kiếm và mức cạnh tranh | Đánh giá nhu cầu tổng quát |
| Lỗi HTTPS | Lượng tìm kiếm và ý định | Mở rộng chủ đề |
| Kiểm tra mixed content | Lượng tìm kiếm và biến thể | Xác định nhu cầu hướng dẫn |
Bạn có thể bổ sung dữ liệu từ Search Console sau khi xuất bản bài viết. Khi đó, chiến lược nội dung không chỉ dựa vào nhu cầu dự đoán mà còn dựa trên các truy vấn thực tế đã đưa người dùng tới website.
Checklist xử lý mixed content dành cho SEOer
- Kiểm tra toàn bộ URL quan trọng bằng HTTPS.
- Tìm tài nguyên vẫn được gọi bằng HTTP.
- Phân loại hình ảnh, video, âm thanh và tài nguyên mã.
- Kiểm tra các nguồn tài nguyên bên thứ ba.
- Xác nhận phiên bản HTTPS của từng tài nguyên.
- Kiểm tra cảnh báo trong DevTools.
- Kiểm tra Network để xác định URL gây lỗi.
- Dùng trình thu thập dữ liệu để mở rộng phạm vi kiểm tra.
- Ưu tiên tài nguyên ảnh hưởng tới nội dung chính.
- Kiểm tra lại sau khi đội phát triển sửa lỗi.
- Dùng URL Inspection để kiểm tra cách Google nhìn thấy trang.
- Ghi nhận lỗi vào quy trình kiểm tra kỹ thuật định kỳ.
Quy trình kiểm tra mixed content hiệu quả
Một quy trình tốt không dừng lại ở việc tìm URL HTTP. Bạn cần nối dữ liệu kỹ thuật với mức độ quan trọng của từng trang. Hãy bắt đầu từ các URL mang lại nhiều lượt truy cập tự nhiên, các trang có doanh thu hoặc chuyển đổi cao và những mẫu trang được sử dụng rộng rãi. Khi phát hiện lỗi ở một mẫu, hãy kiểm tra khả năng lỗi đang lặp lại trên toàn bộ hệ thống.
Giai đoạn xử lý nên có sự phối hợp giữa SEO, phát triển và quản trị máy chủ. SEOer xác định phạm vi và mức độ ưu tiên. Đội phát triển xử lý mã nguồn hoặc hệ thống tài nguyên. Sau đó SEOer kiểm tra lại bằng trình duyệt, trình thu thập dữ liệu và công cụ kiểm tra của Google.
Kết luận
Mixed content không còn là cảnh báo nên được xem nhẹ khi website đã chuyển sang HTTPS. Một tài nguyên HTTP có thể được nâng cấp hoặc bị trình duyệt chặn tùy trường hợp, và lỗi trở nên đáng chú ý khi tài nguyên đó ảnh hưởng tới nội dung chính hoặc khả năng kết xuất. Bạn nên kiểm tra từ URL quan trọng, mở rộng bằng trình thu thập dữ liệu, xác định nguyên nhân ở cấp hệ thống rồi kiểm tra lại cách Google nhìn thấy trang. Khi quy trình này trở thành một phần của kiểm toán kỹ thuật định kỳ, website sẽ giảm nguy cơ xuất hiện trang lỗi và duy trì trải nghiệm ổn định hơn.
