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