• 목록

오픈그래프 og(open graph) 작동 원리 이해

우리가 카톡으로 사이트 링크를 공유하면 이쁘게 미리보기를 보여 줍니다. 이것이 바로 오픈 그래프의 내용인데 어떻게 나타내는지 그 원리를 간단히 알아보겠습니다.

1. 링크를 SNS 에 입력 합니다.

2. 카카오톡은 입력창의 문자열이 "링크"라는 것을 파악합니다.(정규식 표현)

3. 링크라는 것이 파악되면 카카오톡의 로봇(크롤러)은 그 웹사이트를 방문해 html  head의 오픈 그래프(og) 메타태그 데이터를 긁어 옵니다.

4. 크게 og:title, og:description, og:image, og:url 의 정보를 긁어와 나타냅니다.

5. 마지막으로 긁어온 정보를 바탕으로 미리보기를 나타냅니다.