정보 오픈그래프 og(open graph) 작동 원리

페이지 정보

작성자 관리자 (49.♡.11.159) 조회 3,155회 작성일 22-07-16 15:54()

본문

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

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


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


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


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


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


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


4626254a35ee32e83f54b77975bf858c_1657954445_884.jpg

 




메타태그 관련된 게시글 보기

댓글목록

등록된 댓글이 없습니다.