Open Graph 로 링크 미리보기 만들기 — 유튜브는 og 태그가 780KB 뒤에 있었다
Open Graph 태그가 무엇이고 미리보기 로봇이 어떻게 읽는지 정리하고, 직접 읽어 링크 미리보기를 만들며 겪은 문제와 성능 개선(읽을 양 · 그림 크기 · 요청 수)을 적었습니다.
#OG 태그
이 태그가 붙은 글 1편
#사이드 프로젝트12#Next.js8#치지직7#Electron5#Vercel5#버튜버5#캐시4#성능3#ISR3#AI 개발3#모노레포3#치지직 순위3#데이터 시각화3#Claude Code2#개발 생산성2#SEO2#FastAPI2#애드센스2#장애 대응2#AWS S32#보안2#데이터 설계2#Open Graph1#링크 미리보기1#OG 태그1#OG 이미지1#Claude API1#환각 검증1#구조화 출력1#Python1#git worktree1#IndexNow1#네이버 검색1#Bing1#Lighthouse1#접근성1#비용 관리1#CLI1#SQLAlchemy1#SQLite1#GA41#환경변수1#비밀값 관리1#bash1#macOS1#Windows1#크로스 플랫폼1#safeStorage1#정적 블로그1#이미지 최적화1#sharp1#UI 디자인1#pnpm audit1#보안 헤더1#GitHub Actions1#배포1#에일리1#스트리머1#NovelAI1#이미지 생성1#프롬프트1#그림 연습1#크로키1#포즈 연습1#크롤러1#robots.txt1#아이폰1#와이파이 파일 공유1#트리맵1#치지직 클립1#1인 개발1#퀀트 트레이딩1#토스증권1#Open API1#컨텍스트 엔지니어링1#Slack API1#데이터 엔지니어링1#백엔드1#회고1