[홈페이지를 SNS 등에 공유할 때 대표이미지(미리보기) 설정방법]
홈페이지 주소를 카카오톡, 페이스북 등 SNS나 메신저로 전달 시 홈페이지 미리보기(대표로 보여지는 이미지)를 변경할 수 있습니다.
홈페이지를 공유하거나 링크하는 일이 비일비재하다면 깔끔한 이미지와 문구로 노출되는 게 좋겠죠?
효과적인 홍보를 위해서는 홈페이지를 대표하는 미리보기 이미지로 클릭률을 높이는 것이 좋은 팁 중 하나라고 생각합니다.
홈페이지를 공유하거나 링크하는 일이 비일비재하다면 깔끔한 이미지와 문구로 노출되는 게 좋겠죠?
효과적인 홍보를 위해서는 홈페이지를 대표하는 미리보기 이미지로 클릭률을 높이는 것이 좋은 팁 중 하나라고 생각합니다.
위와 같이 이미지와 메시지 문구 변경은 meta tag를 통해 수정할 수 있습니다.
- og meta tag 사용
<head> 안에 아래와 같은 메타태그를 설정해 주시면 됩니다.
<head> 안에 아래와 같은 메타태그를 설정해 주시면 됩니다.
<title>제목이 들어갑니다.</title>
<meta property="og:url" content="http://website.com">
<meta property="og:title" content="타이틀">
<meta property="og:type" content="website">
<meta property="og:image" content="미리보기 이미지 주소">
<meta property="og:description" content="웹사이트를 나타내는 소개 글">
<meta property="og:url" content="http://website.com">
<meta property="og:title" content="타이틀">
<meta property="og:type" content="website">
<meta property="og:image" content="미리보기 이미지 주소">
<meta property="og:description" content="웹사이트를 나타내는 소개 글">
- og meta tag를 사용했는데 적용이 안되는 경우
og태그를 수정한 뒤에도 미리보기 화면이 바뀌지 않는 이유는 해당 서비스(ex 카카오톡)에서 한번 수집한 사이트의 내용을 한동안 저장해놓기 때문입니다.[캐싱(caching)]
이러한 경우에는 아래 주소에서 해결이 가능합니다.
카카오톡 og 태그 초기화 : https://developers.kakao.com/tool/clear/og
카카오톡 og 태그 초기화 : https://developers.kakao.com/tool/clear/og
간단한 방법을 통해 좀 더 깔끔하고 효과적으로 노출되시길 바라겠습니다.
감사합니다.