# 데스크톱과 모바일에서 다른 웹사이트를 보여주는 방법

디바이스별로 최적화된 웹사이트를 제공하고 싶으신가요? Hyperclass에서는 데스크톱과 모바일 사용자에게 완전히 다른 웹사이트를 보여줄 수 있습니다.

## 설정 방법

1. \*\*Sites(사이트) → Website(웹사이트)\*\*로 이동합니다
2. 데스크톱용과 모바일용 웹사이트를 각각 별도로 만듭니다
3. \*\*Settings(설정) → Business Profile(비즈니스 프로필)\*\*에서 도메인을 설정합니다
4. 웹 서버나 CDN 설정을 통해 디바이스별 라우팅을 구성합니다

## 주의사항

* 두 웹사이트 모두 동일한 도메인을 사용하지만 디바이스 감지를 통해 다른 콘텐츠를 제공합니다
* SEO를 위해 두 버전의 콘텐츠가 일관성을 유지하도록 주의하세요
* 반응형 디자인이 더 일반적이고 관리하기 쉬운 방법입니다

## 대안: 반응형 디자인

대부분의 경우 하나의 웹사이트에서 반응형 디자인을 사용하는 것이 더 효율적입니다:

1. 페이지 빌더(Page Builder)에서 모바일과 데스크톱 뷰를 모두 편집할 수 있습니다
2. 디바이스별로 요소의 크기와 배치를 다르게 설정할 수 있습니다
3. 하나의 URL로 모든 디바이스에서 최적화된 경험을 제공합니다

더 자세한 정보가 필요하시면 고객 지원팀에 문의해주세요.

***

*원문 최종 수정: 2023년 11월 1일* *Hyperclass 사용 가이드 — hyperclass.ai*


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://hyperclass.gitbook.io/hyperclass-docs/and-sites/xml-sitemaps/how-to-have-different-websites-for-desktop-and-phone.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.