카카오톡이나 기타 사이트에서 URL을 공유할 때 사진이나 소개 문구가 나오는 걸 볼 수 있다.
OpenGraph를 활용하면 아래 나오는 것 처럼 나만의 웹사이트에도 설정할 수 있다.
Meta Tags — Preview, Edit and Generate
With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!
metatags.io
Meta Tags를 이용하면 내 사이트가 공유될 때 어떻게 보이는 지 미리 볼 수 있다.
설정 후 오른 쪽 위에 있는 버튼을 통해서 태그를 만들어준다.
그리고 head 부분에 넣어주면 잘 적용된다.
아래는 메타태그를 이용해서 만든 OpenGraph이다.
Timecapsule
이제 온라인에서도 타임캡슐을 묻을 수 있습니다. 추억을 묻어보세요.
www.timecapsule.jootang2.com
'Spring' 카테고리의 다른 글
| JSON 응답에서 한글 깨질 때 해결 방법 (2) | 2022.11.30 |
|---|---|
| 구글 애널리틱스를 사용해서 내 사이트 분석하기 (3) | 2022.11.24 |
| Spring에서 html 형식 메일 보내보기 (2) | 2022.11.07 |
| Spring에 Kakao 지도 API 적용해보기_1 (2) | 2022.11.05 |
| Session에 값을 추가하고 interceptor로 검사해서 통과한 사용자만 페이지에 접속할 수 있도록 (0) | 2022.10.21 |
