소셜 & 공유 SEO

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

페이지 세부 정보를 입력하고 입력하는 동안 실제 Facebook, LinkedIn 및 X 카드가 라이브로 렌더링되는 것을 확인하세요. 링크 미리보기를 만들기 위해 읽는 정확한 마크업 플랫폼인 Open Graph 및 Twitter Card 메타 태그의 검증된 복사 붙여넣기 세트를 받으세요.

✓ 라이브 카드 미리보기 브라우저에서 실행 가입 없음
약 60 문자를 목표로 절단되지 않도록.
약 110 문자는 대부분의 소셜 카드에 전체 표시.
절대 https URL, 1200×630 권장.
페이스북 / 링크드인 미리보기
이미지 없음 — og:image URL 추가
example.com
X (트위터) 미리보기
이미지 없음 — og:image URL 추가
example.com
생성된 메타 태그

Open Graph 및 Twitter Card 태그 생성 방법

페이지 세부 정보에서 검증된 복사 붙여넣기 소셜 미리보기까지 4단계.

1

페이지 URL, 제목 및 설명 입력

공유하는 페이지의 절대 URL을 붙여넣은 다음 소셜 카드에 표시할 제목과 설명을 입력합니다.

2

공유 이미지 추가 및 유형 설정

절대 https og:image(1200x630 이상)를 제공하고 og:type과 Twitter card type을 선택하고 @handle를 추가합니다.

3

라이브 Facebook 및 X 미리보기 확인

입력하고 아래에 표시된 길이 또는 이미지 검증 경고를 해결할 때 Facebook/LinkedIn 및 X 카드가 렌더링되는 것을 보십시오.

4

태그를 페이지 헤더에 복사

생성된 Open Graph 및 Twitter 메타 태그를 복사하여 텍스트 필드에 붙여넣습니다. <head> 페이지의 디버거를 사용하여 다시 스크래치합니다.

그래프 열기 & 트위터 카드 질문

Open Graph(og:)는 Facebook, LinkedIn, Slack, WhatsApp, Pinterest 및 대부분의 플랫폼에서 링크 미리보기를 생성하기 위해 읽는 공유 프로토콜입니다. Twitter Card(twitter:)는 카드 레이아웃을 제어하는 X의 자체 어휘입니다. 예를 들어 summary vs summary_large_image. 이들은 크게 겹치며 title, description, image는 og: 태그에서 올 수 있습니다. Twitter-specific tags는 og:가 표현할 수 없는 것을 추가합니다. 예를 들어 카드 스타일과 @site 핸들.
Facebook, LinkedIn, X summary_large_image 모두가 사용하는 큰 카드는 1200x630 픽셀(1.91:1 비율)을 사용합니다. 이는 자르지 않고 프레임을 채우는 것입니다. 파일 크기를 5MB 이하로 유지하고 절대 https URL을 통해 제공하십시오. 플랫폼은 상대적 또는 http 이미지를 신뢰할 수 없기 때문입니다. Facebook이 허용하는 최소 크기는 200x200이지만 작은 이미지는 영웅 카드 대신 작은 썸네일로 렌더링됩니다.
모든 플랫폼은 스크래핑한 카드의 첫 버전을 캐시하며, 때로는 몇 주 동안 캐시되므로 태그를 수정한 후에도 오래된 제목과 이미지가 남아 있습니다. 강제 재스크래핑: URL을 Facebook Sharing Debugger에 붙여넣고 다시 스크래핑을 클릭합니다. LinkedIn Post Inspector를 사용하고 X에서 링크를 공유하여 캐시를 새로 고칩니다. 태그가 실제로 제공된 HTML 헤더에 있고 대부분의 스크래퍼가 실행하지 않는 JavaScript에 의해 나중에 주입되지 않았는지 확인하십시오.
트위터 태그가 없을 경우, X는 일치하는 Open Graph 태그로 돌아갑니다. og:title, og:description, og:image 태그는 카드의 대부분을 차지합니다. 따라서 실제 최소한은 og: 태그의 완전한 세트와 twitter:card 태그만으로 레이아웃을 선택하고 twitter:site 태그는 속성을 표시합니다. og: 태그를 추가하면 Facebook, LinkedIn, Slack 및 다른 모든 곳에서도 동일한 미리보기가 작동합니다.

규모에 따라 생성되는 소셜 태그가 필요합니까?

이 도구는 브라우저에서 완전히 실행됩니다. 호출할 필요가 없으며 페이지를 떠나는 일이 없습니다. CMS 플러그인, CI 및 대량 페이지의 경우 유료 플랜에서 프로그래밍 Open Graph API를 사용할 수 있습니다.

✓ 무료 도구: 100% 클라이언트 측 Open Graph API: 유료 플랜

단일 엔드포인트에서 페이지당 검증된 Open Graph 및 Twitter Card 블록을 생성하고 빌드에 바로 연결합니다. 가격 페이지에서 플랜 및 할당량을 확인하세요.

API 플랜 보기 →
개발자 API

프로그래밍 방식으로 사용

각 도구는 Pro 및 API 플랜에서 하나의 인증된 REST API를 통해 사용할 수 있으며 CI, CMS 또는 대시보드에 연결할 수 있습니다.

curl -X POST https://seo.bike/api/v1/opengraph \ -H "Authorization: Bearer sk_live_yourkey" \ -H "Content-Type: application/json" \ -d '{"url": "https://example.com/", "title": "Your title"}'
200 괜찮아
{ "ok": true, "result": { ... } }
API 키 가져오기 → 통화당 가격이 책정됩니다. 위의 대화형 도구에 대한 무료 계층.