OG (Open Graph)
페이스북이 만든 공유 카드 규약이에요. 지금은 거의 모든 매체가 이걸 따라요.
이미지 & 미디어
OG 카드 미리보기
내 사이트 주소가 카카오·페북·X에 공유될 때 어떻게 보일지 미리 확인해 드려요.
제목 길이
17자
설명 길이
48자
이미지
없음
브라우저에서 페이지를 연 뒤 ⌘U(맥) / Ctrl+U(윈도)로 소스를 보고, 위쪽 <head> 부분을 복사해 붙여 넣으세요.
매체별 미리보기
카카오톡 (모바일)
이미지가 없으면 회색 박스로 나와요
믹스맥스 - 마케팅 종합 플랫폼
마케터와 마케팅이 필요한 모두에게. 업체 비교, 실무 도구, 최신 소식까지 한 곳에서.
https://www.mixmax.kr
페이스북 / 슬랙
이미지가 없으면 회색 박스로 나와요
www.mixmax.kr
믹스맥스 - 마케팅 종합 플랫폼
마케터와 마케팅이 필요한 모두에게. 업체 비교, 실무 도구, 최신 소식까지 한 곳에서.
X (트위터) — Large Card
이미지가 없으면 카드가 안 만들어져요
www.mixmax.kr
믹스맥스 - 마케팅 종합 플랫폼
마케터와 마케팅이 필요한 모두에게. 업체 비교, 실무 도구, 최신 소식까지 한 곳에서.
메타태그 코드 (HTML <head>에 붙여 넣기)
<meta property="og:title" content="믹스맥스 - 마케팅 종합 플랫폼" /> <meta property="og:description" content="마케터와 마케팅이 필요한 모두에게. 업체 비교, 실무 도구, 최신 소식까지 한 곳에서." /> <meta property="og:url" content="https://www.mixmax.kr" /> <meta property="og:site_name" content="믹스맥스" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="믹스맥스 - 마케팅 종합 플랫폼" /> <meta name="twitter:description" content="마케터와 마케팅이 필요한 모두에게. 업체 비교, 실무 도구, 최신 소식까지 한 곳에서." />
활용 꿀팁
제목은 60자 이내
60자를 넘으면 일부 매체에서 잘려 표시돼요. 핵심 문구를 앞 30자에 배치하세요.
설명은 200자 이내
200자를 넘으면 카드에서 잘려 보여요. 첫 80자가 가장 잘 보이는 자리예요.
글자가 들어간 이미지는 가운데 정렬
매체마다 약간씩 잘리는 영역이 달라요. 중요한 글자는 이미지 가운데 60% 영역에 배치하세요.
어려운 용어 쉬운 설명
메타태그
사람에게 보이지 않지만 검색엔진·SNS가 읽는 정보예요. HTML의 <head> 영역에 넣어요.
og:title
공유 카드에 표시될 제목이에요. 페이지의 <title>과 같아도 좋아요.
og:image
공유 카드에 표시될 대표 이미지 주소예요. 1200×630 픽셀을 권장해요.
Twitter Card
X(트위터)에서 공유 카드 모양을 정하는 메타태그예요. summary_large_image가 가장 보기 좋아요.