👁️ OG 카드 미리보기

소셜 미디어별 공유 카드가 어떻게 보이는지 미리 확인합니다.

콘텐츠 입력
생성된 메타태그 코드

      
    

  


  

    

      
Facebook / 일반 OG

      

        
이미지 URL을 입력하세요

        

          
example.com

          
제목

          
설명

        

      

    

    

      
Twitter / X

      

        
이미지 URL을 입력하세요

        

          
example.com

          
제목

          
설명

        

      

    

    

      
LinkedIn

      

        
이미지 URL을 입력하세요

        

          
제목

          
example.com

        

      

    

    

      
Google 검색 결과

      

        
제목

        
https://example.com

        
설명

      

    

  





  

    

      
📖 사용방법

      
    
      
  1. URL 또는 og 메타태그 정보를 입력합니다.
    2. 
      
  2. 카카오톡, 트위터, 페이스북 등 플랫폼별 미리보기 화면이 표시됩니다.
    3. 
      
  3. 썸네일 이미지가 어떻게 크롭되는지 확인할 수 있습니다.
    4. 
      
  4. og:title, og:description, og:image가 올바르게 설정되었는지 점검합니다.
    5. 
      

    

  



  
👁️ OG 카드 미리보기 실제 사용 예시

  

    
입력
OG 제목·설명·이미지 URL

    
예상 결과
메신저·SNS 카드 형태 미리보기

    
확인 사항
플랫폼 캐시와 이미지 접근 권한 확인

  

  
처리 방식

  
입력한 URL과 메타데이터는 현재 브라우저에서 코드와 미리보기로 변환합니다.






  
👁️ OG 카드 미리보기 사용 가이드

  
Open Graph 메타태그가 카카오톡, 트위터, 페이스북에서 어떻게 보이는지 미리 확인합니다.

  
권장 사용 순서

  
    
    
  1. 실제 배포 주소와 대표 제목·설명을 입력하고 생성 결과를 테스트 페이지에 먼저 적용하세요.
    2. 
  

  
결과 확인 방법

  
페이지 소스에서 절대 URL, canonical, 이스케이프 문자를 확인하고 Search Console이나 플랫폼 디버거로 최종 결과를 검사하세요.

  
처리 범위와 제한사항

  
메타태그나 파일을 생성하는 것만으로 검색 노출이 보장되지는 않습니다. 본문 품질, HTTP 상태, 내부 링크와 크롤링 가능성을 함께 관리해야 합니다.

  
기능 및 설명 검토: FreeTools 운영팀 · 2026-07-31





  
관련 도구

  
🏷️메타태그 생성기🔍구글 검색 미리보기📊UTM 빌더🌟Favicon 생성기📐이미지 리사이저