Làm thế nào để kiểm tra các trang web điện thoại di động? Phương pháp cho các trang web thử nghiệm điện thoại di động

Sự phát triển của phiên bản di động của trang web - nó không phải là chỉ có thể ý thích của các nhà phát triển, thêm chi (hoặc thu nhập, khi nói đến việc nhà thầu) và quan tâm đến khách truy cập vào các tài nguyên. Theo báo cáo gần đây thực hiện bởi Google Inc, các trang web mà không đáp ứng được các yêu cầu của thiết kế đáp ứng sẽ pessimizirovany trong việc tìm kiếm, tiến hành từ một thiết bị di động. công cụ tìm kiếm trong nước Yandex cũng đã phát hành các khuyến nghị "Làm thế nào quan trọng nó là trở thành di động", và yên tâm rằng, hành động vì lợi ích của sự tiện lợi của người sử dụng thiết bị di động sẽ được đánh dấu trong các kết quả tìm kiếm và các phiên bản di động để ủng hộ trang thích ứng.

Vì vậy, các nhà phát triển bắt buộc phải thích nghi với các trang web cho điện thoại thông minh và kiểm tra bảo trì tài nguyên màn hình. Nếu không, bạn có thể mong đợi để mất một phần lớn lưu lượng truy cập và khách hàng do đó tiềm năng, bởi vì các thuật toán mới của Google và "Yandex" đã hoạt động trong tương lai gần. Kiểm tra phiên bản di động của trang web bằng nhiều cách: thay đổi kích thước của cửa sổ trình duyệt trong quá trình chuyển đổi sang chế độ nhà phát triển bằng cách sử dụng giả lập các thiết bị di động hoặc các dịch vụ web.

Thân thiện của trang web để thiết bị di động

Khả năng thích ứng với các thiết bị di động được đánh giá trên các thông số khác nhau. Điều quan trọng là để kiểm tra phiên bản di động của trang web không chỉ về mặt hiển thị chính xác, nó là cần thiết để đưa vào tài khoản các yếu tố khác:

• thiếu hoạt hình, thiết kế "nặng" và hình ảnh;
• tải tài nguyên tốc độ (tối thiểu phải đạt);
• không cần phải cuộn theo chiều ngang;
• sự vắng mặt của các plug-in và Silverlight của Java applet;
• Dễ dàng chuyển hướng thông qua các trang web;
• mã được đăng ký thẻ meta viewport.

Nếu các điều kiện được đáp ứng, các thuật toán phổ biến nhất của công cụ tìm kiếm nhận ra trang web như phù hợp cho các thiết bị di động và nâng cao vị thế của trang web liên quan đến vấn đề tài nguyên, mà không được thích nghi.

thử nghiệm thực tế trên các thiết bị di động

Cách thuận tiện nhất để kiểm tra trang web di động của bạn trên điện thoại thông minh thực sự. Phương pháp này cho phép để thử nghiệm trong điều kiện thực tế. Lý tưởng nhất, kiểm tra các tài nguyên web tốt hơn trên nhiều thiết bị, nhưng nếu ngân sách dự án không chịu chi phí cho việc mua một vài điện thoại thông minh mô hình phổ biến nhất, nó sẽ là đủ và các thiết bị trên Android hoặc Apple dựa.

Thay đổi kích thước cửa sổ trình duyệt

Cách dễ dàng nhất, nhưng không phải là tốt nhất về thanh tra, là để thay đổi kích thước cửa sổ trình duyệt. Nếu một trang được thực hiện bằng cách áp dụng các công nghệ thiết kế thích ứng, kiểm tra phiên bản di động của trang web theo cách như vậy càng tốt. Nhưng trong trường hợp một thiết kế đơn được sử dụng, các tài nguyên cần phải là một dấu hiệu rõ ràng rằng người dùng đến từ điện thoại thông minh, máy tính bảng hoặc thiết bị di động khác. Vì vậy, phương pháp này cho phép bạn kiểm tra sự sẵn có của các trang web di động. Nhưng tính chính xác của màn hình (về kỹ thuật) là khó để đánh giá.

Việc chuyển đổi sang chế độ nhà phát triển trong trình duyệt

Một cách tối ưu hơn để thử nghiệm một phiên bản di động của trang web (Google hoặc "Yandex", cũng như công cụ tìm kiếm khác phát ra khả năng thích ứng trong danh sách trong những yếu tố quan trọng nhất ảnh hưởng đến xếp hạng) - là để đi vào chế độ nhà phát triển trong trình duyệt. Phương pháp này làm việc trong một cách tương tự với nhiều trình duyệt:

• Mozilla: chuyển sang chế độ nhà phát triển bằng cách chọn tùy chọn "thiết kế thích nghi" trong menu "phát triển"; cách bấm tổ hợp phím Ctrl + Shift + M; bằng cách nhấp vào "Thiết kế Chế độ Responsive Web" trên công cụ phát triển web;
• Chrome: việc chuyển đổi sang chế độ điện thoại di động bằng cách nhấn các phím chức năng F12, tiếp theo là chọn phiên bản di động của biểu tượng (điện thoại thông minh ở góc trên bên trái của cửa sổ hiện ra).

Trong Opera, việc chuyển đổi sang chế độ nhà phát triển để kiểm tra phiên bản di động bằng cách nhấn tổ hợp Ctrl + Shift + i, nhưng có một cách khác. Một phiên bản đặc biệt của trình duyệt - Opera Mobile Emulator cổ điển - cho phép bạn ước lượng thiết kế điện thoại di động linh hoạt. Phiên bản của chương trình có sẵn cho các hệ điều hành chính.

Emulators các thiết bị di động: Android Studio, và Apple Xcode

Kiểm tra phiên bản di động của trang web ( "Yandex" và Google), bạn có thể sử dụng giả lập thiết bị di động dành cho Android và Apple là, tương ứng, Android Studio hoặc Apple Xcode.

công cụ như vậy trông giống như các trang web trong các hình thức như nó sẽ xuất hiện trên các thiết bị di động: trong các chương trình của các phiên bản được cài đặt sẵn trình duyệt phổ biến nhất của các thiết bị di động. Tuy nhiên, giả lập không đưa vào tài khoản tốc độ tải và một số sắc thái khác có thể được quan sát trong điều kiện thực tế.

Để kiểm tra đủ để cài đặt một trong những chương trình trên máy tính và mở trang web để giả lập.

dịch vụ Web thẩm tra thiết kế điện thoại di động

Có nhiều cách dễ dàng hơn để kiểm tra phiên bản di động của trang web. Ví dụ, một Responsinator dịch vụ trực tuyến để đánh giá tính chính xác của màn hình hiển thị tài nguyên trên các thiết bị di động và dễ sử dụng của trang web của người dùng. Resource hiển thị trang web theo hình thức, trong đó ông đã có thể nhìn vào lúc sáu thiết bị khác nhau dựa trên Android hoặc Apple và trong một số định hướng.

Kiểm tra việc tối ưu hóa trang web cho thiết bị di động

các nguồn lực khác để kiểm tra phiên bản di động của trang web, ngoài đánh giá khả năng thích ứng, không chỉ cho bạn thấy làm thế nào để nhìn vào các thiết bị nền tảng khác nhau. dịch vụ uy tín nhất: Google Mobile thân thiện và "Yandex webmaster" (trang web kiểm tra). Đánh giá tối ưu hóa trang web cho các thiết bị di động như một phương tiện để kiểm tra hoặc Bing, ví dụ, Mobile Checker từ W3C.

Tất cả những gì được yêu cầu bởi các webmaster khi đánh giá phiên bản của trang web cho thiết bị di động sử dụng dịch vụ trực tuyến, vì vậy nó là nhập địa chỉ của tài nguyên và chờ đợi cho việc phân tích. Hầu hết các dịch vụ nêu trên sẽ được kiểm tra bằng cách tối ưu các thông số thân thiện với thiết bị di động đã được liệt kê ở trên.

Vì vậy, để đánh giá khả năng thích ứng của tài nguyên web bằng nhiều cách: từ việc thử nghiệm trên điện thoại thông minh thực, máy tính bảng hoặc thiết bị di động hoặc cửa sổ thay đổi kích thước trình duyệt web khác, kiểm tra giả lập hoặc ở chế độ của nhà phát triển trình duyệt web và kết thúc việc sử dụng các dịch vụ của "Yandex" và "Google". Kiểm tra phiên bản di động của trang web là rất đơn giản một cách toàn diện, và điều này sẽ làm cho những thay đổi cần thiết và để cải thiện vị trí của trang web trong kết quả tìm kiếm.