Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 공룡게임
- JavaScript
- MySQL
- mongoose
- Queue
- game
- 게임
- OCR
- typeORM
- nestjs
- cookie
- GIT
- AWS
- TypeScript
- react
- Sequelize
- MongoDB
- jest
- Express
- 자료구조
- Dinosaur
- dfs
- 정렬
- Python
- Nest.js
- flask
- class
- nodejs
- Bull
Archives
- Today
- Total
포시코딩
3월10일 - og 태그 (링크 미리보기) 본문
728x90
개요
카톡에 어떤 링크를 공유하면
이렇게 자동으로 미리보기가 나오는 걸 경험해봤을 것이다.
'og'태그는 웹 사이트가 다른 웹 사이트에 공유될 때
대표 이미지, 제목 및 설명과 같은 메타 데이터를 제공하는 Open Graph 프로토콜의 일부라고 한다.
이게 자동으로 되는게 아니고 따로 설정해줘야 하는건데 어떻게 설정할 수 있는지 알아보자
코드
<meta property="og:title" content="내 사이트의 제목" />
<meta property="og:description" content="보고 있는 페이지의 내용 요약" />
<meta property="og:image" content="이미지URL" />
HTML의 head 부분에 이렇게 작성하면 끝이다.
728x90
'TIL' 카테고리의 다른 글
3월15일 - TypeORM과 UTC Time zone 문제.. 인줄 알았으나 RDS 타임존 문제.. 인줄 알았으나 내 코드 문제 (0) | 2023.03.15 |
---|---|
3월11일 - window.location.origin (0) | 2023.03.11 |
3월9일 - @nestjs/event-emitter (0) | 2023.03.10 |
3월6일 - 'onKeyPress' is deprecated (0) | 2023.03.06 |
3월5일 - AWS S3 접속용 IAM에서 사용자 만들기 (0) | 2023.03.05 |