작업 흐름 간소화: miniwebtool 검색.
추가
함께 보기
링크 깨짐 검사기메타 태그 생성기소셜 미디어 게시 시간 최적화 도구소셜 미디어 이미지 크기 가이드페이스북 사용자 ID 조회웹훅 테스터
홈페이지 > 웹 관리 도구 > Open Graph 검사기
 

Open Graph 검사기

실시간 URL을 확인하거나 붙여넣은 HTML을 통해 소셜 공유용 Open Graph 메타 태그를 미리보고 검증하세요. og:title, og:description, og:image, 캐노니컬 링크, Twitter 폴백, 중복 태그, 리다이렉트 동작 및 Facebook, LinkedIn, Slack, Discord, 메시징 앱에 영향을 미치는 일반적인 공유 미리보기 문제를 검사합니다.

Open Graph 검사기
소셜 카드 QA

Facebook, LinkedIn, Slack, Discord, iMessage, X 또는 기타 미리보기 영역에서 URL이 공유될 때 어떻게 보일지를 결정하는 메타데이터를 확인하세요. 배포 후 라이브 URL을 검사하거나 스테이징 중에 HTML을 붙여넣어 출시 전 누락된 og:* 태그를 찾아낼 수 있습니다.

빠른 예제

소스 설정

라이브 URL 모드는 크롤러가 지금 즉시 가져올 수 있는 내용을 확인합니다. HTML 붙여넣기 모드는 출시 전, CMS 내부 또는 공개하지 않고 서버 렌더링된 head 마크업을 검증하고 싶을 때 유용합니다.

프로덕션 QA에는 라이브 URL 모드를 사용하세요. 스테이징이나 템플릿 작업에는 HTML 붙여넣기 모드를 사용하세요.
라이브 URL 모드에서는 가져올 페이지입니다. HTML 붙여넣기 모드에서는 상대 정규 경로나 이미지 경로를 해석하기 위한 선택적 기본 URL 역할을 합니다.

HTML 소스

전체 HTML 또는 소셜 메타데이터가 포함된 최소한의 <head> 섹션을 붙여넣으세요.

검사기는 원본 소스를 읽습니다. 페이지 로드 후 태그를 주입하는 JavaScript는 실제 크롤러에서 여전히 실패할 수 있습니다.

결과 상세 내용은 아래의 감사 보고서와 소셜 공유 미리보기 카드에 나타납니다. 결과 영역은 서버 사이드에서 렌더링되므로 프론트엔드 전용 계산에 의존하지 않고도 출력물이 작동합니다.

\\n' } }; function setValue(id, value) { var el = document.getElementById(id); if (el) { el.value = value; } } function syncMode() { var modeField = document.getElementById('id_mode'); var pastePanel = document.getElementById('ogc-paste-panel'); var hint = document.getElementById('ogc-url-hint'); var mode = modeField ? modeField.value : 'fetch'; if (pastePanel) { pastePanel.classList.toggle('is-visible', mode === 'paste'); } if (hint) { hint.textContent = mode === 'paste' ? '선택 사항이지만 도움이 됩니다. 붙여넣은 마크업이 상대 URL을 사용하는 경우, 이 기본 URL을 통해 검사기가 정규 경로와 이미지 경로를 해석할 수 있습니다.' : '사용자나 캠페인이 공유할 정확한 공개 URL을 입력하세요. 리다이렉트 및 최종적으로 가져온 URL은 보고서에 표시됩니다.'; } } function applyExample(key) { var example = examples[key]; if (!example) { return; } setValue('id_mode', example.mode); setValue('id_page_url', example.page_url); setValue('id_html_source', example.html_source); document.querySelectorAll('.ogc-example-btn').forEach(function (btn) { btn.classList.toggle('is-active', btn.getAttribute('data-example') === key); }); syncMode(); } document.addEventListener('DOMContentLoaded', function () { var modeField = document.getElementById('id_mode'); if (modeField) { modeField.addEventListener('change', syncMode); } document.querySelectorAll('.ogc-example-btn').forEach(function (btn) { btn.addEventListener('click', function () { applyExample(btn.getAttribute('data-example')); }); }); syncMode(); }); })();

Embed Open Graph 검사기 Widget

Open Graph 검사기 정보

Open Graph 검사기는 소셜 피드, 채팅 앱, 이메일 미리보기 또는 협업 도구에서 링크를 공유할 때 페이지가 어떻게 표시되는지 제어하는 정확한 메타데이터를 확인하는 데 도움을 줍니다. 플랫폼이 본문 내용에서 제목, 요약 또는 이미지를 임의로 추측하도록 내버려 두는 대신, Open Graph 태그는 크롤러에게 명확한 지침 세트를 제공합니다. 즉, 어떤 헤드라인을 보여줄지, 어떤 요약을 표시할지, 어떤 이미지를 가져올지, 어떤 정규 URL을 공유와 연결할지, 그리고 페이지가 어떤 유형의 콘텐츠인지를 명시합니다. 이는 SEO 및 GEO 워크플로우에서 중요한데, 현대의 검색 시스템들이 미리보기, 링크 카드, 요약 또는 출처 인용을 생성할 때 이와 동일한 페이지 레벨 신호를 재사용하기 때문입니다.

사용 방법

  • 소스 선택. 크롤러가 지금 공개 페이지에서 가져올 수 있는 내용을 테스트하려면 라이브 URL 모드를 사용하고, 출시 전 마크업을 검증하려면 HTML 붙여넣기 모드로 전환하세요.
  • URL 또는 HTML 입력. 사용자가 공유할 것으로 예상되는 정확한 URL을 붙여넣거나, 검사기가 Open Graph, Twitter 및 정규 태그를 읽을 수 있도록 head 섹션이 포함된 페이지 HTML을 붙여넣으세요.
  • 검사기 실행. 스캔이 완료된 후 미리보기 카드, 누락 필드 경고, 중복 태그 발견 사항, 리다이렉트 참고 사항 및 필드 비교 테이블을 검토하세요.
  • 공유 전 최종 소스 수정. 서버에서 렌더링된 응답이 하나의 명확한 태그 세트를 노출하도록 페이지를 업데이트한 다음 캠페인, 소셜 포스트, 뉴스레터 또는 내부 채팅 도구에 링크를 게시하기 전에 다시 확인하세요.

검사기가 검토하는 항목

신호 중요한 이유 전형적인 문제
og:title HTML title이나 무작위 제목 대신 크롤러에게 명시적인 공유 헤드라인을 제공합니다. 너무 짧은 제목은 일반적여 보이고, 긴 제목은 메시징 미리보기에서 잘리는 경우가 많습니다.
og:description 제목 뒤에 페이지를 설명하는 보조 문구를 제어합니다. 설명이 부실하면 미리보기 공간을 낭비하거나 플랫폼이 본문 텍스트에서 파편을 조합하게 됩니다.
og:image 보통 카드에서 썸네일이나 히어로 이미지를 결정합니다. 상대 URL, HTTP 이미지 또는 이미지 누락은 앱마다 일관되지 않은 미리보기를 유발합니다.
og:url 및 canonical 플랫폼이 공유를 통합하고 기본 페이지 URL을 일관되게 유지하도록 돕습니다. 리다이렉트나 일치하지 않는 URL은 참여 수치를 분산시키고 인덱싱 신호를 혼란스럽게 합니다.
twitter:card Open Graph가 있더라도 X 및 일부 임베드 서비스에서 폴백 동작을 개선합니다. OG만으로 충분하다고 가정했다가 일부 영역에서 작거나 일관되지 않은 카드가 표시될 수 있습니다.

흔한 실수 및 해석 팁

메타데이터가 중복되거나, JavaScript로 나중에 주입되거나, 잘못된 정규 URL에 연결되어 있다면 브라우저에서는 정상적으로 보여도 소셜 미리보기는 부실할 수 있습니다. 흔한 실수 중 하나는 페이지의 비정규 버전이나 파라미터가 포함된 버전에 대해 og:url을 게시한 다음, 캠페인이나 뉴스레터에서는 다른 URL을 공유하는 것입니다. 또 다른 실수는 브라우저 내부에서는 작동하지만 크롤러에게는 모호함을 주는 상대 이미지 경로에 의존하는 것입니다. 중복된 og:title이나 og:description 태그도 위험한데, 플랫폼에 따라 페이지를 가져오는 방식에 따라 첫 번째 값, 마지막 값 또는 캐시된 이전 값을 선택할 수 있기 때문입니다.

검사기가 리다이렉트를 보고하는 경우 요청된 URL, 최종적으로 가져온 URL, 정규 링크 및 og:url을 함께 비교하세요. 이 네 가지 값은 일반적으로 동일한 기본 페이지를 가리켜야 합니다. 그렇지 않은 경우 프로모션이나 제품 출시 전에 페이지를 수정하여 소셜 공유, 분석 및 인덱싱 신호가 모두 하나의 안정적인 URL을 가리키도록 하세요.

사용 사례

이 도구는 게시 전 기사 공유를 확인하는 편집 팀, 캠페인 전 제품 카드를 검증하는 이커머스 팀, 프레임워크 마이그레이션 후 SSR 출력을 검토하는 개발자에게 유용합니다. 또한 Slack, Discord, LinkedIn 또는 Facebook에 오래된 썸네일, 홈페이지 제목 또는 일반 폴백 이미지가 표시되는 이유를 디버깅할 때도 유용합니다. 이러한 상황에서 문제는 플랫폼 자체가 아니라 플랫폼이 가져온 페이지 소스에 노출된 메타데이터인 경우가 많습니다.

많은 AI 답변 서비스와 미리보기 시스템이 페이지 메타데이터를 재사용하므로, 잘 제어된 Open Graph 태그는 기존 소셜 미디어 이외의 곳에서 링크가 요약되거나 인용되는 방식도 개선할 수 있습니다. 태그 자체가 랭킹 요소는 아니지만, 클릭률과 공유 신뢰도에 영향을 미치는 페이지 품질 패키징의 일부입니다.

자주 묻는 질문 (FAQ)

소셜 미디어에 링크를 게시하기 전에 Open Graph 태그를 어떻게 테스트하나요?

라이브 URL을 가져오거나 최종 HTML 소스를 붙여넣은 다음, 크롤러가 실제로 수신하는 페이지 소스에 og:title, og:description, og:image, og:url, og:type이 있는지 확인하세요. 그 후 OG URL을 정규 링크와 비교하고 페이지가 예기치 않은 곳으로 리다이렉트되지 않는지 확인하세요.

왜 내 링크 미리보기에 잘못된 이미지나 제목이 표시되나요?

일반적인 원인은 Open Graph 태그 누락, 중복된 값, 상대 이미지 경로, 소셜 플랫폼의 오래된 캐시, 또는 공유된 URL과 정규/리다이렉트 페이지 간의 불일치입니다. 최종 소스가 하나의 명확한 필드 세트를 노출하지 않으면 미리보기 시스템이 임의로 추측할 수 있습니다.

이미 Open Graph 태그가 있는데 Twitter 태그가 따로 필요한가요?

Open Graph는 많은 플랫폼을 커버하지만, twitter:card와 선택적인 Twitter 전용 제목, 설명, 이미지 필드는 X 및 해당 태그를 직접 읽는 일부 도구에서 폴백 동작을 여전히 개선해 줍니다. 이는 일관성을 높여주는 작은 추가 사항입니다.

JavaScript로 생성된 메타 태그가 소셜 공유 미리보기를 망칠 수 있나요?

네, 그렇습니다. 많은 크롤러는 초기 HTML 응답을 검사하며 클라이언트 측 렌더링을 기다리는 전체 브라우저처럼 동작하지 않습니다. 프레임워크가 로드 후 태그를 주입하는 경우, 사용자는 브라우저에서 올바른 페이지를 볼 수 있지만 크롤러는 여전히 누락되었거나 오래된 메타데이터를 보게 됩니다.

이 콘텐츠, 페이지 또는 도구를 다음과 같이 인용하세요:

"Open Graph 검사기" - https://MiniWebtool.com/ko/open-graph-검사기/에서 MiniWebtool 인용, https://MiniWebtool.com/

miniwebtool 팀 제작. 업데이트: 2026-03-09

웹 관리 도구:

주요 도구:

인스타그램 사용자 ID 조회분수 계산기애너그램 생성기방어율 계산기내 행운의 숫자는?평균 계산기상대 표준 편차 계산기랜덤 이름 생성기👙 브라 사이즈 계산기파운드→킬로그램 변환기16진수에서 10진수로 변환기주사위 굴리기시험관 출산 예정일 계산기OPS 계산기🎮 게임 감도 변환기무작위 초능력 생성기러닝 페이스 계산기공백 제거16진수 변환기토크 변환기 (Nm, ft-lb, kgf-cm)kg에서 파운드로 변환기10진수를 16진수로 변환cm에서 피트와 인치로 변환기소인수분해 계산기사랑 궁합 계산기피트 인치 센티미터 변환기WAR 계산기무작위 토너먼트 대진표 생성기로마 숫자 변환기벤치 프레스 계산기요일 계산기💧 이슬점 계산기무작위 날짜 생성기이미지 분할기긴 나눗셈 계산기이닝당 적중률(WHIP) 계산기수면 계산기CAGR 계산기야구 배팅 계산기무작위 문자열 생성기FIP 계산기랜덤 영어 단어 생성기랜덤 생일 생성기줄 바꿈 제거랜덤 동물 생성기기대 수명 계산기명언 검색기 (영어)근무 시간 계산기YouTube 채널 통계랜덤 그룹 생성기월경주기 계산기ppm에서 퍼센트 변환기복리 계산기랜덤 토론 주제 생성기기울기 및 경사 계산기분수에서 소수로 계산기Watts to Amps CalculatorFPS 변환기연비 계산기면적 계산기자전거 사이즈 계산기속도 변환기mAh to Wh 변환기최대 공약수 계산기암페어에서 와트 계산기야구 장타율 계산기소수 검사기원형 면적 계산기📅 날짜 계산기금리 계산기분수 백분율 변환기비례식 계산기어린이 BMI 백분위수 계산기연봉 인상 계산기퍼센트에서 PPM으로 변환기잘고 텍스트 생성기주차 계산기변화율 계산기연중 일수 계산기 - 오늘은 올해의 몇 번째 날인가요HEX 계산기키 백분위수 계산기영업 마진 계산기바코드 생성기랜덤 식사 생성기타이어 크기 계산기형량 감경 계산기센티미터에서 인치로 변환기암호화폐 레버리지 계산기몫과 나머지 계산기인치에서 센티미터으로 변환기출루율 계산기작은 텍스트 생성기 ⁽ᶜᵒᵖʸ ⁿ ᵖᵃˢᵗᵉ⁾비디오 이미지 추출기출산 예정일 계산기⏱️ 시간 계산기혈당 변환기임신 날짜 계산기시저 암호 도구자동차 대출 계산기중앙값 계산기임대 수익률 계산기확률 계산기kVA 계산기PSI에서 bar로 변환기두 날짜 사이 일수 계산기출생 요일 계산기태양, 달 & 상승궁 계산기 🌞🌙✨kPa에서 psi로 변환기영업일 계산기거꾸로 텍스트 생성기모스 부호 생성기🎰 가챠 천장 계산기반지 사이즈 변환기십자수 실 계산기최대 심박수 계산기피타고라스 정리 계산기홈런 타율 계산기콜라츠 추측 계산기예쁜 글씨 생성기페이스북 사용자 ID 조회백분율 증가 계산기시간 지연 계산기임신 체중 증가 계산기간헐적 단식 계산기십진수에서 이진수로 변환기다중 분수 계산기랜덤 국가 생성기백분율 성장 계산기MAC 주소 조회단어 찾기 퍼즐 생성기일할 계산 월세 계산기번호 정렬16진수에서 이진법 변환기ANC 계산기오디오 추출기초과 근무 수당 계산기역함수 계산기영업 이익률 계산기암산 트레이너음력 양력 변환기YouTube 쇼츠 수익화 계산기🌬️ 체감 온도 계산기속도 계산기자녀 키 예측기퍼센트 감소 계산기헌혈 시간 계산기mcg에서 mg로 변환기마틴게일 전략 계산기반올림 계산기동영상 병합배당 수익률 계산기칵테일 ABV 계산기이진 계산기이진수를 십진수로 변환1RM (1회 최대 반복) 계산기TDEE 계산기목표 심박수 계산기볼링 점수 계산기임대료 인상 계산기자동차 감가상각 계산기직각삼각형 계산기태양 위치 계산기무작위 포커 핸드 생성기옥탄가 혼합 계산기정기 예금 계산기출석률 계산기텍스트 찾기 및 바꾸기호 길이 계산기랜덤 물품 생성기반전 텍스트HTML에서 텍스트 변환기공학용 계산기타원 둘레 계산기손절 및 익절 계산기취소선 텍스트 생성기가위바위보 생성기세제 사용량 계산기이름 번호 계산기n항 계산기백분율 할인 계산기소수 분수 변환기자전거 기어비 계산기급여 변환 계산기문자열 길이 얻기한 달에 일빗변 계산기스도쿠 생성기 및 풀이기즉시 연금 계산기랜덤 수학 문제 생성기미로 생성기색상 조합 생성기전선 게이지 계산기🖱️ 클릭 카운터SAT 점수 계산기낮잠 계산기변동 계수 계산기시간 지속 계산기신발 사이즈 변환기연분수 계산기중복 줄 제거게이머태그 생성기팀 이름 생성기닉네임 생성기랩 이름 생성기밴드 이름 생성기판타지 이름 생성기포춘 쿠키 생성기그림 아이디어 생성기저널 프롬프트 생성기데일리 확언 생성기칭찬 생성기작업 멘트 생성기아재 개그 생성기랜덤 농담 생성기랜덤 사실 생성기트리비아 문제 생성기행맨 단어 생성기픽셔너리 단어 생성기제스처 게임 생성기아이스브레이커 질문 생성기네버 해브 아이 에버 생성기밸런스 게임 생성기랜덤 질문 생성기AI 꿈 해몽AI 감사 편지 생성기AI 결혼식 축사 생성기AI 보도자료 생성기AI 제품 설명 생성기AI 영상 스크립트 생성기AI 유튜브 제목 및 설명 생성기AI 인스타그램 캡션 생성기AI LinkedIn 헤드라인 및 소개 생성기AI 이력서 불릿 생성기AI 커버레터 생성기AI 랩 가사 생성기PDF 평면화 도구PDF 잠금 해제 (소유자 암호 제거)PDF 텍스트 추출기PDF 페이지 추출기PDF 단어 세기PDF 보호PDF에 페이지 번호 추가PDF 페이지 순서 변경PDF 페이지 삭제PDF 회전JPG를 PDF로 변환PDF를 JPG로 변환PDF 압축PDF 분할PDF 병합PT에서 PX로 변환기PX에서 REM 변환기톨라에서 그램 변환기인도 토지 단위 변환기AI 노래 가사 생성기AI 시 생성기AI 스토리 생성기AI 번역기AI 텍스트 요약기mg에서 mL 변환기MPH에서 KMH 변환기노트-마일 변환기세제곱미터에서 세제곱피트세제곱피트에서 세제곱야드 변환기제곱피트에서 제곱미터 변환기제곱미터에서 제곱피트 변환기온스를 mL로 변환기mL를 온스로 변환기갤런에서 리터 변환기리터에서 갤런 변환기킬로그램 스톤 변환기스톤 킬로그램 변환기인치에서 밀리미터로 변환기밀리미터에서 인치로 변환기마일 킬로미터 변환기킬로미터-마일 변환기화씨-섭씨 변환기섭씨 화씨 변환기배낭 크기 계산기서핑보드 부피 계산기테니스 그립 사이즈 계산기헬멧 사이즈 계산기장갑 사이즈 계산기모자 사이즈 변환기스노보드 사이즈 계산기스키 사이즈 계산기스피드런 스플릿 타이머스테이블포드 계산기다트 체크아웃 계산기볼링 이코노미 계산기타격 스트라이크 레이트 계산기네트 런 레이트 계산기K/D 비율 계산기Elo 레이팅 계산기심박수 회복 계산기하이킹 시간 계산기로잉 페이스 계산기달리기 연령 등급 계산기FTP 및 파워 존 계산기Beep 테스트 계산기ACFT 점수 계산기Wilks & DOTS 계산기휠 오프셋 계산기타이어 하중 지수 및 속도 등급 조회마일당 비용 계산기리스 바이아웃 계산기2행정 오일 혼합 계산기엔진 배기량 계산기소파 문 통과 계산기장작 코드 계산기공기청정기 CADR 계산기제습기 크기 계산기천장 선풍기 크기 계산기커튼 크기 계산기러그 크기 계산기그림 거는 높이 계산기TV 설치 높이 계산기TV 크기 계산기연못 용적 및 라이너 계산기수영장 소금 계산기수영장 부피 계산기온수기 크기 계산기에폭시 레진 계산기난간동자 간격 계산기걸레받이 및 트림 계산기사이딩 계산기데크 스테인 계산기잔디 씨앗 계산기잔디 계산기아스팔트 계산기세제곱야드 계산기안테나 길이 계산기전선관 충전율 계산기직렬/병렬 커패시터 계산기유도 리액턴스 계산기방 조명 계산기럭스 루멘 계산기루멘 와트 변환기발전기 크기 계산기3상 전력 계산기직렬 저항 계산기마찰 계산기경사면 계산기기계적 이득 계산기음속 계산기파동 속도 계산기부력 계산기종단 속도 계산기드브로이 파장 계산기광자 에너지 계산기E=mc² 계산기케플러 제3법칙 계산기탈출 속도 계산기만유인력 계산기비어 람베르트 법칙 계산기네른스트 방정식 계산기삼투압 계산기끓는점 오름 계산기어는점 내림 계산기백분율 조성 계산기노르말 농도 계산기몰랄농도 계산기pKa Ka 변환기헨더슨 하셀바흐 계산기이론 수율 계산기한계 반응물 계산기전자 배치 계산기인터랙티브 주기율표AI 수업 지도안 생성기AI 퀴즈 생성기인용 생성기 (APA/MLA/Chicago)AP 점수 계산기ACT 점수 계산기유튜브 수익 추정기무작위 RPG 캐릭터 생성기