Kích thước Website chuẩn – Có ảnh hưởng tới SEO?

 

Kích thước website chuẩn là một trong những yếu tố quan trọng góp phần tạo nên một website chuyên nghiệp. Điều này thực sự cần thiết đối với các doanh nghiệp muốn đảm bảo sự tồn tại và lâu dài sự nghiệp của mình. Để hiểu được điều đó, Webo sẽ giới thiệu tới độc giả các kích thước website chuẩn, tối ưu nhất nhé!

Những kích thước website cần biết

Trong hơn 200 yếu tố để Google đưa website của bạn lên top thì kích thước website là một phần trong đó và sau đây là một số kích thước website mà cần phải lưu ý:

• Fixed layout (kích thước chuẩn): kích thước có chiều rộng được thiết lập theo 1 thông số nhất định. Đây là kích thước cố định.
• Fluid layout (kích thước lưu động): kích thước được tính theo tỷ lệ %. Chiều rộng của web có thể thay đổi phù hợp với trình duyệt.
• Elastic layout (kích thước co giãn): là sự kết hợp kích thước của 2 dạng trên.

Bên cạnh đó cần chú ý kích thước banner, kích thước hình ảnh slider ở trang chủ, kích thước hình ảnh, kích thước hình ảnh bên trong sản phẩm,…

Các đơn vị trong kích thước website

Các đơn vị trong kích thước website bao gồm:

• Pt, pc, cm mm, in: đây là kích thước chuẩn, tuyệt đối. Chúng không thay đổi khi bạn thay đổi thiết bị truy cập hiển thị (điện thoại, máy tính). Ví dụ bạn dùng font chữ times new roman 15 pt thì trên các thiết bị đều hiển thị font và cỡ chữ tương tự.

• Px (pixel): đây là đơn vị tính cho 1 điểm trên màn hình, một màn hình thường có rất nhiều điểm nhỏ. Ví dụ 1 màn hình có độ phân giải full HD với 1920 × 1080 pixel. Thì sẽ là 073.600 pixel chia đều cho 1920 cột và 1080 hàng.

• %, em, rem: % là đơn vị của kích thước lưu động. Ví dụ hình ảnh gán width là 50% thì sẽ có độ rộng bằng 50% màn hình hiển thị. “Em” là đơn vị giống % và sử dụng cho font chữ còn “rem” sử dụng cho font-size của html.

Kích thước website chuẩn (fixed layout)

Kích thước website chuẩn được hiểu là kích thước được thiết kế cố định chiều rộng web. Các thông số chủ yếu là 800px, 1000px, 960px hoặc 1260px. Đặc điểm của kích thước này là sẽ không thay đổi cho dù bạn đang sử dụng các thiết bị có độ phân giải khác nhau.

Kích thước cố định của website thường được Designer thiết kế là 960px. Kích thước này phù hợp hiển thị trên màn hình có độ phân giải 1024 hoặc lớn hơn. Đây cũng là độ phân giải tiêu chuẩn của các máy tính hiện nay.

Kích thước website này được áp dụng 80% cho các web so với kích thước lưu động. Fixed Layout giúp bạn đảm bảo được sự nhất quán của độ phân giải và kiểm soát được nhiều yếu tố hiển thị khác và không gây xáo trộn đến code của web.

Ưu điểm:

• Thiết kế và triển khai web dễ dàng
• Hỗ trợ hiển thị trên nhiều thiết bị khác nhau
• Cho khả năng đọc tốt với các thiết bị có độ phân giải cao
• Các yếu tố HTML có chiều rộng cố định nên triển khai nhanh chóng, đơn giản hơn.

Nhược điểm:

• Gây mất thẩm mỹ do tạo ra khoảng trống lớn ở 2 bên màn hình có độ phân giải lớn.
• Tạo thành thanh cuộn ngang nếu kích thước Width cao hơn so với độ phân giải.

Kích thước website lưu động (Fluid layout)

 

Kích thước website lưu động được tính theo đơn vị %. Điều này giúp cho website của bạn linh động hơn trong việc đưa ra tỷ lệ kích thước phù hợp nhất.

Fluid layout sử dụng % cho các thành phần HTM nên hạn chế sử dụng pixel. Vì thế các layout có thể thay đổi theo các chế độ phân giải của màn hình.

Ưu điểm:

• Tăng điểm UX, UI của website, thân thiện với người dùng
• Không có khoảng trắng 2 bên và không có thanh cuộn ngang.

Các kích thước khác

Dưới đây là một vài kích thước khác của website mà bạn có thể tham khảo:

Kích thước của ảnh Slide ở trang chủ

Kích thước hình ảnh Slider website được chia theo tỷ lệ vàng là 1360 x 540 pixel.

Kích thước hình ảnh trong bài viết

• Hình đại diện bên ngoài là 300×188 pixel
• Hình ảnh minh hoạ trong bài viết 600×375 pixel

Kích thước hình ảnh trong sản phẩm

• Kích thước ảnh minh họa sản phẩm tốt nhất nên là 300 x 400 pixel.
• Kích thước ảnh chi tiết sản phẩm 600×800 pixel.

Kích thước chia sẻ website lên facebook

Khi share lên Facebook cần để ảnh cover là 1200×630 pixel là tốt nhất hoặc tối thiểu là 600×315 pixel. Dung lượng ảnh khi tải lên nên nhỏ hơn 8MB.

Nếu bạn tải ảnh khác lên từ điện thoại hay máy tính thì tỷ lệ tối thiểu là 600×315 pixel.

Các công cụ thay đổi kích thước website

 

Để dễ dàng thay đổi kích thước website bạn có thể sử dụng một số công cụ sau đây:

• Adobe Photoshop: Phần mềm phổ biến dành cho dân thiết kế đồ họa cũng như chỉnh sửa ảnh. Tuy nhiên sử dụng Photoshop yêu cầu bạn phải có một chút kiến thức để hoàn thiện sản phẩm được tốt hơn.
• Paint: Dùng Paint để xử lý kích thước ảnh nhanh chóng, đảm bảo chất lượng.
• Chỉnh sửa trực tiếp trên WordPress: Thay đổi kích thước từng ảnh mà mình muốn đăng bài hoặc trong thư viện. Điều này sẽ giúp web chạy nhanh, mượt hơn rất nhiều.
• Pixlr: công cụ chỉnh sửa ảnh đa năng, tiện lợi. Công cụ gồm nhiều hiệu ứng, bộ lọc… Pixlr cũng hỗ trợ hầu hết định dạng ảnh.
• Fotor: công cụ chỉnh sửa miễn phí. Hỗ trợ sử dụng công cụ chỉnh sửa ảnh trực tuyến như thêm bộ lọc, khung, văn bản, nhãn dán.
• Canva: phần mềm quen thuộc dành cho bạn muốn thiết kế hình ảnh, logo, banner,…

Kích thước website có ảnh hưởng đến SEO không?

Như đã nói ở đầu, kích thước website là một trong những yếu tố ảnh hưởng đến giao diện trang, trải nghiệm người dùng và đặc biệt ảnh hưởng đến quá trình SEO. Các yếu tố bị ảnh hưởng nhiều nhất là:

• Tốc độ trang: Một website có tốc độ load web chậm sẽ khiến cho bạn mất đi một lượng khách hàng vô cùng lớn, vì thế hãy cải thiện website của mình với tốc độ load trang dưới 3 giây.
• Thứ hạng: Thứ hạng càng thấp đồng nghĩa khách hàng sẽ không thể thấy website của bạn.
• Hiệu suất tìm kiếm: Một website với giao diện đẹp và chuẩn đương nhiên sẽ thu hút khách hàng hơn.Vì vậy hãy mạnh dạn đầu tư để có một website chuẩn, liên hệ với Webo qua hotline 0905.93.92.99 – 0974.74.22.27 để được tư vấn và sở hữu một website chuẩn SEO nhé.

 

Trên đây là tổng hợp những thông tin chi tiết về kích thước website chuẩn và ảnh hưởng của chúng đối với quá trình SEO. Hy vọng bài viết trên đây đã mang lại cho bạn những kiến thức hữu ích nhất.