하위 페이지를 만드는 방법 Shopify: 단계별 완전한 가이드

간단히 답하자면 다음과 같습니다. Shopify 기본적으로 기존의 부모-자식 페이지 계층 구조를 지원하지 않지만 다음을 사용하여 하위 페이지를 만들 수 있습니다. Shopify의 탐색 메뉴, 사용자 정의 페이지및 페이지 빌더 앱.

이러한 방법을 사용하면 URL이 플랫하게 유지되더라도 콘텐츠를 시각적, 구조적으로 구성하는 데 도움이 됩니다. 테마 코드를 직접 설정하여 완벽하게 제어할 수도 있습니다.

대형 건물을 짓고 있든 전자 상거래 사이트를 처음 구축하든, 이제 막 시작하든, 스토어를 제대로 구성하면 고객이 쉽게 탐색하고 SEO를 강화하는 데 도움이 됩니다. 이 가이드에서는 모든 것을 자세히 설명하고 하위 페이지 제작을 시작하는 데 필요한 모든 정보를 제공합니다. Shopify.

하위 페이지가 중요한 이유 Shopify 스토어

하위 페이지(자식 페이지 또는 중첩 페이지라고도 함)는 사이트 탐색이나 구조에서 부모 페이지 아래에 있는 페이지입니다.

예를 들어, "컬렉션"이라는 메인 페이지에 "남성 의류", "여성 의류", "세일 품목"과 같은 하위 페이지가 있을 수 있습니다.

... 비록 ... 할지라도 Shopify 다음과 같은 하위 페이지 URL을 지원하지 않습니다. /collections/mens, 다음을 사용하여 논리적 계층을 만들 수 있습니다. Shopify탐색 설정, 사용자 정의 페이지, 앱, 그리고 약간의 창의성이 필요합니다.

하위 페이지의 이점:

• 향상된 사용자 경험: 고객이 원하는 것을 더 쉽게 찾을 수 있도록 해줍니다.
• 더 나은 사이트 구조: 특히 대규모 제품 카탈로그가 있는 경우 콘텐츠를 논리적으로 구성하는 데 도움이 됩니다.
• 더 강력한 SEO 신호: 잘 정리된 내부 링크 구조는 크롤링 가능성과 순위 잠재력을 향상시킵니다.
• 사이트에 머무는 시간 증가: 사람들이 쉽게 탐색할 수 있으면 더 오래 머물며 더 많은 페이지를 보게 됩니다.

하위 페이지를 만드는 방법은 다음과 같습니다. Shopify 단계별로.

옵션 1: 사용 Shopify 구조 하위 페이지로의 탐색

하위 페이지의 모양을 만드는 가장 간단한 방법은 다음을 사용하는 것입니다. Shopify's 메뉴 및 탐색 기능입니다. 이 방법은 URL을 변경하지 않으면서 사용자를 위해 스토어를 시각적으로 구성합니다.

탐색 기능을 사용하여 하위 페이지를 만드는 방법:

1. . Shopify 관리자 패널
2. 를 클릭하십시오 온라인 스토어 > 탐색
3. 당신의 선택 메인 메뉴
4. "메뉴 항목 추가" 상위 항목을 만들려면(예: "Shop")
5. 다른 메뉴 항목(예: "남성용", "여성용", "세일")을 하위 항목으로 추가합니다.
6. 드래그 앤 드롭 부모 항목 아래에 중첩하려면

이 메뉴 구조는 사이트 헤더나 테마에서 표시되는 모든 곳에 나타납니다.

메뉴 구조의 시각적 예:

메뉴 아이템	하위 페이지
가게	남성의
	여성의
	세일

URL은 여전히 다음과 같이 표시됩니다. /collections/mens, 이것은 다음을 생성합니다. 시각적 계층 하위 페이지를 모방합니다.

장점 :

• 빠르고 쉬운
• 코딩 필요 없음
• 대부분의 작품들 Shopify 테마

단점 :

• URL은 평면(중첩되지 않음)으로 유지됩니다.
• URL 구조로 인한 SEO 이점 제한

이 방법은 앱이나 코드 없이 단순함을 원하는 중소 규모 매장에 가장 적합합니다.

옵션 2: 사용자 정의 URL을 사용하여 수동 하위 페이지 만들기

페이지를 더욱 효과적으로 관리하고 SEO 구조를 강화하고 싶다면 개별 페이지나 컬렉션을 생성하여 "허브" 또는 상위 페이지 아래에 논리적으로 연결할 수 있습니다. 이렇게 하면 SEO 요소와 페이지 콘텐츠를 더욱 효과적으로 관리할 수 있습니다.

단계 :

1. We Buy Orders 신청서를 클릭하세요. 온라인 스토어 > 페이지
2. 페이지 만들기(예: "모두 쇼핑" 또는 "컬렉션")
3. 각 카테고리에 대해 더 많은 페이지 또는 컬렉션을 만듭니다(예: "남성 의류", "여성 의류")
4. 내부 링크를 사용하여 부모 페이지를 자식 페이지에 연결합니다.
5. 선택적으로 빵가루와 잘 구성된 내부 링크 전략을 사용하여 사용자와 검색 엔진을 안내합니다.

샘플 URL 구조:

• /collections
• /collections/mens-clothing
• /collections/womens-clothing

이 페이지는 기술적으로 평평하지만 Shopify백엔드에서는 사용자가 중첩된 구조처럼 보입니다. 매장 탐색.

표: 부모-자식 페이지 매핑

상위 페이지	하위 페이지/컬렉션
/컬렉션	/컬렉션/남성복
	/컬렉션/여성의류
	/컬렉션/세일

장점 :

• 더 나은 SEO 제어(제목 태그, URL, 메타데이터)
• 각 페이지에 더 풍부한 콘텐츠를 허용합니다.
• 랜딩 페이지나 SEO 사일로를 만드는 데 적합합니다.

단점 :

• 더 많은 수동 설정이 필요합니다
• 일관된 내부 연결 전략이 필요합니다.

옵션 3: 페이지 빌더 앱 사용

만약 너라면 전체 디자인 유연성이 필요하거나 맞춤형 랜딩 페이지를 구축하고 있습니다.을 사용하여 페이지 빌더 앱 최고의 선택입니다. 이 앱을 사용하면 시각적 레이아웃 도구를 사용하여 하위 페이지 구조를 모방할 수 있는 아름답게 디자인된 페이지를 만들 수 있습니다.

인기 Shopify 페이지 빌더 앱:

앱	가격(시작가)	주요 특징
PageFly	무료 – $24/월	드래그 앤 드롭 편집기, responsive 디자인
장군	$ 39 / 월	A / B 테스트, 고급 페이지 요소
보석 페이지	$ 29 / 월	템플릿, 검색 엔진 최적화 도구, 모바일 지원

이러한 도구를 사용하면 코드를 건드리지 않고도 사용자를 한 섹션에서 다른 섹션으로 안내하는 레이아웃이 있는 사용자 지정 페이지를 만들 수 있습니다.

페이지 빌더를 사용하여 하위 페이지를 만드는 방법:

1. 페이지 빌더 앱 설치
2. 메인 부모 페이지를 만드세요(예: "카테고리별 쇼핑")
3. 앱의 템플릿(예: "액세서리", "신발", "신상품")을 사용하여 하위 페이지를 만듭니다.
4. 버튼, 이미지 또는 내부 링크를 사용하여 상위 페이지 내의 하위 페이지를 연결합니다.
5. 원활한 사용자 액세스를 위해 이 페이지를 탐색에 추가하세요.

장점 :

• 완전히 사용자 정의 가능한 디자인
• 모바일 친화적인 레이아웃
• 개발자 도움 없이 빠른 시각적 변경

단점 :

• 앱과 기능에 따라 비용이 많이 들 수 있습니다.
• 사이트에 타사 코드를 추가합니다(속도에 영향을 줄 수 있음)

옵션 4: 사용자 정의 Shopify 테마 파일

개발 리소스가 있거나 보다 진보된 요구 사항이 있는 매장의 경우 편집 테마 파일 완벽한 제어 기능을 제공합니다. 사용자 지정 템플릿을 만들고, 브레드크럼 탐색 기능을 제공하며, 태그나 컬렉션을 기반으로 페이지 표시 방식을 구성할 수도 있습니다.

테마 사용자 정의로 할 수 있는 일:

• 계층 구조를 생성하기 위해 빵가루를 추가하세요
• 관련 하위 페이지 또는 컬렉션을 동적으로 표시합니다.
• 부모 페이지와 자식 페이지에 대해 서로 다른 템플릿을 만듭니다.
• Liquid를 사용하여 사용자 정의 섹션 추가(Shopify(의 템플릿 언어)

기본 단계:

1. We Buy Orders 신청서를 클릭하세요. 온라인 스토어 > 테마 > 작업 > 코드 편집
2. 백업으로 먼저 테마를 복제하세요
3. 편집 theme.liquid, page.liquid또는 사용자 정의 템플릿을 만듭니다.
4. 부모/자식 관계에 따라 콘텐츠를 표시하려면 조건문을 사용하세요.
5. 탐색 및 링크 구조를 업데이트하여 일치시키세요.

이 방법은 완벽한 통제를 제공하지만, 특히 살아있는 동물을 보관하는 경우에는 신중하게 다루어야 합니다.

장점 :

• 총체적인 유연성
• 원하는 구조를 미러링할 수 있습니다
• 제대로 하면 SEO에 더 좋습니다

단점 :

• 코딩 지식이 필요합니다(HTML, CSS, Liquid)
• 실수로 인해 사이트가 손상될 수 있습니다.
• 구현하는 데 시간이 더 오래 걸립니다

하위 페이지 및 SEO를 위한 모범 사례

하위 페이지가 실제 하위 디렉토리에 없더라도 사용자와 검색 엔진 모두에게 이익이 되는 방식으로 구성할 수 있습니다.

SEO 모범 사례:

• 내부 링크 사용: 항상 부모에서 자식으로, 자식에서 부모로 연결합니다.
• 빵 부스러기 탐색 추가: 사용자가 탐색할 수 있도록 돕고 검색 엔진에 계층 구조 신호를 전송합니다.
• URL을 간단하고 키워드 중심으로 유지하세요. /collections/mens-running-shoes 뭔가 일반적인 것 대신에.
• 구조화된 데이터 마크업 포함: 특히 제품 및 컬렉션 페이지에 적합합니다.
• 각 페이지를 개별적으로 최적화하세요: 각 하위 페이지에 고유한 메타 제목, 설명, H1 태그를 작성합니다.
• 중복된 콘텐츠를 피하세요: 비슷한 템플릿을 사용하는 경우 콘텐츠가 고유한지 확인하세요.

빵가루 예시:

• 홈 > 컬렉션 > 남성 의류 > 러닝화

빵가루는 많은 사람들에 의해 지원됩니다 Shopify 테마를 사용하거나 코드나 앱을 사용하여 수동으로 추가할 수도 있습니다.

하위 페이지 구조에 도움이 되는 도구 및 앱

모든 것을 수동으로 할 필요는 없습니다. Shopify's 앱 생태계는 프로세스의 일부를 가속화하고 자동화할 수 있는 다양한 도구를 제공합니다.

유용한 앱:

앱	그것이하는 일
링크셔스	행동 기반 스마트 내부 연결
qikify의 스마트 메뉴	고급 메뉴 구조, 메가 메뉴
Shopify SEO 관리자	메타 타이틀, 태그 등을 관리하는 데 도움이 됩니다.
빵가루 빵가루	SEO 친화적인 빵가루를 추가합니다.
이지 탭	페이지 내에서 콘텐츠를 깔끔하게 구성할 수 있습니다

피해야 할 일반적인 실수

하위 페이지는 강력할 수 있지만, 제대로 사용해야만 가능합니다. 이러한 실수는 SEO나 사용자 경험에 악영향을 미칠 수 있습니다.

가장 위험한 함정:

• 관련 페이지 간에 내부 링크가 없습니다.
• 하위 페이지에 중복된 콘텐츠가 있습니다
• 혼란스러운 탐색 메뉴
• 어디에도 링크가 없는 끊어지거나 버려진 페이지
• 내용이 얇거나 전혀 없는 페이지

각 페이지에 목적이 있는지, 다른 페이지에서 링크가 있는지, 고유한 콘텐츠가 있는지 확인하세요.

최종 생각

하위 페이지 만들기 Shopify WordPress나 다른 CMS 플랫폼만큼 간단하지는 않지만, 확실히 가능합니다.

기본 메뉴, 사용자 정의 페이지, 타사 앱 또는 사용자 정의 코드를 사용하든, 다양한 도구를 사용하여 구성할 수 있습니다. 방법으로 저장하다 이는 사용자에게 의미가 있고 검색에서의 가시성을 높여줍니다.

이제 막 시작 단계라면 내비게이션부터 시작해 보세요. 매장이 성장함에 따라 페이지 빌더나 맞춤 코딩을 활용하여 더욱 효율적으로 관리할 수 있습니다. 어떤 방법을 선택하든 고객과 SEO를 염두에 두고 모든 것이 쉽게 찾고, 링크를 걸고, 탐색할 수 있도록 하세요.