일반 도구 / 33

Shopify SEO 메타 태그 및 SERP 미리보기 생성기

검색에 최적화된 Shopify 제목 태그와 메타 설명을 픽셀 너비 SERP 미리보기, 재사용 가능한 Liquid, 정적 HTML과 함께 생성합니다.

Shopify SEO 메타 태그 및 SERP 미리보기 생성기: TOEA는 제목과 설명의 너비를 추정하고(데스크톱 기준 약 600px 및 약 960px 제한), 렌더링 시 Shopify 객체를 읽는 페이지 유형별 Liquid 스니펫을 생성합니다. 정적 HTML 패널은 여기에 입력한 값의 미리보기이며, 테마 전체를 대체하지 않습니다. 서버에 파일을 전혀 업로드하지 않고 브라우저에서 100% 로컬로 실행됩니다.

카테고리
웹 도구
실행 횟수
브라우저에서
비용
무료 · 가입 불필요
사용 가능 여부
사용 가능

Shopify 페이지 및 메타 세부 정보

정적 상품 미리보기에만 사용됩니다.

실시간 Google SERP 카드 미리보기

https://apexcoffeeroasters.myshopify.com› products ›-

수제 유기농 에스프레소 원두 | Apex Coffee Roasters

US$24.99 • 현지에서 로스팅한 소량 생산 유기농 에스프레소 원두를 만나 보십시오. 진한 다크 초콜릿과 헤이즐넛 풍미를 느낄 수 있습니다. 오늘 온라인으로 신선한 커피를 주문하십시오!

제목 픽셀 너비288px / 600px
38 문자 ✓ 제목 길이 기준에 맞습니다
메타 설명 너비545px / 960px
94 문자 ✓ 최적의 스니펫 길이입니다
Shopify Liquid 메타 스니펫
정적 HTML 미리보기 출력

Shopify가 이미 이 태그를 작성하는 위치

Dawn을 비롯해 Dawn을 기반으로 만든 많은 테마는 이미 layout/theme.liquid와 meta-tags.liquid 같은 스니펫에서 제목, 메타 설명 및 Open Graph 태그를 출력합니다. 이 스니펫도 추가하면 제목과 설명이 각각 두 개씩 생성됩니다. 스니펫이 적용되는 페이지 유형에서는 테마 자체의 태그를 주석 처리하거나 삭제한 다음, 페이지 소스를 확인하여 각 태그가 하나씩만 남았는지 확인하십시오.

관리자에서 제목 및 설명 설정

Shopify 관리자에는 각 제품, 컬렉션 및 페이지에 대한 검색 엔진 목록 섹션이 있으며, Liquid에서는 이 값을 page_title과 page_description으로 제공합니다. 스니펫은 이 값을 먼저 읽으므로 관리자가 직접 작성한 목록이 검색 엔진에 표시되고, 비워 둔 목록은 항목 자체의 제목과 설명으로 대체됩니다. 이후 목록을 변경할 때도 테마가 아니라 관리자에서만 수정하면 됩니다. 관리자 카운터는 제목 70자와 설명 320자를 허용하지만, 이는 결과 페이지에 표시되는 것보다 많습니다. 따라서 여기의 픽셀 측정기를 사용해 목록을 작성하십시오.

제품 설명은 스니펫보다 훨씬 길 수 있으며 검색 엔진은 이를 단순히 잘라서 표시합니다. 게시한 후 메타 태그 검사 도구로 결과를 확인하십시오.

사용 방법

  1. 제품, 컬렉션 또는 페이지를 선택한 다음 제목, 스토어 이름, 설명, 핵심 키워드를 입력합니다.
  2. 페이지별 URL 미리보기, 통화가 반영된 제품 가격, 픽셀 너비 기준 잘림 측정기를 확인합니다.
  3. 재사용 가능한 Liquid를 테마 스니펫으로 저장하고 layout/theme.liquid에서 렌더링하거나, 별도의 정적 HTML 결과를 복사하여 테스트합니다.

개인정보 보호 및 제한사항

스토어 및 제품 세부 정보는 전부 브라우저에만 보관됩니다.

관련 도구

자주 묻는 질문

문자 수가 아니라 픽셀 너비로 제목을 측정하는 이유는 무엇인가요?

Google은 정확한 문자 수가 아니라 컨테이너의 픽셀 너비(약 600px)를 기준으로 SERP 제목을 잘라냅니다. 너비가 넓은 문자('W', 'M')는 너비가 좁은 문자('i', 'l')보다 더 많은 공간을 차지합니다.

Liquid 스니펫은 어디에 붙여 넣나요?

snippets/toea-meta-tags.liquid와 같은 경로에 스니펫으로 저장한 다음 layout/theme.liquid의 <head> 안에서 해당 스니펫을 렌더링합니다. 이 스니펫은 실행 시 제품, 컬렉션, 페이지, 스토어, 통화 객체를 읽으므로 미리보기 값이 하드코딩되지 않습니다. 제목 또는 설명 태그를 두 번째로 추가하지 말고, 기존 테마 메타데이터와 겹치는 부분을 교체하십시오.

정적 HTML 결과를 theme.liquid에 붙여 넣을 수 있나요?

정적 HTML 패널은 미리보기 또는 통제된 테스트에만 사용하십시오. 이 도구에 입력한 값이 포함되므로, 실제 테마에서는 재사용 가능한 Liquid 결과를 사용하여 각 페이지에 고유한 Shopify 데이터가 적용되도록 하십시오.

무료 도구 · 브라우저에서회 실행 · 계정 불필요