Quá trình thiết kế website liên quan đến việc xác định kích thước ảnh chuẩn của sản phẩm. Vì kích thước ảnh chuẩn sẽ mang lại nhiều lợi ích, giúp website phát triển tốt hơn và được Google và người dùng đánh giá cao hơn.
Kích thước ảnh chuẩn SEO là bao nhiêu? Terus sẽ giúp bạn giải quyết các câu hỏi trên trong bài viết sau đây.
I. Tại sao kích thước ảnh chuẩn lại quan trọng đối với website
Kích thước ảnh chuẩn đóng vai trò quan trọng trong việc tối ưu hóa website, mang lại nhiều lợi ích cho cả người dùng và chủ sở hữu website. Terus sẽ đưa ra một số lý do chính ngay dưới đây:
Hỗ trợ SEO website
Nâng cao trải nghiệm người dùng
Diện mạo chuyên nghiệp, thu hút cho website
1. Hỗ trợ SEO website
Hiện nay, hầu hết các website đều sử dụng các chiến thuật SEO để nâng cao thứ hạng website và thu hút nhiều người dùng hơn đến website của họ. Để đạt được mục tiêu đó, các hình ảnh được sử dụng trong việc thiết kế website cũng phải đáp ứng đủ các tiêu chí cơ bản mà Google đưa ra. Do đó, khi các kích thước ảnh chuẩn nằm trên website của bạn, nó cũng giúp cho việc tối SEO website của bạn.
Ở thời điểm hiện tại, các công cụ của Google vẫn chưa thể “đọc hiểu” đầy đủ ý nghĩa của hình ảnh. Vì thế nên việc đánh giá các tiêu chí sẽ dựa nhiều vào kích thước, tỷ lệ, alt ảnh, tên file ảnh.
2. Nâng cao trải nghiệm người dùng
Kích thước ảnh chuẩn được khuyến cáo phần lớn phụ thuộc vào tỷ lệ ảnh phù hợp với tỷ lệ màn hình phổ biến của các thiết bị và phần lớn phụ thuộc vào cách người dùng quan sát hình ảnh. Sử dụng kích thước ảnh phù hợp sẽ cho phép người dùng tiếp thu nội dung một cách đầy đủ và trọn vẹn hơn, từ đó dẫn đến trải nghiệm người dùng tốt hơn trên website của bạn.
Ngoài ra, các thông số kích thước ảnh chuẩn cũng giúp bạn chọn các hình ảnh phù hợp để đăng tải, tránh tình trạng sử dụng các file có dung lượng và kích thước ảnh quá lớn.
3. Diện mạo chuyên nghiệp, thu hút cho website
Sử dụng một số kích thước ảnh đồng đều sẽ giúp diện mạo của website trở nên chuyên nghiệp hơn và thu hút người xem. Khi đăng tải, hình ảnh của bạn sẽ không bị co lại hoặc kéo dãn, đảm bảo tính thẩm mỹ và thống nhất hình ảnh trên toàn bộ website của bạn.
II. Kích thước ảnh chuẩn SEO trên website
Khi thiết kế website chuẩn SEO, tất cả các nhà thiết kế đều muốn có một website chuyên nghiệp và chuẩn xác. Để đạt được mục tiêu này, tất cả các website phải đáp ứng tốt tất cả các tiêu chuẩn mà Google đưa ra để tối ưu hóa website lẫn SEO. Sau đây, Terus sẽ đưa ra một số kích thước ảnh chuẩn SEO do Google đưa ra bao gồm:
Kích thước ảnh chuẩn ở trang chủ website
Kích thước ảnh chuẩn trong bài viết
Kích thước ảnh Facebook và website có giống nhau hay không?
1. Kích thước ảnh chuẩn ở trang chủ website
Người dùng sẽ nhìn thấy hình ảnh này đầu tiên trên website của bạn, chính vì thế mà hình ảnh này rất quan trọng. Thông thường, kích thước ảnh slide trang chủ website tiêu chuẩn: 1360×540 pixel.
Ngoài ra, bạn cần chú ý đến các thành phần xuất hiện ở trang chủ của bạn và lựa chọn kích thước ảnh chuẩn sao cho website phù hợp nhất. Bên cạnh đó, khi bạn đã hoàn thành thiết kế logo của mình, bạn cần tải logo lên website.
Thông thường, kích thước logo tối ưu cho một website là 250px (chiều rộng) x 100 px (chiều cao). Tuy nhiên, bạn cũng có thể tùy chỉnh kích thước logo cho phù hợp từng loại website riêng biệt. Dưới đây, Terus đã liệt kê một vài kích thước logo website theo hai bố cục phổ biến nhất.
Đối với bố cục ngang: 250 x 150px; 350 x 75px; 400 x 100px.
Đối với bố cục dọc (vuông): 160 x 160px.
Bên cạnh đó, kích thước favicon cũng là một yếu tố bạn cần lưu ý. Favicon là loại logo nhỏ sẽ hiển thị tại địa chỉ của website của bạn và thường được thiết kế dựa trên logo chính của thương hiệu nhưng có kích thước nhỏ hơn rất nhiều.
Kích thước favicon thường tối thiểu là 16×16 pixel hoặc có thể 48×48 pixel. Mục đích tăng tốc độ load ảnh trên website giúp Google crawl dữ liệu nhanh hơn và đối với những ảnh favicon này chỉ hiển thị nhỏ trên các tab nên không cần dung lượng cao.
2. Kích thước ảnh chuẩn trong bài viết
Ngoài việc lưu ý đến ảnh ở trang chủ, bạn phải cần lưu ý thêm các kích thước ảnh khác tại bài đăng. Terus sẽ đưa rõ ra vài kích thước ảnh theo từng dạng thông tin ở bên dưới. Các chỉ số kích thước ảnh chuẩn trên website mà bạn có thể tham khảo:
Kích thước ảnh minh họa: 300 x 188px.
Kích thước ảnh sản phẩm chuẩn trên website: 800 x 500px.
Kích thước hình ảnh bên trong sản phẩm: hình ảnh minh họa là 300 x 400px, hình ảnh chi tiết 600 x 800px.
3. Kích thước ảnh Facebook và website có giống nhau hay không?
Nhiều doanh nghiệp sử dụng các website và trang mạng xã hội để thực hiện các hoạt động kinh doanh và phát triển thương hiệu. Do đó, không ít người tự hỏi liệu kích thước ảnh chuẩn Facebook có thể được sử dụng cho website hay không và ngược lại.
Mặc dù có thể đăng chéo các hình ảnh trên nhiều kênh, nhưng Terus nghĩ rằng tốt nhất là không sử dụng cách này. Kích thước ảnh chuẩn trên Facebook không giống như trên website. Do đó, hình ảnh trên các nền tảng không thực sự tối ưu và không đạt được hiệu quả như mong muốn nếu bạn sử dụng chúng chéo với nhau. Bạn có thể tham khảo thêm về các kích thước ảnh chuẩn của Facebook.
III. Lưu ý quan trọng khi đặt ảnh trên bài viết website
Bên cạnh việc sử dụng kích thước ảnh tiêu chuẩn, bạn cần phải lưu ý một số điều sau đây để có thể tối ưu hình ảnh trong bài viết trên website của bạn:
Sửa đổi và cải thiện thẻ Alt
Dung lượng và kích thước ảnh
Chọn định dạng JPEG, PNG hay GIF
1. Sửa đổi và cải thiện thẻ Alt
Việc cập nhật thẻ Alt cũng rất quan trọng đối với bất kỳ website nào. Bởi vì, thẻ Alt chính là nội dung có thể được sử dụng để thay thế hình ảnh khi hình ảnh không có thể được hiển thị hoặc để chế ở độ ẩn trong trình duyệt. Và đây cũng chính là thứ “ngôn ngữ” để Google có thể hiểu được hình ảnh của bạn.
2. Dung lượng và kích thước ảnh
Như Terus đã nói ở trên, kích thước ảnh chuẩn và dung lượng của ảnh bạn up lên website là rất quan trọng. Nó không những tăng tỷ lệ chuyển đổi mà còn giúp hỗ trợ SEO cho website của bạn nữa.
3. Chọn định dạng JPEG, PNG hay GIF
Một hình ảnh có thể được lưu dưới nhiều loại định dạng khác nhau thay vì một loại định dạng duy nhất. Mỗi loại định dạng lại mang những đặc điểm riêng và phù hợp với từng trường hợp nhất định mà bạn cần phải chú ý. Sau đây là những đặc điểm của từng loại định dạng mà Terus muốn đưa đến cho bạn:
Hình ảnh JPEG dung lượng thấp, tuy nhiên đôi khi chất lượng hình ảnh hơi kém.
GIF thường hay sẽ sử dụng để tạo chuyển đổi hay tạo nút cho bài post. Tuy vậy, với những hình ảnh lớn sẽ làm giảm tốc độ tải trang do dung lượng hình ảnh cao.
Hình ảnh PNG rõ và đa dạng màu sắc, hình ảnh khá chân thực và thường hay được dùng khá là nhiều, đây thường hay là tệp dạng thiết kế.
IV. Các công cụ điều chỉnh kích cỡ ảnh
Hình ảnh của bạn có thể sẽ không phù hợp với tiêu chuẩn trong hầu hết các trường hợp. Tuy nhiên đừng lo lắng, bởi vì bạn có thể sửa đổi và tăng, giảm kích thước ảnh trước khi tải nó lên website của bạn với sự trợ giúp của các công cụ được liệt kê dưới đây.
Bạn chỉ cần sử dụng các công cụ đơn giản có sẵn trên máy hoặc một số website cung cấp các công cụ chỉnh sửa ảnh trực tuyến. Ngoài ra, Terus muốn gợi ý cho bạn rằng điều tốt nhất là học cách sử dụng phần mềm chuyên nghiệp nếu bạn làm việc thường xuyên với hình ảnh.
Phần mềm thiết kế
Phần mềm có sẵn trong máy tính
Công cụ chỉnh ảnh online
1. Phần mềm thiết kế
Adobe Photoshop: Phần mềm hàng đầu trong thiết kế, chỉnh sửa hình ảnh, được sử dụng rộng rãi trong rất nhiều lĩnh vực liên quan. Cách sử dụng Photoshop để cắt, chỉnh kích thước ảnh khá đơn giản và có nhiều video hướng dẫn online.
Krita: Phần mềm chỉnh sửa hình ảnh miễn phí có những tính năng, công cụ khá tương tự như Photoshop.
Paint.NET: Mặc dù phần mềm có giao diện cũ nhưng cách sử dụng không phức tạp và công cụ chỉnh ảnh khá dễ dùng.
2. Phần mềm có sẵn trong máy tính
Paint – công cụ được cài đặt sẵn trong các máy tính sử dụng hệ điều hành Windows
Bước 1: Mở phần mềm Paint và file hình ảnh trong phần mềm
Bước 2: Kích vào Resize trên thanh công cụ
Bước 3: Chỉnh ảnh – Paint có hai công cụ chỉnh cỡ ảnh là chỉnh ảnh theo pixel và theo tỷ lệ phần trăm với ảnh gốc. Bạn chỉ cần điều chỉnh lại số liệu và kích OK để hoàn tất.
Bước 4: Lưu trữ hình ảnh vừa chỉnh sửa và sử dụng file ảnh mới để đăng tải lên website.
3. Công cụ chỉnh ảnh online
Pixlr: cung cấp bộ công cụ chỉnh sửa, thiết kế hình ảnh online dựa trên điện toán đám mây, ngoài ra Pixlr cũng mang đến các tiện ích về ghi chép màn hình, chia sẻ file hình ảnh.
Fotor: công cụ hình ảnh online hoàn toàn miễn phí, bên cạnh chỉnh sửa kích thước ảnh, bạn cũng có thể dùng Fotor để chỉnh sáng, độ tương phản, cân bằng trắng, bão hòa màu ảnh, làm mờ, xoay chiều, chỉnh hướng hình ảnh,…
Canva: một trong những công cụ chỉnh sửa hình ảnh phổ biến nhất, có hỗ trợ ngôn ngữ Tiếng Việt, Canva sở hữu kho hình có kích thước ảnh chuẩn sẵn bạn chỉ việc đổi hình ảnh, text là có thể có sản phẩm hoàn thiện như ý.
V. Yếu tố giúp tối ưu kích thước ảnh chuẩn SEO
SEO hình ảnh chuẩn là các hoạt động dựa trên SEO (tối ưu hóa công cụ tìm kiếm). Để thực hiện SEO hình ảnh cho website của mình một cách hiệu quả, Terus sẽ đưa ra các bước mà bạn nên tuân theo:
Đặt tên cho hình ảnh có chứa từ khóa chính
Giảm dung lượng file ảnh để tăng tốc độ tải trang
Thêm thuộc tính Alt text cho hình ảnh
Chú thích cho hình ảnh
1. Đặt tên cho hình ảnh có chứa từ khóa chính
Tên hình ảnh phải được đặt như cách bạn đang giải thích nó, việc này sẽ giúp Google hiểu được nội dung và thông điệp truyền tải của hình ảnh. Do đó, trước khi tải hình ảnh lên website, bạn nên tối ưu hóa tên file ảnh theo các tiêu chí sau đây để tăng hiệu quả SEO cho website của mình của mình:
Đặt tên ảnh không dấu và các từ được ngăn cách với nhau bởi dấu gạch ngang “-”.
Tên ảnh phải chứa từ khóa chính hoặc từ khóa liên quan của bài viết.
Tên ảnh không được chứa các ký tự đặc biệt như !, @, #,…
Không sử dụng những dãy chữ số vô nghĩa kiểu mặc định như: 1654512.jpg, IMG_298751335 để đặt tên cho file ảnh.
2. Giảm dung lượng file ảnh để tăng tốc độ tải trang
Mặc dù hình ảnh mang lại trải nghiệm người dùng tuyệt vời, nhưng chúng cũng tốn nhiều tài nguyên trên website của bạn, và cũng là một trong những lý do chính khiến website mất thời gian tải.
Và theo nghiên cứu của Terus, người dùng mất khoảng 3 giây để tải website về máy tính trong các khu vực có tốc độ web ổn định, nhưng khi sử dụng thiết bị di động, thời gian này tăng lên 5 giây.
Để có thể giảm dung lượng của ảnh, bạn có thể dùng các phần mềm thiết kế hoặc bạn có thể tham khảo các công cụ online.
Vì vậy, điều dễ hiểu là nếu website của bạn mất hơn 10 giây để load, khách hàng sẽ “tạm biệt” website của bạn ngay lập tức. Hình ảnh nên có dung lượng từ 70 đến 200kb để tốc độ tải trang được tối ưu hóa.
3. Thêm thuộc tính Alt text cho hình ảnh
Một tên khác cho thẻ Alt ảnh là “văn bản thay thế của hình ảnh”. Đây là một trong những yếu tố quan trọng nhất trong việc tối ưu SEO website của bạn. Bởi vì như Terus đã đề cập rất nhiều lần, Google sẽ dựa trên thuộc tính này của hình ảnh để “đọc hiểu” những gì hình ảnh mô tả.
Khi hình ảnh của bạn không thể hiển thị do một số lỗi, chẳng hạn như địa chỉ URL của hình ảnh không hoạt động, mạng yếu hoặc trình duyệt không cho phép hiển thị, thuộc tính Alt sẽ thay thế hình ảnh của bạn để người đọc vẫn có thể hiểu thông điệp truyền tải của hình ảnh.
4. Chú thích cho hình ảnh
Ngay bên dưới hình ảnh là dòng chú thích ảnh. Nó được thiết kế để cung cấp thông tin bổ sung về nội dung và thông tải truyền đạt của hình ảnh.
Tuy nhiên, không phải lúc nào tất cả các bức ảnh đều cần chú thích thêm. Bạn có thể thêm chú thích cho hình ảnh nếu nó phù hợp với thực tế hoặc mang lại sự hợp lý từ góc độ người dùng. Terus khuyên rằng bạn đừng nên lạm dụng nó quá nhiều chỉ để tối ưu SEO cho website của mình.
VI. Tổng kết
Thông qua bài viết này, Terus hy vọng bạn sẽ hiểu rõ hơn về các kích thước ảnh và tỷ lệ hình ảnh quan trọng trên các website và biết thêm về các công cụ hỗ trợ hiệu quả để resize hình ảnh.
Ngoài hình ảnh ra, sẽ còn rất nhiều yếu tố có bên trong một website chuyên nghiệp hãy đọc qua bài viết này để có thêm thông tin: Các Yếu Tố Trong Website Chuyên Nghiệp, Hiệu Quả, Thu Hút
Cảm ơn bạn đã đọc hết bài viết. Nếu bạn có bất cứ yêu cầu gì về Terus có thể liên hệ tại đây nhé!
Theo dõi Terus tại:
Đọc thêm:
Comments