오픈 그래프 미리보기
웹사이트 URL 입력
오픈 그래프 카드 미리보기
페이스북 미리보기
EXAMPLE WEBSITE
페이지 제목 예시
이것은 소셜 미디어에 공유될 때 나타나는 페이지 콘텐츠에 대한 예시 설명입니다.
https://example.com/page
트위터 미리보기
페이지 제목 예시
이것은 소셜 미디어에 공유될 때 나타나는 페이지 콘텐츠에 대한 예시 설명입니다.
example.com
website메타 태그 생성기
Open Graph Previewer 사용 방법
- 1
페이지 URL 입력
확인하려는 페이지의 전체 URL을 website URL 입력란에 붙여넣으세요.
- 2
OG 데이터 가져오기
"Fetch OG Data"를 클릭해 페이지의 기존 Open Graph 제목, 설명, 이미지, 사이트 이름을 가져오세요.
- 3
필요하면 수동 편집
Edit Manually로 전환해 제목, 설명, 이미지 URL, 유형 등 항목을 조정하고 미리보기가 갱신되는 것을 확인하세요.
- 4
미리보고 태그 복사
Facebook과 Twitter 카드 미리보기를 검토한 뒤, 생성된 메타 태그를 복사해 페이지에 추가하세요.
자주 묻는 질문
Open Graph 태그란 무엇이고 왜 중요한가요?
Open Graph 메타 태그는 페이지가 공유될 때 소셜 플랫폼에 어떤 제목, 설명, 이미지를 보여 줄지 알려 줍니다. 그래서 잘 설정된 태그는 Facebook, X, LinkedIn 등에서 더 풍부하고 클릭하고 싶은 링크 미리보기를 만들어 줍니다.
Facebook과 Twitter 미리보기는 어떻게 작동하나요?
도구가 Open Graph 값을 사용해 모의 Facebook과 Twitter 카드를 렌더링하므로, 링크를 게시하거나 공유하기 전에 제목, 설명, 이미지가 어떻게 보일지 확인할 수 있습니다.
기존 페이지 없이 태그를 생성할 수 있나요?
네. Edit Manually를 사용해 제목, 설명, 이미지 URL, 사이트 이름, URL, 유형을 처음부터 채운 뒤, 완성된 메타 태그를 HTML용으로 복사하세요.
왜 URL 가져오기가 실패하거나 데이터를 반환하지 않을 수 있나요?
일부 사이트는 자동화된 요청을 차단하거나, 로그인을 요구하거나, Open Graph 태그가 아예 없습니다. 그런 경우에는 수동 모드로 전환해 직접 값을 입력하세요.
이 도구는 무료이고, 입력한 URL은 어떻게 처리되나요?
이 도구는 가입 없이 무료입니다. 라이브 페이지에서 태그를 읽으려면 (브라우저의 교차 출처 제한을 우회하기 위해) URL을 서버 프록시를 통해 가져오므로, 공개 페이지 주소만 요청됩니다. 수동 편집과 미리보기는 브라우저 안에서 실행됩니다.
관련 도구
이런 편리한 도구도 함께 사용해 보세요