KOENJP

메타 태그 · OG 생성기

META · OPEN GRAPH

제목·설명 길이를 확인하며 canonical, robots, Open Graph, 공유 카드, theme-color, 파비콘 태그를 만들어요. 검색 결과와 링크 카드 모양을 미리 보고 코드를 복사해요.

기본

BASIC

검색 노출 (robots)

공유 카드

OPEN GRAPH · CARD
권장 1200 × 630px (1.91:1). 고른 이미지는 미리보기에만 쓰고 어디에도 올라가지 않아요.

브라우저 · 아이콘

THEME · ICONS

검색 결과 미리보기

일반적인 검색 결과 모양을 흉내 낸 예시예요. 실제 화면과 잘리는 위치는 검색 엔진·기기마다 달라요.

링크 공유 카드 미리보기

메신저·SNS에 링크를 붙였을 때 흔히 보이는 모양이에요. 서비스마다 자르는 길이와 비율이 조금씩 달라요.

점검

CHECKLIST
    <HEAD> 코드 
    
      
    
    
    
  
    

    

    



    
  
    
    
    
      HOW TO
      
    사용 방법
    
      
      
      
    1. 페이지 제목과 설명을 넣고 길이 막대로 검색 결과에서 잘리지 않는지 확인해요.
      2. 
      
    2. 페이지 주소, 검색 노출 여부, 공유 이미지와 카드 모양을 정해요.
      3. 
      
    3. theme-color와 파비콘 파일을 고르면 브라우저·아이콘 태그도 함께 만들어요.
      4. 
      
    4. 검색 결과·링크 카드 미리보기와 점검 목록을 보고 코드를 복사해 <head>에 붙여요.
      5. 
      
    
    
    
    
    
      PAIRS WELL WITH
      
    같이 쓰기 좋은 도구
    
      
    
    
  
    
  
  
    
    FAQ
    
    자주 묻는 질문
    
    
    제목과 설명은 몇 자가 적당해요?
    검색 엔진은 글자 수가 아니라 화면 폭으로 잘라요. 이 도구는 제목 약 580px, 설명 약 920px을 기준으로 폭을 어림해서 알려줘요. 한글이라면 제목 25~30자, 설명 80자 안팎이 대체로 무난하지만 고정된 규칙은 아니에요.
    
    
    공유 이미지는 어떤 크기로 만들어요?
    1200 × 630px(1.91:1)이 가장 널리 쓰여요. og:image에는 https://로 시작하는 절대 주소를 넣어야 하고, 상대 경로는 대부분 읽지 못해요.
    
    
    고른 이미지 파일이 서버로 올라가나요?
    아니요. '내 이미지로 미리보기'로 고른 파일은 브라우저 안에서 미리보기에만 쓰고 어디에도 올라가지 않아요. 코드에는 입력한 이미지 주소가 들어가요.
    
    
    태그를 바꿨는데 공유 미리보기가 그대로예요.
    메신저와 SNS는 링크 미리보기를 한동안 저장해 두고 다시 쓰는 경우가 많아요. 서비스가 제공하는 미리보기 갱신 도구를 쓰거나 시간이 지나면 바뀌어요.