Với sự phát triển mạnh mẽ của công nghệ 4.0 thì việc phát triển kinh doanh trên Internet không còn quá xa lạ, và hình thức bán hàng trên Internet phổ biến nhất đó chính là website. Tất cả doanh nghiệp muốn kinh doanh đều phải có website bán hàng cho riêng mình.Tuy nhiên khi thiết kế website chuyên nghiệp thì kích thước website như thế nào là chuẩn? Vì vậy trong bài viết này của Terus sẽ cung cấp những kích thước website chuẩn, tối ưu nhất.
Kích thước website là một trong những tiêu chuẩn tối ưu Onpage quan trọng, giúp tối ưu hiệu suất SEO và tăng trải nghiệm người dùng.Trong thiết kế web, các trang cần phải chuyển đổi một cách nhạy bén và nhanh chóng ở tất cả các độ phân giải màn hình trên các trình duyệt và nền tảng khác nhau. Trang của bạn cũng cần thân thiện với thiết bị di động. Trước tiên, hãy thiết kế kích thước website cho độc giả của bạn từ 360 × 640 đến 1920 × 1080px.Tương tự kích thước website:
Trang web của bạn vẫn cần đẹp mắt và hoạt động tốt ở mọi kích thước. Đó là lý do tại sao trong dịch vụ SEO, Terus luôn đề xuất với khách hàng một bố cục lỏng để có thể truy cập bằng cách sử dụng phần trăm độ rộng.Ba tiêu chí chính để tối ưu hóa bố cục trang cho một kích thước website màn hình nhất định là:
Có phải tất cả các yếu tố đều được xếp hàng chính xác không? Điều này có nghĩa là bạn nên chú ý đến hình ảnh ngay bên cạnh nó không? Ngoài ra, các nguyên tắc về khả năng sử dụng khuyên bạn nên xem xét cả ba tiêu chuẩn ở cả ba kích cỡ. Xem cửa sổ trình duyệt từ độ phân giải màn hình 360 × 640 đến 1920 × 1080px. Trang của bạn sẽ được đánh giá cao trên tất cả các tiêu chí trong phạm vi độ phân giải.Trang web của bạn nên hoạt động ở cả kích thước lớn và nhỏ. Mặc dù người dùng có khả năng truy cập trang web của bạn nhanh hơn, nhưng việc cung cấp cho họ hình ảnh kém chất lượng đôi khi là chỉ một sự thỏa thuận đáng giá.
Tổng hợp chỉ số 10 độ phân giải màn hình kích thước website phổ biến nhất.
Google chỉ yêu cầu bạn cần thiết kế trang hài lòng với trải nghiệm người dùng ở trên nhiều thiết bị nếu bạn muốn xếp hạng cao cho các từ khóa cạnh tranh trong Google. Kể từ ngày 21 tháng 4 năm 2015, trên toàn cầu, một trang web thân thiện với thiết bị di động đã ảnh hưởng đến hiệu suất xếp hạng cho các trang web ở nhiều thiết bị.Nếu trang web của bạn là của một doanh nghiệp nhỏ, bạn phải xây dựng một trang web hoạt động tốt trên Google mà không phải trả tiền cho việc chạy quảng cáo. Bạn đã biết rằng Google quan tâm đến việc tối ưu hóa công cụ tìm kiếm của mình. SEO hiện là một phần dựa trên UX trang web tốt, và Google đảm bảo rằng điều này được định lượng qua người dùng di động.“Với việc tìm kiếm trên thiết bị di động hiện đã vượt quá tìm kiếm trên máy tính để bàn, điều quan trọng là trang web của bạn phải thân thiện với thiết bị di động. Googlebot hiện sử dụng trình thu thập thông tin di động làm trình thu thập thông tin mặc định cho các trang web ”.Hiện tại, điều đó về cơ bản có nghĩa là thiết kế trang web đáp ứng và thân thiện với thiết bị di động. Đặc biệt là với Google “ưu tiên lập chỉ mục thiết bị di động”. Tính thân thiện với thiết bị di động là một trong những tín hiệu trải nghiệm trang của Google.
Thiết kế một trang web giống nhau không thể áp dụng cho mọi trình duyệt và độ phân giải, vì vậy hãy thử sử dụng bố cục linh hoạt mà không cần thiết kế cố định. Tỷ lệ phần trăm có thể thay đổi kích thước trang web. Do đó, bạn có thể thu nhỏ hoặc mở rộng theo cài đặt của trình duyệt của người dùng. Ngoài ra, bạn có thể xem xét các giải pháp thiết kế cụ thể khác.Điều tốt cho những người đã làm như vậy trước đây là Google hỗ trợ các thiết kế cá nhân cho người dùng của các trang web mà nó tạo ra. Bạn phải xem xét mức độ dễ sử dụng của trang web mà bạn tạo ra cho thiết bị di động mà bạn đã xác định ngay từ đầu. Do đó, khi thiết kế trang web, mọi người nên cố gắng giữ mọi thứ đơn giản nhất có thể.Tất nhiên bạn cũng cần xác định rằng bản thân sẽ không thể làm ra được một website mà tất cả mọi người đều hài lòng. Vì vậy mà câu hỏi về kích thước website nào là tốt nhất vẫn còn là một chủ đề tranh luận của các nhà thiết kế website có chuyên môn cũng như kinh nghiệm sử dụng UX. Ngoài ra, một điều nữa cũng rất quan trọng là bạn cần phải xác định được đối tượng tiếp cận của bạn và các thiết bị mà họ sử dụng. Vì đây là điều sẽ giúp cho nhà thiết kế website có thể xây dựng một trang web đảm bảo sự phù hợp và thuận tiện nhất cho các đối tượng đó bao gồm cả Googlebot.
Trang web trên điện thoại di động của bạn có chuyển hướng đến một URL và phiên bản khác của trang không? Trên thực tế, điều này chưa bao giờ xảy ra. Trước đây một số người đã sử dụng phiên bản trang web chỉ có nội dung bằng văn bản truyền tải đến người dùng. Do đó, các nỗ lực để làm cho nội dung của bạn dễ truy cập hơn cũng không có tác dụng cho lắm.W3C thậm chí còn được sử dụng để thay thế trong trường hợp tất cả các phương pháp khác không thành công. W3C sẽ cung cấp một trang web chỉ có văn bản, chứa thông tin hoặc chức năng tương tự, để làm cho trang web đó tuân thủ các quy định của trang web chính. Nếu trang web đó không thể hoạt động theo cách đó, nội dung của các trang chỉ bao gồm văn bản sẽ được cập nhật khi trang chính thay đổi.Đây là một điều lý tưởng để cung cấp một URL cho người dùng truy cập vì mục đích hỗ trợ trang chính. Đặc biệt là không có sự khác biệt khi chia sẻ nội dung trên điện thoại di động hay thiết bị thông minh. vì thế mọi người có thể nghĩ đến việc tạo phiên bản “di động” cho trang web của mình ngay bây giờ.Nếu bạn có điện thoại thông minh, bạn có thể sử dụng rel = canonical để trỏ đến phiên bản máy tính để bàn của mình. Khi người dùng truy cập phiên bản dành cho máy tính để bàn đó bằng thiết bị thông minh, bạn có thể chuyển hướng họ sang phiên bản dành cho thiết bị di động.Điều này được thực hiện bằng cách sử dụng bất kỳ cấu trúc URL nào, vì vậy bạn không cần sử dụng thư mục con hoặc tên miền phụ cho các trang web dành cho điện thoại thông minh hoặc điện thoại thông minh. Tuy nhiên, việc sử dụng các URL giống nhau và hiển thị phiên bản phù hợp với nội dung mà không cần chuyển hướng là tốt hơn nữa.
Như tiêu chí đầu tiên đã nói, cuộn trang luôn là yếu tố quan trọng cần cân nhắc. Người dùng thường không thích cuộn nếu họ không cần thiết mặc dù qua nhiều năm, điều đó đã thay đổi. Vì vậy, khi bạn thiết kế, bạn nên cân nhắc xem người dùng có thể nhìn thấy bao nhiêu nếu họ chỉ cuộn toàn màn hình hoặc hai màn hình.Bất kỳ màn hình nào dài hơn năm màn hình đều có thể là dấu hiệu cho thấy trang có quá nhiều bản sao. Tất nhiên, điều này được cân bằng với quan điểm rằng người dùng sẽ chờ đợi một chút để xem một số trang và loại phần không cần thiết vì một số bài báo chứa nhiều thông tin.Cả khả năng cuộn và khả năng hiển thị ban đầu rõ ràng phụ thuộc vào kích thước màn hình. Nếu màn hình lớn sẽ hiển thị nhiều nội dung hơn trong màn hình đầu tiên và sẽ yêu cầu ít cuộn hơn. Do vậy khi thiết kế về kích thước website các bạn nên cân nhắc đến mục đích cũng như đối tượng trung thành của trang web để tạo trang hợp lý.
Để tăng thứ hạng bằng việc thay đổi trang web đáp ứng là điều không nhất thiết, nhưng có thể thực hiện nếu muốn. Bạn sẽ có nhiều điều phải làm với việc tối ưu hóa Google. Có một trang web thân thiện với thiết bị di động ít nhiều đảm bảo bạn giữ được lưu lượng truy cập mà bạn đang nhận được, không nhất thiết phải cung cấp cho bạn thêm bất kỳ lưu lượng truy cập miễn phí nào từ Google.Nếu lưu lượng khách truy cập trên thiết bị di động của bạn không đáng kể, bản cập nhật này từ Google có thể hữu ích. Điều này chưa chắc chắn có ảnh hưởng đáng kể đến mức lưu lượng truy cập hay không. Tuy nhiên, dần dần, đây có thể sẽ trở thành một thách thức cực kỳ quan trọng trong việc điều hướng trang của bạn.Nếu các bạn muốn cạnh tranh trong các SERP hữu cơ cạnh tranh, hơn bao giờ hết đây lại là một trở ngại khác mà các doanh nghiệp nhỏ cần phải vượt qua. Điều này sẽ giúp cho trang của doanh nghiệp thu hút nhiều bạn đọc hơn. Từ đó mục đích thiết kế của các bạn sẽ đạt được hiệu quả.Trong dài hạn việc chuyển đổi trên thiết bị di động này có thể là một điều tốt cho người dùng. Nhưng trong ngắn hạn điều này sẽ rất thú vị khi xem trang có ảnh hưởng gì đến tỷ lệ chuyển đổi của các doanh nghiệp nhỏ. Bởi vì tỷ lệ chuyển đổi qua thiết bị di động thường ít hơn trên máy tính để bàn.Theo Google, so với cả Google Penguin và Google Panda, thuật toán thân thiện với thiết bị di động này sẽ có tác động lớn hơn đến SERPs. Điều này vẫn chưa chắc chắn và sẽ có thêm thông tin trong thời gian tới.
Dưới đây là một số các kích thước khác của website mà bạn có thể tham khảoKích thước của ảnh Slide ở trang chủ: Kích thước hình ảnh Slider website được để theo tỷ lệ vàng là 1360 x 540 pixel.Kích thước hình ảnh trong bài viết: Đối với hình ảnh bên trong bài viết:
Kích thước hình ảnh trong sản phẩm: Đối với hình ảnh minh hoạ sản phẩm thì kích thước nên để là 300×400 pixel còn đối với hình ảnh chi tiết sản phẩm thì nên để 600×800 pixel.Kích thước chia sẻ website lên facebook: Khi share lên Facebook thì bạn cần để ảnh cover là 1200×630 pixel 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ó thể thiết kế website chuyên nghiệp và dễ dàng thay đổi kích thước website bạn có thể sử dụng những công cụ sau đây:
Kích thước website là một trong những yếu tố gây ảnh hưởng đến SEO. Đây là tiêu chí cơ bản để Google đánh giá website của bạn cũng như tối ưu trải nghiệm người dùng.Vì thế khi thiết kế website bán hàng, tin tức, giới thiệu,… bạn cần chú ý đến kích thước website chuẩn để tạo sự thân thiện với người dùng, dễ dàng SEO website lên TOP.Những thông tin chi tiết nhất về kích thước website thông thường và tác động của chúng đối với quá trình tìm kiếm được cung cấp ở đây. Hy vọng bạn đã học được gì đó từ bài viết này. Trân trọng nhất!