Mục lục:
- Tạo một cuộc gọi đến hành động
- Thiết bị di động nhỏ hơn máy tính để bàn, do đó bạn có ít chỗ để vừa với nội dung trên trang và ít chỗ cho không gian trắng hơn. Một số thủ thuật tối ưu hoá nội dung màn hình nhỏ bao gồm:
- Bởi vì các thiết bị di động nhỏ hơn máy tính để bàn, chúng có ít không gian hơn để hiển thị nội dung
- Bất cứ khi nào bạn đưa từ lên trang web của bạn, ưu tiên hàng đầu cần phải là sự hiểu biết của người dùng. Người dùng của bạn cần để có thể nhìn thấy, và nhanh chóng đọc, những lời nói của bạn trên nhiều thiết bị khác nhau. Vì không có một kích thước phù hợp với tất cả các tiêu chuẩn hiện có cho kích thước màn hình di động hoặc chất lượng đồ họa nên rất khó để thu hẹp nó xuống một đề xuất một kích cỡ cho tất cả các lựa chọn phông chữ. Dưới đây là một số quy tắc để theo dõi các phông chữ:
- Để làm cho trang web thân thiện với thiết bị di động của bạn, điều quan trọng là đảm bảo rằng hình ảnh của bạn được kích thước và được lưu theo cách cho phép họ tải nhanh trên máy tính để bàn và thiết bị di động. Các hình ảnh được tối ưu hóa tải nhanh chóng giữ cho cả người dùng và công cụ tìm kiếm vui vẻ.
- Để tối ưu hóa nội dung di động của bạn cho việc sử dụng đa màn hình, đảm bảo rằng màu sắc, phông chữ và các chủ đề mà bạn sử dụng bắt chước chặt chẽ màu sắc, phông chữ và chủ đề máy tính của bạn. Làm như vậy sẽ giúp khách truy cập của bạn cảm thấy tự tin rằng họ đã đến đúng nơi khi họ điều hướng đến trang web của bạn bằng cách sử dụng thiết bị mới và cũng có thể giúp củng cố thương hiệu. Bảo hiểm Tiến bộ thực hiện tốt công việc này.
- Nói chung, thiết kế với Flash không đáng tin cậy và không được khuyến khích cho thiết bị di động hoặc thiết bị di động. Điều này bao gồm việc dựa vào Flash để phát nội dung video. Một số thiết bị di động, chẳng hạn như iPhone, không thể hiển thị hoàn toàn Flash, vì vậy bất kỳ yếu tố nào trong trang web của bạn yêu cầu Flash sẽ làm cho trải nghiệm người dùng kém.
Video: Hễ cứ lên show hẹn hò là phải hẹn hò liền? | BAR STORIES 2025
Là một phần của chiến lược SEO của bạn, hãy nghĩ đến tất cả những điều người dùng của bạn nhìn thấy khi họ ghé thăm trang mạng. Từ những từ, hình ảnh và video đến điều hướng của trang web của bạn, họ sẽ thấy nội dung của trang web của bạn.
Bây giờ, hãy suy nghĩ kỹ về thiết bị di động của bạn và suy nghĩ xem khách truy cập của bạn sẽ trải nghiệm nội dung trang web của bạn như thế nào khi họ ở trên các thiết bị di động đi bộ trên đường phố New York.
Nếu bạn chỉ nhớ một điều về thiết kế cho tính thân thiện với thiết bị di động, bạn cần phải: Các trang web thân thiện với điện thoại di động cần trên hết tất cả để cung cấp trải nghiệm người dùng tốt nhất có thể.
Tạo một cuộc gọi đến hành động
Để làm cho nội dung của bạn thân thiện với thiết bị di động, bạn muốn giúp người sử dụng dễ dàng tìm thấy những gì họ cần và hành động. Trong môi trường di động, trong đó người dùng đang làm việc với màn hình nhỏ và ngón tay thay vì nhấp chuột, nút gọi hành động nhấp để gọi nổi bật là một cách tuyệt vời để giúp người dùng dễ dàng thực hiện các tác vụ phổ biến. Và hoàn thành một công việc có nghĩa là chuyển đổi cho bạn!
Dưới đây là ví dụ về nút nhấp để gọi, được đặt chiến lược ở đầu Bruce Clay, Inc., trải nghiệm di động.
Các nút bấm một cú nhấp chuột trong màn hình đầu tiên giúp người dùng di động hoàn thành các tác vụ.
Thiết bị di động nhỏ hơn máy tính để bàn, do đó bạn có ít chỗ để vừa với nội dung trên trang và ít chỗ cho không gian trắng hơn. Một số thủ thuật tối ưu hoá nội dung màn hình nhỏ bao gồm:
Tạo biểu trưng của bạn như một liên kết chuyển hướng trở lại trang chủ di động của bạn.
-
Giảm thiểu khoảng trắng và đảm bảo phần lớn trang được lấp đầy với nội dung thực tế.
-
Tạo các phần tử ngoài màn hình như
-
trình đơn bật / tắt, là thành phần điều hướng có thể mở rộng và đóng. Rút ngắn văn bản xuất hiện trên các nút khi có thể.
-
Hãy đặc biệt về những gì xảy ra trong màn hình đầu tiên
Bởi vì các thiết bị di động nhỏ hơn máy tính để bàn, chúng có ít không gian hơn để hiển thị nội dung
trong màn hình (trong không gian người dùng nhìn thấy trước khi cuộn xuống trang). Đảm bảo chú ý và tập trung vào người dùng khi chọn nội dung trong đầu màn hình của bạn. Ngoài ra, đảm bảo rằng nội dung bạn đặt trong màn hình đầu tiên tải nhanh chóng. Tốc độ trang web và thời gian tải gấp ở trên là quan trọng đối với trải nghiệm của người dùng và chúng cũng là yếu tố xếp hạng di động quan trọng. Chọn phông chữ di động dễ đọc
Bất cứ khi nào bạn đưa từ lên trang web của bạn, ưu tiên hàng đầu cần phải là sự hiểu biết của người dùng. Người dùng của bạn cần để có thể nhìn thấy, và nhanh chóng đọc, những lời nói của bạn trên nhiều thiết bị khác nhau. Vì không có một kích thước phù hợp với tất cả các tiêu chuẩn hiện có cho kích thước màn hình di động hoặc chất lượng đồ họa nên rất khó để thu hẹp nó xuống một đề xuất một kích cỡ cho tất cả các lựa chọn phông chữ. Dưới đây là một số quy tắc để theo dõi các phông chữ:
Cho dù bạn sử dụng phông Sans Serif hay Serif, hãy xem xét chiều cao của các ký tự trong bảng chữ cái font chữ và khoảng trắng giữa các chữ cái. Các phông chữ có chiều cao nhân vật cao vừa phải và khoảng cách giữa các chữ cái có thể cải thiện khả năng đọc.
-
Biết nhân khẩu học của bạn và nhớ rằng những người lớn tuổi có thể sẽ khó khăn hơn khi đọc các phông chữ nhỏ hơn, cô đặc hơn.
-
Đảm bảo cung cấp độ tương phản đủ giữa phông chữ và nền để người dùng có thể xem nội dung của bạn, thậm chí ở ngoài trời hoặc trong các điều kiện khác, nơi chớp mắt là một yếu tố.
-
Đường đi an toàn nhất là sử dụng phông chữ chung mà các nhà sản xuất và người dùng thiết bị di động chấp nhận, chẳng hạn như Arial, Helvetica, Courier, Georgia, Times New Roman, Trebuchet MS hoặc Verdana.
-
Tối ưu hóa hình ảnh
Để làm cho trang web thân thiện với thiết bị di động của bạn, điều quan trọng là đảm bảo rằng hình ảnh của bạn được kích thước và được lưu theo cách cho phép họ tải nhanh trên máy tính để bàn và thiết bị di động. Các hình ảnh được tối ưu hóa tải nhanh chóng giữ cho cả người dùng và công cụ tìm kiếm vui vẻ.
Để tối ưu hóa hình ảnh cho điện thoại di động, đảm bảo
Lưu hình ảnh ở định dạng tệp nhỏ gọn, chẳng hạn như JPG, GIF hoặc PNG.
-
Không bao giờ kích thước hình ảnh lớn hơn cần thiết; hãy nhớ rằng hình ảnh lớn có nghĩa là kích thước tệp lớn, do đó có nghĩa là thời gian tải chậm.
-
Tối ưu hóa kích thước hình ảnh ngay cả khi bạn đang sử dụng thiết kế đáp ứng. Với thiết kế đáp ứng, bạn có thể đảm bảo rằng hình ảnh được tối ưu hóa cho điện thoại di động bằng cách sử dụng CSS để viết trong mệnh đề độ rộng tối đa - {max-width: 100%} - sẽ thay đổi kích thước hình ảnh của bạn dựa trên kích thước của màn hình được phát hiện.
-
Thiết kế cho màn hình đa màn hình
Để tối ưu hóa nội dung di động của bạn cho việc sử dụng đa màn hình, đảm bảo rằng màu sắc, phông chữ và các chủ đề mà bạn sử dụng bắt chước chặt chẽ màu sắc, phông chữ và chủ đề máy tính của bạn. Làm như vậy sẽ giúp khách truy cập của bạn cảm thấy tự tin rằng họ đã đến đúng nơi khi họ điều hướng đến trang web của bạn bằng cách sử dụng thiết bị mới và cũng có thể giúp củng cố thương hiệu. Bảo hiểm Tiến bộ thực hiện tốt công việc này.
Giữ thiết kế di động và máy tính để bàn giống nhau.
Nói chung, thiết kế với Flash không đáng tin cậy và không được khuyến khích cho thiết bị di động hoặc thiết bị di động. Điều này bao gồm việc dựa vào Flash để phát nội dung video. Một số thiết bị di động, chẳng hạn như iPhone, không thể hiển thị hoàn toàn Flash, vì vậy bất kỳ yếu tố nào trong trang web của bạn yêu cầu Flash sẽ làm cho trải nghiệm người dùng kém.
Flash cũng không tốt đối với SEO bởi vì Google đã biết đến việc xếp hạng SERP và chèn các cảnh báo SERP khi các trang web trên thiết bị di động sử dụng Flash.
