소셜 미디어 미리보기 (OpenGraph)

링크를 공유했을 때 썸네일과 설명이 어떻게 렌더링 될지 미리 확인하고 HTML 태그를 추출하세요.

제목 (Title)

설명 (Description)

이미지 주소 (Image URL)

사이트 링크 (URL)

HTML Meta Tags

<!-- HTML Meta Tags -->
<title>최고의 개발자 도구 모음집 - MyTool</title>
<meta name="description" content="생산성을 200% 올려주는 유용한 개발자 도구들을 무료로 사용해보세요. 광고 없이 빠릅니다!">

<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://utill.kirrrin.com">
<meta property="og:type" content="website">
<meta property="og:title" content="최고의 개발자 도구 모음집 - MyTool">
<meta property="og:description" content="생산성을 200% 올려주는 유용한 개발자 도구들을 무료로 사용해보세요. 광고 없이 빠릅니다!">
<meta property="og:image" content="https://images.unsplash.com/photo-1555066931-4365d14bab8c?auto=format&fit=crop&w=800&q=80">

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="utill.kirrrin.com">
<meta property="twitter:url" content="https://utill.kirrrin.com">
<meta name="twitter:title" content="최고의 개발자 도구 모음집 - MyTool">
<meta name="twitter:description" content="생산성을 200% 올려주는 유용한 개발자 도구들을 무료로 사용해보세요. 광고 없이 빠릅니다!">
<meta name="twitter:image" content="https://images.unsplash.com/photo-1555066931-4365d14bab8c?auto=format&fit=crop&w=800&q=80">

소셜 미디어별 렌더링 결과 (예시)

utill.kirrrin.com

최고의 개발자 도구 모음집 - MyTool

생산성을 200% 올려주는 유용한 개발자 도구들을 무료로 사용해보세요. 광고 없이 빠릅니다!

최고의 개발자 도구 모음집 - MyTool

생산성을 200% 올려주는 유용한 개발자 도구들을 무료로 사용해보세요. 광고 없이 빠릅니다!

utill.kirrrin.com