구글 맞춤 검색 엔진(google custom search engine)

길라잡이 0 346 2020.12.07 16:16

개요

구글에서 제공하는 맞춤 검색엔진(custom search engine, https://cse.google.co.kr/cse/all )는 자사/자신이 소유한 사이트뿐만 아니라 원하는 특정 사이트를 포함하는 검색엔진을 자사/자신의 사이트에 구현할 수 있습니다.(다수의 사이트를 운영하는 운영자에게 유용한 기능입니다.) 또한 검색자가 게시된 광고를 클릭하면 광고 수익을 얻을 수 있습니다.(이것은 장점이자 단점이기도 하는데 무료버전을 사용하는 경우, 구글 광고를 검색결과에서 제외시킬 수 없습니다. 또한 광고 수익은 구글 애드센스계정과 연동되어 있는 경우만 가능합니다. 구글 애드센스가 있으신 분들은 꼭 연결시키세요.방법은 아래의 [검색엔진 수정] -> [설정] -> [광고] 부분을 참조하세요. )

custom search engine에게 색인을 생성할 사이트를 제공하면 몇 시간 내에 해당 페이지에 대한 색인이 생성되어 검색엔진최적화에도 매우 유용합니다. 또한 모양과 느낌에서부터 검색결과 제공 방법 및 제공. 내용에 이르기까지 검색 환경을 맞춤설정할 수 있는 다양한 방법을 유연하게 지정할 수 있습니다.

참고로, 맞춤 검색엔진(custom search engine)의 유료버전은 Google Site Search 입니다. Google Site Search은 Google Site Search | 데이터시트 ( https://static.googleusercontent.com/media/www.google.co.ug/ko/ug/enterprise/search/files/gss_datasheet_ko.pdf  ) 에서 보여주는 기업형 기능들을 제공하였는데  2017년 4월 1일부터 맞춤검색 엔진의 유료 버전인 Google Site Search의 판매가 중단되었고 이 날짜 이전까지만 새로 구매하거나 갱신하실 수 있습니다. 이 제품의 서비스는 2018년 4월 1일에 완전히 종료되었습니다. 한편, 맞춤검색 엔진 서비스는 계속 되고 있습니다.

검색결과에 자사/자신의 1개의 사이트외에 다른 사이트 또는 구글의 일반검색결과도 같이 노출되게 함으로써 현재 사이트에서 컨텐츠 또는 상품을 찾지 못한 검색자가 해당 사이트를 떠나 구글 검색엔진에서 다시 검색하는 중복 검색을 하지 않게 할 수 있습니다.  (물론 검색결과를 보고 다른 사이트로 이동하는 것을 막을 수 없으나 자사/자신의 사이트에서 상품(이나 컨텐츠)을 찾지 못한 사용자(검색자, 가망고객)이 어떤 사이트(쇼핑몰)로 이동하는지 추적할 수 있습니다.) 

저희의 아래의 다른 게시글에서 설명드린  

‘구글애널리틱스 내에서 사이트검색을 하는 방법’은 상품 검색창의 상품 검색 매개변수와 게시글 검색창의 게시글 검색 매개변수가 다른 경우, 상품 검색 매개변수만을 사용해야하고게시글 검색 매개변수를 동시에 설정할 수 없지만 ‘맞춤 검색엔진(custom search engine)’은 상품과 게시글 모두 조회가 가능합니다. 구글 맞춤 검색은 검색자에게 사용자 편의성을 제공한다는 점에 장점이 있지만 관리자에게는 사이트 검색어를 발굴하여 검색자가 사이트내에서 무엇을 찾고 있는지(사이트에 무엇을 기대하는지) 알 수 있다는 점이 장점입니다. 

 

추천 동영상

내용이 너무 좋아서 아래의 저의 설명보다 이 동영상을 먼저 소개합니다.

아래의 동영상은 결코 워드프레스로 한정되지 않습니다. 새로 만든 맟춤검색기는 1. 소스코드로 웹사이트에 붙여넣기하여 사용하는 방법, 2. 검색기의 주소를 복사하여 붙여넣는 방법, 3. 플러그인을 이용하는 방법이 있는데 여기서는 워드프레스용으로 플러그인을 사용한다는 점을 제외하고는 어떤 사이트빌더를 사용하건 상관없는 공통 내용입니다. 제목은 신경쓰지 마시고 상세 동영상을 살펴보세요.

 

‘워드프레스 사이트에 구글 맞춤 검색 적용하기 1’ 동영상(5:35)

내용 : 구글 맞춤 검색기 만들기, 기본 설정, 워드프레스 사이트 연결하기, 검색 결과 화면 만들기

 

 

‘워드프레스 사이트에 구글 맞춤 검색 적용하기 2’ 동영상(10:26)

내용 : 각종 기능 / 디자인 상세설정

 

 

개인적인 필요성

워드프레스로 구축한 사이트에는 자체 검색 위젯이 있습니다. 그러나 이 위젯은 10개의 결과만을 보여주며 제목, 설명부분을 보여줍니다. 이미지검색은 안됩니다.

저의 경우, 정말 열심히 많은 정보를 공유했는데, 검색결과가 10개밖에 보이지 않는다는 것이 만족스럽지 않았습니다. 

워드프레스 내장 검색결과 페이지

그래서 구글 맞춤 검색기 워드프레스 사이트에 적용하기 의 지적처럼, wordpress.org 도 사용하는 구글 맞춤 검색 엔진(맞춤 검색기)를 사이트에 설치하였습니다. 

 

상세

 

새 검색엔진 만들기

먼저, 구글 서치 콘솔( https://www.google.com/webmasters/tools/home?hl=ko )에서 [Web Tools] -> [기타 리소스] -> [맞춤검색]한 후 검색할 사이트를 입력해주고 [만들기]를 눌러 맞춤검색을 생성해줍니다. 전제 조건은 구글 서치 콘솔에 가입이 안되어 있으신 분은 가입하셔야하고 사이트에 대한 소유권확인을 해주셔야 합니다. 

사이트검색_구글애널리틱스_구글웹마스터_검색엔진최적화_12

분홍색 부분을 참조하여 검색할 사이트를 등록해줍니다. 자사/자신의 사이트는 기본으로 등록되어야 하고 다른 사이트를 포함시키시려면 추가해주세요. 

구글 맞춤검색 설정_1

새로 만든 맞춤검색엔진(맞춤검색기)를 사이트에 추가하는 방법

새로 만든 맟춤검색엔진(맟춤검색기)는 1. 소스코드로 웹사이트에 붙여넣기하여 사용하는 방법, 2. 검색기의 주소를 복사하여 붙여넣는 방법, 3. 플러그인을 이용하는 방법(사이트빌더가 워드프레스인 경우만 가능)을 통해 사이트에 추가할 수 있습니다. 

 

1. 소스코드로 웹사이트에 붙여넣기하여 사용하는 방법

사이트에 추가하기 옆 [코드가져오기] 를 눌러줍니다.

사이트검색_구글애널리틱스_구글웹마스터_검색엔진최적화_14

사이트검색_구글애널리틱스_구글웹마스터_검색엔진최적화_11

설정이 끝나면 [저장 및 코드생성]을 해주게 되면 아래와 같은 코드가 생성되는데 이것을 사이트의 <body> 섹션의 <div> 요소에 붙여넣어줍니다.

<script>
(function() {
var cx = ‘012989050991908874853:bda3wtsywxi’;
var gcse = document.createElement(‘script’);
gcse.type = ‘text/javascript’;
gcse.async = true;
gcse.src = (document.location.protocol == ‘https:’ ? ‘https:’ : ‘http:’) +
‘//www.google.com/cse/cse.js?cx=‘ + cx;
var s = document.getElementsByTagName(‘script’)[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:searchbox-only></gcse:searchbox-only>

 

2. 검색기의 주소를 복사하여 붙여넣는 방법

https://cse.google.com/cse?cx=012989050991908874853:i_xvj8voyci#gsc.tab=0 와 같은 URL을 붙여넣는 방식인데 iframe 을 사용하지 않으면 휑한게 멋이 없습니다. 

 

3. 플러그인을 이용하는 방법(워드프레스인 경우에 한정됩니다.)

(참고)상기 ‘워드프레스 사이트에 구글 맞춤 검색 적용하기 1’ 동영상(5:35)의 경우, 1:50 부터 워드프레스 플러그인을 이용하는 방법을 설명하고 있습니다.  wp google search plugin 을 이용하여 구성합니다. 

 

wp google search plugin
  • 버전: 1.0.7
  • 글쓴이: WebshopLogic
  • 최근 업데이트: 1 년 전에
  • 요구되는 워드프레스 버전: 3.7 또는 이상
  • 호환되는 버전: 4.8.7
  • 활성 설치: 10,000+

wp google search 플러그인

 

관리자 화면에서 [설정] -> [wp google search plugin]으로 이동하시면 아래와 같은 설정화면이 나옵니다. 

Google Search Engine ID:
Register to Google Custom Search Engine and get your Google Search Engine ID here: https://www.google.com/cse/
You will get a Google Search Engine ID like this: 012345678901234567890:0ijk_a1bcde
Enter this Google Search Engine ID here.
[맞춤검색] -> [검색엔진 수정] -> [설정] 중간부분에서 검색엔진 ID를 찾을 수 있습니다. 이것을 복사하여 붙여넣기 해줍니다.
구글 맞춤검색 검색엔진 ID
Display search box before search results( 검색결과 위에 검색박스를 표시할까요? ) :
If this option is turned on, the search field will appear above the search results.
검색결과를 보고 다른 검색을 할때 유용하므로 check하는 것이 좋을 듯합니다. 
Link Target Blank:
Display content of the links of the result set on new browser tab.
체크하시면 새창을 열어 검색결과를 보여줍니다.
무료 맞춤검색엔진은 구글 광고 네트워크의 일부가 되어 구글의 유료 광고가 표시됩니다. 방문자가 이 유료 광고를 click하게 되면, 어렵게 자사/자신의 사이트로 유도한 방문자를 유료 광고 사이트에게 빼앗기게 됩니다. (이탈률이 높아집니다. ) 
타사 사이트를 검색엔진에 추가한 경우에도 꼭 check하시어 사용하세요. 
Support Overlay Display:
If you set on Google CSE admin page that result set is displayed in Overlay mode, then also set this checkbox. 
In this case search results will be displayed without loading a new search result page. 
If you do not use overlay display mode in GCSE, then clear this checkbox, because result set can not be displayed correctly.

(결과 세트가 오버레이 모드로 표시되는 Google CSE 관리 페이지를 설정 한 경우이 체크 박스를 설정하십시오. 
이 경우 새 검색 결과 페이지를로드하지 않고 검색 결과가 표시됩니다. 
GCSE에서 오버레이 디스플레이 모드를 사용하지 않으면 결과 세트를 올바르게 표시 할 수 없기 때문에이 체크 박스의 선택을 취소하십시오.)
[검색엔진 수정] -> [디자인]에서 오버레이를 선택하시는 경우, 여기서 check해주셔야 제대로 표시됩니다.  물론 오버레이를 사용하지 않는 경우에는 check 하지 말아주세요. 
사이트검색_구글애널리틱스_구글웹마스터_검색엔진최적화_16
Use default corrections CSS v1:
DEPRECTED: If this option is turned on, some css will be applied to improve the appearance of search elements in case of most WordPress themes. This is an older css settings collection, please use the following CSS 2 setting instead of this.
(DEPRECTED :이 옵션이 켜져 있으면 대부분의 WordPress 테마의 경우 검색 요소의 모양을 개선하기 위해 일부 CSS가 적용됩니다. 이것은 오래된 CSS 설정 모음입니다. 대신 다음 CSS 2 설정을 사용하십시오.)
Use default corrections CSS v2:
If this option is turned on, some css will be applied to improve the appearance of search elements. Styling of Google Search box is theme dependent because your theme settings have an effect on Google CSE styling too. It is possible that custom css settings are needed. Aks your site designer about it.
(이 옵션이 켜져 있으면 검색 요소의 모양을 개선하기 위해 일부 CSS가 적용됩니다. 테마 설정은 Google CSE 스타일에도 영향을주기 때문에 Google 검색 창의 스타일은 테마에 따라 다릅니다. 사용자 정의 CSS 설정이 필요할 수 있습니다. 그것에 대해 귀하의 사이트 디자이너를 구하십시오.)
Use default corrections CSS v3:
Switch it on to move down search button some pixels.(검색 버튼을 몇 픽셀 아래로 이동하려면 스위치를 켜십시오.)
Search Page Target URL:
The plugin automatically generated a page for displaying search results. You can see here the URL of this page. Please do not delete this page and do not change the permalink of it!
(플러그인이 검색 결과를 표시하기 위해 자동으로 페이지를 생성합니다. 이 페이지의 URL을 여기에서 볼 수 있는데, 이 페이지를 삭제하지 마시고 이 페이지의 퍼머 링크를 변경하지 마십시오!)
워드프레스 관리자 페이지에서 [페이지] -> [모든 페이지]를 보시면 Search Results 라는 페이지가 새로 만들어진 것을 확인하실 수 있습니다. )
wp google search 플러그인_search results page

설정을 모두 하셨으면 저장해주세요. 

 

자신의 사이트에 검색박스를 추가하는 방법에는  1) 위젯을 사용하는 방법과 2) 숏코드를 사용하는 방법이 있습니다. 

1) 위젯을 사용하는 방법

[외모] -> [위젯] -> [WP Google Search(WGS)] 를 찾아 원하는 위치에 배치하시면 https://cse.google.com/cse/ 에서 디자인하신대로 구글 맞춤검색이 보여집니다. 

wp google search 플러그인_위젯 설치

2) 숏코드를 사용하는 방법

“[WP_GOOGLE_SEARCH]” 와 같은 숏코드를 맞춤검색을 추가하고 싶은 페이지나 게시글내에 원하시는 위치에 넣어주시면 됩니다. (참고 :  이 게시글에서는 숏코드 “[WP_GOOGLE_SEARCH]”가 작동되지 않고 문자로 표시되도록 대문자로 표시하였고 실제 사용하실때는 소문자로 쓰셔야합니다. )

 

[페이지] -> [모든 페이지]로 이동하시면 Search Results 라는 페이지가 자동 생성된 것을 확인할 수 있습니다. 이 페이지는 wp google search plugin이 생성한 페이지입니다. 

Header and Footer plugin이 자동생성한 search result page

이 페이지에 click하여 편집 모드로 들어가면 위에서 말씀드렸던 숏코드가 있습니다. 

Header and Footer plugin이 자동생성한 search result page_1

숏코드는 만지지 마시고 분홍색 부분과 같이 제목과 내용은 수정하여 사용할 실 수 있습니다. 구글 맞춤 검색을 처음 접하는 분들에게 사용법을 안내하기 위해 수정하는 것으로 필요없으신 분은 원본 그대로 사용하세요.  

Header and Footer plugin이 자동생성한 search result page_2

위에서 수정한 부분은 아래와 같이 표시됩니다. 

Header and Footer plugin이 자동생성한 search result page_3

검색엔진 수정

설정

기본사항

사이트검색_구글애널리틱스_구글웹마스터_검색엔진최적화_15

수익 창출

[검색엔진 수정] -> [설정] -> 상단 메뉴중 [광고]을 선택하신 후 중간에 검색엔진 수익 창출 부분의 스위칭 버튼을 사용으로 선택하시면 2~3초후에 자동으로 애드센스ID와 연결됩니다. 

구글 맞춤검색과 애드센스 연결_1

 

디자인

레이아웃

오버레이는 세련되어 보입니다. 저는 검색결과를 자사 사이트내 검색으로만 사용아므로 검색결과만으로 설정하여 사용하고 있습니다. 이용자의 편의에 맞추어 사용하세요. 

사이트검색_구글애널리틱스_구글웹마스터_검색엔진최적화_16

테마
맞춤설정

맞춤검색창에 Google 맞춤검색이라는 글자가 보이는데 Google을 삭제하시려면 [디자인] -> [맞춤설정] -> [Google 브랜드 사용 안함]을 선택하세요. 

구글 맞춤검색 설정_2_구글브랜드 사용 안함

미리보기 이미지

검색결과에서 자동 썸네일 이미지를 사용하거나 사용 중지합니다.

썸네일 표시되는 것이 훨씬 시각적이므로 사용하세요. 

 

통계 및 로그

[통계]

통계는 웹검색과 이미지로 나누어 조회할 수 있습니다. 몇번 조회되었는지 검색통계는 볼수 있으나 검색어 자체는 볼 수 없습니다. 

구글맞춤검색_통계

[Google 애널리틱스]

아래의 이미지처럼 [사이트 검색 보고서 보기]를 클릭하시면 바로 구글 애널리틱스로 이동하여 검색어를 확인하실 수 있습니다. 

구글 맞춤검색_구글애널리틱스

구글 애널리틱스( https://analytics.google.com/ ) 에서 검색어를 확인하시려면 [행동] -> [사이트 검색] -> [검색어]보고서에서 확인하실 수 있습니다.

구글애널리틱스_행동_사이트검색_검색어

보다 자세한 내용은 저희의 아래의 다른 게시글을 참조하세요.   

 

[통계 및 로그]에서 가운데 [Google Analystics]를 선택하시고 자신이 가지고 있는 구글애널리틱스 프로필(계정)중 연결하고자하는 프로필과 연동시켜주시면 다음날부터 통계(stats)를 볼 수 있습니다.

사이트검색_구글애널리틱스_구글웹마스터_검색엔진최적화_17

 

사이트검색_구글애널리틱스_구글웹마스터_검색엔진최적화_19

 

검색어 매개변수를 잘 선택해 주어야 통계를 볼 수 있습니다. 자신의 사이트 페이지에서 소스보기를 하시여 상기 매개변수중(shop_search_str, search_mothod, search_item) 어느 것을 사용하는지 확인하세요. 저는 쇼핑몰이고 게시판이니 당연히 문자열(str)을 사용하는 shop_search_str 을 매개변수로 사용하겠지 하고 선택했는데 통계가 안보여 확인해 보니, search_item을 매개변수로 사용하더라고요. 그래서 search_item으로 바르게 적용해 주었더니 아래와 같이 통계(stats)가 잘 보이게 되었습니다.

사이트검색_구글애널리틱스_구글웹마스터_검색엔진최적화_20

매개변수 설정에 관해서는 구글 애널리틱스 고개센타의 사이트 검색 설정 을 참조하세요.(처음 보시는 분은 용어들이 생소하실 것입니다. ) 구글 애널리틱스에서 매개변수를 설정해준 경우, 구글 맞춤검색에 애널리틱스에서 설정해준 변수가 보여집니다. 애널리틱스에서 매개변수를 설정하지 않은 경우, “이 프로필에 검색어 또는 카테고리 매개변수가 없습니다.  매개변수를 추가합니다.”라고 나옵니다. 맞춤검색에서 매개변수를 추가해주면 애널리틱스에 매개변수로 저장됩니다. 

구글 애널리틱스 고개센타의 사이트 검색 설정 의 설명에 따라, 검색어 매개변수 입력란에 term,search,query,keywords 등 내부 검색어 매개변수를 지정하는 단어를 1개 이상 입력합니다. 경우에 따라 검색어 매개변수는 s 또는 q 등 문자 1개로 지정됩니다. 최대 5개의 매개변수를 쉼표로 분리하여 입력합니다. 문자를 추가로 입력하지 마세요. 예를 들어 검색어 매개변수가 문자 q로 지정된 경우 q=가 아니라 q만 입력하세요. 

일반적으로 사용자가 사이트를 검색하면 검색어가 URL에 포함됩니다. 예를 들어 Google을 이용해 북한산 올레길이라는 문구를 검색하면 아래와 같이 q(Google의 검색어 매개변수) 다음에 검색어가 표시됩니다.

http://www.google.com?hl=kr&q=북한산+올레길

결론적으로 구글 맞춤검색의 매개변수는 q입니다. 

 

카테고리는 구글 애널리틱스에서 말하는 카테고리이며 워드프레스에서 말하는 카테고리가 아닙니다. 사이트에서 카테고리를 사용하는 경우에도 동일한 원칙이 적용됩니다. 또한 웹마스터에게 문의하여 사이트의 검색어 매개변수를 확인할 수도 있습니다.

구글 애널리틱스에서 카테고리는 선택사항입니다. 카테고리를 설정했는지 확인하는 방법은  아래와 같습니다. 

  1. 애널리틱스 계정에 로그인합니다.
  2. 관리를 클릭한 후 사이트 검색을 설정할 보기로 이동합니다.
  3. 보기 설정을 클릭합니다.
  4. 사이트 검색 설정에서 사이트 검색 추적을 사용으로 변경합니다.
  5. 사이트 검색 설정 밑에 사이트 검색 카테고리를 [설정]하면 활성화되어 사용할 수 있습니다.  

구글 애널리틱스 검색 카테고리

 

Comments

번호 제목 글쓴이 날짜 조회
219 네이버쇼핑 스마트스토어 세금계산서 신청하는 방법 길라잡이 01.29 80
218 부가가치세신고 스마트스토어 + 쿠팡 개인사업자 길라잡이 01.29 83
217 스마트스토어 스타일링 연관상품 관리 길라잡이 01.17 62
216 VM웨어 This host supports Intel VT-x, but Inter VT-x is disabl… 길라잡이 2021.12.19 119
215 vm웨어 가상머신 하드디스크 용량 늘리기 길라잡이 2021.12.19 99
214 스마트스토어 가격비교 매칭 조건 길라잡이 2021.11.16 211
213 스마트스토어 실시간 알람 설정 방법 길라잡이 2021.11.03 99
212 스마트스토어 가격비교 매칭방법 길라잡이 2021.11.03 88
211 스마트스토어나 쇼핑 개인사업자등록 인터넷 신청 길라잡이 2021.09.23 112
210 통신판매업자 등록요령 길라잡이 2021.04.05 235
209 Job for httpd.service invalid. 에러확인 길라잡이 2021.02.13 241
208 Letsencrypt 인증서 삭제 또는 제거 길라잡이 2021.02.13 532
207 Let’s Encrypt 인증서 기간 남은 날짜 상태 확인하기 길라잡이 2021.02.13 346
206 ssl 적용후 https 리디렉션한 횟수가 너무 많습니다 길라잡이 2021.01.24 615
205 let's encrypt 서브도메인 무한설정 (와일드카드) 길라잡이 2021.01.21 371
204 Centos7 + Letsencrypt + cloudflare 와일드카드 자동갱신 길라잡이 2021.01.20 318
203 apache 2.4 - letsencrypt 와일드 카드 인증서를 설치하는 방법 길라잡이 2021.01.20 325
202 PhpMyAdmin 쿠키 유효기간 설정 길라잡이 2021.01.15 261
201 디비 idx 이빨빠진 데이터 순번 다시 정렬하기 길라잡이 2021.01.06 309
200 서버 포트바꾸기 길라잡이 2021.01.05 253
열람중 구글 맞춤 검색 엔진(google custom search engine) 길라잡이 2020.12.07 347
198 postfix 리눅스 패키지 중지하는 방법 길라잡이 2020.10.17 475
197 회원정보를 DB에 저장 중복값 구별 길라잡이 2020.09.25 233
196 error 에러주소 메인보네기 길라잡이 2020.09.23 265
195 파이썬 티스토리 제목 카테고리 크롤링 길라잡이 2020.09.22 287
194 리눅스 TOP 명령어 (시스템 전체상태를 실시간으로 파악) 길라잡이 2020.09.16 316
193 [Python] 파이썬 설치방법 (64비트) 길라잡이 2020.09.11 271
192 윈도우즈에 아나콘다, 텐서플로 설치하기 길라잡이 2020.09.11 323
191 php 특정 웹페이지에 암호걸기 길라잡이 2020.08.21 592
190 PHP와 JSON으로 Youtube 내채널 목록 가져오기 길라잡이 2020.08.13 336


 

페이스북에 공유 트위터에 공유 구글플러스에 공유 카카오스토리에 공유 네이버밴드에 공유