오픈 그래프 및 트위터 카드 생성기

Open Graph(OG) 및 Twitter Card 메타 태그를 생성하고 미리 볼 수 있습니다. Facebook, LinkedIn, X, WhatsApp에서 공유할 때 링크가 완벽하게 보이도록 하세요.

오픈 그래프 및 트위터 카드 생성기는 Facebook, LinkedIn, X 및 WhatsApp에서 공유할 때 링크가 어떻게 보이는지 제어하는 ​​메타 태그를 생성하고 미리 봅니다. 잘 구성된 카드는 기본 URL을 올바른 제목, 설명, 이미지가 포함된 풍부하고 클릭할 만한 미리보기로 바꿔줍니다.

Share
범주
SEO 도구
포함
6 기능
입장
무료 · 가입하지 않음
은둔
브라우저에서 실행됩니다.
오픈 그래프 및 트위터 카드 생성기

Calibrating Social Metadata Studio......

Please wait a moment

사용방법

오픈 그래프 및 트위터 카드 생성기 사용 방법

  1. 01

    페이지 세부정보를 입력하세요.

    제목, 설명, 이미지 URL, 페이지 URL을 추가합니다.

  2. 02

    카드 미리보기

    플랫폼 전반에 걸쳐 링크가 어떻게 표시되는지 실시간 스니펫을 확인하세요.

  3. 03

    태그 복사

    미리 만들어진 Open Graph 및 Twitter Card 메타 태그를 가져옵니다.

  4. 04

    페이지에 추가하세요

    태그를 페이지의 <head>에 붙여넣고 공유를 테스트하세요.

사용 사례

일반적인 사용 사례

  • 블로거는 공유 게시물에 적절한 제목과 이미지를 표시하도록 만듭니다.
  • 마케팅 담당자는 LinkedIn에서 캠페인 링크가 세련되게 보이도록 합니다.
  • 개발자가 새 방문 페이지에 Open Graph 태그를 추가합니다.
  • 상점 주인이 Facebook에서 깨진 공유 미리보기를 수정했습니다.
개요

완벽한 소셜 공유 미리보기 디자인

메타데이터 스튜디오를 사용하면 X, Facebook, LinkedIn 및 Slack에서 공유할 때 링크가 표시되는 방식을 제어하는 ​​오픈 그래프 및 Twitter 카드 태그를 만들고 미리 볼 수 있습니다. 매력적인 제목, 설명, 이미지는 긍정적인 참여 신호를 보내는 소셜 트래픽의 클릭률을 극적으로 높일 수 있습니다.

깨지거나 보기 흉한 링크 미리보기 중지

누락되거나 잘못된 형식의 메타데이터로 인해 빈 썸네일과 잘린 제목이 발생하여 조용히 공유가 중단됩니다. 바로 붙여넣을 수 있는 정확한 태그를 생성하고 각 플랫폼이 페이지를 어떻게 렌더링하는지 정확히 확인하여 게시하는 모든 링크가 의도적이고 브랜드에 맞는 것처럼 보입니다.

특징
01
오픈 그래프(OG) 및 트위터 카드 태그 생성기
02
Facebook, X, LinkedIn, WhatsApp, Discord 및 Slack의 실시간 미리보기
03
요약 vs summary_large_image Twitter 카드 스위치
04
기존 URL에서 태그 가져오기 및 자동 완성
05
플랫폼별 길이 검증 및 경고
06
HTML 내보내기를 통해 즉시 복사 가능한 메타 태그
FAQ

자주 묻는 질문

오픈 그래프 태그란 무엇이며 왜 필요한가요?+

오픈 그래프(OG) 태그는 소셜 플랫폼에서 공유할 때 웹페이지가 표시되는 방식을 제어하는 ​​HTML 메타 태그입니다. 이것이 없으면 Facebook과 LinkedIn은 페이지의 임의의 텍스트와 이미지를 사용하여 공유 상태가 좋지 않게 됩니다.

내 웹사이트에 오픈 그래프 태그를 어떻게 추가하나요?+

이 생성기를 사용하여 OG 태그를 만든 다음 HTML의 <head> 섹션에 붙여넣습니다. 주요 태그: og:제목, og:설명, og:이미지(1200×630px이어야 함), og:url 및 og:type.

og:image의 크기는 어느 정도여야 하나요?+

권장되는 og:image 크기는 1200×630픽셀(가로세로 비율 1.91:1)입니다. 이는 Facebook, LinkedIn 및 X/Twitter에서 작동합니다. 최소 크기는 600×315픽셀이지만 이미지가 클수록 더 눈에 띄게 표시됩니다.

오픈 그래프와 트위터 카드의 차이점은 무엇인가요?+

Open Graph 태그는 Facebook, LinkedIn, Pinterest 및 WhatsApp에서 작동합니다. 트위터 카드는 트위터 전용 메타 태그입니다. 둘 다 미리보기 모양을 제어하는 ​​비슷한 목적으로 사용되지만 다른 태그 이름을 사용합니다(예: vs twitter:).

오픈 그래프 태그를 어떻게 테스트하나요?+

이 도구의 미리보기를 사용하거나 Facebook 공유 디버거(developers.facebook.com/tools/debug), Twitter 카드 검사기(cards-dev.twitter.com/validator) 또는 LinkedIn Post Inspector로 직접 테스트하세요.

오픈 그래프 태그를 추가하지 않으면 어떻게 되나요?+

OG 태그가 없으면 소셜 플랫폼은 페이지를 스크랩하고 임의의 콘텐츠(종종 흐릿한 썸네일, 잘못된 제목 또는 잘린 설명)를 선택합니다. 이로 인해 콘텐츠가 공유될 때 클릭 수가 크게 줄어듭니다. 적절한 OG 태그가 있는 페이지는 소셜 미디어에서 클릭률이 2~3배 더 높습니다.

오픈 그래프와 트위터 카드의 차이점은 무엇인가요?+

Open Graph는 대부분의 플랫폼(Facebook, LinkedIn, WhatsApp)에서 미리보기를 제어합니다. 트위터 카드는 X의 고유한 형식입니다. 두 설정 모두 모든 주요 네트워크에 적용됩니다.