우호적 모바일 장치 귀하의 사이트를 만들기 위한 8 팁

출처: 인터넷
작성자: 사용자
키워드: 그들 매우 수 있는 경우

현재, 모바일 검색 점점 더 인기가 되고있다 그리고 그것은 더 나은 모바일 플랫폼 및 그 한계에 맞게 사이트를 최적화 하려면 최우선 됩니다. 다양 한 귀하의 사이트에 너무 많은 변화가 동안, 모바일 검색 사이트를 개선 하는 간단한 방법,이 문서에서 가장 인기 있는 중 하나를 탐구 하 고 8 유용성에 큰 영향을 미칠 수 있습니다.

스트리밍 사이트


웹사이트 액체 폭 레이아웃 만들기 친절 한 모바일 장치를 향해 이동 귀하의 사이트를 만드는 쪽으로 중요 한 단계입니다. 뿐만 아니라 않으면 그것은 귀하의 사이트 주위에 여분의 죽은 공간, 그는 또한 많은 다른 플랫폼 및 해상도에서 보이게 만들 수 있습니다. 유체 너비는 무엇을 의미 합니까?

유체 너비, 이름에서 알 수 있듯이, 귀하의 웹 사이트의 수축 정도 긴장 하 여 브라우저의 크기에 의해 기지개 할 수 이다. 구현 하는 것이 얼마나 쉽게 귀하의 현재 설정 및 레이아웃에 따라 달라 집니다. 만약 당신이 간단 하 고 사용 하기 쉬운 레이아웃, 유일 하 게 할 수 있는 그것의 효과 달성 하기 위해 %를 CSS 스타일 시트의 width 특성을 변경 하려면입니다.
아니 성가신 광고입니다.

지저분한 광고 모바일 플랫폼에 중요 한 문제점은 페이지의 원래 레이아웃을 파괴 하지 하는 경우에, 최종 사용자 콘텐츠 보다 광고를 더 볼 수 있습니다. 모바일 사이트의 특정 버전을 만들 필요 없이이 혼란을 숨길 간단한 패치가입니다. 또한 단말기의 해상도 크기를 판단 하 여 호출 되는 휴대용 장치에 대 한 CSS 스타일 시트를 만들 수 있습니다.

하나를 사용 하는지 여부를 당신은 항상 가장 휴대용 모바일 기기는 실제 한계, 즉 그 http://www.aliyun.com/zixun/aggregation/18027.html 기억 한다 "> 화면 크기만 몇 가지를 가질 수 있습니다 아주 몇 가지 것 들 귀하의 사이트에 방문자가 보고 싶어.

중앙된 콘텐츠

그것은 모바일 장치 사용자가 즉시 볼 키 때문에 귀하의 콘텐츠를 집중. 모바일 장치에 대 한 많은 웹 사이트 이미지, 광고 등 불필요 한 혼란의 많은에 충실 하는 경향이 있지만 웹 마 스 터를 이해 해야 합니다, 그것은 방문자가 무엇에 대해 가장 우려 하고있다 표시 하는 것이 중요.
사용자가 휴대 전화에서 귀하의 사이트에 액세스 하는 경우 유선된 네트워크에 연결 되어 있지, 대역폭을 제한 사용자가 사이트를 선택할 것 이다 즉 그 또는 그녀가 하 고 싶어 방문, 바탕 화면에 해당 사이트에 그들의 접근 보다.
다는 것을 확인 해야 하는이 즉 귀하의 사이트 사용 하는 모바일 검색 이미지 제한 되어야 하 고 텍스트 콘텐츠를 집중 한다 즉 대역폭의 작은 금액을 차지 하. 만약 귀하의 사이트 콘텐츠 기반 이미지?
귀하의 사이트는 주로 이미지를 기반으로, 첫 번째 우선 순위를 모바일 플랫폼에 최적화 된 독립적인 모바일 웹 사이트를 만들 것입니다-이미지 크기 및 높은 압축을 감소 시켜. 대신 제 3 자 응용 프로그램 (애플 리 케이 션), 사용자를 위한 유용한 도구가 될 수 있습니다에 대 한 모바일 장치를 허용 하는 응용 프로그램을 만드는 것입니다.

크로스-플랫폼 친절 한 링크 링크 및 효과

새로운 네트워크 도구와 효과를 지속적으로 확장, 아름 다운 가져가 힌트 또는 드롭 다운 탐색 또는 JavaScript 팝업 작은 창도 없이 정보 표시 하기 어렵다. 그러나, 사용자의 모바일 장치에 대 한 이러한 효과 도구 수 없습니다 많은 쓸모 없는 링크, 도구 그들의 플랫폼에서 사용할 수 없습니다. 없습니다 항상 볼 수 없습니다 또는 그들을 사용 하 여 사용자에 게 대안을 제공 하는 간단한 솔루션이입니다.
일부 모바일 장치 허용 자바 스크립트, 하지만 귀하의 사이트를 사용할 수 없습니다 원래 결과 어쨌든, 그래서 가장 좋은 방법은 귀하의 사이트에 연결 하는 플랫폼의 종류를 감지 하는 사용 하지 않도록 설정 또는 도구와 효과를 더 잘 맞는 특정 유형의 변경.

짧고 콤팩트 페이지 유지

모바일 장치에 대 한 긴 페이지 페이지를 로드 하는 시간을 많이 하기 때문에 거 대 한 좌절 해야 합니다. 그래서 귀하의 페이지 짧고 콤팩트를 유지 만들 수 있습니다 귀하의 사이트에서 액세스할 수 있는 플랫폼도 매우 낮은 인터넷 연결 장치. 때문에 하 고 싶은 마지막 것은 사용자가 웹 탐색 시간 보다는 로드, 웹에 대 한 대기는.

철저 한 탐색

알려진 대로 모두에 게, 그것의 키보드 또는 가상 키보드는 사용 하기 편리 하기 때문에, 대부분의 모바일 장치에서 입력 진짜 고통 이다. 따라서, 귀하의 사이트에 대 한 철저 한 탐색을 건물 우호적 귀하의 사이트의 이동 하기 쉬운 경험을 만들 수 있는 핵심 링크입니다. 많은 콘텐츠를 제공 하는 경우 사용자가 검색 엔진을 사용 하지 않고 그들을 탐색할 수 있는지 확인 해야 합니다. 검색 없이 귀하의 사이트의 일부를 찾을 수 없다면, 그것은 가능성이 사용자 않습니다.

눈길을 끄는 하 고 명확한 콘텐츠

오늘, 많은 새로운 모바일 디바이스는 터치 스크린, 사용자가 그들의 손가락을 사용 하 여 그들의 장치 및 귀하의 사이트를 탐색할 수 있을 것입니다. 만약 귀하의 사이트의 콘텐츠 및 링크는 충분히 명확 하 게 잡기, 귀하의 사이트를 탐색 통증이 있을 것입니다.
이 방지 하려면 쉽게 일어나 고에서 그들은 일반 텍스트 및 탭 또는 개최 하기 어려운 둘러싸여 있기 때문에 문서 또는 단락에 흩어져 있습니다 링크를 제거 하려고 합니다. 대신, 이러한 링크를 위 또는 텍스트 테마 아래 놓고 그들은 그들을 귀찮게 하지 않고 그들을 클릭 하는 사용자를 위해 충분히 큰 있는지 확인 합니다.

링크를 기억 하기 쉽고 짧은

이것은 또 다른 입력 관련 문제, 그리고 사용자가 귀하의 사이트에 긴 URL을 입력, 있다면 그들은 하지 않습니다. 앞에서 설명 했 듯이, 키보드와 가상 키보드 입력에 적합 하지 않습니다 긴 텍스트 블록을, 그래서 확인 귀하의 사이트는 짧은 도메인 이름을 기억 하기 쉬운. 또한, 자주 빠른 지도 또는 참조 정보를 통해 사이트를 방문 하는 그들은 귀하의 사이트에 입력된 작업을 피하기 위해 이상적 이다.

원문 (영어) 링크:

http://designreviver.com/tips/8-ways-to-make-your-website-mobile-friendly/

번역기: 납품

출처: http://www.ugoes.cn/8zhongtujingrangnidewangzhanduiyidongshebiegengyouhao-html.html

관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.