> For the complete documentation index, see [llms.txt](https://help.makeshop.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.makeshop.co.kr/faq/pc-and/seo.md).

# 검색 엔진 최적화(SEO)

검색 엔진 최적화(SEO)란 고객들이 구글, 네이버 등 각종 검색 엔진에서 쇼핑몰과 상품을 쉽게 검색하고 찾아올 수 있도록 설정하는 작업이에요.

상품별, 페이지별로 SEO 메타 태그를 설정할 수 있으며, 제목(title), 설명(description), 검색어(keywords)를 관리할 수 있어요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2F3MqJiJpibSaS00RmGvmI%2F354.png?alt=media&amp;token=d352b23c-2438-4f69-958f-1365b084af02" alt=""><figcaption></figcaption></figure>

#### **제목 (Title)**

브라우저 제목과 검색 엔진의 검색 결과 제목에 표시돼요.

내용이 검색 결과에서 잘리지 않도록 간결하게 구성해 주세요.\
영문은 50\~60byte, 국문은 25\~30byte를 추천해 드려요.

#### **설명 (Description)**

검색 엔진 결과 하단에 표시되는 사이트 설명 문구예요.

쇼핑몰의 주요 키워드로 구성된 문장을 등록해 주시면 좋아요.\
이 설명(description) 태그가 검색어(keywords) 태그보다 검색 엔진에 더 많은 영향을 미친답니다.

#### **검색어 (Keywords)**

쇼핑몰과 관련된 단어들을 등록하여, 해당 단어를 검색할 때 검색 엔진에 노출되도록 하는 기능이에요.

등록할 단어는 콤마(,)로 구분해서 입력해 주시면 돼요.

#### **파비콘 (Favicon)**

브라우저 제목과 주소의 맨 왼쪽에 표시되는 사이트를 대표하는 작은 아이콘이에요.

***

## 기본 SEO 설정

### 파비콘 설정

<kbd>디자인</kbd> > <kbd>디자인 관련 기초 설정</kbd> > <kbd>파비콘/모바일 아이콘 관리</kbd> 페이지에서 파비콘을 관리할 수 있어요. 최소 16x16px 사이즈로 정사각형 이미지(.Ico, .Png)를 제작 후 등록해주시면 돼요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2F1L3ewGbGYMmTvEIUKwMJ%2F1.png?alt=media&amp;token=84be298f-517a-40b5-9583-43ee10bdf71e" alt=""><figcaption></figcaption></figure>

### 사이트맵 설정

사이트맵은 쇼핑몰에 있는 상품, 분류, 게시판 등 검색엔진이 수집할 수 있는 주요 페이지 URL을 정리해서 제공하는 기능이에요. 검색엔진이 쇼핑몰의 페이지 구조를 파악하고 새로 등록되거나 변경된 페이지를 더 쉽게 찾는 데 활용할 수 있어요.

사이트맵은 <kbd>설정</kbd> > <kbd>기본설정</kbd> > <kbd>검색엔진최적화</kbd> 페이지에서 설정할 수 있어요.&#x20;

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FrLk2S7VI2uE7OkTffju5%2Fsitemap.png?alt=media&amp;token=e5e7d463-e002-4f91-abee-ac4ae7c8c634" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}
검색엔진최적화 페이지 하단에서 \[사이트맵 등록] 을 찾아주세요.
{% endstep %}

{% step %}
'사용'으로 설정을 변경해주세요.
{% endstep %}

{% step %}
메인진열, 분류페이지, 기획전은 필수로 선택하고 게시판은 기호에 따라 선택 후 저장을 클릭해주세요.
{% endstep %}
{% endstepper %}

### RSS 피드 설정

RSS는 쇼핑몰의 상품 정보를 일정한 형식으로 제공하는 기능이에요. 검색엔진이나 외부 서비스에서 최신 정보를 빠르게 확인하고 수집해갈 수 있어요.

RSS는 <kbd>설정</kbd> > <kbd>기본설정</kbd> > <kbd>검색엔진최적화</kbd> 페이지에서 설정할 수 있어요.&#x20;

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FhjIXDL3wt2z3KlGNohIY%2FRSS.png?alt=media&amp;token=21206f13-f751-4f48-8375-2e0ecba4aad0" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}
검색엔진최적화 페이지 하단에서 \[RSS 등록] 을 찾아주세요.
{% endstep %}

{% step %}
'사용'으로 설정을 변경해주세요.
{% endstep %}

{% step %}
\[RSS 피드 설정]에서 RSS피드에  노출 할 상품진열을 선택 후 저장을 클릭해주세요.
{% endstep %}
{% endstepper %}

***

## 상품별 SEO 설정

### 상품별 SEO 및 이미지 ALT 설정

<kbd>상품</kbd> > <kbd>상품 관리</kbd> > <kbd>상품 등록</kbd> 또는 <kbd>상품 수정</kbd> 페이지에서 상품별 SEO와 상품 이미지 ALT를 개별적으로 관리할 수 있어요.  ALT 태그는 상품 이미지에 대한 설명을 등록하여 검색 엔진 노출과 웹 접근성에 활용하는 기능이에요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FScjK5VjQMeT3ngrZDVxm%2Fseo%201.png?alt=media&amp;token=553e4189-5e3b-4b40-ab37-8e099860f103" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}
상품 신규등록 / 수정 페이지 하단에서 \[상품별 SEO 메타 태그 설정] 을 찾아주세요.

'상품상세 공통정보' 하단에 위치해요.
{% endstep %}

{% step %}
'SEO 메타 태그 설정' 항목에 \[사용]을 체크해야 해당 상품에 적용돼요.

{% endstep %}

{% step %}
'상품이미지 ALT'에 내용을 입력하면 해당 내용이 상품 분류 및 상세 이미지에 적용돼요.

{% endstep %}
{% endstepper %}

#### 이미지 ALT 가상태그 활용

상품 이미지 ALT에 아래의 가상태그를 넣어서 다양하게 활용할 수 있어요.\
확대 이미지, 상세 이미지, 리스트/메인 이미지 등에 적용 가능해요.

* 사용 예제

```
<img src="이미지 경로" alt="<!--/product@img_alt/-->"/>
```

<table><thead><tr><th width="158">구분</th><th width="290">적용 위치</th><th>가상태그</th></tr></thead><tbody><tr><td>상품 분류</td><td>상품 리스트 (모바일)</td><td><code>&#x3C;!--/product_list@img_alt/--></code></td></tr><tr><td></td><td>베스트 상품 (모바일)</td><td><code>&#x3C;!--/best_product@img_alt/--></code></td></tr><tr><td></td><td>상품 리스트 (PC)</td><td><code>&#x3C;!--/product@img_alt/--></code></td></tr><tr><td></td><td>베스트 상품 (PC)</td><td><code>&#x3C;!--/best_product@img_alt/--></code></td></tr><tr><td></td><td>추천 상품 (PC)</td><td><code>&#x3C;!--/recmd_product@img_alt/--></code></td></tr><tr><td>상품 상세</td><td>상품 이미지 (공통)</td><td><code>&#x3C;!--/img_alt/--></code></td></tr></tbody></table>

{% hint style="info" %}

## 참고사항

파워팩을 이용 중이시라면 <kbd>디자인 편집하기</kbd> > <kbd>상품 분류</kbd>, <kbd>상품 상세</kbd> 페이지를 \[페이지 초기화]해야 가상태그를 사용할 수 있어요.
{% endhint %}

### 상품별 SEO 설정 일괄 수정

<kbd>상품</kbd> > <kbd>일괄 관리</kbd> > <kbd>상품 이벤트/제한 일괄 변경</kbd>에서상품별 SEO 설정의 사용 여부를 여러 상품에 한 번에 변경할 수 있어요.

{% stepper %}
{% step %}
원하는 조건으로 상품을 검색해 주세요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2F3HoXMdiLPCYsA6KvA4oq%2Fseo%202.png?alt=media&amp;token=6372ae8a-baa9-40a5-a690-8a6664073228" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
검색된 목록에서 변경이 필요한 상품들을 체크해 주세요.\
상품별 SEO 설정 사용 여부를 목록에서 바로 확인할 수 있어요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2Fp5Ed654tJgIoEdZBkZhh%2Fseo%203.png?alt=media&amp;token=94694381-ef1e-4f44-981c-3c8db72074d3" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
하단의 '상품별 SEO 설정'을 체크하고 변경할 상태를 선택한 후 \[설정] 버튼을 누르시면 일괄 변경이 완료돼요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FJNSGAM3Tgk62FtT3PkfY%2Fseo%204.png?alt=media&amp;token=8985c3a5-0676-4c19-b55a-87f61bf44df6" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

***

## 페이지별 SEO 관리

<kbd>설정</kbd> > <kbd>기본 설정</kbd> > <kbd>페이지별 SEO 관리</kbd> 메뉴를 통해 쇼핑몰의 각 페이지에 맞는 검색 엔진 최적화 설정을 할 수 있어요.

### 쇼핑몰 타이틀 입력 (공통 제목 설정)

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FCXJT3GTRCaIcAqu7Df3A%2Fseo%205.png?alt=media&amp;token=6ff8a89e-28f3-4f4d-b384-14becdd48b01" alt=""><figcaption></figcaption></figure>

이곳에 입력한 쇼핑몰 타이틀은 모든 페이지에 공통으로 노출될 수 있는 제목(title)을 설정해요.

이 설정은 <kbd>설정</kbd> > <kbd>기본 설정</kbd> > <kbd>검색 엔진 최적화</kbd> 메뉴의 '주요 페이지 SEO/오픈그래프 설정' 중 공통 탭에 있는 SEO 메타 태그 설정과 동일한 기능이에요.

다만, <kbd>검색 엔진 최적화</kbd> 에서 'SEO 메타 태그 설정'을 \[사용 안 함]으로 설정했을 경우에만 이곳의 타이틀이 노출돼요.

### 페이지별 SEO 메타 태그 설정

각 페이지마다 SEO를 개별적으로 설정할 수 있는 기능이에요.

기존 제목(title)만 관리할 수 있었지만, 이제는 설명(description)과 검색어(keywords)도 설정할 수 있도록 개선되었어요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FYXMgeR7UCu446uJBZFQx%2Fseo%206.png?alt=media&amp;token=a78c59d7-534e-4976-9dcd-0bef70baeafc" alt=""><figcaption></figcaption></figure>

전체저장: 모든 페이지의 내용을 일괄적으로 저장해요.

선택한 페이지 내 저장: 현재 작업 중인 페이지의 내용만 저장되고, 다른 페이지는 저장되지 않아요.

전체초기화: 모든 페이지의 SEO 설정 내용이 초기화된 상태로 저장돼요.

***

## 주요 페이지 SEO/오픈그래프 설정 안내

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FMmlTHjGYrhz1J1b0gk3K%2Fseo%207.png?alt=media&amp;token=38502e35-3aad-4548-a076-a89c60da14c6" alt=""><figcaption></figcaption></figure>

이 메뉴에서는 쇼핑몰의 주요 페이지에 대한 SEO(검색 엔진 최적화)와 오픈그래프(SNS 공유 최적화) 설정을 할 수 있어요.

{% hint style="warning" %}

## 유의사항

이 기능을 사용하시면 기존의 facebook 퍼가기 설정(프로모션 > SNS 공유 > SNS 공유 설정)은 사용이 불가하오니,\
저장하기 전에 기존 설정을 꼭 확인해 주세요.
{% endhint %}

### SEO 메타 태그 / 오픈그래프 태그 설정

공통, 상품 분류, 상품 상세, 게시판, 기획전 등 주요 페이지별로 태그를 설정할 수 있어요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FCikzYHp5OMqYAbgb9f0P%2Fseo%208.png?alt=media&amp;token=deb29da2-6069-4b75-935e-3d789d34de83" alt=""><figcaption></figcaption></figure>

우측 상단 \[사용 가능 변수]에 제공되는 변수를 활용하여 내용을 등록할 수 있으며, 탭(페이지)별로 지원되는 변수가 다르니 참고해 주세요.

### Canonical URL 설정

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FFB2KRaLnnjhWz6j6G6bM%2Fseo%209.png?alt=media&amp;token=e9be94ca-3a71-4d43-9d58-b50c73fc406d" alt=""><figcaption></figcaption></figure>

쇼핑몰 내에 동일한 콘텐츠를 가진 중복 페이지가 있을 때, 검색 엔진 로봇에게 어떤 페이지가 대표 페이지인지 알려주는 기능이에요.

중복 페이지가 있을 경우 검색 엔진에서 패널티를 받아 상위 노출 확률이 줄어들 수 있으므로, 이를 방지하기 위해 사용 설정을 추천드려요.

### 기능 적용 우선순위

설정된 태그들이 중복될 경우, 아래의 순서대로 우선 적용돼요.

#### **\<SEO 적용 순서>**

#### 제목(title)

1. <kbd>상품</kbd> > <kbd>상품 관리</kbd> > <kbd>상품 등록</kbd>, <kbd>상품 수정</kbd> (상품 상세만 적용)
2. <kbd>설정</kbd> > <kbd>기본 설정</kbd> > <kbd>페이지별 SEO 관리</kbd> 페이지별 SEO 메타 태그 설정
3. <kbd>설정</kbd> > <kbd>기본 설정</kbd> > <kbd>검색 엔진 최적화</kbd> 주요 페이지 SEO/오픈그래프 설정 (공통 외)
4. <kbd>설정</kbd> > <kbd>기본 설정</kbd> > <kbd>검색 엔진 최적화</kbd> 주요 페이지 SEO/오픈그래프 설정 (공통)
5. <kbd>설정</kbd> > <kbd>기본 설정</kbd> > <kbd>페이지별 SEO 관리</kbd> 쇼핑몰 타이틀 입력

#### 설명(description), 키워드(keywords)

1. <kbd>상품</kbd> > <kbd>상품 관리</kbd> > <kbd>상품 등록</kbd>, <kbd>상품 수정</kbd> (상품 상세만 적용)
2. <kbd>설정</kbd> > <kbd>기본 설정</kbd> > <kbd>페이지별 SEO 관리</kbd> 페이지별 SEO 메타 태그 설정
3. <kbd>설정</kbd> > <kbd>기본 설정</kbd> > <kbd>검색 엔진 최적화</kbd> 주요 페이지 SEO/오픈그래프 설정 (공통 외)
4. <kbd>설정</kbd> > <kbd>기본 설정</kbd> > <kbd>검색 엔진 최적화</kbd> 주요 페이지 SEO/오픈그래프 설정 (공통)

{% hint style="info" %}

## 참고사항

페이지별 SEO 메타 태그 설정의 초기화 값은 주요 페이지 SEO/오픈그래프 설정보다 우선순위가 낮아요.
{% endhint %}

#### **<오픈그래프 적용 순서>**

1. <kbd>설정</kbd> > <kbd>기본 설정</kbd> > <kbd>검색 엔진 최적화</kbd> 주요 페이지 SEO/오픈그래프 설정 (공통 외)
2. <kbd>설정</kbd> > <kbd>기본 설정</kbd> > <kbd>검색 엔진 최적화</kbd> 주요 페이지 SEO/오픈그래프 설정 (공통)

{% hint style="warning" %}

## 유의사항

개별디자인 메뉴의 \[Meta Tag 입력]에 태그를 중복해서 설정할 경우 정상적으로 노출되지 않을 수 있어요.\
\[검색 엔진 최적화]에서 설정한 후, 추가로 필요한 태그만 개별디자인에 입력해 주시길 바랍니다.
{% endhint %}

***

## 구조화된 데이터(Schema.org)

구조화된 데이터는 상품명, 가격, 판매 상태 등 상품의 주요 정보를 검색엔진이 이해하기 쉬운 형식으로 제공하는 기능이에요. 메이크샵에서는 현재(26.09.17) 상품 상세페이지에 Product와 Offer 타입의 정보를 적용하여 검색엔진에 전달하고 있어요.

| Schema type |  Schema name |    적용항목    |
| :---------: | :----------: | :--------: |
|   Product   |     name     |     상품명    |
|   Product   |  description |   상품요약설명   |
|   Product   |     image    |    상품이미지   |
|   Product   |      sku     |    상품코드    |
|   Product   |   category   |    카테고리    |
|    Offers   |      url     | 상품상세페이지 링크 |
|    Offers   |     price    |    판매가격    |
|    Offers   | availability |    재고여부    |