Operation guide
프리뷰 생성 전에 기대값을 먼저 확인하세요.
콘텐츠 발행 전에 제목 길이, 설명 길이, CTA 문구, OG 노출 상태를 미리 확인합니다.
필요한 값 입력
페이지 URL · Title · Description
프리뷰 생성
브라우저에서 즉시 처리
결과 활용
SERP Preview · OG Preview · Meta tag 코드 · 태그 복사
1. 페이지 URL · Title · Description 입력
2. SERP Preview · OG Preview · Meta tag 코드 생성
3. 브라우저 우선 처리
Data boundary
입력 원문은 저장하지 않고, 툴명·이벤트 타입·길이/카운트 같은 운영 메타데이터만 저장하도록 설계했습니다.
Supabase 환경변수가 없을 때도 API는 202 skipped로 응답해 로컬 개발과 Vercel 프리뷰가 깨지지 않습니다.
Live tool session
메타 점검
입력 → 실행 → 결과 복사/다운로드까지 한 화면에서 끝내도록 구성했습니다. 입력 원문은 브라우저 우선 처리됩니다.
01
Input
페이지 URL
02
Run
프리뷰 생성
03
Ship
태그 복사
SEO input
메타 정보 입력
Score
88
100점 기준
Title
31자
24~60 권장
Description
58자
70~155 권장
Checks
4/5
기본 점검
SERP preview
검색 결과 미리보기
example.com › free-tools
무료 UTM 링크 빌더 - 광고 캠페인 추적 URL 생성
광고 매체별 UTM 파라미터를 빠르게 생성하고, 캠페인 성과를 정확하게 추적할 수 있는 무료 도구입니다.
Naver style
무료 UTM 링크 빌더 - 광고 캠페인 추적 URL 생성
광고 매체별 UTM 파라미터를 빠르게 생성하고, 캠페인 성과를 정확하게 추적할 수 있는 무료 도구입니다.
https://example.com/free-tools/utm-builder
OG preview
example.com
무료 UTM 링크 빌더
캠페인 링크를 30초 안에 만들고 CSV로 내보내세요.
Result
메타 태그 코드
<title>무료 UTM 링크 빌더 - 광고 캠페인 추적 URL 생성</title>
<meta name="description" content="광고 매체별 UTM 파라미터를 빠르게 생성하고, 캠페인 성과를 정확하게 추적할 수 있는 무료 도구입니다." />
<meta property="og:title" content="무료 UTM 링크 빌더" />
<meta property="og:description" content="캠페인 링크를 30초 안에 만들고 CSV로 내보내세요." />
<meta property="og:url" content="https://example.com/free-tools/utm-builder" />
<meta property="og:image" content="https://example.com/og/free-tools.png" />Feedback loop
이 툴이 실제 업무에 도움이 되었나요?
피드백은 Supabase의 tool_feedback 테이블에 저장되도록 준비했습니다.