TIL 23.02.28

오늘은 SEO에 영향을 미치는 요소인 오픈그래프 요소에 대해서 공부해보고,

실습을 진행해 보았다.

 

오픈 그래프(Open Graph)란?

 

웹페이지에 대한 정보를 담고 있는 메타데이터의 사용방식을 표준화하여,
페이스북 내에서의 링크 공유 시 해당 웹페이지에 대한 정보를 특정 형식의 미리보기 형태로

제공해주는 기능을 모든 웹페이지에서 가능하게끔 하는 프로토콜의 한 종류이다.

 

property 속성값	설명
og:url	페이지의 표준 URL입니다.
og:site_name	사이트의 이름입니다.
og:title	콘텐츠의 제목입니다.
og:description	콘텐츠에 대한 간략할 설명입니다. 검색 결과에서 제목 밑에 뜨는 내용을 생각하시면 됩니다.
og:image	미리보기로 표시될 이미지입니다.
og:type	콘텐츠 미디어의 유형입니다. 기본 값은 website로, video, music 등의 유형을 표시할 수 있습니다.
og:locale	리소스의 언어로, 기본값은 en_US입니다. 한국은 ko_KR입니다.

 

 

오픈그래프를 적용한 예시를 카카오톡에서 볼 수 있게 실습을 진행했다.

 

아래와 같이 메타데이터의 property와 content 값을 조정해주면서

제목, 설명, 사진을 변경해 주었다.

 

 

카카오톡에서 링크를 공유할 때는 이전에 공유한 링크가 있을경우, 미리보기가 이전과 동일할 수도 있기 때문에

https://developers.kakao.com/tool/debugger/sharing

 

위의 링크를 들어가서 캐시를 초기화 해주어야 된다.