오픈 그래프(OG) 태그 생성기

링크가 공유되면 Facebook, LinkedIn, WhatsApp, Slack, X는 페이지의 Open Graph 태그로 미리보기 카드를 만듭니다. 제목, 설명, 이미지를 입력하고 실제 카드 모양을 확인한 뒤 태그를 복사하세요. 이미지가 없거나 너무 작으면 경고가 표시됩니다.

기존 HTML에서 가져오기
Google은 약 600px에서 잘라냅니다
Google은 약 920px에서 잘라냅니다
권장: 1200 × 630 px
추가 옵션: 작성자, 테마 색상, robots
Google

Facebook · LinkedIn · WhatsApp
X (Twitter)
<head>용 HTML

    사용 방법


    1. 페이지의 제목, 설명, 전체 주소를 입력하세요.
    2. 공유 이미지 주소를 붙여넣고(1200 × 630픽셀이 이상적입니다) Facebook과 X 미리보기를 확인하세요.
    3. 태그를 페이지의 <head>에 복사하세요. 게시한 뒤에는 각 소셜 네트워크의 공유 디버거로 캐시를 새로 고치세요.

    자주 묻는 질문


    og:image의 크기는 어떻게 해야 하나요?
    1200 × 630픽셀(1.91:1 비율)을 사용하세요. Facebook과 LinkedIn이 큰 카드에 권장하는 크기이며, X는 큰 카드를 2:1로 자릅니다. 중요한 글자는 가장자리에서 떨어뜨리고, https://로 시작하는 전체 주소를 사용하세요.

    Twitter(X) 태그가 따로 필요한가요?
    twitter:card만 있으면 됩니다. X는 자체 태그가 없으면 og:title, og:description, og:image를 읽으므로, 이 도구는 카드 유형과 필요하면 @사용자이름만 추가합니다.

    태그를 바꿨는데 이전 미리보기가 그대로 나와요. 왜 그런가요?
    소셜 네트워크는 카드를 며칠 동안 캐시합니다. Facebook 공유 디버거나 LinkedIn Post Inspector를 열고 주소를 붙여넣은 뒤 페이지를 다시 가져오도록 요청하세요.

    🏷️ 메타 태그 생성기
    🔗 UTM 링크 생성기
    🌈 CSS 그라데이션 생성기
    🔲 CSS 박스 섀도 생성기