반응형 오픈그래프1 웹사이트 SNS 공유 최적화, OpenGraph OG 설정하기 웹앱을 만들때 신경써야할 부분이 있습니다. 바로 OG 메타태그 인데요. OG는 OpenGraph 프로토콜의 약자로 페이스북에서 만든 HTML 페이지의 속성입니다. 쉬운 예로 우리가 만든 웹앱을 카카오톡 등의 메신저로 공유를 할때 미리보기 형태로 보여지는 부분을 설정할때 쓰입니다. 바로 확인해보고자 MBTI 테스트 앱의 URL을 카카오톡에서 공유를 해보았습니다. index.html 페이지내에 노출되는 첫이미지가 로고이미지기 때문에 저 이미지가 노출되고 있고 따로 설명을 작성한게 없기때문에 "여기를 눌러 링크를 확인하세요."라는 문구가 표시되고 있습니다. SNS로 공유시 표시되는 내용을 바꿔 보도록 하겠습니다. index.html 파일을 열어서 사이에 아래 코드를 추가합니다. 이때 thumb.jpg 이미지 .. 2023. 6. 5. 이전 1 다음 반응형
