메타데이터 추출기

URL을 입력하면 추출기가 해당 페이지를 가져와 <head>를 분석한 뒤, 링크가 다른 곳에서 어떻게 표시되는지에 중요한 모든 정보를 정리해 보여줍니다. SEO 제목과 메타 설명, 정규 URL, 페이스북과 링크드인이 링크 미리보기에 사용하는 Open Graph 태그, 트위터 카드 태그, 파비콘과 앱 아이콘, JSON-LD 구조화 데이터(Schema.org, 기사, 상품, FAQ)가 포함됩니다. SEO 감사, 링크 미리보기 디버깅, 새로 게시한 페이지가 크롤러에 실제로 무엇을 노출하는지 확인하는 데 유용합니다.

메타데이터가 추출되는 방식

  1. 1

    URL을 입력하세요

    프로토콜을 포함한 전체 URL을 입력합니다. 이 도구는 리디렉션을 한 번만 따라갑니다.

  2. 2

    페이지는 서버 측에서 가져옵니다

    원본 HTML을 파싱합니다. 자바스크립트로 렌더링되는 페이지는 클라이언트 측 메타데이터를 노출하지 않을 수 있습니다.

  3. 3

    표준별로 그룹화된 섹션

    SEO, Open Graph, 트위터, Schema.org, 아이콘, 모바일, PWA.

  4. 4

    각 항목에 값과 길이 표시

    제목과 설명이 구글 또는 트위터의 제한을 초과하면 길이 경고가 표시됩니다.

  5. 5

    링크 카드 미리보기

    추출한 태그를 바탕으로 페이스북 / 링크드인 / 트위터 공유 카드의 견본을 생성해 보여줍니다.

<head>에서 중요한 요소

핵심 SEO

태그 용도
<title> 브라우저 탭, 구글 검색 결과 제목
<meta name="description"> 구글 검색 결과 스니펫, 소셜 공유용 대체 텍스트
<link rel="canonical"> 정규 URL, 중복 콘텐츠 신호
<meta name="robots"> index/noindex, follow/nofollow 규칙
<meta name="viewport"> 모바일 뷰포트

Open Graph (페이스북, 링크드인, 디스코드, 슬랙)

태그 용도
og:title 공유 카드 제목
og:description 공유 카드 설명
og:image 공유 카드 이미지 (권장 1200×630)
og:type website / article / video.other
og:url 공유용 정규 URL
og:site_name 카드에 표시되는 사이트 이름

트위터 카드

태그 용도
twitter:card summary / summary_large_image
twitter:title 없으면 og:title을 사용
twitter:description 없으면 og:description을 사용
twitter:image 큰 이미지 카드
twitter:site / twitter:creator 발행처 / 작성자 계정

Schema.org (JSON-LD)

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "...",
  "author": { "@type": "Person", "name": "..." },
  "datePublished": "2026-04-18"
}
</script>

기사, 상품, 레시피, FAQ, 이벤트, 조직, 브레드크럼(Breadcrumb)이 검색 리치 결과에 가장 큰 영향을 미치는 유형입니다.

감사에서 주의할 신호

  • og:image 누락. 슬랙이나 디스코드에 공유하면 링크가 밋밋하게 표시됩니다.
  • 제목이 60자를 초과. 구글 검색 결과에서 잘립니다.
  • 설명이 160자를 초과. 구글 스니펫에서 잘립니다.
  • 정규 태그 없음. /page/page/ 사이에서 중복 콘텐츠로 순위가 혼란스러워질 위험이 있습니다.
  • og:imagetwitter:image가 모두 없음. 소셜 미리보기 카드가 전혀 표시되지 않습니다.
  • 노출되어야 할 페이지에 noindex가 설정됨. 태그를 제거하지 않은 채 배포된 스테이징 서버에서 자주 발생합니다.

디버깅 절차

  1. 먼저 스테이징 URL에서 추출합니다.
  2. 배포 후 라이브 URL에서 다시 확인합니다.
  3. 변경 후에는 페이스북 스크레이퍼 캐시(Sharing Debugger)와 트위터 카드 검사기를 비웁니다. 둘 다 캐시를 공격적으로 유지합니다.
  4. 로그인 쿠키에 따라 다른 콘텐츠가 나올 수 있으므로 시크릿 창에서도 테스트합니다.

자주 묻는 질문

부분적으로 작동합니다. 추출기는 서버에서 렌더링된 HTML을 가져옵니다. 메타 태그가 클라이언트 측 자바스크립트(SSR이 없는 SPA 프레임워크)로 삽입되어 있으면 표시되지 않습니다. 이는 구글이 첫 크롤링 시 자바스크립트를 실행하지 않고 페이지를 보는 방식과도 같습니다.

흔한 원인은 URL이 로그인 뒤에 있거나, 이미지가 너무 작거나(200×200 미만), 페이스북이 이전 버전을 캐시한 경우입니다. Sharing Debugger에서 캐시를 비우고 다시 시도하세요.

기사, 상품, 레시피, FAQ, 브레드크럼 같은 특정 콘텐츠 유형에는 구글이 리치 결과에 활용하므로 도움이 됩니다. 일반적인 마케팅 페이지에는 필요 없습니다. 해당 콘텐츠 유형에 대응하는 리치 결과 형식이 있을 때 스키마를 추가하세요.

<link rel="canonical">는 검색 엔진에 페이지의 어떤 버전을 색인할지 알려줍니다. og:url은 소셜 플랫폼에 그 공유가 어떤 URL을 나타내는지 알려줍니다. 보통 동일하지만 반드시 일치해야 하는 것은 아닙니다.

서버 측 페처를 통해 가져옵니다. CORS 제한 때문에 브라우저는 임의의 외부 URL을 가져올 수 없습니다. 이 페처는 일반적인 사용자 에이전트를 사용하며 인증은 수행하지 않습니다.

관련 도구

이 도구는 다른 언어로도 제공됩니다