SEO & GTM

SEO & GTM 정의¶

SEO & GTM은 검색 엔진 최적화와 사용자 행동 분석을 통해 커뮤니티와 웹 상점의 노출도 및 성능을 개선하는 기능입니다.

SEO : SEO는 웹사이트가 포털 사이트의 검색 결과 상위에 노출되도록 검색 엔진을 최적화하는 과정을 뜻합니다.검색 결과에서 사용자에게 정확한 정보를 노출을 통해 트래픽을 증가 시켜 방문자 수를 늘릴 수 있습니다.비용 없이 유료 검색 광고와 유사한 효과를 얻을 수 있기 때문에 마케팅 전략으로 많이 활용됩니다.
GTM : GTM(Google Tag Manager)을 통해 웹사이트에 방문한 사용자의 행동 데이터를 수집해 웹사이트를 분석 및 개선할 수 있습니다.

검색엔진과 수집 데이터¶

검색 엔진은 검색 로봇을 통해 웹 페이지를 수집하고 색인화하여 검색 결과에 반영합니다.
SEO에 반영하기 위한 수집 데이터 내용은 크게 3가지로 분류할 수 있습니다.

수집 데이터	정의	특징
메타 정보	웹 페이지의 정보를 설명하는 데이터	페이지 내 HTML 소스로 구성
사이트맵 sitemap.xml	웹 사이트의 페이지 목차를 구성하는 xml 파일	검색 로봇이 단순 크롤링(페이지 수집) 과정에서 놓친 페이지를 사이트맵을 참고하여 색인화 함
robots.txt	검색 로봇의 정보 수집을 허용하거나 제한하는 txt 파일	사이트맵 파일 위치 안내 노출하면 안되는 주소 등록 검색 로봇 크롤링 허용/제한 가능

SEO 설정¶

서버 배포 과정 없이 키워드 입력만으로 SEO를 최적화를 가능하게 합니다.
개발팀의 도움 없이도 마케터와 커뮤니티, 웹 상점 관리자가 간편하게 SEO 작업을 할 수 있습니다.

SEO 자동 설정¶

서비스 생성 시, 검색로봇이 크롤링할 수 있도록 페이지 소스(HTML)에 즉시 메타 태그가 반영됩니다.
자동 설정 태그는 아래 2가지 유형으로 나뉩니다.

SEO 에 일반적으로 사용되는 메타 태그 중에 키워드 반영이 필요 없는 메타 태그
키워드 반영이 필요하여 SEO 설정 페이지에서 관리자가 수동으로 변경할 수 있는 메타 태그

자동 설정 태그 1 (키워드 반영 X)¶

SEO 에 필요한 일반적으로 사용되는 메타 태그 중에 키워드 반영이 필요 없는 태그는 자동으로 반영되어 있습니다.

자동 입력 메타 태그	내용
<meta name="robots" content="index,follow" />	검색 엔진 크롤러(봇)가 서비스를 검색 결과에 노출할 수 있도록 색인 추가를 지시함.
<meta name="googlebot" content="indexifembedded" />	Google 검색 엔진의 크롤러인 Googlebot에게 서비스를 색인에 추가를 지시함.
<link rel="canonical" href="https://community.withhive.com/(게임명)" />	검색 엔진에 커뮤니티 혹은 웹 상점 메인 페이지 URL을 표준 URL로 정의함.
<link rel="alternate" href="https://community.withhive.com/(게임명)/(언어)" hreflang="(언어)">	rel="canonical"가 표준 페이지를 정의한다면, rel="alternate"는 다국어 페이지를 정의함. 언어는 서비스 사용 언어에 맞게 변경됨.
<meta property="og:url" content="https://community.withhive.com/(게임명)" />	OG(Open Graph) 프로토콜의 일부로, 서비스 URL을 참조하도록 지시함.
<meta property="og:type" content="website">	OG(Open Graph) 프로토콜의 일부로, 서비스가 일반 웹페이지임을 정의함.
<meta property="og:locale" content="(언어)">	OG(Open Graph) 프로토콜의 일부로, 소셜 미디어 플랫폼에서 해당 언어로 노출되도록 도움을 줌.

게임명과 언어는 해당 서비스(커뮤니티&웹 상점)의 고유 식별값으로 반영됩니다.
OG 프로토콜의 자세한 내용은 오픈 그래프 태그 항목에서 확인해 주세요.
메타 태그 반영 여부는 페이지 소스에서 확인이 가능합니다.
크롬 브라우저에서 페이지 소스 보기 : [ctrl + U] 또는 [페이지 우클릭 후, 페이지 소스 보기 클릭]

자동 설정 태그 2 (키워드 반영 O)¶

앱 센터에서 등록한 게임명, 이미지를 활용하여 메타 정보에 대해 기본값으로 노출합니다.
커뮤니티 혹은 웹 상점 생성 시 일회성으로 반영되고, 관리자는 SEO 페이지에서 언제든지 아래 메타 태그를 변경할 수 있습니다.

앱 센터에서 가져오는 메타 정보 위치¶

타이틀
- 앱센터 > 프로젝트 관리 > 게임 상세 >게임 에셋 > 지원 언어 및 언어별 타이틀

이미지
- 앱센터 > 프로젝트 관리 > 게임 상세 > 게임 에셋 > 게임 대표 이미지

Note

언어는 영어 > 기본 언어 순서대로 참조합니다.

SEO 설정 수정¶

자동 설정 태그 2 내용을 콘솔 > 커뮤니티 & 웹 상점 > 공통 관리 > SEO & GTM 메뉴에서 자유롭게 변경할 수 있습니다.
SEO & GTM 메뉴에서 마케팅 키워드를 입력하면 실시간으로 페이지 소스에 반영됩니다.

구글 소유권 태그¶

구글 서치 콘솔을 사용하도록 구글 소유권 태그 기능을 지원합니다.

구글 서치 콘솔 사용 시, 검색 트래픽 모니터링 및 사이트 문제를 진단할 수 있습니다.

사이트 소유권에 대한 자세한 사항은 여기서 확인해 주세요.

사이트 태그¶

사이트 태그에서 게임 커뮤니티, 웹 상점을 대표하는 정보를 등록할 수 있습니다.
사이트 태그는 언어별로 페이지를 구분하기 때문에 운영하는 사이트마다 각각 등록해 주세요.

검색 설명 : 검색 결과에서 노출될 웹사이트의 설명을 등록합니다. 검색 우선순위 및 클릭률을 높이는 데 도움이 됩니다.
검색 키워드 : 검색 엔진이 알 수 있도록 서비스의 대표 키워드를 등록하세요. 동일 키워드 반복 사용, 과도하게 많은 키워드 등록은 검색에 도움이 되지 않습니다.

입력한 키워드는 예시 코드의 content 영역에 반영됩니다.

태그	목적	예시 코드
검색 설명	사이트 설명 문구를 설정하기 위함 40자 이내 추천 검색 엔진 영향도 상대적 높음	<meta name="description" content="MLB 라이선스로 즐기는 리얼 야구! .">
키워드	사이트의 접근성 향상을 위한 키워드 입력을 하기 위함 80자 이내 추천 많은 키워드 입력은 오히려 검색 엔진 영향도를 낮춤	<meta name="keywords" content="워킹데드, 커뮤니티" />

오픈 그래프 태그¶

서비스 링크가 소셜 미디어 플랫폼에서 공유될 때 노출되는 정보를 오픈 그래프 태그에서 설정할 수 있습니다.
미리보기 기능에서 제공되는 제목, 설명, 이미지 정보가 해당됩니다.

사이트의 언어를 구분하기 때문에 커뮤니티와 웹 상점 각각 운영하는 사이트마다 등록해 주세요.

입력한 키워드는 예시 코드의 content 영역에 반영됩니다.

태그	목적	예시 코드 및 방법
사이트 제목	SNS 공유 시, 사이트 제목 문구를 설정하기 위함 40자 이내 추천	<meta property="og:title" content="The Walking Dead Match 3 Tales" />
사이트 설명	SNS 공유 시, 사이트 설명 문구를 설정하기 위함 80자 이내 추천	<meta property="og:description" content="Die Community hat die neuesten Infos zum Spiel, inkl." />
사이트 이미지	SNS 공유 시, 사이트 메인 이미지를 설정하기 위함 사이즈 : 800x450px 파일 형식 : png, jpg, jpeg	앱센터의 게임 대표 이미지를 최초로 등록 앱센터 > 프로젝트 관리 > 앱아이디 클릭 > 게임 에셋 > 게임 대표 이미지 앱센터에서 등록되어 있지 않다면 빈 값으로 노출

Note

- 상세 게시글의 링크 공유 시, 해당 게시글의 제목과 이미지가 오픈 그래프 태그에 사용됩니다.
- 오픈 그래프 태그를 반영한 미리보기 기능은 소셜 미디어 플랫폼에서 지원을 해야만 정상 동작 합니다.
- 오픈 그래프 태그는 캐시 영향을 받으므로 일부 SNS에서는 즉시 반영이 되지 않을 수 있습니다.

SEO 파일 생성 및 업데이트¶

사이트 생성 시, sitemap.xml 파일 및 robots.txt 파일 자동 생성됩니다.
최신 상태로 유지가 필요한 sitemap.xml 파일은 매주 자동으로 업데이트됩니다.

수집 데이터	필요한 작업	비고
사이트맵 sitemap.xml	없음	사이트 생성 시, 16개 언어별 파일 자동 생성 게시판 추가/삭제 시, 파일에 자동 반영 업데이트 반영 : 매주 월요일 오전 10시(KST)
robots.txt	없음	사이트 생성 시, 파일 자동 생성

GTM 설정¶

방문자의 사용 여정 추적 기능을 Google Tag Manager를 통해 제공합니다. Google Tag Manager를 커뮤니티 & 웹 상점에 적용하기 위해서는 GTM 컨태이너 ID를 입력해야 합니다.

구매 완료 정보 수집¶

GTM 컨테이너 ID만 입력하면 구매 이벤트가 자동으로 연동되어, Google Analytics를 통해 전자상거래 데이터를 손쉽게 수집하고 분석할 수 있습니다.

구매 이벤트 데이터¶

결제 완료 시, 다음과 같은 데이터가 자동으로 전송됩니다.

기본 거래 정보
- 고유한 주문 번호 : ecommerce > transaction_id
- 결제 통화 : ecommerce > currency
상품 정보 (items)
- 상품명 : ecommerce > items > item_name
- 상품 가격 : ecommerce > items > price
- 구매 수량 : ecommerce > items > quantity
추가 구매 정보
- 구매 일시 : purchase_datetime
- 결제 수단 : payment_method

GA 설정 가이드¶

이벤트명은 반드시 ‘purchase’로 설정해야 합니다.
GTM 태그에서 전자상거래 매개변수를 포함하여 설정하고, 각 변수는 웹 상점의 구매 완료(purchase)의 데이터 구조를 참고하여 설정해 주세요.
구매 여정 분석을 위해서 상품 조회, 결제 시작 등의 추가 이벤트는 직접 설정해 주세요.