> For the complete documentation index, see [llms.txt](https://help.qshop.ai/customer_support/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.qshop.ai/customer_support/studio-editor/editor/site-settings.md).

# 사이트 설정하기

### 개요

사이트 설정은 사이트 전체에 적용되는 기본 정보를 관리하는 영역입니다. 사이트 제목, 사이트 설명, 파비콘, 소셜 미디어 미리보기(오픈그래프)처럼 개별 페이지가 아니라 사이트 단위로 사용하는 정보를 설정할 수 있습니다.

<figure><img src="/files/brvd5bdALeI0ilmIUw6b" alt=""><figcaption></figcaption></figure>

### 1. 사이트 설정이란?

사이트 설정은 사이트 전체에 공통으로 적용되는 기본 정보를 관리하는 기능입니다. 페이지 안의 텍스트나 이미지처럼 화면에 직접 배치하는 콘텐츠와는 다릅니다.

예를 들어, 사이트 제목은 브라우저 탭이나 검색 결과에서 사이트를 구분하는 데 사용될 수 있고, 파비콘은 브라우저 탭에 표시되는 작은 아이콘으로 사용됩니다. 사이트 설명은 사이트가 어떤 내용을 담고 있는지 설명하는 문구로 활용할 수 있습니다.

| 설정 항목       | 설명                                                                 |
| ----------- | ------------------------------------------------------------------ |
| 사이트 제목      | 브라우저나 검색 결과에서 사이트를 표시할 때 사용하는 제목입니다. (한글 기준 20\~30자)               |
| 사이트 설명      | 사이트의 내용을 설명하는 짧은 문구입니다. (한글 기준 150자 이하)                            |
| 파비콘         | 브라우저 탭 또는 브라우저 즐겨찾기에 표시되는 작은 아이콘입니다.                               |
| 소셜 미디어 미리보기 | 오픈그래프(Opengraph) 이미지라고도 부르며, 각종 SNS에 링크를 공유할 때 함께 표시되는 이미지를 의미합니다. |

사이트 설정에 들어가는 항목들은 네이버나 구글과 같은 검색엔진에 최적화를 진행할 때도 중요하게 취급되므로, 신중하게 작성하시는 걸 추천합니다.

### 2. 사이트 설정 열기

사이트 설정은 스튜디오 에디터 상단 툴바에서 열 수 있습니다. 상단 툴바의 오른쪽 영역에는 사이트 설정, 미리보기, 게시처럼 사이트 운영과 관련된 기능이 배치됩니다. 참조 문서에서도 상단 툴바 오른쪽 영역에 **사이트 설정**, **라이브 미리보기**, **새 탭 미리보기**, **웹사이트 게시**가 포함된다고 설명합니다.

1. 스튜디오 에디터를 엽니다.
2. 상단 툴바 오른쪽 영역을 확인합니다.
3. **톱니바퀴**(사이트 설정) 아이콘을 클릭합니다.
4. 사이트 설정 화면이 열립니다. 여기에서 사이트 기본 정보와 파비콘을 설정할 수 있습니다.

### 3. 사이트 제목과 설명 입력하기

사이트 기본 정보에는 사이트 이름, 사이트 제목, 사이트 설명이 포함됩니다. 이 정보는 사이트를 구분하고, 방문자에게 사이트의 성격을 전달하는 데 사용됩니다.

1. **사이트 설정**을 엽니다.
2. 사이트 기본 정보 영역을 확인합니다.
3. **사이트 제목**을 입력합니다.
4. **사이트 설명**을 입력합니다.

### 4. 파비콘 추가하기

파비콘은 브라우저 탭에 표시되는 작은 아이콘입니다. 사이트를 여러 탭에서 열었을 때 방문자가 사이트를 쉽게 구분할 수 있도록 도와줍니다.

1. **사이트 설정**을 엽니다.
2. **파비콘** 항목을 찾습니다.
3. **업로드** 버튼을 클릭합니다.
4. 파비콘으로 사용할 이미지를 업로드합니다.
5. 업로드한 이미지가 올바르게 표시되는지 확인합니다.

{% hint style="info" %}
**도움말**: 파비콘은 작은 크기로 표시되므로 복잡한 이미지보다 단순한 로고나 심볼이 적합합니다. 글자가 많은 이미지는 브라우저 탭에서 알아보기 어려울 수 있습니다.
{% endhint %}

### 5. 소셜 미디어 미리보기

카카오톡, 페이스북, 블로그 등에 링크를 공유하면 표시되는 오픈그래프(Opengraph) 이미지를 설정할 수 있습니다.

1. **사이트 설정**을 엽니다.
2. **소셜 미디어 미리보기** 항목을 찾습니다.
3. **업로드** 버튼을 클릭합니다.
4. 소셜 미디어 미리보기 이미지를 선택합니다.
5. 업로드한 이미지가 올바르게 표시되는지 확인합니다.

### 6. 사이트 설정 저장하기

사이트 설정을 변경한 뒤에는 저장 상태를 확인합니다. 저장하지 않고 설정 화면을 닫으면 변경 내용이 반영되지 않을 수 있습니다.

1. 사이트 제목, 사이트 설명, 파비콘, 소셜 미디어 미리보기 항목을 설정합니다.
2. **저장** 버튼을 클릭합니다.
3. 저장 완료 상태를 확인합니다.
4. 사이트 설정이 저장됩니다.

이제 설정한 모든 값들이 적용됩니다. 사이트에 접속하거나 홈페이지 링크를 카카오톡 등에 공유하여 사이트 제목과 설명, 이미지가 정상적으로 표시되는지 확인해 보세요.