Nếu như bạn để ý thì website của GTV SEO vừa cập nhật lại về kích thước cũng như UX UI. Thật bất ngờ khá nhiều keyword đột nhiên bật lên các thứ hạng cao – trước đó chúng vẫn lặn ngụp ở trang 2 hoặc ở vị trí 7, 8. Do vậy, tôi đã đánh giá lại những thay đổi và đúc kết rằng kích thước của website cũng ảnh hưởng khá nhiều đến Search Engine Optimization, đặc biệt là trải nghiệm người dùng. Bài viết này tôi sẽ hướng dẫn bạn chi tiết nhất về định nghĩa này nhé. Bắt đầu thôi nào. Những kích thước website cần biếtHmm thật sự thì một trang web chuẩn SEO được thiết kế cuốn hút cũng như một cửa hàng bày trí đẹp mắt vậy. Tại sao tôi ví dụ như vậy? Đơn giản cả 2 đều làm bạn ấn tượng và gia tăng khả năng “mua hàng” (đọc blog, mua hàng, sử dụng sản phẩm/dịch vụ,..). Nhưng trước hết phải làm hài lòng “chủ đất” Google của chúng ta đã nhé. Do đó, để đạt được khả năng này thì cũng cần tuân theo các tiêu chí mà Google đề ra. 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 đó. Chưa nói đến hình ảnh của bạn có đẹp hay sắc nét không. Google sẽ ưu tiên kích thước trước tiên vì bot Google chỉ đọc kích thước, thẻ alt). Còn chất lượng chắc chắn phải cần rồi vì để tối ưu trải nghiệm người dùng.
Kích thước website responsive có thể là xu hướng thiết kế website Sau đây là một số kích thước của Website mà bạn cần lưu ý:
Ngoài ra cũng 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 trong bài viết, kích thước hình ảnh bên trong sản phẩm,… Các đơn vị trong kích thước websitePt, pc, cm mm, in Đây là các kích thước chuẩn và tuyệt đối. Nghĩa là chúng không thay đổi khi bạn thay đổi thiết bị hiển thị (máy tính, điện thoại,…). Ví dụ bạn sử dụng font chữ time new roman 12pt thì các thiết bị đều hiển thị giống nhau toàn bộ. Px (pixel) Pixel là đơn vị tính cho một đ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ụ một màn hình có độ phân giải Full HD với 1920 × 1080 pixel. Ở đây bạn sẽ có 2.073.600 pixel chia đều cho 1920 cột và 1080 hàng. Đơn vị %, em, rem Như tôi đề cập ở trên, % là đơn vị cho kích thước lưu động. Ví dụ một hình ảnh được gán cho Width là 50% thì sẽ có độ rộng đúng bằng 50% màn hình điện thoại hoặc máy tính. “Em” cũng là đơn vị giống với % nhưng được sử dụng cho font chữ. Còn “rem” thì được sử dụng với font-size của html. Kích thước website chuẩn (fixed layout).Kích thước trang web chuẩn là gì? Kích thước cố định của website được hiểu là kích thước được thiết kế cố định chiều rộng web. Chiều rộng này sẽ không thay đổi. Thường thông số chủ yếu là 800px, 1000px, 960px hoặc 1260px. Cố định bởi vì các kích thước này sẽ không thay đổi dù bạn sử dụng các thiết bị có độ phân giải khác nhau. Kích thước cố định của web thường được các Designer thiết kế là 960px. Kích thước này hoàn hảo khi xuất hiện trên màn hình độ phân giải 1024 hoặc lớn hơn. Độ phân giải này cũng là tiêu chuẩn của các máy tính hiện nay. Fixed Layout được sử dụng hơn 80% hiện nay cho các web so với kích thước lưu động. Fixed Layout giúp đảm bảo được tính nhất quán với mọi độ phân giải. Điều này giúp nhà thiết kế kiểm soát được các yếu tố hiển thị khác. Ngoài ra nó cũng không gây xáo trộn quá nhiều đến bộ phận lập trình (code) của web. Ưu điểm
Nhược điểm
Kích thước website lưu động (Fluid layout).Kích thước website động là gì? Đối với kích thước website lưu động thì kích thước sẽ được tính theo %. Điều này giúp website hiển thị trên các thiết bị khác nhau đều cho ra tỷ lệ kích thước phù hợp. Kích thước lưu động sử dụng % cho các thành phần HTML nên hạn chế sử dụng pixel. Do đó các layout cũng có thể thay đổi theo độ phân giải màn hình khác nhau. Và website GTV SEO của tôi sử dụng kích thước lưu động. Bạn có thể xem ví dụ bên dưới
Kích thước website chuẩn GTV SEO hiển thị trên máy tính
Kích thước website chuẩn GTV SEO trên điện thoại Ưu điểm
Nhược điểm
Các kích thước khác1. Kích thước hình ảnh Slider ở trang chủKích thước ảnh Slider website theo tỷ lệ vàng là 1360 x 540 pixel. 2. Kích thước hình ảnh trong bài viếtKích thước ảnh minh họa hiển thị bên ngoài sẽ là 300 x 188 pixel. Còn kích thước hình ảnh trong bài viết là 600 x 375 pixel. 3. Kích thước hình ảnh trong sản phẩmKích thước ảnh minh họa sản phẩm tốt nhất nên là 300 x 400 pixel. Và kích thước ảnh chi tiết sản phẩm 600×800 pixel. 4. Kích thước chia sẻ website lên facebookViệc share social nói chung và Facebook nói riêng khá là cần thiết trong SEO. Việc này cũng giúp các khách hàng của bạn trên Facebook tương tác với website tốt hơn.
Biết kích thước cover website upload lên Facebook là điều quan trọng Khi share lên Facebook thì lúc này bạn nên để ảnh Cover Website ở 1200 x 630 pixel. Hoặc tối thiểu cũng đạt mức 600 x 315 pixel và dung lượng ảnh chỉ nên nhỏ hơn 8MB. Ngoài ra bạn cũng có thể tải ảnh khác lên từ máy tính hoặc điện thoại. Mức tỷ lệ tối thiểu sẽ là 600 x 315 pixel. Các công cụ thay đổi kích thước websiteSau đây tôi sẽ giới thiệu bạn các công cụ giúp thay đổi kích thước của website. Sử dụng các công cụ này phần nào giúp bạn giải quyết công việc nhanh hơn.
Cách thực hiện:
Ngoài ra bạn cũng có thể tham khảo các công cụ chỉnh sửa ảnh trên nền tảng online:
Kết luậnTrên đây là những kiến thức về kích thước website tốt nhất cho SEO và UX-UI. Hy vọng bài viết này của proxysell.net có thể cung cấp cho bạn đầy đủ các thông tin bạn cần. Nếu như bạn vẫn còn những thắc mắc nào khác, hãy tìm kiếm chúng tại Blog của proxysell.net trên thanh tìm kiếm hoặc liên hệ với tôi nếu bạn không tìm thấy nhé. Các bạn có thể tìm hiểu thêm về các nội dung bài viết liên quan trong mục khác về các mẹo hướng dẫn hữu dụng tại đây: “Dịch vụ marketing” Để có thể mua Proxy cho IPv6 bạn có thể mua tại website proxysell.net. Các bạn có thể tìm hiểu thêm tại Google
|
