Cách tối ưu hóa hình ảnh trên website hiệu quả

Nếu không có hình ảnh, website sẽ giống như một bức tường đầy chữ. Để thu hút người đọc, bạn cần chèn vào một hay nhiều ảnh làm nổi bật vấn đề. Những hình ảnh này sẽ phân đoạn nội dung cho bạn, giúp bài viết dễ đọc hơn. Chưa kể những thông tin chứa trong hình cũng có thể tăng traffic vì google có tính năng search theo hình ảnh. Nhưng, để hình ảnh không làm ảnh hưởng đến kích thước site, chúng ta còn cần tối ưu hóa hình ảnh Website. Hầu hết chủ các site Website thường chỉ đơn giản upload ảnh lên website mà không nén ảnh hoặc tối ưu ảnh, việc này gây ra nhiều thiệt hại không lường trước được.

Mục Lục [Ẩn]

Trước tiên chúng ta cần phải tối ưu hóa hình ảnh để cho hình ảnh hiển thị tốt nhất trên website

Chúng ta sử dụng công cụ Photoshop để tối ưu hóa hình ảnh. Mở Photoshop lên rùi mở (chọn File=> Open hoặc dùng phím tắt Ctrl+O )1 hình ảnh mà bạn muốn đưa lên website. Khi mở ảnh nên ta chọn tiếp File =>Save for Web ( Phím tắt Alt + Shift + Ctrl + S)

Chúng ta sẽ có bảng điều chỉnh hình ảnh như sau: Chúng ta hiệu chỉnh các thông số sau để tối ưu hình ảnh: -  Lựa chọn loại hình ảnh: GIF, JPEG, PNG WBMP – Ưu tiên sử dụng hình ảnh dạng GIF hoặc JPEG vì ảnh có chất lượng tốt độ phân giải cao nhưng dung lượng nhỏ. -  Quality: để tăng hoặc giảm chất lượng hình ảnh về độ phân giải và dung lượng Chúng ta cân bằng hình ảnh với 2 yếu tố trên để có được hình ảnh tốt nhất.

Tối ưu hóa hình ảnh cho SEO

Việc tối ưu hóa hình ảnh cho Seo tương đối đơn giản chỉ cần tuân thủ theo 3 bước : 1. Không đưa các hình ảnh có đường đẫn từ trang web khác vào website của mình. Nhiều phần mở rộng cho phép bạn đưa ảnh lên website sẽ upload lên các server ảnh khác rùi chèn links vào trang của bạn – Đây là điều nên tránh. Bạn nên upload ảnh trực tiếp lên host/ server của bạn rùi lấy link hình ảnh đưa vào website của mình. 2. Tối ưu hóa đường dẫn ảnh vd : ảnh của bạn về thể hiện về lĩnh vực quảng bá website thì đường dẫn ảnh của bạn nên để dạng : quang-ba-website.jpg/jpeg/gif… Không nên lấy những đường dẫn khác cho ảnh. 3. Luôn luôn dùng thẻ alt cho hình ảnh trong website du đó là icon chỉ với kích thước 1×1. Thẻ alt để miêu tả hình ảnh, chúng ta nên miêu tả đúng với hình ảnh đang sử dụng tránh sử dụng thẻ alt khác với nội dung ảnh. Chúng ta còn có rất nhiều cách tối ưu ảnh như dùng Java, cache ảnh … nhưng trên đây là những cách làm thông dụng, đơn giản, và cần thiết nhất mà chúng ta nên sử dụng.

Lưu tên file đúng cách

Thử dạo một vòng qua các folder hình ảnh trong máy tính bạn xem có bao nhiêu file ảnh được đặt những tên vô nghĩa như “untitled”, “image1”,”1111”,”123456”… Lưu trữ tại máy thì không sao nhưng nếu bạn đăng tải những hình ảnh này lên web thì không ổn. Không chỉ là giúp bạn quản lý ảnh trên máy dễ dàng, tên file ảnh được dùng để phân loại hình ảnh của bạn trong những kết quả trên các thanh công cụ tìm kiếm. Bởi vì các công cụ tìm kiếm lấy tên của file ảnh cho mục đích SEO nên bạn cần đảm bảo rằng hình ảnh của bạn đã được đặt tên chính xác. Lưu ý là không nên sử dụng quá nhiều ký tự và sử dụng dấu câu trong tên hình.

Sử dụng tiêu đề và mô tả

Khi bạn đăng tải hình ảnh lên website, bạn có thể ghi tiêu đề cho hình và thêm một vài dòng mô tả cụ thể về hình ảnh đó. Đoạn văn bản này gọi là “meta information”, công cụ tìm kiếm sẽ dựa vào đó để xác định hình ảnh của bạn. Hơn thế nữa, chúng sẽ hiểu về trang của bạn nhiều hơn và tác động lên thứ hạng SEO của website. Đó là lý do tại sao chúng ta nên sử dụng tiêu đề và mô tả rõ ràng cho hình ảnh. Đoạn mô tả hiệu quả nhất là đoạn mô tả cân bằng được 02 yếu tố: từ khóa của website và nội dung mô tả thật sự về hình ảnh.

Thiết kế website