Bật mí cách tối ưu hóa hình ảnh cho website đúng chuẩn nhất

Tối ưu hóa hình ảnh cho website là công việc quan trọng, là một tiêu chí trong SEO khi tối ưu bài viết chuẩn SEO mà bắt buộc phải thực hiện nếu muốn phát triển website một cách bền vững. Nhưng bên cạnh đó không phải cứ tối ưu là sẽ giúp bài viết có top mà nếu tối ưu quá liều thì đó sẽ là một trong những yếu tố bị Google phạt và bài viết không có thứ hạng cao. Nhận thấy được sự cần thiết của việc tối ưu hình ảnh thì bài viết sau đây Phương Nam Vina sẽ hướng dẫn đến các bạn các tối ưu hình ảnh chuẩn SEO để phục vụ cho công cuộc SEO top Google, mời các bạn cùng đón đọc.
 

cách tối ưu hình ảnh cho website
 

Tại sao cần phải tối ưu hóa hình ảnh cho website?

Tối ưu hóa công cụ tìm kiếm Google

Hình ảnh là một trong những yếu tố xếp hàng mà Google đã liệt kê. Khi bạn tối ưu hình ảnh thì khi bài viết được xuất bản, hình ảnh của website được hiển thị trong tab hình ảnh trên kết quả tìm kiếm của Google. Nếu hình ảnh của bạn đẹp và bắt mắt sẽ kích thích người dùng nhấp vào ảnh và đi vào trực tiếp bài viết của bạn. Như thế sẽ giúp tăng lưu lượng truy cập vào website và làm tăng thứ hạng từ khóa.

Website tải nhanh hơn

Với những hình ảnh không được tối ưu, sẽ có dung lượng rất lớn, nếu dung lượng lớn sẽ làm ảnh hưởng đến tốc độ tải hình ảnh và tốc độ tải trang. Là một người dùng họ không thích việc chờ đợi quá lâu một website để hiển thị hình ảnh, nó sẽ làm gián đoạn việc đọc thông tin trong bài thế nên nhiều người dùng họ sẽ mất kiên nhẫn và thoát trang. Điều đó sẽ làm tỷ lệ thoát trang cao và bị Google đánh giá là trang web đó, bài viết đó không cung cấp thông tin hữu ích cho người dùng.

Chiếm ít dung lượng của server

Hình ảnh sẽ được chứa trong hosting của website, mặc dù dung lượng hosting sẽ không bị đầy nhưng nếu chứa hình ảnh có kích thước size quá lớn sẽ làm cho website phản hồi chậm vì thế bạn nên tối ưu hình ảnh để website chạy mượt mà hơn.

Những vấn đề liên quan đến hình ảnh website

Kích thước ảnh chuẩn đăng lên website

- Kích thước slide hình ảnh ở trang chủ của website: 1360 x 540 pixel

- Kích thước hình ảnh trong từng bài viết (Hình ảnh minh họa nội dung): 300 x 188 pixel

- Kích thước hình ảnh chi tiết (Hình ảnh đại diện): 800 x 500 pixel

- Kích thước hình ảnh sản phẩm: 600 x 600 pixel

- Kích thước hình ảnh bên trong sản phẩm (Các hình ảnh minh họa sản phẩm): 300 x 400 pixel hoặc 600 x 800 pixel

- Kích thước ảnh thumbnail khi chia sẻ: 1200 x 630 pixel

Bên cạnh đó, nếu bạn có những hình ảnh không đáp ứng những kích thước trên thì bạn cũng có thể áp dụng tỷ lệ vàng để có một hình ảnh đẹp. Tỷ lệ vàng đó chính là 1: 1.618.

Ví dụ ảnh của website bạn có chiều dài mặc định là 900 pixel nhưng bạn không biết lấy chiều rộng là bao nhiêu cho hợp lý thì bạn thực hiện theo công thức bên dưới nhé:

Chiều rộng = 900/1.618= ~556 pixel.

Số lượng ảnh cần thiết cho bài viết

Nhiều câu hỏi được đặt ra là: một bài viết thì cần tối thiểu và tối đa bao nhiêu hình ảnh?

Câu trả lời là: Bao nhiêu tùy thích, như các bạn thấy có rất nhiều website hoạt động về mọi lĩnh vực khác nhau, có website không có ảnh, website chỉ có 1 ảnh, website chỉ có 2,3 ảnh hoặc có website chỉ có ảnh. Nên con số hình ảnh tùy thuộc vào lĩnh vực bạn đang hoạt động.

Nhưng nếu bạn vẫn muốn con số chính xác hình ảnh bạn cần trong một bài viết, thì căn cứ vào số chữ trong bài viết của bạn, cách 150 chữ thì sẽ có 1 ảnh. Với quy luật này thì bạn hãy áp dụng vào thực hiện cho website nhé.

Định dạng ảnh nào tối ưu nhất cho website?  

Nếu tốc độ tải cao là quan trọng đối với bạn, hãy chọn WebP làm định dạng hình ảnh cho trang web của bạn. JPG và PNG cũng là những lựa chọn tốt cho web. Nếu lựa chọn của bạn là giữa JPG hoặc PNG, hãy sử dụng JPG cho ảnh và PNG cho logo. Đó là bởi vì JPG được nén tốt hơn và tải nhanh hơn, trong khi PNG sẽ giữ lại nhiều chi tiết hơn và cho phép có nền trong suốt.

Cách tối ưu hình ảnh cho website không thể bỏ qua

Đặt tên ảnh

Đặt tên ảnh chứa từ khóa liên quan, từ khóa LSI, lưu ý nên lưu tên ảnh viết thường, không dấu và cách nhau bởi dấu “-“. Ví dụ: toi-uu-hinh-anh.

Giảm kích thước ảnh

Nếu bạn rành về photoshop thì có thể nén kích thướt ảnh hoặc còn cách khác đó chính là dùng paint để giảm kích thước như sau: chuột phải vào hình -> edit, và làm theo hướng dẫn như hình.
 

giảm kích thướt ảnh bằng paint
 

Giảm dung lượng ảnh

Photoshop

Nếu bạn rành về công cụ photoshop bạn có thể thực hiện như sau:

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)

Sau đó sẽ có bản thông số hiện lên, tùy thuộc vào website, bạn 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.

Dùng công cụ nén dung lượng online

Công cụ tinypng được giới SEO sử dụng rất nhiều để nén dung lượng ảnh, nó rất tiện lợi nếu bạn vừa muốn nén ảnh mà vừa không muốn ảnh bị nén quá mờ.

công cụ nén dung lượng ảnh online tinypng

Geo tag ảnh

Geo tag hình ảnh để đánh dấu vị trí của công ty, để chèn từ khóa hình ảnh để khi bạn đăng tải lên website và được Google lập chỉ mục. Khi người dùng, khách hàng hoặc đối thủ tải hình ảnh của bạn lên lại các phương tiện truyền thông của họ thì vô tình họ đang sử dụng hình ảnh đã đánh dấu của mình, thì mình lại được một backlink từ những lĩnh vực liên quan. Như thế sẽ làm lan rộng thương hiệu của công ty.

Thêm thuộc tính alt text

Alt text do quá nhiều người lạm dụng để chèn từ khóa SEO nên hiện nay Google cũng xem nó là một yếu tố SEO nhưng với sức ảnh hưởng rất nhỏ nhưng không vì thế mà chúng ta bỏ qua alt text. Cách hiệu quả để dùng alt text để nó phát huy hết tác dụng đó chính là chèn những từ khóa phụ, từ khóa liên quen mô tả đúng ý có trong ảnh. Chú ý nên đa dạng từ khóa nhé.

Thêm chú thích dưới ảnh

Chú thích ảnh không chỉ là một dòng chữ để miêu tả hình ảnh có gì mà nó cũng là phương tiện để chúng ta chèn từ khóa SEO vào. Lưu ý chúng ta nên viết chú thích thật tự nhiên, mềm mại không quá cứng nhắc do chèn từ khóa. Bên cạnh đó, không nhất thiết trong chú thích phải có 100% từ khóa, vì trong một vài trường hợp đặt biệt khó có thể chèn từ khóa vào chủ thích, nên có thể bỏ qua.

Công cụ nén hình ảnh trực tuyến nên tham khảo

Tinypng

Tiny PNG là một trong những công cụ tối ưu hóa hình ảnh miễn phí lâu đời nhất và phổ biến nhất. Với nhiều tính năng nén hình ảnh cho trang web của bạn, công cụ trực tuyến này hoạt động hiệu quả với các tệp hình ảnh JPEG và PNG.

Cho phép bạn tải lên tối đa 20 hình ảnh cùng một lúc và tối đa 100 hình ảnh mỗi tháng. Kích thước hình ảnh cho mỗi hình ảnh không được vượt quá 5 MB. Sau khi nén, bạn có thể tải ảnh đã nén về máy tính và sử dụng.

Imagerecycle

ImageRecycle cho phép bạn tối ưu hóa hình ảnh JPEG, PNG, GIF và PDF để có kết quả ấn tượng với chất lượng hình ảnh tốt. Giao diện kéo thả giúp bạn dễ dàng chọn ảnh trên máy tính, sau đó kéo thả ảnh vào vùng cần tải ảnh lên để nén.

Optimazilla

Trình tối ưu hóa ảnh trực tuyến này là sự kết hợp nhuần nhuyễn giữa nén và thay đổi kích thước ảnh. Bạn có thể nén cả ảnh JPEG và PNG xuống kích thước nhỏ nhất có thể mà vẫn giữ được chất lượng cần thiết. Tuy nhiên, công cụ này không hỗ trợ tối ưu hóa tập tin PDF.

Optimizilla cho phép bạn tải lên đến 20 hình ảnh cùng một lúc, một công cụ tuyệt vời để xử lý hàng loạt hình ảnh. Chờ cho quá trình nén hoàn tất, nhấp vào hình thu nhỏ trong hàng đợi để đặt chất lượng cho từng hình ảnh riêng biệt.

Đặc biệt, Optimizilla còn có một thanh trượt hiển thị cho bạn phiên bản trước và sau của bức ảnh. Điều này cho phép bạn xem trước chất lượng hình ảnh trước khi tiếp tục. Điều này cho phép bạn quyết định mức độ bạn muốn tối ưu hóa hình ảnh của mình trước khi lưu chúng vào máy tính.

Trên đây là hướng dẫn cách tối ưu hình ảnh cũng như những vấn đề liên quan đến hình ảnh trên website, hy vọng với những thông tin chia sẻ này bạn có thể tự mình tối ưu hình ảnh cho website và đạt được thứ hạng cao trên Google.

Bài viết liên quan: 

icon websitechuyennghiep Bí quyết để có một website thân thiện di động
icon websitechuyennghiep Bí kíp giúp tăng thứ hạng website trên Google hiệu quả
icon websitechuyennghiep Website chuẩn SEO là gì? Thế nào là website chuẩn SEO?

Tags:

Tin tức khác | Xem tất cả

Thiết kế website văn phòng phẩm
Thiết kế website văn phòng phẩm
Thiết kế website chuyên nghiệp cho văn phòng phẩm giúp doanh nghiệp của bạn tăng cường sự hiện diện trực tuyến, thu hút khách hàng tiềm năng hiệu quả.
Deep web là gì? Hướng dẫn truy cập deep web an toàn
Deep web là gì? Hướng dẫn truy cập deep web an toàn
Deep web chiếm 90% Internet nhưng ít người biết đến. Vậy deep web là gì? Hoạt động của deep web như thế nào và đâu là những rủi ro tiềm ẩn khi sử dụng?
 Thumbnail là gì? Bí quyết thiết kế thumbnail thu hút người xem
Thumbnail là gì? Bí quyết thiết kế thumbnail thu hút người xem
Một thiết kế thumbnail hấp dẫn và hiệu quả cho website có thể thu hút người đọc chỉ trong vài giây và tạo ấn tượng mạnh mẽ ngay từ cái nhìn đầu...
Báo giá thiết kế landing page siêu tiết kiệm, chuyển đổi cao
Báo giá thiết kế landing page siêu tiết kiệm, chuyển đổi cao
Khám phá ngay các yếu tố ảnh hưởng đến giá làm landing page và cách chọn dịch vụ thiết kế landing page phù hợp với ngân sách, mục tiêu kinh doanh của bạn.
Khám phá kho tàng tính năng của website giúp tăng chuyển đổi
Khám phá kho tàng tính năng của website giúp tăng chuyển đổi
Tất tần tật về tính năng của website từ cơ bản đến nâng cao. Đọc ngay để biết cách tối ưu hóa website của bạn và đạt hiệu quả kinh doanh tốt nhất.
Navigation Bar là gì? Hướng dẫn tối ưu thanh điều hướng website
Navigation Bar là gì? Hướng dẫn tối ưu thanh điều hướng website
Khám phá cách tạo navigation bar đơn giản, hiệu quả giúp người dùng dễ dàng truy cập nội dung quan trọng và cải thiện tỷ lệ chuyển đổi trên website.
Thiết kế website ngoại thất
Thiết kế website ngoại thất
Dịch vụ thiết kế website ngoại thất giúp doanh nghiệp tăng cường sự hiện diện trực tuyến và thu hút khách hàng trong thị trường cạnh tranh khốc liệt.
Mobile friendly là gì? Những điều cần biết về mobile friendly
Mobile friendly là gì? Những điều cần biết về mobile friendly
Bạn muốn tăng chuyển đổi và cải thiện trải nghiệm người dùng? Hàng ngàn doanh nghiệp đã chứng minh thiết kế mobile friendly mang lại hiệu quả vượt...
Top 10 xu hướng thiết kế website nổi bật hiện nay
Top 10 xu hướng thiết kế website nổi bật hiện nay
Muốn website của bạn thật ấn tượng và hiện đại? Đừng bỏ qua 10 xu hướng thiết kế web 2024 giúp trang web tăng lượng tương tác và thu hút khách hàng.
Thiết kế website WordPress
Thiết kế website WordPress
Thiết kế web WordPress chuyên nghiệp với giao diện đẹp, đa dạng các tính năng hiện đại, dễ quản lý, tối ưu tốc độ và bảo mật cao, phù hợp mọi nhu...

Gửi thông tin yêu cầu

icon

Vui lòng nhập thông tin và yêu cầu tư vấn của bạn vào khung bên dưới.

Nhân viên của công ty Phương Nam Vina sẽ liên hệ lại và hỗ trợ cho bạn.

Liên hệ nhân viên tư vấn

icon

Nếu bạn cần tư vấn trực tiếp qua điện thoại hoặc trao đổi qua skype.

Liên hệ ngay với đội ngũ nhân viên của Phương Nam Vina để được hỗ trợ.