[5주차] [#07] og 태그

1. og 태그 만들기

• 전에 배웠던 og:image, og:title, og:description 태그 기억하나요?

내 프로젝트도 카톡/페이스북/슬랙에 공유했을 때 예쁘게 나오도록,
미리 꾸며봅시다!

• static 폴더 아래에 이미지 파일을 넣고, 각자 프로젝트 HTML의 ~ 사이에 아래 내용을 작성하면 og 태그를 개인 프로젝트에 사용할 수 있습니다.

<meta property="og:title" content="내 사이트의 제목" />
<meta property="og:description" content="보고 있는 페이지의 내용 요약" />
<meta property="og:image" content="이미지URL" />

• 참고! 이미지를 바꿨는데 이전 ogimage가 그대로 나와요!

그것은 페이스북/카카오톡 등에서 처음 것을 한동안 저장해놓기 때문입니다.

• 페이스북 og 태그 초기화 하기: https://developers.facebook.com/tools/debug/
• 카카오톡 og 태그 초기화 하기: https://developers.kakao.com/tool/clear/og