- 기술 자료
- 콘텐츠
- 웹사이트 및 랜딩 페이지
- 페이지 만들기 및 사용자 지정
페이지 만들기 및 사용자 지정
마지막 업데이트 날짜: 2025년 9월 4일
명시된 경우를 제외하고 다음 구독 중 어느 것에서나 사용할 수 있습니다.
사이트의 웹사이트와 랜딩 페이지를 만들어 온라인 인지도를 쌓고 마케팅 활동을 추진할 수 있습니다. 페이지 콘텐츠와 설정을 사용자 지정하고 검색 엔진에 맞게 페이지를 최적화하여 콘텐츠가 적절한 대상에게 도달할 수 있도록 할 수 있습니다. 예를 들어 랜딩 페이지는 방문자 정보를 캡처하기 위해 양식과 상호 작용하는 리드 생성에 매우 중요합니다.
시작하기 전에
이 기능으로 작업을 시작하기 전에 미리 수행해야 할 단계와 기능의 제한 사항 및 기능 사용으로 인한 잠재적 결과를 완전히 이해해야 합니다.
요구 사항 이해
제한 사항 및 고려 사항 이해하기
- 게시를 위해 도메인이 HubSpot에 연결되어 있는지 확인합니다. HubSpot의 무료 도구를 사용하는 경우 계정에 게시할 준비가 된 HubSpot 브랜드 도메인이 포함되어 있습니다.
- 사용 가능한 다양한 유형의 페이지 템플릿을 이해합니다:
- 테마 템플릿은 드래그 앤 드롭 편집 기능, 고유한 테마 모듈 및 사용자 정의 가능한 테마 스타일을 지원합니다.
- 사용자 정의 템플릿은 디자인 관리자에서 레이아웃 편집기 또는 사용자 정의 코드를 사용하여 만들 수 있습니다. 드래그 앤 드롭 편집 기능은 드래그 앤 드롭 영역이 있는 사용자 정의 템플릿에서만 사용할 수 있습니다.
페이지 만들기
콘텐츠 편집기에서 활성 테마의 템플릿을 사용하여 페이지를 만들 수 있습니다. 페이지의 테마를 변경하거나 테마를 편집하거나 다른 템플릿을 사용할 수도 있습니다.
-
콘텐츠로 이동합니다:
- 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
- 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
- 페이지를 브랜드에 맞게 정렬하려면 페이지 상단의 브랜드 키트 설정을 클릭합니다.
- 대화 상자에서 로고, 파비콘 및 색상 옆의 추가를 클릭합니다.
- 저장을 선택하여 각 옵션에 대한 변경 사항을 적용합니다.
- 완료했으면 X를 클릭하여 대화 상자를 닫습니다. 회사 브랜딩 사용자 지정에 대해 자세히 알아보세요.
- 기존 페이지가 있는 경우 오른쪽 상단에서 만들기를 클릭합니다. 기존 페이지가 없는 경우 시작하기 또는 처음부터 시작을 클릭합니다.
- 템플릿 선택 페이지에서 다음을 수행할 수 있습니다:
-
- 테마를 변경하려면 왼쪽 상단의 검색 필드 아래에서 테마의 이름 (예 : 테마: Elevate)을 클릭합니다.
- 테마 페이지의 테마 카드에서 활성 테마로 설정을 클릭합니다.
- 템플릿 선택 페이지로 다시 이동합니다.
- 테마를 미리 보려면 검색 필드 아래의 테마 이름 (예 : 테마: 높이기)을 클릭합니다.
- 테마 페이지에서 테마 카드의 미리 보기를 클릭합니다.
- 미리 보기에서 템플릿 드롭다운 메뉴를 클릭하고 템플릿을 선택하여 테마를 봅니다.
- 테마 미리 보기를 마치면 오른쪽 상단에서 활성 테마로 설정을 클릭하거나 왼쪽 상단에서 뒤로를 클릭합니다.
- 테마를 변경하려면 왼쪽 상단의 검색 필드 아래에서 테마의 이름 (예 : 테마: Elevate)을 클릭합니다.
-
- 템플릿을 미리 보려면 템플릿 카드에서 미리 보기를 클릭합니다.
- 활성 테마의 템플릿을 사용하려면 템플릿 카드에서 사용을 클릭합니다.
- 테마에 포함되지 않은 템플릿을 사용하려면 왼쪽 메뉴에서 기타를 클릭합니다.
- 콘텐츠 편집기에서 사용 가능한 편집 옵션은 페이지의 템플릿 유형 및 사용된 모듈에 따라 다릅니다. 테마 템플릿, 여러 페이지에 걸친 글로벌 콘텐츠, 드래그 앤 드롭 영역, 서식 있는 텍스트 또는 이미지 모듈을 사용하여 페이지를 편집하는 방법에 대해 자세히 알아보세요.
페이지 설정 사용자 지정
페이지 콘텐츠를 편집한 후에는 URL, 메타 설명, 언어 등의 페이지 속성을 사용자 정의할 수 있습니다.
기본 페이지 설정 사용자 지정
내부 페이지 이름, 페이지 제목, 페이지 URL 및 메타 설명을 포함한 페이지 설정을 사용자 지정할 수 있습니다. 마케팅 허브 프로페셔널 또는 엔터프라이즈 요금제를 사용하는 계정은 페이지를 캠페인에 연결할 수 있습니다.
-
콘텐츠로 이동합니다:
- 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
- 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
- 페이지의 이름을 클릭합니다.
- 콘텐츠 편집기에서 오른쪽 상단의 설정을 클릭합니다.
- 대화 상자의 내부 페이지 이름 필드에 내부 이름을 입력합니다. 이 이름은 방문자에게 표시되지 않습니다.
- 페이지 제목 필드에 페이지의 외부 이름을 입력합니다. 이 이름은 페이지가 로드될 때 방문자의 웹 브라우저 상단에 있는 탭에 표시됩니다.
- 페이지 URL 섹션에서 도메인 드롭다운 메뉴를 클릭하고 페이지가 호스팅될 도메인을 선택합니다. 그런 다음 콘텐츠 슬러그 필드에 URL 슬러그를 입력합니다. 페이지 URL 편집에 대해 자세히 알아보세요.
- 메타 설명 필드에 검색 결과에 표시될 페이지의 콘텐츠에 대한 설명을 입력합니다. AI를 사용하여 설명을 개선하려면 artificialIntelligenceIcon AI 아이콘을 클릭합니다. AI를 사용하여 메타 설명을 생성하는 방법에 대해 자세히 알아보세요.
- 마케팅 허브 프로페셔널 또는 엔터프라이즈에 가입한 경우 페이지를 캠페인에 연결할 수 있습니다:
-
- 페이지를 기존 캠페인에 연결하려면 캠페인 드롭다운 메뉴를 클릭하고 캠페인을 선택합니다.
- 페이지를 새 캠페인에 연결하려면 캠페인 드롭다운 메뉴를 클릭하고 캠페인 만들기를 클릭합니다. 그런 다음 캠페인 설정을 계속 진행합니다.
-
- 이전에 캠페인을 만든 적이 없는 경우 캠페인 만들기를 클릭합니다. 그런 다음 캠페인 설정을 계속합니다.
추천 이미지 설정
소셜 미디어에서 페이지를 공유할 때 포함할 추천 이미지를 추가할 수 있습니다:
-
콘텐츠로 이동합니다:
- 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
- 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
- 페이지의 이름을 클릭합니다.
- 콘텐츠 편집기에서 오른쪽 상단의 설정을 클릭합니다.
- 대화 상자의 왼쪽 메뉴에서 추천 이미지를 선택합니다.
- 추천 이미지 사용 스위치를 켭니다.
- 업로드를 클릭하여 컴퓨터에서 이미지를 선택하거나 이미지 찾아보기를 클릭하여 파일 도구에서 이미지를 선택합니다 .
- 접근성을 높이려면 이미지 대체 텍스트 필드에 이미지에 대한 설명을 입력합니다.
페이지 템플릿 변경하기
페이지 템플릿을 변경하려면 다음과 같이 하세요:
-
콘텐츠로 이동합니다:
- 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
- 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
- 페이지의 이름을 클릭합니다.
- 콘텐츠 편집기에서 오른쪽 상단의 설정을 클릭합니다.
- 대화 상자의 왼쪽 메뉴에서 템플릿을 선택합니다.
- 다른 템플릿을 선택하려면 다른 템플릿 사용을 클릭합니다. 게시된 페이지의 템플릿을 전환하는 경우 업데이트를 클릭하여 게시되지 않은 변경사항을 실시간으로 적용하세요. 그렇지 않으면 템플릿을 전환할 때 이러한 변경 내용이 손실될 수 있습니다.
- 템플릿 선택 페이지에서 템플릿을 선택합니다.
- 테마를 변경하려면 테마 드롭다운 메뉴를 클릭하고 테마 변경을 선택합니다.
- 테마 선택 페이지에서 새 테마를 선택합니다.
- HubSpot 마켓플레이스의 테마를 사용하려면 마켓플레이스에서 테마 보기를 클릭합니다. HubSpot 마켓플레이스에서 테마를 설치하는 방법에 대해 자세히 알아보세요.
- 새 템플릿으로 페이지가 어떻게 표시되는지 확인하려면 미리 보기를 클릭합니다 . 그런 다음 템플릿 사용을 클릭하여 템플릿 전환을 완료하거나 뒤로를 클릭하여 다른 템플릿을 선택합니다.
페이지 언어 설정하기
페이지의 언어를 설정하려면 다음과 같이 하세요:
-
콘텐츠로 이동합니다:
- 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
- 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
- 페이지의 이름을 클릭합니다.
- 콘텐츠 편집기에서 오른쪽 상단의 설정을 클릭합니다.
- 대화 상자의 왼쪽 메뉴에서 언어를 선택합니다.
- 페이지 언어 드롭다운 메뉴를 클릭하고 언어를 선택합니다. 다국어 페이지 관리에 대해 자세히 알아보세요.
페이지의 공개 여부 설정하기
페이지 설정의 대상 액세스 메뉴에서 페이지의 공개 여부를 설정할 수 있습니다.
-
콘텐츠로 이동합니다:
- 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
- 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
- 페이지의 이름을 클릭합니다.
- 콘텐츠 편집기에서 오른쪽 상단의 설정을 클릭합니다.
- 대화 상자의 왼쪽 메뉴에서 대상 액세스를 선택합니다.
- 액세스 제어 섹션에서 대상 액세스 옵션을 선택합니다:
- 모든 방문자가 페이지의 콘텐츠를 사용할 수 있도록 하려면 공개를 선택합니다.
- 비밀번호 필요를 선택하여 방문자가 페이지 콘텐츠에 액세스하는 데 필요한 비밀번호를 추가합니다.
- Content Hub Enterprise 계정에서는 액세스 그룹 멤버십 필요를 선택하여 방문자가 이 콘텐츠를 보려면 사이트에 등록하도록 요구할 수도 있습니다.
- Content Hub Enterprise 계정에서 방문자가 Google 또는 Okta와 같은 ID 공급업체를 통해 로그인하도록 하려면 SSO(통합 인증) 필요를 선택할 수 있습니다.
고급 페이지 옵션 설정
페이지를 동적 페이지로 만들거나 헤더 HTML 또는 바닥글 HTML 코드 스니펫을 추가하는 등의 고급 페이지 옵션을 설정할 수 있습니다. 페이지의 다양한 스타일시트를 관리할 수도 있습니다.
고급 페이지 옵션을 사용자 지정하려면 다음과 같이 하세요:
-
콘텐츠로 이동합니다:
- 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
- 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
- 페이지의 이름을 클릭합니다.
- 콘텐츠 편집기에서 오른쪽 상단의 설정을 클릭합니다.
- 대화 상자의 왼쪽 메뉴에서 고급을 선택합니다.
- 이 페이지를 동적 페이지로 만들려면 대화 상자에서 데이터 소스 드롭다운 메뉴를 클릭하고 HubDB 테이블 또는 속성을 선택합니다. 동적 페이지 작업에 대해 자세히 알아보세요.
- 페이지의 머리글 또는 바닥글에 코드 조각을 추가하려면 머리글 HTML 또는 바닥글 HTML 필드에 코드 조각을 입력합니다. 도메인의 모든 페이지에 코드 스니펫을 추가하려면 웹사이트 설정에 액세스합니다.
- 사용자 정의 표준 URL을 추가하려면 표준 URL 사용자 정의 필드에 URL을 입력합니다. 표준 URL 사용에 대해 자세히 알아보세요.
- 페이지에 첨부된 다양한 유형의 스타일시트를 관리하려면 다음과 같이 하세요:
- 도메인 스타일시트: 이 스타일시트는 웹사이트 설정에서 단일 도메인의 모든 페이지에 첨부됩니다. 특정 페이지에 대한 도메인 스타일시트를 해제하려면 드롭다운 메뉴를 클릭하고 사용 안 함을 선택합니다. 도메인 스타일시트 작업에 대해 자세히 알아보세요.
- 템플릿 스타일시트: 이러한 스타일시트는 페이지의 템플릿에 의해 설정됩니다. 특정 페이지의 템플릿 스타일시트를 끄려면 드롭다운 메뉴를 클릭하고 사용 안 함을 선택합니다. 테마 템플릿을 사용하는 페이지에는 이 섹션이 표시되지 않습니다.
- 페이지 스타일시트: 이 스타일시트는 이 페이지에만 적용됩니다. 페이지 스타일시트를 첨부하려면 스타일시트 첨부 드롭다운 메뉴를 클릭하고 스타일시트를 선택합니다. 도메인 및 템플릿 스타일시트도 사용하는 경우 해당 스타일이 우선 적용됩니다.
검색 엔진에 맞게 페이지 최적화하기
사이드바 편집기의 최적화 섹션에서 페이지의 SEO 권장 사항을 보거나 주제에 첨부할 수 있습니다.
-
콘텐츠로 이동합니다:
- 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
- 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
- 페이지 이름을 클릭합니다.
- 콘텐츠 편집기에서 왼쪽 사이드바의 gauge 최적화 아이콘을 클릭합니다.
- 콘텐츠를 주제에 첨부합니다:
- 기존 주제를 추가하려면 핵심 주제 드롭다운 메뉴를 클릭하고 페이지의 주제를 선택합니다.
- 새 주제를 만들려면 핵심 주제 드롭다운 메뉴를 클릭하고 핵심 주제 추가를 선택합니다. 대화 상자에서 주제를 입력한 다음 저장을 클릭합니다.
- 하위 주제 키워드에 페이지를 첨부하려면 다음과 같이 하세요:
- 이 콘텐츠가 지원되는 콘텐츠입니까? 확인란을 선택합니다.
- 하위 주제 키워드 드롭다운 메뉴를 클릭하고 하위 주제 키워드를 선택합니다.
- 새 키워드를 만들려면 하위 주제 키워드 드롭다운 메뉴를 클릭하고 하위 주제 키워드 추가를 클릭합니다. 대화 상자에 하위 주제 키워드를 입력한 다음 저장을 클릭합니다.
- 미완료된 SEO 추천을 보려면 빨간색 원이 있는 카테고리를 클릭합니다. 완료된 각 권장 사항에는 녹색 확인 표시가 나타납니다. 완료되지 않은 각 권장사항에는 회색 확인 표시가 있습니다. SEO 권장 사항 작업에 대해 자세히 알아보세요.

페이지 미리보기
페이지를 게시하기 전에 다양한 장치 유형에서 미리 보고 스마트 콘텐츠 및 개인화를 테스트할 수 있습니다. 미리보기 링크는 계정의 다른 사용자와 내부적으로 공유하도록 설계되었으므로 외부 방문자와 공유하는 것은 권장되지 않습니다.
-
콘텐츠로 이동합니다:
- 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
- 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
- 페이지의 이름을 클릭합니다.
- 콘텐츠 편집기에서 오른쪽 상단의 미리 보기를 클릭합니다.
- 전체 페이지 미리 보기에 액세스하려면 오른쪽 상단의 새 탭에서 열기를 클릭합니다. 이 미리 보기 페이지를 계정의 사용자와 공유하려면 미리 보기 페이지에서 링크 복사를 클릭합니다. 페이지가 HubSpot 시스템 도메인에서 호스팅되는 경우 사용자가 이 미리 보기를 보려면 HubSpot에 로그인해야 합니다.
- 다른 장치에서 페이지를 미리 보려면 미리 보기 페이지의 오른쪽 상단에 있는 mobile 장치 아이콘을 클릭합니다.
- 개인화 또는 스마트 콘텐츠를 미리 보려면 다른 이름으로 미리 보기 드롭다운 메뉴를 클릭합니다:
페이지 게시
페이지의 콘텐츠와 설정을 사용자 지정한 후에는 페이지를 게시하거나 나중에 게시하도록 예약할 수 있습니다:
-
콘텐츠로 이동합니다:
- 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
- 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
- 페이지의 이름을 클릭합니다.
- 페이지를 즉시 게시하려면 오른쪽 상단의 게시를 클릭합니다.
- 나중에 게시할 페이지를 예약하려면 게시를 클릭합니다:
- 오른쪽 상단에서 게시 버튼 옆의 드롭다운 메뉴를 클릭한 다음 예약 옵션을 선택합니다 .
- 대화 상자에서 게시 예약을 클릭합니다.
-
- 날짜 필드를 클릭하고 페이지가 게시될 날짜를 선택합니다.
- 시간 필드를 클릭하고 페이지가 게시될 시간을 선택합니다.
-
- 예약을 클릭하면 페이지에 대한 모든 변경 사항이 예약된 게시에 포함됩니다.
- 나중에 페이지가 자동으로 게시 취소되도록 설정하려면 다음과 같이 하세요:
- 오른쪽 상단에서 게시 버튼 옆의 드롭다운 메뉴를 클릭한 다음 예약 옵션을 선택합니다 .
-
- 대화 상자에서 게시 취소 예약 탭을 클릭합니다.
- 게시 취소 예약을 클릭합니다.
- 날짜 필드를 클릭하고 페이지 게시를 취소할 날짜를 선택합니다.
- 시간 필드를 클릭하고 페이지가 게시 취소될 시간을 선택합니다.
- 페이지가 게시되지 않을 때 방문자 리디렉션 드롭다운 메뉴에서 페이지를 선택합니다. 외부 대상 URL을 사용하려면 외부 URL 입력을 클릭하고 URL을 입력한 다음 저장을 클릭합니다.
- 일정을 클릭합니다.