어떻게 모바일 사이트를 확인하려면? 테스트 모바일 사이트에 대한 방법

사이트의 모바일 버전의 개발은 - 그것은뿐만 아니라 가능 개발자의 변덕, 추가 지출 (또는 소득이 계약에 관해서) 및 리소스에 대한 방문자에 대한 배려입니다. 검색에 pessimizirovany 것 반응 설계의 요구 사항을 충족하지 않는 구글 사에 의해 최근 문, 사이트에 따르면, 모바일 장치에서 실시했다. 국내 검색 엔진 Yandex 주차는 또한 "이 이동 될 것입니다 얼마나 중요"권장 사항을 발표하고 모바일 기기 사용자의 편의를 위해 행동하는 적응 페이지를 선호하는 검색 결과 및 모바일 버전에서 표시됩니다, 안심했다.

그래서, 개발자는 스마트 폰용 웹 사이트에 적응하고 디스플레이 자원의 서비스 가능성을 확인하기 위해 필수적이다. 구글과 "Yandex 주차"의 새로운 알고리즘이 이미 가까운 미래에서 작동하기 때문에 그렇지 않으면, 당신은 트래픽의 상당 부분, 따라서 잠재 고객을 잃을 것으로 예상 할 수있다. 변화 : 그들은 여러 가지 방법으로 사이트의 모바일 버전을 확인 윈도우의 크기가 모바일 장치 또는 웹 서비스의 에뮬레이터를 사용하여 개발자 모드로의 전환에 브라우저를.

모바일 기기로 웹 사이트의 사용자 편의를

휴대 기기 적응성 여러 파라미터 평가된다. 그것은뿐만 아니라 올바른 디스플레이의 측면에서 사이트의 모바일 버전을 확인하는 것이 중요하다, 계정 다른 요인을 고려하는 것이 필요하다 :

• 애니메이션의 부족, "무거운"디자인과 사진;
• 리소스 로딩 속도 (최소이어야한다);
• 필요가 가로로 스크롤 없습니다;
• 실버 라이트 플러그인 및 자바 애플릿의 부재;
• 사이트를 통해 쉽게 탐색;
• 코드는 메타 태그 뷰포트를 등록됩니다.

조건이 충족되는 경우, 검색 엔진의 가장 일반적인 알고리즘은 모바일 기기에 적합한 웹 페이지를 인식하고 적응되지 않은 자원의 문제와 관련하여 사이트의 위치를 향상시킬 수 있습니다.

휴대 기기의 실제 테스트

가장 편리한 방법은 실제 스마트 폰에 모바일 사이트를 테스트합니다. 이 방법은 실제 환경에서 테스트 할 수 있습니다. 이상적으로, 여러 장치를 통해 더 나은 웹 리소스를 확인하지만, 프로젝트 예산은 몇 스마트 폰에서 가장 인기있는 모델의 구입 비용을 가정하지 않는 경우, 그것을 기반으로 안드로이드 나 애플에 충분한 및 장치가 될 것이다.

변경 브라우저 창 크기

검사의 측면에서 가장 쉬운,하지만 최고는 브라우저 창 크기를 변경하는 것입니다. 페이지가 기술의 사용에 의해 수행되면 반응 디자인, 가능한 한 방식으로 사이트의 모바일 버전을 확인하십시오. 그러나 하나의 디자인을 사용할 경우, 자원은 사용자가 스마트 폰, 태블릿 또는 다른 모바일 장치에서 왔다는 것을 분명히 표시해야합니다. 따라서이 방법을 사용하면 모바일 사이트의 가용성을 확인할 수 있습니다. 그러나 (기술 기준) 표시의 정확성을 평가하기 어렵다.

브라우저에서 개발자 모드로의 전환

모바일 사이트를 (구글 또는 "Yandex 주차", 그리고 실제로 다른 검색 엔진 순위에 영향을 미치는 가장 중요한 요소 목록에서 적응성 방출) 확인의 더 최적의 방법은 - 당신의 브라우저에서 개발자 모드로 전환입니다 ,. 방법은 여러 브라우저와 유사한 방식으로 작동합니다 :

• 모질라 : 메뉴 "개발"의 옵션 "적응 디자인"을 선택하여 개발자 모드로 전환; Ctrl 키 + 시프트 + M의 조합을 눌러; 웹 개발 도구에 대한 '반응 형 웹 디자인 모드 "를 클릭하여;
• 크롬 : 가압하여 상기 이동 모드로의 전환 기능 키 F12을 아이콘 (표시 화면의 좌측 상단에있는 스마트 폰)의 모바일 버전 선택 하였다.

오페라에서 개발자 모드로의 전환은 Ctrl + Shift + I를 조합을 눌러 모바일 버전을 테스트 할 수 있지만, 또 다른 방법이있다. 브라우저의 특별한 버전 - 오페라 모바일 클래식 에뮬레이터 - 당신이 다양한 모바일 디자인을 추정 할 수 있습니다. 프로그램의 버전은 주요 운영 체제에 사용할 수 있습니다.

모바일 기기의 에뮬레이터 : 안드로이드 스튜디오와 애플 엑스 코드

사이트 ( "Yandex 주차"구글)의 모바일 버전을 확인, 당신은 안드로이드와 애플 각각있는 모바일 디바이스 에뮬레이터, 안드로이드 Studio 또는 애플 엑스 코드를 사용할 수 있습니다.

모바일 기기 브라우저의 가장 일반적인 사전 설치 버전의 프로그램 : 이러한 도구는 모바일 장치에 표시 될 형태의 사이트처럼 보인다. 그러나, 에뮬레이터는 계정에로드의 속도와 실제 상황에서 관찰 할 수있는 몇 가지 다른 뉘앙스를하지 않습니다.

컴퓨터에서 다음 프로그램 중 하나를 설치하고 에뮬레이터에 사이트를 개방 할 정도로 확인하십시오.

웹 서비스 모바일 설계 검증

사이트의 모바일 버전을 테스트하는 쉬운 방법이 있습니다. 예를 들어, 온라인 서비스 Responsinator는 모바일 장치에서 자원 표시의 정확성을 평가하고 사용자가 사이트의 사용의 용이성. 자원 그가 안드로이드 나 애플에 따라 여섯 가지 장치에서 여러 방향에서보고했을있는 형태로 사이트를 표시합니다.

모바일 기기의 웹 페이지 최적화를 확인

기타 리소스 방법 다양한 플랫폼 디바이스에서 볼 방법을 보여줄뿐만 아니라, 적응성을 평가, 사이트의 모바일 버전을 체크 아웃 추가합니다. 대부분의 평판 서비스 : Google 모바일 친절하고 "Yandex 주차 웹 마스터"(웹 페이지 확인). 모바일 검사기는 W3C에서, 예를 들어, 검사하거나 빙 수단으로 휴대 기기 사이트 최적화 평가.

모든 것은 온라인 서비스를 사용하는 모바일 장치에 대한 사이트의 버전을 평가할 때 웹 마스터에 의해 요구되는, 그래서 자원의 주소를 입력하고 분석을 위해 기다리는이다. 상기 서비스의 대부분은 위에 열거 된 모바일 장치의 매개 변수의 편의를 최적화하여 판정한다.

그래서 여러 가지 방법으로 웹 자원의 적응성을 평가하기 : 실제 스마트 폰, 태블릿 등 모바일 기기 또는 창 크기 조정 웹 브라우저에서 테스트에서, 에뮬레이터를 확인하거나 웹 브라우저 개발자의 모드와 "Yandex 주차"의 서비스의 사용을 종료하고 "구글." 사이트의 모바일 버전이 포괄적으로 매우 간단 확인하고이 필요한 사항을 변경하고 검색 결과에서 사이트의 위치를 개선 할 수 있습니다.