Bạn sẽ khó tìm thấy một nhà tiếp thị web không hiểu tầm quan trọng của các hình ảnh hiệu quả. Bất chấp sự đồng thuận này, tôi thấy các nhà thiết kế web, nhà phát triển và người làm SEO luôn không đảm bảo hình ảnh trang web của họ được tối ưu hóa đúng cách.
Tuy nhiên, trước khi đi sâu vào cách kiểm tra và tối ưu hóa hình ảnh, hãy cùng xem tại sao nó lại quan trọng đến thế.
Web ngày càng trực quan
Hiếm khi bạn thấy một trang web lớn khởi chạy một thiết kế mới có ít hình ảnh so với bản trước. Tất cả chúng ta đều thích những bức ảnh đẹp và các nhà thiết kế web biết điều này. Bạn càng phân phối nhiều hình ảnh, thì việc tối ưu hóa chúng càng quan trọng.
Web ngày càng di động
Vào tháng 5 năm 2015, Google thông báo rằng các tìm kiếm trên thiết bị di động đã vượt qua các tìm kiếm trên máy tính để bàn.
Mặc dù có sự cải thiện ổn định, người dùng vẫn mất nhiều thời gian để tải dữ liệu trên thiết bị di động hơn so với trên máy tính để bàn. Nếu chúng tôi biết thời gian tải trang là rất quan trọng và chúng tôi biết rằng người dùng của chúng tôi đang sử dụng thiết bị di động chậm hơn, thì chúng tôi cũng nên biết rằng tối ưu hóa hình ảnh là rất quan trọng.
Tốc độ trang web và trải nghiệm người dùng
Những người làm SEO biết rằng tốc độ trang là một yếu tố xếp hạng. Bất cứ ai đã từng sử dụng web đều biết rằng các trang web chậm rất tệ. Hình ảnh được tối ưu hóa kém sẽ làm tăng tốc độ tải trang của trang web của bạn, dẫn đến hiển thị ít hơn và trải nghiệm người dùng tồi tệ.
Hình ảnh đắt giá
Bạn đã đầu tư vào hình ảnh chất lượng cao cho trang web của mình và các nhà thiết kế đồ họa và nhiếp ảnh gia tài năng không hề rẻ. Tuy nhiên, nếu không tối ưu hóa những hình ảnh đẹp đó mà đã chi khá nhiều tiền theo các phương pháp khác, thì bạn đang lãng phí khoản đầu tư của mình.
Tối ưu hóa hình ảnh = tối ưu hóa từ khóa
Nếu bạn quan tâm đến việc nội dung trang web của bạn được tối ưu hóa hết mức có thể cho các từ khóa mục tiêu, thì không thể bỏ qua việc tối ưu hóa hình ảnh.
Tạo khoảng không quảng cáo hình ảnh
Trước khi bạn chẩn đoán bất kỳ vấn đề tối ưu hóa tiềm năng nào với hình ảnh của mình thì cũng cần một kho hình ảnh. Và lựa chọn tốt nhất là Screaming Frog.
Sử dụng Screaming Frog bạn dễ dàng nhanh chóng tạo kho hình trên web của mình. Nếu chưa quen thuộc hãy tìm đọc các hướng dẫn.
Hạn chế
Screaming Frog chỉ đưa ra các yêu cầu hình ảnh thông qua HTML, không phải từ CSS. Thông thường, các hình nền phổ biến xuất hiện trên mọi trang của trang web - những thứ như biểu trưng, hình ảnh biểu ngữ và biểu tượng menu - sẽ được cung cấp qua CSS và điều quan trọng là không được bỏ qua chúng.
Các vấn đề tối ưu hóa
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.)
Hành động
Bây giờ bạn đã hiểu tất cả các cách để để hình ảnh trang web có thể được tối ưu hóa.
Các nhiệm vụ chính mà bạn có thể sẽ thực hiện trong quá trình kiểm tra của mình là:
- Chuyển đổi định dạng tệp
- Thay đổi kích thước hình ảnh
- Nén tệp
- Cập nhật tên tệp
- Cập nhật văn bản thay thế
Bạn có muốn chia sẻ bất kỳ mẹo nào về tối ưu hóa hình ảnh không? Tôi muốn tiếp tục cuộc đối thoại trong các bình luận bên dưới.
Cập nhật tin tức, ưu đãi từ chúng tôi
Nhận tin sớm nhất qua email
Đọc thêm các bài viết hữu ích về truyền thông, xây dựng thương hiệu
Cập nhật tin tức, ưu đãi từ chúng tôi
Nhận tin sớm nhất qua email