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

Yun Hyuk Ko·2022년 10월 23일

AWS

목록 보기
6/9

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가 그대로 나와요!
그것은 페이스북/카카오톡 등에서 처음 것을 한동안 저장해놓기 때문입니다.
profile
기억보다 좋은건 기록이다

0개의 댓글