Crawling – Indexing – Ranking, quy trình xếp hạng trang web thông dụng của các công cụ tìm kiếm.
Tuy nhiên năm 2018, Google xác nhận Rendering là một phần của quá trình xếp hạng và diễn ra ngay sau quá trình Crawling.
Trong hướng dẫn này cùng tìm hiểu tổng quan Rendering là gì? Quá trình này diễn ra như thế nào?
Rendering (kết xuất) là quá trình các công cụ tìm kiếm truy xuất các trang trên website của bạn, phân tích code, đánh giá nội dung để “xem trước” trang sẽ trông như thế nào đối với người dùng.
Tất cả các thông tin thu thập được trong quá trình Rendering sẽ được sử dụng để xếp hạng website trên bảng tìm kiếm.
Giống như cách người dùng sử dụng trình duyệt để truy cập vào các website thông qua URL, các công cụ tìm kiếm (cụ thể ở đây là Google) sẽ sử dụng Puppeteer (headless chrome) ngay trên web server.
Về cơ bản, sự khác biệt giữa Indexing (lập chỉ mục) và Rendering (kết xuất) có thể được minh họa bằng hai hình ảnh sau:
Đây là 2 nội dung giống nhau tuy nhiên 1 phiên bản dùng trong Indexing, phiên bản còn lại sử dụng trong Rendering.
Rendering (Kết xuất) xảy ra sau khi một trang đã được thu thập thông tin (crawling) và trước quá trình lập chỉ mục (Indexing).
Rendering (kết xuất) cực kỳ quan trọng, nó giúp các công cụ tìm kiếm:
Những thông tin thu thập được từ quá trình Rendering sẽ được sử dụng để đánh giá xếp hạng trang web
Trong ví dụ này cùng tìm hiểu quá trình kết xuất trang web của công cụ tìm kiếm (đại diện trong ví dụ này là Google).
Rendering đóng vai trò quan trọng giúp các công cụ tìm kiếm đánh giá trải nghiệm người dùng. Dưới đây là các lưu ý giúp tăng hiệu quả cảu quá trình kết xuất:
Nội dung hướng đến người dùng, lược bỏ các hiệu ứng không cần thiết. Ưu tiên sử dụng cấu trúc HTML thông dụng.
Tối ưu việc sử dụng các đoạn mã bên thứ 3 để đo lường đánh giá hiệu quả nội dung. Khi sử dụng quá nhiều tập lệnh bên thứ 3 có thể gây tác động tiêu cực đến hiệu suất hiển thị, bảo mật, quyền riêng tư của người dùng.
Theo HTTPArchive, hình ảnh là nội dung tốn tài nguyên nhất với trung bình khoảng 900KB.
Tính năng Lazy Load được hỗ trợ từ Chrome 76. Thêm thuộc tính loading=”lazy” để giamr độ trễ thời gian cũng như tăng tốc độ tải.
Tương tự, bạn cũng có thể tải tập lệnh không đồng bộ bằng cách thêm thuộc tính:
Bộ nhớ đệm giúp cải thiện hiệu suất quá trình kết xuất vì nó làm giảm các request không cần thiết. Hiện tại, nó đã được hỗ trợ trên tất cả các trình duyệt và không mất quá nhiều thời gian để thiết lập.
Với các website sử dụng javascript, nếu bạn chia JS thành các gói nhỏ dành riêng cho 1 chức năng cụ thể, chúng sẽ dễ dàng lưu vào bộ nhớ đệm trong thời gian dài.
Xem thêm Google’s Web Fundamentals để hiểu rõ hơn về cách thức và nội dung bạn hiện lưu trong bộ nhớ cache.
Trong quá trình tải trang, Google có thể nắm bắt được các mốc thời gian quan trọng như Time to First Byte (TTFB) đến Time to Interactive (TTI), mức độ thân thiện với thiết bị di động ra sao. Tất cả những điều này đều là những yếu tố xếp hạng trang web.
Lighthouse là một công cụ kiểm tra miễn phí có thể giúp bạn xác định các vấn đề về hiệu suất.
JavaScript giúp tăng trải nghiệm người dùng tuy nhiên nó cũng gây khó khăn cho các công cụ tìm kiếm trong việc kết xuất nội dung.
Điều này không có nghĩa bạn lược bỏ hoàn toàn JavaScript khỏi Website mà hãy sử dụng nó một cách hợp lý và tối giản nhất.
Ghi chú
Rendering giúp các công cụ tìm kiếm đánh giá sơ bộ và hiểu trải nghiệm người dùng trên Website.
Để tăng hiệu suất của quá trình rendering cần chú ý đến tốc độ tải, hiệu suất, bộ nhớ đệm, tối giản hóa nội dung…
Nguồn tham khảo trong bài viết:
Web.dev
Blog.google
httparchive.org
Search Engine Journal
Developers.google.com
Bài viết trong chương: 3 Search Feature
Blog
Top Content
Copyright © 2022 SEO69