SEO (Search Engine Optimization)

검색엔진 최적화

검색 엔진으로부터 웹 사이트나 웹 페이지에 대한 웹사이트 트래픽의 품질과 양을 개선하는 과정

• 웹페이지 검색엔진이 자료를 수집하고 순위를 매기는 방식에 맞춰 웹페이지를 구성하여 검색엔진에 입력된 값의 결과의 상위에 해당 웹페이지가 나올 수 있도록하는 것.

• 웹페이지와 관련된 검색어로 검색한 검색 결과 상위에 나오게 되면 웹페이지의 방문 트래픽이 늘어나게 되는 장점이 있다.

• 기본적으로 특정 검색어를 웹페이지에 적절하게 배치하고 다른 웹페이지에서 링크가 많이 연결되도록 한다.

• SEO의 개선을 돕는 다양한 사이트 품질 개선 도구
  네이버 웹마스터도구 : 네이버 검색엔진 사용 시의 사이트 최적화를 보고받을 수 있는 도구. 이 외에도 다음, 줌, 빙 같은 다양한 포털에도 웹마스터도구와 같은 기능이 있고 쉽게 설정할 수 있다.
  구글 애널리틱스 : 구글 사이트 및 앱 사용자에 대해 분석하여 마케팅 실적 분석에 유용한 무료 도구. 유료로는 구글360라는 도구가 있는데 대기업에서 주로 정밀한 분석을 위해 사용한다고 한다. 구글 애널리틱스로 어떤 기기로 어느 나라 사람들이 많이 들어오는지, 어떤 배너가 더 효과가 좋은지, 어떤 버튼을 클릭했고 마지막으로 사람들이 본 게시글은 무엇인지 등을 확인할 수 있다.
  UTM 코드 : URL 끝에 파라미터(UTM)을 붙여 이 웹사이트에 어디에서 어떻게 들어왔는지 체크할 수 있다. (utm_medium, utm_source, utm_campaign으로 보통 필수로 구성되며 더 상세히 구분하기 위해서는 utm_content를 사용하기도 한다.)이러한 UTM 코드를 붙인 링크에 대한 성과는 구글 애널리틱스의 모든 캠페인 보고서에 들어가서 확인할 수 있다.
  구글 서치 콘솔 : 구글의 검색 결과 인지도를 모니터링하고 관리할 수 있는 도구로 구글이 내 사이트의 콘텐츠에 엑세스할 수 있고 검색로봇이 크롤링하려는 새로운 콘텐츠를 제출하거나 검색결과에 노출하고 싶지 않은 콘텐츠는 삭제하는 등 검색결과 실적을 최적화할 수 있다.
  라이트하우스 : 웹 사이트의 속도나 SEO 등 사이트 전반적인 진단과 검증을 통해 성능을 향상시킬 수 있고 PWA 개발을 돕는 오픈소스 도구
  구글 옵티마이즈 : A/B테스트 도구. 방문자를 임의의 A, B 집단으로 나누고 페이지에서 텍스트나 이미지, 배너, 레이아웃 등을 다르게 배치하여 보여준 후 어떤 페이지에서 더 성과가 높게 나오는지 확인할 수 있다.
  Page speed Insights : 모바일 및 데스크톱 기기의 실제 성능을 보고하고 페이지 개선 방향을 제안하는 도구

PWA (Progressive Web App)

프로그레시브 웹 앱

모바일 앱과 웹 앱의 장점을 결합한 형태의 웹 기술. HTML, CSS, JavaScript와 같은 웹 기술로 만드는 앱을 의미한다.

• Google I/O 2016에서 소개된 웹 기술로 그들의 설명에 따르면 브라우저를 통해 처음 방문한 사용자에게 유용하며 설치가 필요하지 않다고 한다. 사용자가 PWA와 관계를 점진적으로 형성할수록 성능이 더욱 강력해진다. 느린 네트워크에서도 빠르게 로드되고 관련된 푸시 알림을 전송한다고 한다.

• 네이티브 앱과 비교가 많이 된다. 네이티브 앱은설치하는데에 드는 시간과 비용이 큰 반면 웹은 설치가 필요하지 않고 URL을 통한 접근이 아주 간단하다. 반면 웹은 사용할 때마다 매번 URL을 기억하고 입력해야하지만 네이티브 앱은 한 번 설치하고나면 독자적인 아이콘을 통해 반복적으로 접근하는 것이 수월하다.

• PWA는 웹 브라우저와 URL로 구성하기 때문에 노출 극대화 전략으로 SEO를 사용하기도 한다. 이는 PWA는 여느 웹사이트와 마찬가지로 검색엔진이 인덱싱을 할 수 있기 때문에 일반적인 웹 페이지와 비교하여 PWA의 성능과 사용자의 참여율이 높다면 검색 결과에서도 더 높은 위치에 노출될 수 있다.

• PWA를 설정하는 세 가지 주요 구성요소
  보안 연결(HTTPS): PWA는 신뢰할 수 있는 연결 상태에서만 동작하기 때문에, 보안 연결을 통해서 서비스를 제공해야 한다. 이를 통해 웹을 보호하고 사용자의 신뢰를 얻을 수 있다.
  서비스 작업자(service worker): 서비스 작업자는 백그라운드에서 실행되는 스크립트를 의미한다. 서비스 작업자는 네트워크와 관련된 요청의 처리를 도와주기 때문에 사용자는 백그라운드를 염두하지 않고 복잡한 작업을 수행할 수 있습니다.
  매니페스트 파일(manifest file, 설정 파일): 제이슨(JSON, 용량이 적은 데이터를 교환하기 위한 형식) 파일이며, PWA가 표시되고 기능하는 방식에 대한 정보들이 포함되어 있는 것이다. 여기에서는 PWA의 이름, 설명, 아이콘, 색상 등을 지정할 수 있다.

참고자료
네이티브 앱 vs PWA 어떤 것을 선택해야 할까?
프로그래시브 웹 앱 무엇이며 왜 필요한가
SEO 담당자가 알아야할 웹 사이트 품질 개선 도구