Hướng dẫn tối ưu các chỉ số thiết yếu về trang web

Chia sẻ: _ _ | Ngày: | Loại File: PDF | Số trang:5

Thêm vào BST

Báo xấu

51
lượt xem 4
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Báo cáo Chỉ số thiết yếu về trang web - Core Web Vitals vừa được Google cập nhật vào giữa năm 2020, thay thế cho báo cáo tốc độ trước kia. Sự ra đời của báo cáo này là để hỗ trợ nhà quản trị website có thể khắc phục trải nghiệm kém của người dùng trên trang. Tài liệu giải đáp về những chỉ số thiết yếu về trang web; cách tối ưu chỉ số thiết yếu về trang web một cách triệt để; tối ưu tốc độ website trên di động; tối ưu tốc độ trên máy tính - PC.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Hướng dẫn tối ưu các chỉ số thiết yếu về trang web

LỜI MỞ ĐẦU Báo cáo Chỉ số thiết yếu về trang web - Core Web Vitals vừa được Google cập nhật vào giữa năm 2020, thay thế cho báo cáo tốc độ trước kia. Sự ra đời của báo cáo này là để hỗ trợ nhà quản trị website có thể khắc phục trải nghiệm kém của người dùng trên trang. Cải thiện các chỉ số thiết yếu về trang web - core web vitals là cải thiện hiệu suất của website, gia tăng trải nghiệm người dùng khi đến với web. Để các chỉ số này tiến dần về sự hoàn hảo là điều mà người làm web hay doanh nghiệp nào cũng mong muốn nhưng không dễ thực hiện, nó đòi hỏi ở bạn những kiến thức và kỹ năng về hệ thống, cấu trúc website, về kỹ thuật SEO chuyên nghiệp,... LPTech với hơn 10 năm kinh nghiệm trong lĩnh vực Tối ưu Website, Thiết Kế Website, Dịch Vụ SEO, công ty đã hệ thống lại các tài liệu liên quan đến vấn đề “Hướng dẫn Tối ưu chỉ số thiết yếu về trang web toàn diện”. Chúng tôi muốn chia sẻ những kinh nghiệm này cho bạn đọc, đặc biệt là cho những bạn, doanh nghiệp thực sự quan tâm đến vấn đề này. 1
Hướng dẫn tối ưu các chỉ số thiết yếu về trang web Báo cáo Chỉ số thiết yếu về trang web - Core Web Vitals vừa được Google cập nhật vào giữa năm 2020, thay thế cho báo cáo tốc độ trước kia. Sự ra đời của báo cáo này là để hỗ trợ nhà quản trị website có thể khắc phục trải nghiệm kém của người dùng trên trang. Chỉ số thiết yếu về trang web - Core Web Vitals là gì? Chỉ số thiết yếu về trang chỉ ra hiệu suất của các trang (page) trong website theo dữ liệu sử dụng thực tế, đôi khi là dữ liệu thực tế tại trang. Vậy dựa vào đâu để Google có thể lấy được các dữ liệu sử dụng thực tế và trả về kết quả trên báo cáo? Câu trả lời chính là: Báo cáo trải nghiệm trên Chrome được tổng hợp từ người dùng toàn thế giới. Nhà quản trị web có thể xem xét tình trạng các trang trong website đang ở mức nào khi user sử dụng điện thoại di động hay máy tính bàn để truy cập vào trang web, bên cạnh đó Google Search Console còn chỉ ra những vấn đề nào đang cần được quan tâm để tối ưu trải nghiệm người dùng tốt hơn. LPTech đã có một bài viết chi tiết về giải thích về 3 loại chỉ số LCP, FID và CLS mà báo cáo này dựa vào để đánh giá hiệu suất trang web. Bạn có thể tìm đọc tại đây: Google Search Console Cập Nhật Chỉ Số Thiết Yếu Về Trang Web - Core Web Vitals 2
Tại sao cần tối ưu chỉ số thiết yếu về trang web ? Mỗi chỉ số quan thiết yếu về trang thể hiện cho những khía cạnh trải nghiệm của người dùng khi đến website. Theo nghiên cứu từ Google, thời gian tải trang ảnh hưởng nghiêm trọng đến tỷ lệ thoát trang và thời lượng mà người dùng ở trên trang. Cụ thể rằng: 1. Nếu thời gian tải trang tăng từ 1 giây lên 3 giây, tỷ lệ thoát sẽ tăng 32% 2. Nếu thời gian tải trang tăng từ 1 giây lên 5 giây, tỷ lệ thoát sẽ tăng 90% 3. Nếu thời gian tải trang tăng từ 1 giây lên 6 giây, tỷ lệ thoát sẽ tăng 106% Với những nhà quản trị website, tối ưu các chỉ số thể hiện hiệu suất luôn là mục tiêu hàng đầu, không ai muốn một website chất lượng với những bài viết tốt nhưng lại không được người dùng vào xem chỉ bởi vì phải đợi tải trang. Thoát ra là hành vi hoàn toàn bình thường khi người ta phải đợi điều gì đó quá lâu. Tối ưu các chỉ số thiết yếu đồng nghĩa với việc tối ưu những trải nghiệm, cải thiện tốc độ và hiệu suất tổng thể của trang web khi được mở trên thiết bị di động và cả máy tính để bàn. Cách tối ưu chỉ số thiết yếu về trang web một cách triệt để? Tối ưu triệt để các chỉ số thiết yếu về trang web là mong muốn của nhiều nhà quản trị web, các doanh nghiệp nhưng làm cách nào để có thể thực hiện được điều đó. Để các chỉ số này được tối ưu 100% bạn cần cải thiện một số yếu tố ảnh hưởng đến tốc độ trang như chất lượng hosting và server, dung lượng website, bộ nhớ đệm - cache plugin,.. Đối với những nhà quản lý doanh nghiệp bình thường chưa hiểu rõ về lĩnh vực thiết kế và tối ưu website thì để làm được điều này là quá khó khăn. Khi đó, bạn hãy tìm đến các chuyên gia, họ là những lập trình viên, chuyên viên tối ưu chuyên nghiệp có kiến thức và kỹ năng chuyên môn trong lĩnh vực này, họ luôn sẵn sàng hỗ trợ bạn trong việc tối ưu triệt để các chỉ số thiết yếu như mong muốn. 3
Tối ưu tốc độ website trên di động. Áp dụng AMP vào website. Công nghệ AMP được Google nghiên cứu và cho ra mắt nhằm mục tiêu tối đa hoá 100% trải nghiệm khi có các truy cập bằng các thiết bị di động. Google vẫn luôn quan tâm và cố gắng phục vụ users của họ một cách tốt nhất và người dùng thì thường không thích chờ đợi. Bạn có thể tìm hiểu về AMP một cách chi tiết hơn trong bài viết sau đây của LPTech: AMP Là Gì?. Công nghệ này nổi bật lên với khả năng tối ưu tốc độ trang ngay lập tức (tức thời), đáp ứng hoàn hảo tiêu chí Mobile first. AMP được nhiều nhà thiết kế website áp dụng vào sản phẩm của mình nhằm tăng trải nghiệm của người dùng và nhận được đánh giá cao từ Google - ông lớn mà website nào cũng muốn chinh phục. Thiết Kế Website Amp sẽ giúp bạn tối ưu được các chỉ số thiết yếu về trang web khi thời gian tải trang giờ đây chỉ được tính bằng mili giây. Sử dụng canonical để xác định đường dẫn cho AMP. Canonical là thuộc tính nằm trong các thẻ của HTML khi thiết kế website, thẻ này giúp các Googlebot xác định sự tồn tại duy nhất của web hay của một trang duy nhất. Hiểu đơn giản hơn là đôi khi, với cùng nội dung nhưng lại có nhiều kiểu đường dẫn được đưa về đó, lúc đó thẻ canonical sẽ giúp các con bots hiểu rằng đâu mới là đường dẫn gốc. Sử dụng thẻ này giúp bạn tránh được lỗi trùng lặp nội dung (duplicate content), một trong những lỗi nặng nhất. Các trang (page) trong website được áp dụng công nghệ AMP sẽ có đường dẫn hơi khác với những đường dẫn nguyên gốc và việc sử dụng thẻ canonical để xác định đường dẫn cho AMP là điều cần thiết. Điều này là một dấu hiệu thông báo với Google về sự tồn tại của một trang duy nhất, hãy bỏ qua những biến thể URL của AMP và đừng đánh lỗi trùng lặp. Google đã thông báo rất rõ ràng về việc này và việc của những nhà quản trị web là cần nhớ và thực hiện sao cho đúng! Tối ưu hình ảnh trên website. Tối Ưu Hình Ảnh Website là công việc thường xuyên, cơ bản và cần làm nhất nếu bạn muốn tối ưu các chỉ số thiết yếu về trang web. Hãy đảm bảo hình ảnh của bạn có ý nghĩa, mang tính thẩm mỹ và có kích thước phù hợp. Giảm thiểu dung lượng và kích thước hình ảnh sẽ giúp thời gian tải trang được tối ưu nhiều hơn. Bạn có thể áp dụng những định dạng hình ảnh khác nhau sao cho phù hợp với mục tiêu của mình nhưng đừng để hình quá lớn hay quá nhỏ nhé! Nếu kích thước hay dung lượng quá nhỏ thì nó sẽ ảnh hưởng đến chất lượng hình khi lên web, còn ngược lại hình ảnh quá lớn thì bạn biết rồi đấy, khi đó đừng nghĩ đến việc sở hữu báo cáo chỉ số thiết yếu toàn là màu xanh! 4
Ngoài ra còn có các kỹ thuật khác cần làm như: ● Áp Dụng Lazy loading vào toàn bộ hình ảnh trên website. ● Kiểm tra và cải thiện Khả năng tiếp cận của website - Accessibility. ● Kiểm tra tính thân thiện di động của website - Mobile-friendly. Mời bạn xem chi tiết tại đây: Tối ưu tốc độ website trên thiết bị di động Tối ưu tốc độ trên máy tính - PC Quan trọng không kém việc tối ưu tốc độ website trên di động, tối ưu tốc độ trên máy tính - PC cũng là nhân tố ảnh hưởng lớn đến kết quả của báo cáo chỉ số thiết yếu về trang do Google cung cấp. Thiết kế website chuẩn tối ưu cho máy tính để bàn là điều mà mọi nhà quản trị web cần quan tâm thực hiện. 1. Tối ưu hoá CSS và JS. 2. Tối ưu code Backend. 3. Sử dụng Cache và Preload. 4. Bật nén Gzip. 5. Sử dụng CDN. Tối ưu Server /Hosting tăng tốc website. Nếu bạn sử dụng SERVER riêng thì việc tối ưu là vô cùng cần thiết. Tối ưu server gồm: 1. Cài đặt cấu hình hệ thống Caching 2. Cấu hình tối ưu nén hình ảnh tự động 3. Cấu hình backup database 4. Cấu hình Nén CSS, JS tự động 5. Cấu hình load balancing Nginx và Apache. 5