모바일 웹사이트, 아이폰용 오페라를 위한 코드 한줄

4월 13일 출시된 아이폰용 오페라 어플리케이션 모두들 설치하셨나요?

써보신 소감은 어떠한가요?



이제 막 승인되어 모두를 놀라게한 아이폰용 오페라.

혹시 여러분들도 모바일버전의 웹사이트를 운영하고 계시다면

이에 대해 얼마나 대처하셨습니까?

혹시 모바일용 웹사이트가 아니라 아이폰용 웹사이트는 아니었던가요?

아이폰용 사파리로 naver.com 입력시 모바일 페이지인 m.naver.com 으로 자동 리다이렉트 됩니다.

하지만 아이폰용 오페라로 naver.com 입력시 그대로 naver.com 의 페이지가 나타납니다.



다음도 마찬가지 입니다.

daum.net을 입력하면 다음의 모바일 페이지인 m.daum.net로 자동 리다이렉트 됩니다.

하지만 아이폰용 오페라로 daum.net을 입력시 daum.net 사이트가 그대로 나타납니다.


네이버와 다음 모두 USER AGENT가 iphone safari 인 경우만 모바일 페이지로 이동하게끔 처리한것으로 보이는군요.



아이폰용 오페라(opera)의 USER AGENT는 다음과 같습니다.(한국)

Opera/9.80 (J2ME/MIDP; Opera Mini/5.0.0176/742; U; ko) Presto/2.4.15


Opera Mini 라는 키워드가 또렷히 보이는군요.



사용자가 오페라 미니로 접속시에 모바일사이트로 이동시키고자 하는 경우

다음과 같은 코드를 프로그램 최상단에 선언하시면 모바일 사이트로 이동합니다.(PHP 예제)


$browser = strpos($_SERVER['HTTP_USER_AGENT'],"Opera Mini");
if ($browser !== false){
    header('location:http://모바일사이트주소');
    exit();
}



강제로 리다이렉트 시키는 것이 반드시 좋다고 말할순 없겠지만

모바일 환경에서의 인터넷 접속이라는 것을 염두한다면

사용자가 데스크탑버전의 웹사이트 방문시

분명 모바일 환경에서는 로딩속도도 느리고 패킷도 상당히 많이 잡아먹습니다.


게다가 사용자는 이 사이트의 모바일 버전이 있는지 없는지도 알지 못하는 경우도 있습니다.


그렇기 때문에 사용자에게 "모바일 사이트로 접속하시겠습니까" 라는

안내를 제공하여 사용자의 편의성을 높이거나

원치 않는 패킷낭비와 시간낭비를 막기 위해 일단 모바일 페이지로 이동시킨뒤

해당 페이지에서 PC버전의 웹사이트 보기 링크를 걸어두는 것도 좋은 방법이 될 것 같습니다.