하루 만에 무료 SEO 도구 6개를 만들었습니다 — 배운 점
발행: (2026년 4월 6일 AM 10:38 GMT+9)
7 분 소요
원문: Dev.to
Source: Dev.to
소개
SEO 도구는 어디에나 있지만 대부분은 회원가입, API 제한, 혹은 구독 장벽 뒤에 가려져 있습니다. 나는 마찰 없이 바로 사용할 수 있는 것이 필요했기에 주말 동안 여섯 가지 도구를 만들고 접근 방식을 오픈소스로 공개했습니다. 모든 도구는 브라우저 내에서 실행되며(네 가지는 클라이언트‑사이드, 두 가지는 가벼운 서버 fetch) 외부 API 비용이 전혀 없습니다.
도구가 하는 일
| 도구 | 작동 방식 | 주요 장점 |
|---|---|---|
| Schema Generator | 시각적 폼 → FAQPage, Article, HowTo, Product, Organization, BreadcrumbList용 유효한 JSON‑LD. “Copy HTML”을 클릭하고 “에 붙여넣기. Google Rich Results Test로 한 번에 연결. | 수동으로 입력하는 대신 몇 초 만에 구조화 데이터를 생성합니다. |
| LLMs.txt Generator | URL을 입력하면 사이트맵을 가져와 제목/설명을 추출하고, llmstxt.org 표준에 따라 llms.txt와 llms-full.txt로 포맷합니다. | AI 어시스턴트(ChatGPT, Claude 등)가 인용에 사용하는 파일을 제공합니다; llms.txt가 없으면 인용이 누락됩니다. |
| Hreflang Builder | 언어/URL 쌍을 추가하면 x-default가 포함된 자체 참조 hreflang HTML을 생성하고, 중복 및 누락 태그를 검증합니다. | 새로운 언어를 사이트에 추가할 때마다 약 10 분을 절감합니다. |
| Meta Analyzer | 픽셀 단위 정확도 트렁케이션 검사(Google은 문자 수가 아니라 픽셀로 측정). 실시간 SERP 미리보기, 키워드 밀도 분석, 파워‑워드 감지. Google 2026년 2월 코어 업데이트 규칙에 따라 제목에 “Best”/“Top”이 있으면 표시합니다. | 제목과 메타 설명이 Google 표시 제한에 맞게 최적화되었는지 확인합니다. |
| Robots.txt Tester | robots.txt를 붙여넣고 15개 이상의 사용자 에이전트(예: GPTBot, ClaudeBot, PerplexityBot, Google‑Extended) 대비 URL 경로를 테스트합니다. 어떤 규칙이 매치됐는지, Allow인지 Disallow인지 표시합니다. | AI 크롤러가 올바르게 차단되거나 허용되는지 검증합니다. |
| OG Preview | 任意의 URL을 가져와 Twitter, LinkedIn, Slack, Discord에서 어떻게 렌더링되는지 확인합니다. 각 플랫폼마다 잘라내는 방식이 다르며, 도구는 네 가지 미리보기를 모두 보여주고 누락되거나 깨진 태그를 감지합니다. | 주요 플랫폼에서 일관된 소셜 공유 미리보기를 보장합니다. |
내가 이를 만든 이유
- 매 블로그 포스트마다 JSON‑LD를 수동으로 입력하고 있었어요. Schema Generator는 이를 약 30 초로 단축합니다.
- AI 어시스턴트는 사이트 인용을 위해
llms.txt를 사용합니다; 없으면 AI‑생성 답변에서 노출이 사라집니다. - 다국어 hreflang 태그 관리는 실수가 잦습니다; Hreflang Builder가 검증을 자동화합니다.
- 제목과 메타 설명 트렁케이션은 문자 수가 아니라 픽셀로 측정됩니다; Meta Analyzer가 현실적인 미리보기를 제공합니다.
- AI 크롤러 차단이 기본이 되고 있지만, 많은 사이트가
robots.txt규칙이 실제로 작동하는지 모릅니다. - 소셜 미리보기 불일치는 클릭률 손실을 초래합니다; OG Preview가 플랫폼별 크롭을 한눈에 보여줍니다.
아키텍처
- 클라이언트‑사이드 우선 – 여섯 도구 중 네 가지는 완전히 브라우저에서 실행됩니다. 서버도, API도, 데이터 보관도 없습니다.
- 필요할 때만 서버 fetch – LLMs.txt Generator와 OG Preview는 외부 URL을 가져와야 하므로(CORS) Next.js API 라우트를 사용합니다.
- API 비용 제로 – OpenAI나 유료 API를 사용하지 않으며,
fetch()와 정규식 파싱만으로 동작합니다. - 동적 라우팅 – 단일
[tool]/page.tsx가 아직 출시되지 않은 도구의 스텁을 처리하고, 준비된 도구는 별도 라우트로 덮어씁니다.
알려진 제한 사항 및 향후 작업
- Schema Generator – 현재는 JSON‑LD만 생성합니다; 클라이언트‑사이드에서 Schema.org 사양 검증을 추가할 수 있습니다.
- Meta Analyzer – 픽셀‑폭 추정이 대략적입니다; Canvas 기반 측정으로 정확도를 높일 수 있습니다.
제공 위치
모든 여섯 도구는 . 에서 실시간으로 이용할 수 있습니다. 회원가입이나 API 키가 필요 없습니다. 피드백을 환영합니다.
행동 요청
여러분이 매일 실제로 사용하는 무료 SEO 도구는 무엇인가요? 현재 시장에 부족한 것이 있다면 알려 주세요.