2016년 모바일 최적화에 대해 알아야 할 7가지 사항

게시 됨: 2016-09-23

대부분의 미국 인구와 같다면 Google 검색을 통해 찾았든 이메일에서 받았든 모바일 장치에서 이 게시물을 읽고 있을 것입니다. 국내 및 해외에서 그 어느 때보다 더 많은 사용자가 모바일 장치에서 인터넷에 액세스합니다. 실제로 2014년 이후로 데스크톱 컴퓨터보다 모바일을 통해 더 많은 사람들이 인터넷에 액세스합니다.

요점은 오늘날 모바일 트래픽 최적화를 웹사이트 전략의 초석으로 삼아야 한다는 것입니다.

사이트의 모바일 환경을 최적화하려면 특정 모바일 장치에 적응하고 방문자에게 모바일을 통해 원활한 환경을 제공해야 합니다. 2016년에 사이트를 모바일용으로 최적화하는 데 대해 물어봐야 할 몇 가지 중요한 질문에 대해 논의해 보겠습니다.

1. 모바일 검색에 대한 Google의 최신 발표 및 귀하에게 의미하는 바

지난 달 Google의 Webmaster Central 블로그에서 Google은 모바일 사이트 및 모바일 검색에서 사용성을 개선하기 위한 노력을 발표했습니다. 모바일에서 검색할 때 검색 결과에 "모바일 친화적"이 표시되는 것을 보셨습니까? Google이 경험을 정리하고 귀중한 부동산을 되찾기 때문에 대부분의 온라인 사용자에게 더 이상 표시되지 않습니다.

Google은 또한 성가신 전체 페이지 팝업 광고를 사용하는 웹 사이트를 "처벌"하는 방법을 모색하고 있습니다. Google의 목적은 검색자가 원하는 콘텐츠를 보다 쉽게 찾을 수 있도록 돕는 것입니다. 방해가 되는 전면 광고(배경 콘텐츠 보기를 방해하는 팝업)는 사용자에게 좋지 않은 경험을 제공하므로 Google에서 조치를 취하기 시작합니다. 여기에는 귀하의 사이트를 낮은 순위에 표시하거나 특정 용어에 대해 전혀 표시하지 않을 수도 있습니다. Google은 이 성명서에서 매우 명확하게 밝혔습니다.

"2017년 1월 10일 이후에는 모바일 검색 결과에서 전환할 때 사용자가 콘텐츠에 쉽게 액세스할 수 없는 페이지의 순위가 높지 않을 수 있습니다."

2. 내 웹사이트가 모바일에 얼마나 잘 최적화되어 있는지 잘 모르겠습니다. 어디서부터 시작해야 합니까?

테스트를 시작하세요! 간단하게 시작할 수 있는 곳은 자신의 모바일 장치입니다. 계속해서 탐색을 시작하십시오. 모든 단일 문제에 대한 철저한 목록을 작성하지는 않겠지만 다음은 앞으로 얼마나 많은 작업이 남아 있는지에 대한 아이디어를 제공할 수 있는 몇 가지 사항입니다.

모바일 사용자가 특정 페이지에 액세스하는 데 문제가 있을 수 있는 영역, 작동하지 않거나 보기에서 숨겨진 버튼, 표시되지 않거나 쉽게 클릭할 수 없는 탐색.
히어로 및 배너 이미지, 카피, 헤더, 로고 및 기타 요소와 같이 겹치는 페이지 요소.
페이지에서 이미지가 올바르게 렌더링되고 있습니까, 아니면 픽셀화되어 있거나 너무 작거나 한 눈에 보고 이해하기 어렵습니까?
동영상이 올바르게 재생되는지, 일시중지 또는 중지할 수 있는지, 오디오가 들리고 건너뛰거나 들리지 않는지 확인하기 위해 동영상을 테스트합니다.
양식 기능을 검토합니다. 제대로 제출했는지, 자동 완성을 허용하는지, 작성하기 쉬운지 등
아코디언, 드롭다운, 오디오 재생 및 사용자가 "액션"을 취할 때 관련된 기타 측면을 살펴보십시오. 제대로 작동하고 사용하기 쉬운가요?

3. 내 웹사이트의 이동성을 테스트하는 데 도움이 되는 모바일 테스트 도구는 무엇입니까?

Google은 일부 문제를 진단하는 데 도움이 되는 무료 모바일 친화성 테스트를 제공하지만 특정 브라우저에서는 보고하지 않습니다. 브라우저 간 테스트 도구는 종종 모바일 장치 및 브라우저에서 테스트할 수 있는 기능과 함께 제공되며 각각 고유한 도구 세트 및 관련 비용을 제공합니다. CrossBrowserTesting.com, Browsershots, Browser Sandbox, Browsera 및 BrowserStack은 필요에 따라 월 $10-$100 이상 범위의 동급 최고의 옵션입니다.

도구는 단순히 모바일을 통해 페이지가 어떻게 보이는지 보여줍니다. 페이지가 작동하지 않는 이유를 진단하는 것은 웹 디자인 팀에 달려 있습니다. 이 신중한 검토에는 많은 시간과 자원이 소요될 수 있습니다.

4. 내 사이트에 필요한 모바일 최적화 수정의 우선순위를 어떻게 정해야 합니까?

때에 따라 다르지. 최적화 노력의 우선순위를 정할 때 사이트의 목표와 이동성 문제의 심각성을 고려해야 합니다. 예를 들어 전환이 발생하지 않는 사이트 영역은 정렬되지 않은 몇 가지 이미지를 수정하는 것보다 우선 순위가 높아야 합니다. 클릭할 수 없는 사이트 영역을 수정하기 위한 복잡한 개발 프로젝트도 몇 가지 잘못 정렬된 이미지보다 우선시되어야 합니다.

5. 모바일 SEO에서와 같이 모바일 검색에 맞게 내 사이트를 최적화할 수 있습니까?

작년에 우리는 "모바일 검색 엔진 최적화 모범 사례" 기사에서 바로 이 주제, 즉 모바일 사용과 검색 추세가 만나는 연결점에 대해 썼습니다. SEO에 대한 모바일 모범 사례는 SEO에 대한 기존 모범 사례와 크게 다르지 않습니다.

사용자 경험은 페이지 로드 속도와 함께 매우 중요합니다. 사이트 속도가 느리고 탐색 및 사용이 어려울수록 모바일 및 데스크톱 검색 결과에 사이트가 덜 표시됩니다. 메타데이터는 중요하므로 고유한 메타 제목과 설명도 잊지 마십시오. 사용자가 검색 결과를 클릭하도록 유도하고 테스트, 테스트, 테스트하십시오!

6. 개발자가 발견한 모바일 문제를 해결하는 데 도움이 되는 리소스는 무엇입니까?

WordPress 모바일 개발 핸드북
판매자 및 개발자를 위한 Magento
개발자를 위한 Google 모바일 친화적 웹사이트 리소스
일반적인 모바일 실수 개발자를 위한 Google 리소스
개발자를 위한 모바일 최적화 가이드

7. 지금 내 사이트에 통합하는 것을 고려해야 하는 디자인 기능이 있습니까?

모바일 전용 기능은 웹사이트에 추가할 수 있으며 방문자의 사용자 경험에 추가할 수 있습니다.

"Fat Finger"를 위한 디자인. 너비가 44픽셀인 손가락을 위한 디자인은 "Fat Finger"를 위한 디자인으로 간주됩니다. 이렇게 하면 모든 사용자가 페이지의 요소에 액세스하고 클릭할 수 있습니다. 일반적으로 모바일 디자인은 손가락이 작기 때문에 페이지의 일부 요소를 클릭하고 액세스하기가 더 어려울 수 있습니다.

탭하여 통화/클릭하여 통화 기능. 사이트에 전화번호가 표시되면 사용자가 나열된 번호에서 직접 전화를 걸 수 있도록 해당 번호를 탭하도록 허용하는 것이 가장 좋습니다. 이동 중에 전화번호를 복사/붙여넣기하거나 적어두는 것은 매우 어렵습니다. 고객이 더 쉽게 사용할 수 있도록 하고 웹사이트 전체에서 번호로 탭하여 통화 기능을 활성화하세요.

요약

모바일용으로 사이트를 최적화하는 과정은 온라인 사용자 경험의 일부입니다. 오늘날의 연결된 세상은 마케터에게 고정관념을 깨는 생각을 부여했습니다. 연결된 세상이 점점 더 모바일화됨에 따라 마케터로서 우리의 직업은 이러한 사고 방식을 계속 유지하고 사용성에 집중해야 합니다. 블로그 게시물에서 논의된 주제를 사용하여 모바일용 온라인 자산을 최적화하고, 더 많은 성공을 달성하고, 최적의 웹 사이트 사용성과 사용자 경험이라는 궁극적인 목표를 향해 노력할 수 있기를 바랍니다.