웹사이트의 링크를 공유했을 때 미리보기 이미지와 설명 설정
HTML 문서의 <head> 섹션에 메타 태그를 추가
Open Graph (OG) 메타 태그
Open Graph 메타 태그는 페이스북을 포함한 대부분의 소셜 미디어 플랫폼에서 사용하며, 웹 페이지의 정보를 구조화된 방식으로 제공
페이지 제목, 설명, 이미지 등을 지정 가능
meta property="og:title" content="..."> -> 콘텐츠 제목
meta property="og:url" content="..."> -> 웹페이지 URL
meta property="og:type" content="..."> -> 웹페이지 타입(blog, website 등)
meta property="og:image" content="..."> -> 표시되는 이미지
meta property="og:site_name" content="..."> -> 웹사이트 이름(URL과 다름)
meta property="og:description" content="..."> -> 웹페이지 설명(제목 아래에 표시)<meta property="og:title" content="정은체의 포트폴리오">
<meta property="og:url" content="http://goldchae-portfolio.info">
<meta property="og:type" content="website">
<meta property="og:image" content="http://goldchae-portfolio.info/meta/preview.png">
<meta property="og:site_name" content="Goldchae's Portfolio">
<meta property="og:description" content="안녕하세요! 저를 소개합니다.">
index.html에 끼우기
http://goldchae-portfolio.info
Goldchae Portfolio
goldchae-portfolio.info
외않됌.........
http://goldchae-portfolio.info
정은체의 포트폴리오
안녕하세요! 저를 소개합니다.
goldchae-portfolio.info
아싸된다
'✨ Club|Project > 포트폴리오 웹사이트 만들기!' 카테고리의 다른 글
| 👒내 포트폴리오 웹사이트 만들기👒 : 구현-Framer Motion (0) | 2024.09.24 |
|---|---|
| 👒내 포트폴리오 웹사이트 만들기👒 : 배포랑 싸우기 (2) | 2024.09.24 |
| 👒내 포트폴리오 웹사이트 만들기👒 : 들어갈 내용 정리하기 (8) | 2024.09.18 |
| 👒내 포트폴리오 웹사이트 만들기👒 : 3D 모델 넣기(three.js) (2) | 2024.09.16 |
| 👒내 포트폴리오 웹사이트 만들기👒 : 도메인 사서 연결하기 (0) | 2024.09.15 |
