Cách kiểm tra tối ưu hóa hình ảnh

Hãy bắt đầu giai đoạn chẩn đoán với việc xem xét kích thước và định dạng hình ảnh của trang web, đây là những yếu tố sẽ có tác động lớn nhất đến tốc độ tải trang.

Đầu tiên, bạn có cần hình ảnh không?

Câu hỏi đầu tiên phải tự hỏi khi bắt đầu kiểm tra hình ảnh trang web của mình là liệu hình ảnh có cần thiết hay không. Nếu có thể mang lại trải nghiệm tương tự hiệu quả hơn với CSS hoặc phông chữ web, hãy làm như vậy.

Chọn định dạng hình ảnh phù hợp

Có hai định dạng hình ảnh chính: vector và raster. Định dạng phù hợp cho một trong những hình ảnh của bạn phụ thuộc vào chất lượng cụ thể của nó.

Hình ảnh bao gồm các hình dạng hình học đơn giản là ứng cử viên tuyệt vời cho định dạng vector (SVG). Hình ảnh có hình dạng, màu sắc và chi tiết phức tạp nên được lưu ở một trong các định dạng raster (GIF, PNG hoặc JPEG).

Kiểm tra hình ảnh cho hiệu suất

Có rất nhiều kỹ thuật thực sự kỹ thuật có thể cải thiện thời gian tải trang của trang web. Những thứ như bộ nhớ đệm của trình duyệt, giảm thiểu CSS và trì hoãn các yêu cầu bên ngoài. Cách dễ nhất (và thường hiệu quả nhất) để cải thiện tốc độ trang là thay đổi kích thước và nén hình ảnh.

Khi xác định được định dạng tốt nhất cho hình ảnh của mình, đã đến lúc xem xét các yếu tố hình ảnh cụ thể có thể có tác động tiêu cực đến hiệu suất (tức là tăng thời gian tải trang), cụ thể là:

• Byte trên mỗi pixel

• Tổng số pixel

Tổng kích thước tệp hình ảnh chỉ đơn giản là tổng số pixel nhân với số byte được sử dụng để mã hóa mỗi pixel. Vì vậy, bằng cách tối ưu hóa hai yếu tố này, chúng ta có thể giảm tổng kích thước của tệp, đồng nghĩa với thời gian tải trang nhanh hơn.

Tối ưu hóa byte trên mỗi pixel

Ok, chúng ta hãy nhìn lại kho hình ảnh Screaming Frog của chúng tôi. Kích thước tệp hình ảnh tối đa mặc định của Screaming Frog là "Hơn 100kb." Nếu tất cả hình ảnh của bạn dưới con số này, bạn vẫn ổn.

Tối ưu hóa tổng số pixel

Nếu tối ưu hóa cho từng byte trên mỗi hình ảnh có nghĩa là nén, thì tối ưu hóa cho tổng số pixel có nghĩa là thay đổi kích thước.

Kích thước tự nhiên so với kích thước hiển thị

Lý tưởng nhất là kích thước “tự nhiên” của hình ảnh trên trang web của bạn phải phù hợp với kích thước hiển thị. Điều này có ý nghĩa trực quan. Nếu một hình ảnh chỉ được hiển thị cho người dùng ở kích thước 600 x 302 pixel, không có lý do gì để không lưu hình ảnh xuống kích thước đó. Mặc dù điều này có vẻ dễ dàng và hiển nhiên, nhưng đây là một trong những vấn đề tối ưu hóa hình ảnh phổ biến nhất mà tôi thấy.

Cắt hình ảnh

Một cách hiệu quả khác để giảm tổng kích thước pixel của hình ảnh của bạn là sử dụng tính năng cắt xén hiệu quả. Thông thường, nhiều pixel của hình ảnh đơn giản là không cần thiết. Trong những trường hợp này, việc cắt xén vừa có thể làm giảm tổng số pixel vừa tạo ra hình ảnh có tác động hơn, như bạn có thể thấy trong ví dụ bên dưới.

Kiểm tra hình ảnh để tối ưu hóa từ khóa

Bây giờ chúng tôi đã hiểu cách kiểm tra hình ảnh của mình để định dạng, nén và kích thước - tất cả những điều này sẽ giúp làm cho các trang trên trang web của chúng tôi tải nhanh hơn - hãy xem cách kiểm tra những hình ảnh đó để tìm các lỗi tối ưu hóa từ khóa phổ biến.

Tên tệp

Khi lưu hình ảnh của mình, bạn nên sử dụng tên mô tả ngắn gọn nội dung của hình ảnh. Nếu nội dung của hình ảnh có liên quan đến chủ đề của trang nơi hình ảnh sẽ hiển thị, bạn vừa cải thiện việc tối ưu hóa từ khóa cho trang của mình.

Các phương pháp hay nhất về đặt tên tệp hình ảnh:

• Loại bỏ vô nghĩa. Sử dụng các từ mô tả hình ảnh.

• Không sử dụng dấu gạch dưới hoặc các ký tự phức tạp. Bám sát vào các chữ cái và dấu gạch nối.

• Giữ chúng ngắn gọn. Độ dài của tên tệp hình ảnh của bạn sẽ xác định độ dài của URL hình ảnh. Nói chung, URL càng ngắn càng tốt.

• Tránh nhồi nhét từ khóa. Đừng chỉ sử dụng từ khóa vì lợi ích của việc sử dụng từ khóa. Thay vào đó, hãy mô tả hình ảnh. Nếu mô tả hoàn toàn không liên quan đến nội dung trên trang, thì bạn nên xem xét lại hình ảnh đó có phù hợp với trang đó hay không.

Văn bản trong hình ảnh

Là những người làm SEO, chúng tôi biết Google và các công cụ tìm kiếm khác không có khả năng thu thập thông tin văn bản xuất hiện trong hình ảnh. Chúng tôi cũng biết rằng người dùng không thể chọn văn bản này và không thể sử dụng nó để tìm kiếm trang web nội bộ.

Trong quá trình kiểm tra hình ảnh của bạn, hãy đảm bảo rằng bạn đang tìm kiếm ví dụ về hình ảnh có chứa một lượng lớn văn bản. Hãy xem xét cẩn thận xem những hình ảnh đó có nên được tạo lại bằng một kỹ thuật khác, chẳng hạn như CSS, để cải thiện cả SEO và trải nghiệm người dùng hay không.

Kiểm tra hình ảnh cho chất lượng chủ quan

Bây giờ chúng ta đã hiểu cách kiểm tra hình ảnh để đạt được hiệu suất và tối ưu hóa từ khóa, phần cuối cùng của câu đố là kiểm tra chất lượng chủ quan của hình ảnh trang web của bạn.

Rõ ràng, đây không phải là nhiệm vụ bạn có thể tự động hóa bằng Screaming Frog hoặc bất kỳ chương trình nào khác; nó yêu cầu một con người thực xem qua các hình ảnh của trang web và xác định xem mỗi hình ảnh có phục vụ mục đích dự kiến ​​của nó hay không.

Nói chung, đây là một số điều cần lưu ý khi đánh giá chất lượng chủ quan của hình ảnh trang web của bạn:

• Tính nguyên bản. Hình ảnh trang web của bạn có được tạo riêng cho trang web của bạn không?

• Giá trị sản xuất. Phần lớn hình ảnh trên trang web của bạn được tạo bởi nhà thiết kế đồ họa hoặc nhiếp ảnh gia?

• Mục đích. Trang web của bạn có hình ảnh phục vụ nhiều mục đích khác nhau không? (Ví dụ: các hình ảnh trong bài đăng này chủ yếu nhằm mục đích mô tả và giảng dạy.)