겨리의 개발일기

고정 헤더 영역

글 제목

메뉴 레이어

겨리의 개발일기

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (82)
    • Programming (57)
      • JavaScript (6)
      • TypeScript (4)
      • Vue.js (9)
      • React (12)
      • Spring (1)
      • Algorithm (13)
      • 기타 (12)
    • CS (2)
    • 회고 (14)
    • HTML&CSS (8)

검색 레이어

겨리의 개발일기

검색 영역

컨텐츠 검색

OpenGraph

  • 프로젝트에 Open Graph(OG) 설정하기

    2024.01.24 by 겨리!

프로젝트에 Open Graph(OG) 설정하기

개인프로젝트를 리팩토링 하던 중 링크 공유시 미리보기에 정보가 너무 없다는 생각이 들어 Open Graph를 적용해봤다. 적용하는 과정을 정리해보고자 한다. 😎 처음엔 이렇게 아무것도 없어서 이게 무슨 링크인지 확인이 불가능했다. (뭔가 수상함...🤔) 특히 나는 개발자 오픈카톡에 내 프로젝트 링크를 자주 공유하는 편이라 어떤 사이트인지 정보가 잘 나타나있어야 사람들이 조금이나마 더 관심을 가질 것이라고 생각했다. Open Graph를 적용하기 전에 무엇인지부터 알아보자! Open Graph(OG) Open Graph 사이트에 나온 설명은 아래와 같다 오픈그래프 프로토콜은 페이스북에서 처음 만들어졌으며, Dublin Core, link-rel canonical, Microformats, 그리고 RDFa로..

Programming/기타 2024. 1. 24. 03:01

추가 정보

반응형

인기글

최신글

페이징

이전
1
다음
겨리의 개발일기
메일

티스토리툴바