모바일 사용성

네이버 상위노출

모바일 사용성

구글상위노출 0 99 03.31 08:57

반응형 웹

HTML 문서의 <head> 태그내에 있는 <meta> 태그를 활용합니다


<head>

<meta name="viewport" content="width=device-width">

</head>

반응형 웹은 웹 브라우저가 웹문서의 가로폭을 기기의 스크린 크기에 맞게 자동적으로 조절하는 기법입니다. 반응형 웹은 다양한 크기를 지원하는 모바일 환경에서 사용자가 페이지의 확대/축소 없이 여러분의 웹 콘텐츠를 보다 쉽게 소비할 수 있도록 도와줍니다.


별도의 모바일 URL 제공

HTML 문서의 <head> 태그내에 있는 <link> 태그를 활용합니다


여러분의 사이트가 동일한 콘텐츠에 대하여 데스크톱 사이트에 대응하는 별도의 모바일 사이트가 있다면 모바일 사이트의 페이지에 1:1로 대응되는 데스크톱 사이트의 URL을 명시적으로 지정하는 것을 권장합니다. 이 작업은 네이버의 검색로봇이 여러분의 데스크톱 및 모바일 사이트에 방문할 때 콘텐츠가 중복으로 처리되지 않도록 알려주는 역할을 합니다. 또한, 데스크톱 및 모바일 사이트 모두 웹마스터도구에 등록하여 네이버 검색로봇이 모바일 사이트의 존재를 알 수 있도록 처리해 주세요.


예를 들어 여러분이 데스크톱 사이트로 http://www.mysite.com이 있고 그와 대응하는 모바일 사이트인 http://m.mysite.com이 있다고 가정한다면 http://m.mysite.com 내의 페이지에 아래와 같이 데스크톱의 URL을 명시하는 것이 좋습니다.


모바일 사이트의 메인 페이지 - 예) http://m.mysite.com/


<head>

<link rel="canonical" href="http://www.mysite.com/">

</head>

모바일 사이트의 개별 웹 페이지 - 예) http://m.mysite.com/article/article1.html


<head>

<link rel="canonical" href="http://www.mysite.com/article/article1.html">

</head>

사이트 방문자의 웹 브라우저 환경에 맞게 자동 redirect 처리

모바일 기기에서 여러분의 데스크톱 사이트로 접근시 모바일 사이트로 redirect 처리해주세요. 마찬가지로 데스크톱에서 모바일 사이트로 접근시는 데스크톱 사이트로 redirect 처리하는 것도 고려해야 합니다. 모든 웹 브라우저는 자신만의 이름(User Agent Name)을 가지고 있으므로 기술적으로 사이트 방문자의 웹브라우저가 모바일 환경인지 데스크톱 환경인지 구분할 수 있습니다.


예를 들어 데스크톱에서 http://m.mysite.com/ 으로 접근시 http://www.mysite.com 으로 redirect 처리하며, 모바일 기기에서 http://www.mysite.com 에 접근시 http://m.mysite.com 으로 redirect 처리합니다.


사용자의 웹 브라우저 환경에 맞게 redirect 처리 시는 자바스크립트가 아닌 HTTP redirect를 사용해주시기 바랍니다. 네이버 검색로봇은 HTTP redirect는 감지하지만 자바스크립트 redirect는 경우에 따라서 감지를 못하는 경우가 있습니다. 만약, 기술적인 문제로 HTTP redirect 사용이 어렵다면 자바스크립트 redirect를 사용하시되 HTML 본문은 비워두는 것을 권장합니다.

Comments

분류
네이버상위노출
031-795-1984
평일 : 오전 10 ~ 오후 6시
토/일/공휴일 휴무
State
  • 현재 접속자 4 명
  • 오늘 방문자 32 명
  • 어제 방문자 47 명
  • 최대 방문자 127 명
  • 전체 방문자 7,464 명
Facebook Twitter GooglePlus KakaoStory NaverBand
신보라매두산위브     반달섬마리나큐브     평택상가     인천 자가격리 숙소     마사지     브릴란테 남산     타이마사지     세운푸르지오그래비티     왁싱     원주 엔터비즈타워     스웨디시     하남헤라팰리스     코스피     스파     코스닥     1인샵     주식     원주엔터비즈타워     밀키트창업     안산점집     루원시티sk리더스뷰     가산모비우스타워     태평힐스원     루원시티SK리더스뷰2차     가산모비우스타워셀립     향동현대테라타워     밀키트     대전간판     수원점집