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