Open Graph 미리보기og:title, og:description, og:image로 링크 카드를 미리 보고, 이미지 크기와 텍스트 길이를 확인한 뒤 Open Graph 태그를 복사하세요.
Twitter / X 카드 미리보기
X는 링크 카드를 표시할 때 twitter: 메타 태그(없으면 Open Graph)를 읽습니다. 카드 유형을 고르고 텍스트와 이미지를 입력한 뒤 태그를 복사하세요. 미리보기는 중립적인 근사치이며 앱을 픽셀 단위로 재현한 것이 아닙니다.
…또는 로컬 이미지 미리보기
대략적인 미리보기입니다. 실제 검색 및 소셜 화면은 기기, 언어, 플랫폼 업데이트에 따라 다릅니다.
브라우저 안에서만 실행됩니다. 입력한 내용과 파일은 어떤 서버에도 업로드되지 않습니다.
사용 방법
- Summary 또는 큰 이미지가 있는 Summary를 고릅니다.
- 제목, 설명, 이미지, @계정을 입력합니다.
- 생성된 twitter: 태그를 페이지에 복사합니다.
예시
블로그 글
1200 × 628 대표 이미지를 쓴 큰 이미지 카드.
문서 페이지
정사각형 로고를 쓴 summary 카드.
개인정보
브라우저 안에서만 실행됩니다. 입력한 내용과 파일은 어떤 서버에도 업로드되지 않습니다. 브라우저에 저장되는 내용(즐겨찾기와 기록만)은 개인정보 처리방침을 참고하세요. 개인정보 처리방침
직접 확인해 보세요. 브라우저 개발자 도구를 열고 네트워크(Network) 탭을 선택한 뒤 도구를 사용하세요. 파일은 어떤 업로드 요청에도 나타나지 않습니다. 이 페이지가 오프라인용으로 저장된 뒤에는 인터넷 연결을 끊고도 계속 작업할 수 있습니다. 광고와 익명 방문 통계는 활성화된 경우 자체 요청을 보내지만, 파일이나 텍스트를 받지는 않습니다.
자주 묻는 질문
Open Graph가 있으면 twitter: 태그가 필요 없나요?
X는 og:title, og:description, og:image를 대신 사용하지만, 카드 유형을 정하려면 twitter:card가 있어야 합니다.
카드가 업데이트되지 않는 이유는?
플랫폼은 링크 미리보기를 캐시합니다. 페이지를 수정한 뒤 변경 사항이 나타나기까지 시간이 걸릴 수 있습니다.
관련 도구
SEO 도구 전체메타 태그 생성기페이지용 깔끔한 HTML 메타 태그를 만드세요: title, description, canonical, robots, Open Graph, Twitter Card, 길이 안내 포함.
SNS 게시물 미리보기중립적인 피드 레이아웃에서 게시물을 미리 보세요.
게시물 길이 검사기게시물 하나를 붙여 넣고 X, Threads, Bluesky, Mastodon, LinkedIn, Instagram, Facebook, YouTube의 일반적인 글자 수 한도와 한꺼번에 비교하세요.
파비콘 생성기이미지나 글자 하나로 전체 파비콘 세트를 만드세요: favicon.ico, 16–512 px PNG, Apple 터치 아이콘, 웹 매니페스트, HTML 태그를 ZIP 하나로 제공합니다.
슬러그 생성기제목을 깔끔한 소문자 URL 슬러그로 바꾸세요.