작업 흐름 간소화: miniwebtool 검색.
추가
관련 도구
링크 깨짐 검사기Hreflang 태그 생성기Htaccess 리다이렉트 생성기HTML에서 텍스트 변환기메타 태그 생성기리다이렉트 검사기웹훅 테스터
홈페이지 > 웹 관리 도구 > 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 조회분수 계산기애너그램 생성기내 행운의 숫자는?방어율 계산기랜덤 이름 생성기상대 표준 편차 계산기복리 계산기👙 브라 사이즈 계산기근무 시간 계산기피트 인치 센티미터 변환기공백 제거🎮 게임 감도 변환기평균 계산기토크 변환기 (Nm, ft-lb, kgf-cm)OPS 계산기기대 수명 계산기무작위 초능력 생성기🌬️ 체감 온도 계산기소인수분해 계산기16진수에서 10진수로 변환기16진수 변환기무작위 토너먼트 대진표 생성기kg에서 파운드로 변환기시험관 출산 예정일 계산기10진수를 16진수로 변환CAGR 계산기벤치 프레스 계산기이미지 분할기cm에서 피트와 인치로 변환기연봉 인상 계산기러닝 페이스 계산기월경주기 계산기수면 계산기파운드→킬로그램 변환기주사위 굴리기줄 바꿈 제거원형 면적 계산기💧 이슬점 계산기로마-숫자-변환기랜덤 생일 생성기사랑 궁합 계산기분수 백분율 변환기랜덤 영어 단어 생성기음력 양력 변환기어린이 BMI 백분위수 계산기WAR 계산기소수 검사기팩토리얼 계산기기울기 및 경사 계산기키 백분위수 계산기주식 평균 계산기피보나치 되돌림 계산기최대 공약수 계산기⏱️ 시간 계산기랜덤 미국 주 생성기비디오 이미지 추출기무작위 문자열 생성기이닝당 적중률(WHIP) 계산기반지 사이즈 변환기콜라츠 추측 계산기주차 계산기출루율 계산기즉시 연금 계산기퍼센트 감소 계산기FPS 변환기임신 체중 증가 계산기Hex-계산기확률 계산기임신 날짜 계산기초과 근무 수당 계산기📅 날짜 계산기몫과 나머지 계산기암호화폐 레버리지 계산기ANC-계산기최소공배수 계산기변화율 계산기손절 및 익절 계산기일할 계산 월세 계산기자동차 대출 계산기YouTube 채널 통계속도 변환기랜덤 그룹 생성기자전거 기어비 계산기연중 일수 계산기 - 오늘은 올해의 몇 번째 날인가요잘고 텍스트 생성기연비 계산기ppm에서 퍼센트 변환기퇴직금 계산기바코드 생성기가위바위보 생성기난수 선택기호 길이 계산기급여 변환 계산기태양, 달 & 상승궁 계산기 🌞🌙✨MAC-주소-조회반올림 계산기백분율 성장 계산기임대 수익률 계산기MAC 주소 생성기랜덤 토론 주제 생성기타원 둘레 계산기FFMI 계산기취소선 텍스트 생성기GFR 계산기모스 부호 생성기야구 배팅 계산기금리 계산기중국식 성별 예측기볼링 점수 계산기인치에서 센티미터으로 변환기중복 줄 제거혈당 변환기형량 감경 계산기시저 암호 도구작은 텍스트 생성기 ⁽ᶜᵒᵖʸ ⁿ ᵖᵃˢᵗᵉ⁾랜덤 영화 선택기랜덤 동물 생성기PSI에서 bar로 변환기백분율 증가 계산기배당 수익률 계산기페이스북 사용자 ID 조회적분 계산기퍼센트에서 PPM으로 변환기🎰 가챠 천장 계산기출석률 계산기태양 위치 계산기랜덤 시간 생성기분수에서 소수로 계산기백분율 할인 계산기영업 마진 계산기타이어 크기 계산기HTML에서 텍스트 변환기조합 계산기FIP 계산기단어 찾기 퍼즐 생성기자동차 감가상각 계산기초승달과 보름달 달력빗변 계산기주식 손익 계산기걸음 수 거리 계산기공학용 계산기칼로리 소모 계산기크레아티닌 청소율 계산기병렬 저항 계산기YouTube 쇼츠 수익화 계산기요일 계산기켈리 기준 계산기피타고라스 정리 계산기IP 서브넷 계산기다항식 전개 계산기시간 지속 계산기양육비 계산기야구 장타율 계산기체지방률 계산기계수 계산기다항식 인수분해 계산기비율 및 백분율 계산기TDEE 계산기Z 점수 계산기유압 실린더 힘 계산기두 날짜 사이 일수 계산기목표 심박수 계산기시그마 표기법 계산기 (합산)이름 번호 계산기계단 계산기일일 복리 계산기거꾸로-텍스트-생성기동전 던지기psi에서 kPa로 변환기모듈로 계산기시차 적응 계산기예쁜 글씨 생성기자동차 리스 계산기수성 역행 달력아기 성장 백분위수 계산기난수 문자 생성기빈 줄 제거16진수에서 이진법 변환기십진수에서 이진수로 변환기Watts to Amps Calculator최대 심박수 계산기무작위 포커 핸드 생성기화성 별자리 계산기속도 계산기순이익 계산기스도쿠 생성기 및 풀이기파이의 처음 n 자리출산 예정일 계산기복소수 계산기정기 예금 계산기중앙값 계산기타일 계산기mAh to Wh 변환기볼트 토크 계산기삼진 대 볼넷 비율 계산기임대료 인상 계산기🖱️ 클릭 카운터착상 계산기파일 크기 변환기하이킹 시간 계산기로잉 페이스 계산기달리기 연령 등급 계산기FTP 및 파워 존 계산기Beep 테스트 계산기ACFT 점수 계산기Wilks & DOTS 계산기휠 오프셋 계산기타이어 하중 지수 및 속도 등급 조회마일당 비용 계산기리스 바이아웃 계산기옥탄가 혼합 계산기2행정 오일 혼합 계산기엔진 배기량 계산기소파 문 통과 계산기장작 코드 계산기공기청정기 CADR 계산기제습기 크기 계산기천장 선풍기 크기 계산기커튼 크기 계산기러그 크기 계산기그림 거는 높이 계산기TV 설치 높이 계산기TV 크기 계산기연못 용적 및 라이너 계산기수영장 소금 계산기수영장 부피 계산기온수기 크기 계산기에폭시 레진 계산기난간동자 간격 계산기걸레받이 및 트림 계산기사이딩 계산기데크 스테인 계산기잔디 씨앗 계산기잔디 계산기아스팔트 계산기세제곱야드 계산기안테나 길이 계산기전선관 충전율 계산기직렬/병렬 커패시터 계산기유도 리액턴스 계산기방 조명 계산기럭스 루멘 계산기루멘 와트 변환기발전기 크기 계산기3상 전력 계산기kVA 계산기암페어에서 와트 계산기직렬 저항 계산기마찰 계산기경사면 계산기기계적 이득 계산기음속 계산기파동 속도 계산기부력 계산기종단 속도 계산기드브로이 파장 계산기광자 에너지 계산기E=mc² 계산기시간 지연 계산기케플러 제3법칙 계산기탈출 속도 계산기만유인력 계산기비어 람베르트 법칙 계산기네른스트 방정식 계산기삼투압 계산기끓는점 오름 계산기어는점 내림 계산기백분율 조성 계산기노르말 농도 계산기몰랄농도 계산기pKa Ka 변환기헨더슨 하셀바흐 계산기이론 수율 계산기한계 반응물 계산기전자 배치 계산기인터랙티브 주기율표AI 수업 지도안 생성기AI 퀴즈 생성기인용 생성기 (APA/MLA/Chicago)AP 점수 계산기ACT 점수 계산기SAT 점수 계산기백분율 CGPA 변환기CGPA 백분율 변환기쉬운 채점기 (EZ Grader)자녀 양육비 계산기아기 우유 섭취량 계산기기저귀 사이즈 계산기아기 이름 생성기아기 눈 색깔 예측기자녀 키 예측기hCG 배가 시간 계산기ISO 8601 날짜 포맷터율리우스일 변환기낮잠 계산기Moon Phase CalculatorSunrise & Sunset Calculator세계 시계날짜 로마 숫자 변환기은퇴 카운트다운금주 계산기반 생일 계산기기념일 계산기팁 분배 계산기이메일 마케팅 ROI 계산기리드당 비용 계산기운전자본 계산기유튜브 수익 추정기무작위 RPG 캐릭터 생성기