환영합니다, 방문자! [ 회원가입 | 로그인

2018년 9월 20일

[GNA eMarketing의 웹칼럼] 웹사이트에 필요한 모바일 최적화(LEFT TO OUR OWN SMALL DEVICES)

스마트폰과 같은 소형 모바일 장치의 디스플레이는 일반 데스크톱 컴퓨터와 비교했을 때 훨씬 적습니다. 만약 웹사이트의 내용을 크기만 줄여서 스마트폰이나 태블릿에서 보여진다면 내용을 알아보기 힘들 것입니다. 더욱이 요즘 모바일 장치는 디스플레이가 적을 뿐 아니라 키보드도 포함하고 있기 때문에 웹사이트를 작은 모바일 장치 화면에서 잘 작동하도록하는 모바일에 최적화된 웹사이트를 필수라 할 수 있습니다.

모바일 화면에 최적화된 웹사이트에는 몇가지가 옵션이 있습니다.

  1. 모바일 호환 웹사이트(Mobile Compatible Website) – 모바일 친화적인 웹사이트라 부르기도 합니다. 이것은 로드(Load)하기에 너무 오래 걸리는 플래시 비디오(Flash Video)처럼 모바일 화면에서 문제를 일으킬 만한 것을 포함하지 않도록 설계된 웹사이트를 말합니다. 모바일 호환 웹사이트는 작은 스마트폰 화면에 두손가락으로 여기저기서 줌인/아웃 (Zoom In/Out)하면서 사용해한다는 불편한 점이 있습니다.
  1. 적응형 웹사이트(Adaptive Website) – 이것은 적은 화면에 맞게 조정되는 웹 사이트 유형 중 하나입니다. 웹 페이지의 요소가 디스플레이에 맞게 이동되어 적은 화면에서도 편리함을 제공합니다.
  1. 반응형 웹사이트(Responsive Website) – 반응형 웹사이트는 현재 가장 많이 이용되는 옵션 중의 하나입니다. 반응형 웹사이트는 적응형 웹사이트와는 달리 미리 결정된 화면 크기나 고정된 열을 기반으로 하지 않고, 이미지와 텍스트의 크기를 조정할 뿐만 아니라 화면 디스플레이에 맞게 이미지와 텍스트의 크기를 자동 조절해서 보여주게 됨으로 사용자로 만족도가 매우 높은 솔루션입니다.
  1. 모바일 웹사이트(Mobile Website) – 이것은 모바일 장치에서 사용될 목적으로 최적화되어 설계된 두번째 웹사이트가 있음을 의미합니다.(휴대폰으로 gnaemarketing.com.au 를 방문하시면 예를 볼 수 있습니다.) 일반적으로 웹사이트의 콘텐츠를 요약하고 모바일 장치에 최적화하여 재배열하기 때문에 사용자에게 네이티브 웹과 비슷한 편리함을 제공합니다.
  1. 네이티브 앱(Native App) – 특정 웹사이트를 통해 다운받아 모바일 장치에 설치된 모바일 앱입니다. 네이티브 앱은 웹사이트가 모바일 장치의 화면에 디스플레이 되도록 하고, 그 장치에 포함되어 있는 GPS나 카메라를 사용하도록 허용합니다. 이 앱은 특정 웹사이트에만 적합하다고 볼 수 있지만, 웹사이트를 정기적으로 빈번히 방문/사용할 경우 좋은 옵션이 될 수 있습니다.

이러한 모든 모바일 옵션은 필요에 따라 더욱 최적화 되어 설계/사용 될 수 있습니다. 사이트가 빨리 로드(Load)되는지를 확인하는 것도 중요합니다. 사용하지 않는 동영상때문에 로드 하는데 시간이 걸린다면 YouTube 링크로 대체 하고, 사용자가 한 손만으로 쉽게 웹 사이트를 탐색 할 수 있는지도 확인 해야합니다.

모바일 사이트에 대한 과거의 우려 중 하나는 Google이 모바일 사이트와 일반 사이트의 콘텐츠를 단순히 복제해서 중복되게 사용하는 경우 검색 순위에 불이익을 줄 가능성이었습니다. 하지만 현재 Google은 모바일 호환성이 있는 사이트를 선호합니다.

이제는 보다 많은 사람이 데스크톱 컴퓨터보다 모바일 장치에서 더 많은 웹브라우징(Web Browsing)을 하는 시대가 되었습니다. 이런 현실은 웹 사이트 디자인 트렌드와 Google 순위 결정에도 모두 영향을 미치고 반영될 것입니다. 또, 모바일 친화적으로 진화하는 웹사이트는 이전보다 더 많은 서비스를 제공할 것입니다.

2 Responses to [GNA eMarketing의 웹칼럼] 웹사이트에 필요한 모바일 최적화(LEFT TO OUR OWN SMALL DEVICES)”

  1. I’d have to test with you here. Which isn’t something I usually do! I enjoy reading a submit that may make individuals think. Additionally, thanks for allowing me to remark!

  2. I wish to get across my love for your kind-heartedness supporting those people who require help on this one concern. Your very own commitment to passing the solution around was unbelievably practical and have consistently made most people like me to arrive at their pursuits. Your own useful guideline entails a whole lot a person like me and even further to my colleagues. Thanks a ton; from each one of us.

답글 남기기