Hình ảnh trên website đóng một vai trò vô cùng quan trọng. Đôi khi một bức ảnh đáng giá hơn cả ngàn lời nói. Hình ảnh có sức truyền tải thông điệp mạnh mẽ hơn các hình thức truyền đạt khác. Tuy nhiên, bạn đã biết cách sử dụng đúng hình ảnh khi đăng lên website của mình chưa? Bài viết này, công ty thiết kế website Tất Thành sẽ chia sẻ đến bạn cách sử dụng hình ảnh trên website hiệu quả và những điều tối kỵ bạn nên tránh khi đưa hình ảnh lên web. 

Tầm quan trọng của hình ảnh trên website 

Nếu bạn muốn có một thiết kế website hoàn hảo, việc kết hợp hài hòa giữa giao diện, bố cục, nội dung, màu sắc, hình ảnh và tất cả các yếu tố khác nhuần nhuyễn là điều tất yếu. Thế nhưng, chỉ cần lơ là không chú ý đến bất kỳ một yếu tố nào thôi cũng đủ để phá vỡ một kết cấu hoàn hảo đó. Trong những yếu tố trên đây, hình ảnh trên website là điều vô cùng quan trọng mà bài viết này chúng tôi muốn nhắc đến.

Với những trang web chuyên về sản phẩm, bạn sẽ thấy tầm quan trọng thực sự của việc sử dụng đồ họa hoặc hình ảnh trên web. 
 
Tầm quan trọng của hình ảnh trên website

Hình ảnh trên website rất quan trọng, nó không chỉ giúp lấp đầy các khoảng trống trong nội dung của website mà còn giúp web của bạn trở nên sống động hơn, hấp dẫn hơn. 

Hình ảnh có tác động mạnh mẽ đến cảm xúc của khán giả, có tác động mạnh mẽ đến các hành động của họ, thu hút họ. Bởi thế, càng những website bán hàng, cung cấp sản phẩm càng cần chú ý đến thẩm mỹ của các bức ảnh.

Không chỉ thế, hình ảnh cũng là một trong những tiêu chí quan trọng để các công cụ tìm kiếm đánh giá chất lượng trang web của bạn. Với những hình ảnh mới, độc đáo, định dạng tiêu chuẩn giúp nội dung của bạn nhanh được lập chỉ mục và xếp thứ hạng tốt trên công cụ tìm kiếm. Nhưng ngược lại, hình ảnh kém chất lượng, định dạng lớn, trùng lặp hình ảnh hoặc hình ảnh có bản quyền còn khiến website của bạn bị đánh giá thấp, thậm chí gặp án phạt của Google. Vậy sử dụng hình ảnh trên website như thế nào tốt nhất, hiệu quả nhất?

Kinh nghiệm sử dụng hình ảnh trên website

Sử dụng hình ảnh trên web đúng mục đích

Như chúng tôi đã nói, đôi khi một bức ảnh đáng giá hơn cả ngàn lời nói. Một hình ảnh có sức truyền tải thông điệp vô cùng mạnh mẽ, nhưng không phải việc lạm dụng hình ảnh dày đặc trên web là một ý tưởng tốt. Bạn chỉ nên sử dụng đúng với mục đích.

Có thể bạn đang viết một bài viết về sản phẩm di động, sử dụng cả 500 từ để mô tả về một chiếc điện thoại: màu sắc, hình dáng, màn hình,.... Nhưng thêm vào đó, bạn chỉ cần sử dụng một bức ảnh chân thực, rõ ràng là người dùng đã có thể dễ dàng hình dung ra sản phẩm đó như thế nào. 
 
Hình ảnh minh họa về chiếc điện thoại di động

Hãy biết rõ mục đích bạn đăng ảnh lên website để làm gì,liên quan đến ai, cái gì, ở đâu, khi nào, tại sao hoặc như thế nào về sản phẩm hoặc dịch vụ, đó mới thực sự là một bức ảnh hoàn hảo để đăng lên web. Đừng đăng quá nhiều hình ảnh nhưng lại chẳng hề liên quan đến nội dung, bởi nó sẽ phản tác dụng ảnh hưởng đến cả website.  

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

Nếu trước đây bạn chỉ chụp ảnh. đăng tải ảnh lên web là xong và không có bất kỳ khái niệm nào về việc tối ưu hình ảnh cho website chuẩn SEO. Như vậy, Google sẽ không hiểu được hình ảnh của bạn để đánh giá. Đây chính là sai lầm khiến hình ảnh của bạn trở nên kém chất lượng, không chuẩn SEO và chẳng giúp ích gì cho việc tăng thứ hạng.

Hiện nay, bộ lọc của Google có thể hiểu hình ảnh gồm những gì và hình ảnh đó sử dụng trong ngữ cảnh như thế nào. Bởi vậy, bạn cần thêm công đoạn tối ưu ảnh chuẩn SEO trước khi đăng tải lên website. Vậy bắt đầu tối ưu ảnh từ đâu?

Đầu tiên, bạn hãy đặt tên cho file ảnh của mình. Đây là các tốt nhất để Google nhận biết được nội dung của hình ảnh. Mẹo đặt tên ảnh chuẩn nhất có thể là chèn các từ khóa vào file ảnh hoặc viết tên file đúng như những gì hình ảnh mô tả.

Chẳng hạn, nếu bạn muốn đăng hình ảnh trên website với nội dung "hình ảnh đẹp cho website" thì tên file ảnh không phải là abczyz.jpg mà nên đặt tên file là "hinh-anh-dep-cho-website.jpg". Tên file ảnh là chữ không dấu được ngăn cách bởi dấu gạch ngang.

Lựa chọn kích thước ảnh phù hợp

Không có tiêu chuẩn nào tuyệt đối cho việc lựa chọn kích thước đăng hình ảnh trên website. Cách tốt nhất chỉ là lựa chọn một kích thước hoặc định dạng ảnh phù hợp.
 
Định dạng hình ảnh phổ biến

ĐỊnh dạng hình ảnh khi đăng lên web phụ thuộc vào cách sử dụng hình ảnh trong từng ngữ cảnh của bài viết. Chẳng hạn, nếu bạn cần đăng những hình ảnh không có nền phía sau ảnh, bạn nên chọn ảnh có định dạng .PNG. Nhưng nếu bạn cần nhấn mạnh một hình ảnh nào đó cho thật nổi bật, bạn có thể chọn định dạng .GIF. Còn nếu chỉ là nội dung thông thường, bạn chỉ cần sử dụng ảnh .JPG. Cụ thể:
  • JPEG: Chọn JPEG cho hình ảnh lớn hoặc ảnh minh họa giúp đảm bảo màu sắc và độ nét với kích cỡ file nhỏ.
  • PNG: Sử dụng PNG nếu bạn muốn giữ hiệu ứng trong trong suốt của background.
  • GIF: sống động với hình ảnh động, cần nhấn nhá nội dung
  • SVG: phù hợp nhất cho việc hiển thị logo, icon, map, flag, chart 
  • WebP: Sử dụng WebP thay cho JPEG và PNG. Do định dạng này đem lại kết quả chất lượng cao với file có kích cỡ nhỏ hơn
Thế nhưng, trong vài năm trở lại đây, tốc độ tải trang web ngày càng trở nên quan trọng trong việc cải thiện thứ hạng. Mà hình ảnh là một trong những yếu tố chính ảnh hưởng đến tốc độ tải trang. Bởi thế, bạn vẫn nên cân nhắc lựa chọn chính xác những định dạng cũng như kích thước hình ảnh phù hợp để không làm ảnh hưởng đến tốc độ tải trang web.

Thêm mô tả ảnh - Caption

Caption hình ảnh là gì? Tại sao nó quan trọng? 

Caption được hiểu là dòng chữ đi kèm theo hình ảnh trên trang. Bởi người đọc có thói quen lướt qua nội dung và hay dừng lại xem kỹ hơn ở các hình ảnh. Nếu bạn có một dòng mô tả ảnh ở dưới mỗi hình ảnh trên website, điều này giúp thu hút khách truy cập hơn. 

Mẹo hay dành cho bạn khi viết mô tả cho mỗi ảnh đó chính là đầu tư ngôn ngữ thật hay, xác thực và xúc tích nhất cho hình ảnh đó. Hơn nữa, bạn cũng nên dùng cỡ chữ, bôi đậm, in nghiêng, đổi màu chữ cho dòng mô tả ảnh để làm cho nó nổi bật hơn. Bởi có thể khách truy cập bỏ qua nội dung bạn viết nhưng lại chăm chú đọc hết các Caption hình ảnh này đấy.
 

Đoạn mô tả ảnh - Caption hình ảnh được viết in nghiêng

Thêm thẻ Alt text và title text

Chắc hẳn sẽ có một vài lần mạng chậm và bạn không thể load hết được nội dung của trang web nào đó. Phần chữ thường được hiển thị ra trước. Khi  đó, nếu hình ảnh không hiển thị, bạn sẽ thấy có một tiêu đề mô tả hình ảnh.

Alt text (hoặc Alt tag) được thêm vào hình ảnh đóng vài trò là nội dung miêu tả, nó giúp các công cụ tìm kiếm hiểu được hình ảnh này là về cái gì. 

Image Title là một bổ sung khác được rất nhiều người sử dụng hiện nay, nó được thêm vào thẻ hình ảnh trong HTML và dùng để cung cấp một tiêu đề cho hình ảnh trên website. 

Căn chỉnh hình ảnh khi đăng lên website

Khi đăng hình ảnh trên website, rất nhiều người có thói quen "mặc kệ và không căn chỉnh lề hoặc tối ưu lại hình ảnh vừa với giao diện hiển thị. Điều này khiến mất đi nét thẩm mỹ của nội dung web cũng như nhận được đánh giá không tốt từ ohias khách hàng.

Việc căn chỉnh hình ảnh trên web không tốn quá nhiều thời gian, bởi thế, khi đăng hình ảnh trên website, bạn nên căn lề, điều chỉnh kích thước để hình ảnh hiện thị tốt nhất trên màn hình máy tính và điện thoại của khán giả. Đây là một công đoạn nhỏ nhưng vô cùng quan trọng để khách hàng thấy nội dung của bạn trở nên chuyên nghiệp hơn. 

Trên đây là các mẹo sử dụng hình ảnh trên website hiệu quả và những điều tối kỵ bạn nên tránh khi đưa hình ảnh lên web  để đảm bảo nội dung hiệu quả và tốt nhất cho việc quảng cáo và tăng thứ hạng website. Mong rằng, từ những chia sẻ trên đây sẽ giúp bạn lựa chọn và biết cách sử dụng hình ảnh tốt nhất.