본문 바로가기

IT/HTML

OG 태그?

  • 학습 목표 : OG 태그에 대하여 알아보자!

  • OG(Open Graph)
    • og:title : 전달할 제목
    • og:type : 전달할 데이터의 video나 image website등의 타입
    • og:image : 전달할이미지의 주소
    • og:url : 전달할사이트 주소
    • og:description : 설명
  • 예시
    • 네이버
      네이버가 이렇게 쓴 거 보니 og:type은 생략이 가능한가 봅니다.
  • 카톡 공유 디버거

    카카오톡 채팅창 또는 카카오스토리에 공유된 소셜 정보를 OG(Open Graph) 프로토콜을 통해 파싱하고 캐시합니다.
    이 도구로 파싱된 소셜 정보를 미리보고 캐시를 초기화할 수 있습니다.

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