Open Graph 태그로 SNS 공유 최적화하기
약 5분
Open Graph(OG) 태그는 링크를 카카오톡·페이스북·슬랙 등에 공유할 때 뜨는 미리보기 카드(제목·설명·이미지)를 제어하는 메타태그입니다.
Open Graph란 무엇인가요?
페이스북이 만든 표준으로, <meta property="og:..."> 형태로 선언합니다. OG 태그가 없으면 SNS가 페이지에서 임의로 정보를 긁어와 엉뚱한 미리보기가 뜰 수 있습니다.
필수 속성은 무엇인가요?
og:title— 공유 제목og:description— 공유 설명og:image— 미리보기 이미지(1200×630 권장)og:url— 대표 URLog:site_name— 사이트 이름
어떻게 작성하나요?
<meta property="og:title" content="강아지 사료 추천 가이드">
<meta property="og:description" content="견종·나이별 맞춤 사료를 3분 만에.">
<meta property="og:image" content="https://example.com/og.png">
<meta property="og:url" content="https://example.com/guide">
<meta property="og:site_name" content="펫스토어">공유했는데 미리보기가 안 바뀌면 SNS가 이전 정보를 캐시하고 있어서입니다. 페이스북 공유 디버거 등으로 캐시를 새로고침하세요.
검색결과에 뜨는 제목·요약(SNS와 별개)은 메타태그 최적화 가이드에서 다룹니다.
자주 묻는 질문
Open Graph는 SEO에 영향을 주나요?
검색 순위에 직접 영향은 없습니다. 하지만 SNS 공유 시 미리보기 품질을 높여 클릭·유입을 늘립니다.
og:image는 어떤 크기가 좋나요?
일반적으로 1200×630 픽셀을 권장합니다. 너무 작으면 미리보기에 제대로 표시되지 않습니다.
공유했는데 미리보기가 안 바뀌어요.
SNS가 이전 정보를 캐시하기 때문입니다. 페이스북 공유 디버거 등으로 캐시를 갱신하면 됩니다.