Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Code
  2. Android
Code

구글을 위한 모바일 애플리케이션 최적화

by
Difficulty:IntermediateLength:MediumLanguages:

Korean (한국어) translation by Dae-yeop Lee (you can also view the original English article)

Final product image
What You'll Be Creating

구글로 웹을 검색할 때 검색 결과에 앱을 가리키는 신비한 링크가 어떻게 표시되는지 궁금한 적이 있습니까? 앱 개발자는 어떻게 앱을 이곳에 표시할 수 있을까요?

이번 튜토리얼에서는 앱에 이 효과를 주는 방법을 보여드리겠습니다.

1. 앱 인덱싱이란?

구글 앱 인덱싱(이제 파이어베이스 앱 인덱싱으로 바뀜)을 이용하면 일반 웹 페이지처럼 네이티브 앱을 구글 검색 결과에 표시할 수 있습니다. 일반 웹 페이지 항목과 함께 표시되는 앱 항목은 적절한 검색어가 적절한 기기의 브라우저에서 제출될 경우 표시됩니다. 이 기능은 현재 안드로이드 및 iOS 플랫폼에서 지원됩니다.

왜 개발자에게는 이것이 필요할까요?

앱 인덱싱은 두 가지 중요한 작업을 동시에 수행하기 때문에 개발자의 성공 가능성을 극대화합니다.

첫째, 모바일 사용자 환경을 개선하고 향상시킵니다. 검색어와 관련된 앱이 발견되면 브라우저를 종료하지 않고도 앱을 설치하거나 앱을 직접 실행할 수 있습니다(이미 기기에 설치돼 있는 경우). 따라서 사용자는 이러한 앱에 대한 긍정적인 첫인상을 갖게 되며 앱이 올바른 맥락에서 표시될 수 있다는 사실에 무의식적으로 감사하고 고려해야 할 몇 가지 선택지를 제공받습니다.

둘째, 개발자가 구글의 검색 엔진을 통해 앱을 직접 홍보하는 데 이바지합니다. 개발자는 이 메커니즘을 활용해 트래픽을 앱으로 직접 유도하고 다운로드 횟수를 크게 늘릴 수 있습니다.

이것은 기술적으로 어떻게 가능할까요?

앱 인덱싱은 앱과 웹 사이트 사이의 관계를 수립하는 매우 단순하지만 영리한 방법으로 마술을 부립니다. 이름하야 "사이트 연동"이라고 하는 것입니다. 작업 흐름은 몇 가지 단계로 구성됩니다.

  1. URL과 구글 검색을 지원하기 위한 인텐트 필터 추가
  2. 웹 사이트와 앱을 연동
  3. 앱 인덱싱 API 코드를 추가

2. 직접 만들어 봅시다

이제 작업흐름에 대해 알아봤으니 각 단계를 진행하고 마지막으로 안드로이드 스튜디오에서 구현을 테스트하겠습니다. 그래서 여기서는 안드로이드 스튜디오 IDE에서 새로운 안드로이드 프로젝트를 만들겠습니다. 컴퓨터에 안드로이드 스튜디오 2.0 이상 버전이 설치돼 있어야합니다. 빈 액티비티가 포함된 새 안드로이드 프로젝트를 만듭니다. 저는 안드로이드 프로젝트의 이름으로 MyApp을 사용했습니다.

Create a new Project in Android Studio

1단계

먼저 URL과 구글 검색을 지원하기 위한 인텐트 필터를 추가하겠습니다. 인텐트는 안드로이드 앱 컴포넌트 사이에서 통신하는 에이전트이며, 인텐트 필터를 사용하는 것은 앱에 암시적 인텐트를 도입하는 표준 방법입니다.

앱 내의 암시적 인텐트는 운영체제가 일치하는 모든 등록된 컴포넌트(설치된 다른 앱의 컴포넌트까지도)를 평가하고 그중 하나를 선택하도록 요청함으로써 시스템에 설치된 다른 앱을 이용해 특정 작업을 수행할 수 있게 합니다. 이와 대조적으로 명시적 인텐트는 대상 앱 컴포넌트를 직접 지정하므로 지정된 컴포넌트만 해당 작업을 수행하도록 호출됩니다. 인텐트와 인텐트 필터에 대한 자세한 내용은 안드로이드 개발자 웹 사이트에서 확인할 수 있습니다.

이제 인텐트 필터를 작성해 보겠습니다.

  • AndroidManifest.xml 파일을 엽니다.
  • 커서로 <activity> 엘리먼트를 선택합니다.
  • 선택된 상태에서 마우스 오른쪽 버튼을 클릭한 다음 팝업 메뉴에서 Generate를 선택합니다.
  • 이어서 나타나는 팝업 메뉴에서 URL을 선택합니다.
Select Generate from the pop-up menu

안드로이드 스튜디오가 AndroidManifest.xml 파일에 몇 가지 코드를 추가한 것을 볼 수 있습니다. 여러분의 요구사항에 맞게 생성된 코드에서 <data> 엘리먼트의 속성을 변경할 수 있습니다. 제 경우에는 데모 웹 사이트와 관련된 값을 지정했습니다.

httphttps 체계에 필요한 값을 지정합니다.

2단계

이제 웹 사이트를 앱과 연동해야 합니다.

구글 검색 콘솔(Google Search Console)을 이용해 앱과 연동할 웹 URL을 확인해야 합니다. 구글 계정으로 검색 콘솔에 로그인하면 손쉽게 따라할 수 있는 URL 확인 절차를 확인할 수 있습니다.

또한 파이어베이스 앱 인덱싱 가이드(Firebase App Indexing Guide)에서 연동된 웹 사이트의 구조를 정의해서 앱의 구조와 일치시키는 방법에 대한 자세한 내용을 확인할 수 있습니다. 하지만 여기서는 안드로이드 스튜디오를 이용해 앱을 테스트하는 중이므로 이번 튜토리얼에서 이러한 세부 사항을 알아볼 필요는 없을 것입니다.

테스트를 위해서는 구글에서 확인한 실제 웹 URL만 있으면 됩니다. 1단계에서 <data> 엘리먼트에 지정한 속성은 확인된 웹 URL과 일치해야 하며, 완전하게 작동해야 합니다.

3단계

마지막으로 앱 인덱싱 API 코드를 추가하겠습니다. 안드로이드 스튜디오에서는 다음과 같은 자동화된 방법을 제공합니다.

  • 안드로이드 프로젝트의 MainActivity.java 파일을 엽니다.
  • 커서로 onCreate라는 단어를 선택합니다.
  • 선택된 상태에서 마우스 오른쪽 버튼을 클릭하고 팝업 메뉴에서 Generate를 선택합니다.
  • 이어서 나타나는 팝업 메뉴에서 App Indexing API Code를 선택합니다.
Select the App Indexing API Code from the secondary pop-up menu

안드로이드 스튜디오에서 MainActivity.java 파일에 추가한 자동 생성 코드를 볼 수 있을 것입니다. Uri.parse() 함수의 링크를 편집해서 앱과 연동된 URL을 올바르게 가리키게 합니다.

3. 테스트

이제 앱 인덱싱 구현이 제대로 작동하는지 확인하기 위해 안드로이드 스튜디오에서 작업한 내용을 테스트해 보겠습니다. 먼저 인터넷에 연결돼 있는지 확인합니다. 그런 다음 안드로이드 스튜디오에서 Tools > Android > Google App Indexing Test를 선택합니다.

On Android Studio select Tools Android Google App Indexing Test

잠시 후 아래와 비슷한 화면이 나타납니다. 테스트를 통과한 결과를 통해 앱 인덱싱이 앱에서 올바르게 작동하는 것을 확인할 수 있습니다.

Test result screen showing test passed

결론

앱 인덱싱은 여러분의 앱을 더 많이 다운로드하도록 유도하는 데 유용한 기능이며, 개발자에게는 더욱 광범위한 사용자 기반을 타겟팅하는 데 크게 도움될 것입니다. 이 튜토리얼에서는 앱 인덱싱 구현이 올바르게 작동하는지만 확인하고 사용자가 구현의 결과로 얻은 기능을 정확히 어떻게 인식하는지는 확인하지 않았습니다. 파이어베이스, 구글 웹 마스터, 안드로이드 스튜디오 앱 인덱싱 도움말 웹 사이트에서 더 많은 정보를 찾아봄으로써 여러분은 다음 단계로 나아갈 수 있을 것입니다.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.