Open Graph 미리보기 및 메타 태그 생성기
소셜 공유 카드를 미리 보고 입력한 값으로 Open Graph 및 Twitter 카드 메타 태그를 생성합니다. 브라우저에서.
🔒 모두 브라우저 안에서 동작합니다. 입력과 출력은 서버로 전송되거나 저장되지 않아 안전합니다.
링크가 공유될 때의 모습을 미리 보고 Open Graph 및 Twitter 카드 태그를 페이지 <head>에 복사하세요. 아무것도 가져오지 않으며 이미지 URL은 태그에만 들어갑니다. 실제 이미지를 미리보려면 로컬 파일을 선택하세요.
미리보기
메타 태그
이 도구 소개
링크를 공유하기 전에 어떻게 보일지 확인하고 싶으신가요? 제목·설명·이미지·URL을 입력하면 이 도구가 소셜 카드를 그대로 재현하고, 거기에 맞는 Open Graph와 Twitter Card 메타 태그를 생성해 페이지의 head에 바로 붙여 넣을 수 있게 해 줍니다. 개인정보 보호를 위해 입력한 이미지 주소를 가져오지 않으며(그 URL은 태그에만 들어갑니다), 실제 이미지를 미리 보려면 대신 기기에서 로컬 파일을 선택합니다. 모든 것은 브라우저에서 생성되며 아무것도 업로드되지 않습니다.
자주 묻는 질문
Open Graph와 Twitter Card 태그란 무엇인가요?
둘 다 페이지 head에 넣는 작은 메타 태그로, 공유된 링크를 소셜 플랫폼이 어떻게 표시할지 알려 줍니다. Facebook에서 비롯된 Open Graph는 대부분의 네트워크가 읽는 제목·설명·미리보기 이미지를 설정합니다. Twitter Card 태그는 X에서 같은 역할을 하며 큰 이미지 같은 레이아웃도 고를 수 있게 해 줍니다. 이들이 없으면 플랫폼이 페이지에서 추측하므로 카드가 빈약하거나 잘못 보이기 쉽습니다.
왜 미리보기가 내 URL에서 이미지를 불러오지 않나요?
의도된 동작입니다. 개인정보를 보호하기 위해 이 도구는 입력한 이미지 주소에 절대 요청을 보내지 않습니다. 그 URL은 생성되는 태그에 적히기만 할 뿐 가져오지 않습니다. 그래서 미리보기가 거기에서 원격 이미지를 불러올 수 없습니다. 실제 이미지를 시안에서 보고 싶다면 기기에서 로컬 파일을 고르세요. 브라우저에서 바로 읽혀 카드에 표시되며 어디에도 업로드되지 않습니다.
생성된 태그는 어디에 넣고, 모든 플랫폼이 미리보기와 똑같나요?
태그를 페이지 HTML의 head 영역에 복사한 뒤, 크롤러가 읽을 수 있도록 다시 배포하세요. 여기 미리보기는 일반적인 관례를 따르지만, 플랫폼마다 이미지를 자르고 텍스트를 줄이는 방식이 조금씩 다르고 상당수가 카드를 캐시합니다. 그러니 변경 후에는 각사의 공식 디버거로 새로고침을 유도하세요. 태그는 브라우저에서 로컬로 생성되며 입력한 내용은 서버로 전송되지 않습니다.