본문 바로가기
IT 놀이터/Mobile

[SEO] 반응형 웹디자인 ( Responsive Web Design ) 의 장점.

by 돼지왕 왕돼지 2013. 5. 18.
반응형

 반응형 웹디자인 ( Responsive Web Design ) 의 장점.

 

SEO, Search Engine Optimization이미지 출처 : topseopicks.com



반응형 웹디자인은 다음과 같이 정의내릴 수 있다.


"한 개의 웹사이트를 다른 플랫폼, 다른 디바이스에서 최적화되어 보여지도록 제작하는 것" 


예를 들어 한 개의 웹사이트가 PC, 스마트폰, 태블릿 등에서

해당 기기의 크기에 맞게 폰트사이즈나 레이아웃등이 동적으로 변하게끔 디자인 된 것을 이야기한다.


이러한 반응형 웹디자인은 여러가지 장점을 가지고 있다.




하나의 URL 은 더 나은 UX.


최근 한국은 스마트폰 이용자들이 급증함에 따라 모바일 페이지들도 급증했고,

사용자들의 IT 에 대한 지식이 늘어나면서

PC용 페이지와 모바일용 페이지의 URL 이 다르다는 것을 많이 인식하고 있다.

모바일 페이지는 보통 m. 으로 시작하고

PC용 페이지는 보통 www. 로 시작한다.


하지만, 아직도 대다수의 사람들이 이 차이를 인식하지 못하고 있다.

( 심지어 필자의 친구들은 안드로이드폰을 사용한지 2년이 다 되어가지만, 

안드로이드가 뭔지 잘 모른다. 삼성폰, LG폰, 아이폰 이런 구분인 줄 안다.. )


하나의 URL 이 더 나은 UX인 이유는 바로 redirecting 문제 때문인데, 

모든 기기와 플랫폼이 이를 제대로 지원하는 것이 아니기 떄문

PC용과 모바일용 URL 이 다르면 어떤 기기는 한 주소로 mobile 페이지를 보여주고,

어떤 기기는 한 주소로 pc 페이지를 보여주는 등 혼란을 야기할 수 있다.


모바일 페이지와 PC 페이지를 구분 못하는 사용자들은 혼란에 빠지기 쉽다.





리디렉션을 줄일 수 있다.


스마트폰으로 모바일 페이지를 가지고 있는 사이트를 PC용 URL 로 접속하게 되면

접속한 기계가 스마트폰인지 판별하는 과정을 통해 스마트폰인지 확인이 되면 

모바일 URL 로 리디렉팅하는 과정을 밟게 된다.

선진국에서는 스마트기기의 하드웨어 성능과 인터넷의 발달 등으로 이에 대한 오버로드는 줄어들었지만

아직도 후진국에서는 이것이 큰 오버로드로 작용한다.

따라서 불필요한 리디렉션을 줄이는 것은 더 좋은 UX 이다.


추가로, 외국사이트 접속은 기술발전한 국가에서도 어느 정도 딜레이가 있으므로,

리디렉션을 줄이는 것은 로딩 시간을 줄이는 좋은 방법이다.








검색엔진 최적화에 좋다.


검색엔진들은 거의 같은 내용을 담고 있는 사이트들을 "중복 컨텐츠" 로 인식한다.

따라서 같은 내용을 담고 있는 PC용 사이트와 모바일 사이트들은 검색엔진 최적화측면에서 불이익이 있다.

예를 들어 PC 용 주소가 먼저 검색엔진에 등록되고, 모바일용 주소가 나중에 등록될 경우

PC와 모바일에서 같은 검색어로 검색을 하는데 PC에서는 상위순위에서 검색이 되고,

모바일에서는 검색결과로 나오지 않거나, 하위순위에서 검색이 될 수 있다는 것.


게다가 이렇게 2가지 주소를 가지게 되면, 

검색엔진이 내용 수집( 크롤링 ) 을 할 때 한 내용에 대해 2번을 수집하는 수고를 해야 한다.

물론 해당 사이트의 서버측도 2개의 주소에 대한 내용을 가져야 하니

사이트와 검색엔진 양쪽 리소스를 절약하는 측면에서도 한개의 주소를 가진 반응형 웹디자인이 좋다.





사이트 관리가 수월하다.


피씨용 페이지와 모바일 페이지를 따로따로 관리하게 되면, 수정할 때 2번의 수정을 거쳐야 한다는 단점이 있다.


물론 반응형 웹디자인의 경우도 2번의 수정을 거쳐야 하지만 접근범위가 다르다.


반응형 웹디자인의 경우는 한 context 에서 2번의 수정을 거치지만, 

그렇지 않은 경우는 각각 다른 영역에서 2번의 수정을 거쳐야 한다.


따라서 사이트 관리 측면에서도 반응형 웹디자인이 더 수월한 편이다.



반응형

댓글