목록html OG 태그 (1)

열정 실천

[HTML 003] OG Tag - 한 눈에 보는 페이지 정보 (Github Pages - 내 웹 페이지 배포하는 법)

OG 태그 특정 링크를 공유했을 때 위와 같이 썸네일 이미지, 제목, 설명 등의 내용을 볼 수 있다. 이는 Open Graph Protocol 인 OG 태그를 활용했기 때문이다. 이 OG태그는 공유한 링크로부터 웹 페이지의 특정 정보를 가져올 수 있게 한다. OG 태그는 head에 이러한 형식으로 작성한다. 하지만 이 태그를 사용하기 위해서는 해당 페이지가 배포가 되어있어야 가능하다!! 👇👇👇👇👇👇 Github Pages로 내 페이지 배포하기 1. Github Pages 원격 저장소 만들기 *Repositoy 이름 주의* Repository name : [계정명].github.io 2. 새로운 폴더 생성 후 html 파일 만들기 html 파일 이름은 반드시 index.html 로 해야한다! 3. Git ..
개발 공부/HTML 2023. 3. 16. 17:12
이전 Prev 1 Next 다음