Cách tối ưu hóa hình ảnh cho web

SEO: Cách Tối Ưu Hóa Hình Ảnh Cho Web

Hình ảnh không chỉ làm cho nội dung của bạn dễ tiếp cận, hấp dẫn và gây hứng thú cho người dùng, mà chúng còn rất quan trọng đối với SEO.

Hiểu cơ bản về tối ưu hóa hình ảnh sẽ giúp nội dung của bạn có cơ hội thành công nhất với SEO.

Tối ưu hóa hình ảnh là gì?

Tối ưu hóa hình ảnh liên quan đến việc tạo ra và gửi các hình ảnh chất lượng cao với định dạng, kích thước và độ phân giải lý tưởng để tăng cường sự tương tác của người dùng. Nó cũng bao gồm việc gắn nhãn đúng cho hình ảnh với dữ liệu meta để các công cụ tìm kiếm có thể đọc và hiểu ngữ cảnh trang web.

Theo HTTP Archive, vào năm 2018, hình ảnh chiếm 21% tổng trọng lượng trang web trung bình, và tỷ lệ đó có thể đã tăng theo thời gian gần đây – chúng tiêu thụ nhiều byte hơn bất kỳ phần nào khác của trang web. Do đó, kích thước và độ phức tạp của hình ảnh ảnh hưởng nặng nề đến hiệu suất trang web.

Khi bạn có thể giảm kích thước hình ảnh mà không làm giảm chất lượng, thời gian tải trang và trải nghiệm người dùng tổng thể sẽ được cải thiện. Điều đó có thể ảnh hưởng tích cực đến thứ hạng trên công cụ tìm kiếm, từ đó cải thiện sự tương tác của khách hàng, tỷ lệ chuyển đổi và sự giữ chân khách hàng.

Mẹo: Hình ảnh đã được tối ưu hóa chiếm ít không gian lưu trữ trên máy chủ của bạn, do đó việc sao lưu trang web được thực hiện nhanh hơn.

Bây giờ, tôi sẽ giới thiệu 10 cách tối ưu hóa hình ảnh của bạn.

1. Thay đổi kích thước hình ảnh của bạn

Kích thước hình ảnh và kích thước tệp không phải là cùng một thứ. Kích thước hình ảnh liên quan đến kích thước của hình ảnh (ví dụ: 1024 pixel x 680 pixel). Kích thước tệp là không gian lưu trữ (ví dụ: 350 kilobytes).

Hình ảnh với độ phân giải cao và kích thước lớn làm chậm thời gian tải trang đáng kể. Trong khi chúng hoạt động tốt cho các tài liệu in, chúng nên được thu nhỏ và định kích thước cho web.

Tham khảo  Bí quyết thành công với blog: Định nghĩa, loại blog và lợi ích chi tiết

Mẹo: Xem hướng dẫn này để xác định kích thước hình ảnh tốt nhất cho các nền tảng truyền thông xã hội.

Lưu đúng định dạng

PNG, JPEG và GIF mỗi loại có ưu điểm riêng. Tôi khuyến nghị sử dụng JPEG cho hình ảnh có nhiều màu sắc và PNG cho hình ảnh đơn giản.

Lưu đúng định dạng

Nguồn hình ảnh

Chọn tỷ lệ nén phù hợp

Mức độ nén hình ảnh ảnh hưởng đến cả kích thước tệp và chất lượng – tệp nhỏ hơn, chất lượng hình ảnh càng kém.

Thử nghiệm với các loại tệp và tỷ lệ nén để xem cái nào hoạt động tốt nhất cho từng hình ảnh. Nhiều công cụ chỉnh sửa hình ảnh, như Adobe Photoshop, có tùy chọn “lưu cho web” tự động giảm kích thước tệp trong khi tối ưu hóa chất lượng hình ảnh.

Nếu bạn không sử dụng Photoshop, những công cụ và plug-in này có thể hữu ích:

Công cụ tối ưu hóa hình ảnh

  • Affinity Photo
  • FileOptimizer
  • Gimp
  • ImageOptim (chỉ dành cho Mac)
  • JPEG Mini
  • Kraken (tối ưu nén hàng loạt)
  • Photopea
  • Pixlr (tối ưu hóa JPEG)
  • OptiPNG
  • Trimage
  • Các plug-in WordPress cho tối ưu hóa hình ảnh

  • EWWW Image Optimizer
  • ImageRecycle
  • Optimus Image Optimizer
  • ShortPixel
  • TinyPNG
  • WP Smush
  • Yoast SEO
  • Kiểm tra tốc độ

    Sau khi bạn đã tối ưu hình ảnh của mình, làm thế nào để biết liệu thời gian tải trang web của bạn có đủ nhanh không? Sử dụng một trong những công cụ sau để kiểm tra tốc độ trang web của bạn:

  • GTmetrix
  • Google PageSpeed Insights
  • Pingdom
  • WebPageTest
  • WebWait
  • Mẹo: Nếu nội dung trang web của bạn thay đổi thường xuyên, hãy kiểm tra thời gian tải trang thường xuyên.

    2. Tối ưu tên tệp hình ảnh

    Đặt tên tệp với từ khóa liên quan và mô tả để có được sức mạnh SEO tối đa. Bao gồm từ khóa mục tiêu ở đầu và phân tách chúng bằng dấu gạch ngang. Đừng sử dụng dấu gạch dưới vì các công cụ tìm kiếm không nhận ra chúng và sẽ không “nhìn thấy” từng từ một.

    Đặt tên tệp hình ảnh với từ khóa liên quan và mô tả để có được sức mạnh SEO tối đa, theo @IsaacJustesen qua @CMIContent. Click để Tweet

    Tên tệp nên có ý nghĩa cho cả công cụ tìm kiếm và con người. Ví dụ, nếu tên gốc của một hình ảnh là salon234.jpg, đổi tên nó thành một tiêu đề rõ ràng và mô tả hơn, chẳng hạn như woman-having-a-haircut-in-a-salon.jpg.

    3. Sử dụng thẻ alt

    Người xem có thể hiểu được hình ảnh, nhưng các con bot tìm kiếm cần gợi ý. Nếu không có văn bản thay thế, các công cụ tìm kiếm không thể chỉ mục nội dung hình ảnh của bạn một cách chính xác.

    Một thẻ alt tốt cung cấp ngữ cảnh và giúp người dùng có khả năng nhìn kém. Nó cũng hữu ích khi một lỗi ngăn chặn hình ảnh khỏi tải vì các công cụ tìm kiếm có thể đọc văn bản thay thế để xác định thứ hạng của trang. Viết một thẻ alt một cách chi tiết hơn so với tên tệp. Mục tiêu là từ 10 đến 15 từ để truyền đạt điều gì đó về hình ảnh.

    Tham khảo  Công cụ Kiểm tra vị trí từ khóa miễn phí - Ahrefs

    Mẹo: Có thể bao gồm các thuật ngữ liên quan đến thương hiệu trong thẻ alt để tăng khả năng hiển thị, nhưng tránh đặt quá nhiều từ khóa.

    4. Đảm bảo hình ảnh thân thiện với di động

    Thuật toán của Google sử dụng chỉ mục trên di động, vì vậy các con bot chủ yếu nhìn vào phiên bản di động của trang web. Do đó, hình ảnh của bạn cũng nên thân thiện với di động. Làm thế nào? Đáp án ngắn là đảm bảo hình ảnh và bố cục trang web của bạn đáp ứng được thiết bị xem.

    Một số mẫu trang web và công cụ xây dựng trang web tự động điều chỉnh kích thước hình ảnh, nhưng bạn có thể xác định kích thước hình ảnh dựa trên chiều rộng của thiết bị. Để làm điều này, thêm một ít mã CSS tùy chỉnh vào trang web của bạn. Xem hướng dẫn đơn giản này để tìm hiểu thêm về cách làm cho hình ảnh của bạn đáp ứng.

    5. Tối ưu tiêu đề hình ảnh

    WordPress thường lấy tiêu đề hình ảnh từ tên tệp. Tuy nhiên, nếu bạn không sử dụng WordPress hoặc tiêu đề không giải thích hình ảnh, hãy cập nhật nó với từ khóa thích hợp theo cùng cách như tên tệp.

    Tiêu đề hình ảnh ít quan trọng đối với SEO, nhưng nó có thể cung cấp ngữ cảnh bổ sung cho văn bản thay thế. Tiêu đề hình ảnh hữu ích hơn trong việc tương tác người dùng, vì vậy hãy xem xét việc thêm một lời kêu gọi hành động ngắn gọn như “mua ngay” hoặc “tải xuống ngay hôm nay”.

    6. Bao gồm chú thích

    Chú thích hình ảnh – những từ ngay dưới hình ảnh – có thể không ảnh hưởng trực tiếp đến SEO. Tuy nhiên, khác với tên tệp và văn bản thay thế, chú thích là có thể nhìn thấy và có thể gia tăng trải nghiệm trang web. Thêm chú thích có thể ảnh hưởng gián tiếp đến SEO, cải thiện trải nghiệm người dùng và các chỉ số tương tác.

    Sử dụng chú thích cho hình ảnh để tạo ra trải nghiệm người dùng tốt hơn (và giảm tỷ lệ thoát trang), theo @IsaacJustesen qua @CMIContent. Click để Tweet

    7. Sử dụng hình ảnh độc đáo

    Sử dụng hình ảnh từ nguồn ảnh phổ biến là tốt, nhưng chúng không nhất thiết giúp cải thiện thứ hạng tìm kiếm vì các trang web khác có thể sử dụng cùng một hình ảnh. Tương tự, nội dung viết riêng biệt tốt hơn cho SEO, nên tải lên hình ảnh độc đáo cũng là một ý tưởng tốt.

    Tham khảo  Tăng cường SEO của bạn bằng Mạng xã hội với Awario

    8. Đảm bảo văn bản phù hợp với hình ảnh

    Bản sao trang web có thể giúp công cụ tìm kiếm xác định tính liên quan của hình ảnh của bạn nếu văn bản của bạn không cung cấp đủ thông tin để giải thích một hình ảnh, mở rộng mô tả.

    9. Thêm dữ liệu có cấu trúc cho hình ảnh

    Bao gồm dữ liệu có cấu trúc trên trang của bạn giúp các công cụ tìm kiếm hiển thị hình ảnh của bạn dưới dạng kết quả phong phú. Google Images hỗ trợ dữ liệu có cấu trúc cho hình ảnh sản phẩm, video và công thức nấu ăn. Ví dụ, nó sẽ thêm một huy hiệu vào hình ảnh nếu nó biết văn bản, như một công thức nấu ăn, đi kèm với nó.

    Bao gồm dữ liệu có cấu trúc vào trang của bạn giúp các công cụ tìm kiếm hiển thị hình ảnh của bạn dưới dạng kết quả phong phú, theo @IsaacJustesen qua @CMIContent. #SEO Click để Tweet

    Sử dụng hướng dẫn tổng quan dữ liệu có cấu trúc của Google để tìm hiểu cách thêm dữ liệu có cấu trúc vào trang của bạn theo tham số của công cụ tìm kiếm.

    10. Sử dụng bản đồ trang web

    Google giải thích bản đồ trang web là “một tệp nơi bạn có thể liệt kê các trang web của trang web của bạn để thông báo cho Google và các công cụ tìm kiếm khác về tổ chức nội dung trang web của bạn”. Nói cách khác, đó là một tệp chứa bản đồ nội dung của trang web của bạn.

    Bản đồ trang web là một phần quan trọng của SEO vì chúng thông báo cho các công cụ tìm kiếm về trang và cấu trúc trang web của bạn. Để đảm bảo rằng con bot tìm kiếm nhận thấy mọi hình ảnh – một đồ họa, hình ảnh châm biếm, ảnh, hình thu nhỏ video, v.v. – hãy bao gồm chúng trong bản đồ trang web của bạn.

    Đối với mỗi mục hình ảnh, hãy bao gồm tiêu đề, mô tả, vị trí URL, chú thích và thông tin giấy phép. Đối với mục video, hãy bao gồm tiêu đề, mô tả, vị trí URL của hình thu nhỏ và URL tệp video gốc.

    Nếu trang web của bạn được lưu trữ trên WordPress, bạn có thể sử dụng Yoast SEO, nó tự động thêm nội dung hình ảnh vào bản đồ trang web.

    Tận dụng hình ảnh của bạn

    Nếu bạn gặp khó khăn trong việc thu hút sự chú ý đến nội dung của mình, hãy nhớ những chiến lược này trước khi tải lên bất kỳ hình ảnh nào. Các kỹ thuật tối ưu hóa hình ảnh này sẽ cải thiện khả năng thích nghi của nội dung của bạn với cả công cụ tìm kiếm và người dùng.

    Vui lòng lưu ý: Tất cả các công cụ được đề cập đều do tác giả xác định. Nếu bạn có công cụ đề xuất, hãy thêm vào phần bình luận.

    Muốn biết thêm mẹo, thông tin và ví dụ về tiếp thị nội dung? Đăng ký nhận email hàng ngày hoặc hàng tuần từ Tranxuanhung.

    Hình ảnh bìa: Joseph Kalinowski/Content Marketing Institute

    Đánh giá bài viết
    Contact Me on Zalo