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 |
Tags
- CSS
- 변수선언
- ReactQuery
- 오픈그래프
- 동적메타태그생성
- open gragh
- 리액트쿼리
- 옵셔널 체이닝
- customHook
- 메타태그
- 리눅스 명령어
- ContextAPI
- 3-21
- 실수
- GIT
- JavaScript
- 커스텀훅
Archives
- Today
- Total
목록동적메타태그생성 (1)
나를 위한 기록

오픈그래프 프로토콜이란? - HTML 문서의 메타 데이터를 표기하는 페이스북에서 만든 프로토콜이다. 이 프로토콜은 웹 페이지의 제목, 설명, 타입, 대표 URL 등을 표준화하여 소셜 미디어 플랫폼이나 검색 엔진에서 효과적으로 정보를 크롤링하고 미리보기를 생성할 수 있게 해준다. 사용방법이 간편하여여 페북, 네이버블로그, 카톡 등에서도 이용되는 중이다. 쓰는 이유는? - 썸네일 포함한 미리보기 제공, 페이지가 어떤 내용인지 사용자가 쉽게 확인할 수 있기 때문! 작동 원리: 사용자가 링크를 입력하면, 해당 플랫폼의 크롤러가 웹사이트를 방문해 HTML의 안에 있는 오픈그래프 메타 데이터를 크롤링한다(og:title, og:description, og:image 등). 이 데이터를 바탕으로 미리보기가 생성된다...
Today I Learned
2024. 1. 29. 11:01