Open Graph 생성기 무료 온라인: SNS 공유용 OG 태그 만들기
411 회 사용example.com
Page Title
Description...
OG 태그 팁
SNS 공유 제어
OG 태그로 Facebook, Twitter, LinkedIn, 카카오톡에서 페이지가 어떻게 보이는지 제어합니다.
OG 이미지 — 1200×630
이상적 크기 1200×630px. 링크 공유 시 썸네일로 사용.
HTML 코드 준비
모든 OG 메타 태그가 포함된 HTML 코드. <head>에 복사.
자주 묻는 질문
OG 태그를 생성하면 웹사이트 속도가 느려지나요?
전혀 그렇지 않습니다. 태그는 페이지 head 섹션에 추가되는 HTML 코드일 뿐이며, 파일 크기가 약 1KB 이하로 늘어납니다. 대부분의 파비콘보다 작습니다. 태그 유무와 관계없이 페이지 로딩 속도는 동일합니다.
Facebook과 Twitter에 별도 태그가 필요한가요?
꼭 그렇지는 않습니다. 이 생성기는 하나의 폼에서 Open Graph 태그와 Twitter Card 태그를 동시에 만듭니다. Facebook은 `og:` 속성을 읽고, Twitter는 재정의하지 않는 한 동일한 태그를 사용합니다. 플랫폼별로 설명을 다르게 하고 싶다면 "사용자 지정 Twitter Card" 토글을 켜세요. 대부분의 경우 한 세트면 충분합니다. 배포 전에 미리보기를 꼭 확인하세요.
아직 발행되지 않은 페이지의 OG 태그를 생성할 수 있나요?
물론 가능합니다. 초안 제목과 설명을 입력하고 이미지를 바로 업로드하세요. 실시간 URL은 필요 없습니다. 블로거가 미리 글을 작성해두거나 제목을 A/B 테스트할 때 큰 도움이 됩니다. 필드 하나씩 수정할 때마다 Facebook 미리보기가 즉시 업데이트되어 잘림 현상을 사전에 발견할 수 있습니다.
OG 태그를 업데이트해도 Facebook이 예전 캐시를 보관하나요?
네, Facebook은 약 24시간 동안 OG 데이터를 캐시합니다. 그래서 수정 후에도 예전 이미지나 제목이 보일 수 있어요. Facebook Sharing Debugger(developers.facebook.com/tools/debug)에 URL을 붙여넣고 "다시 스크래핑"을 클릭하면 캐시가 즉시 삭제됩니다. Twitter 카드는 보통 몇 시간 안에 갱신됩니다. 여기서 태그를 생성한 후 두 플랫폼 모두에서 스크래핑하는 걸 잊지 마세요.
영어가 아닌 콘텐츠에도 OG 태그를 사용할 수 있나요?
물론입니다. 그래야 합니다. Open Graph 태그는 모든 언어에서 작동합니다. 대상 언어로 제목과 설명을 쓰기만 하면 됩니다. Facebook과 Twitter는 유니코드 문자, 이모지, 악센트 기호를 문제없이 표시합니다. 일본어나 아랍어 텍스트도 미리보기에서 완벽하게 보입니다. 한 가지 주의할 점: 일부 플랫폼은 CJK 문자에서 다른 글자 수 제한을 적용하므로 항상 라이브 미리보기를 확인하세요. 팁: 여러 개를 한 번에 게시하기 전에 하나만 먼저 테스트해보세요.
OG 태그를 전혀 추가하지 않으면 어떻게 되나요?
소셜 플랫폼이 페이지를 크롤링해서 알아서 추측합니다. 기존 title 태그를 가져가고, 처음 발견한 이미지를 고르고, 본문에서 아무 문장이나 잘라냅니다. 결과적으로 잘못된 사진이나 잘린 제목이 달린 어색한 공유가 흔히 발생합니다. 페이스북에서 공유되는 링크의 약 30%가 제대로 된 OG 태그를 갖추지 못했고, 그런 게시물은 확연히 낮은 참여율을 보입니다. 이 생성기를 쓰면 2분도 걸리지 않습니다. 브랜드의 첫인상을 운에 맡기지 마세요. 대부분의 CMS는 템플릿에 한 번만 붙여넣으면 됩니다.
OG 태그용 이미지 크기는 어떻게 해야 하나요?
1200x630픽셀이 정답입니다. 페이스북 링크 미리보기에 가장 적합하고 트위터에서도 잘 작동합니다. 일부 화면에서는 이미지가 잘리기 때문에 중요한 텍스트는 가장자리에서 떨어뜨리세요. 여기 라이브 미리보기에서 이미지를 바꿔가며 확인할 수 있습니다. 흐릿하거나 늘어난 이미지는 클릭률을 떨어뜨립니다.
og:image와 Twitter의 이미지 태그 사이에 차이가 있나요?
네, 하지만 Twitter와 Facebook에서 링크가 어떻게 보이는지 신경 쓸 때만 중요합니다. 저희 생성기는 `og:image`와 `twitter:image`를 모두 출력합니다. Twitter 전용 태그를 넣지 않으면 자동으로 Open Graph 값을 사용합니다. 다만 Twitter의 큰 이미지 카드는 2:1 비율로 표시되고 Facebook은 1.91:1을 선호합니다. 1200x630 이미지 하나면 두 플랫폼 모두 문제없습니다. 맞춤 디자인을 원하면 커스텀 Twitter 토글을 켜고 600x335 크롭을 업로드하세요. 실용 팁: 대규모 캠페인을 예약하기 전에 생성된 URL을 항상 Twitter의 Card Validator로 테스트하세요.
단축 URL을 쓰면 오픈 그래프 태그가 망가지나요?
외부 단축 URL 서비스를 이용하면 설정해 둔 메타 데이터가 누락되는 경우가 많습니다. 소셜 미디어 크롤러는 리다이렉트 링크가 아니라 최종 도착 URL을 직접 수집하기 때문입니다. 일부 유료 도구는 커스텀 도메인을 통해 헤더 정보를 유지할 수 있습니다. 구독자에게 링크를 보내기 전에 미리보기 화면에서 꼭 테스트해 보세요.
플러그인 없이 워드프레스에 이 메타 태그를 넣을 수 있나요?
네, 몇 줄의 코드를 위해 무거운 SEO 플러그인을 설치할 필요가 없습니다. 생성된 코드를 복사하여 테마의 header.php 파일 내 head 닫기 태그 바로 위에 붙여넣으세요. 다만 테마를 업데이트하면 코드가 사라질 수 있으니 주의하세요. 안전을 위해 전용 코드 삽입 플러그인을 사용하는 것을 권장합니다.
OG 태그 생성 방법
- OG 제목과 설명 입력
- OG 이미지 URL 추가
- 유형, 사이트 URL, 이름 설정
- 공유 미리보기 확인
- 생성된 HTML 코드 복사