SEO Jing
본문 이미지를 나중에 넣는 게 아니라 — SEOJing 글쓰기.
SEOJing에서 새 글을 쓸 때 대표 이미지와 본문 이미지를 빼먹지 않도록, 블로그 맵과 글쓰기 파이프라인 안에 시각 판단 단계를 넣은 과정을 정리했다.
처음에는 “AI로 영상 만든다”는 말을 조금 넓게 보고 있었다. 글 하나를 넣으면 쇼츠가 나오고, 그걸 유튜브나 인스타에 올리면 되는 식의 자동화로 생각하기 쉽다. 그런데 SEOJing에 그대로 붙이기에는 어색했다.
SEOJing 글은 그냥 콘텐츠 덩어리가 아니다. 대부분이 어떤 기능을 만들다가 기준을 다시 잡은 기록이고, OkayJing 운영 판단이나 스터디 흐름처럼 맥락을 같이 읽어야 이해되는 글이 많다. 여기서 영상만 따로 튀어나가면, 영상은 눈길을 끌 수는 있어도 글과 분리된다.
이번에 잡은 기준은 그래서 조금 다르다.
영상은 글의 대체물이 아니라, 글로 들어오는 입구여야 한다.
시작은 “요약 영상”이 아니라 “포스트 상단”이었다
처음 의심한 건 영상 생성 방식이었다. Motion Canvas처럼 코드를 짜서 모션그래픽을 만들지, FFmpeg로 카드형 영상을 만들지, 아니면 Sora나 Runway 같은 생성형 영상을 써야 하는지 같은 선택지가 먼저 보였다.
그런데 막상 SEOJing에 붙이려고 보니, 렌더러보다 앞에 있는 문제가 있었다.
이 영상이 어디에 붙을 것인가?
소셜에만 올릴 영상이면 훅이 강한 게 중요하다. 하지만 SEOJing 포스트 안에 들어갈 영상이면 성격이 달라진다. 글의 제목, 설명, 태그, 본문 흐름과 같은 선상에 있어야 한다. 영상의 첫 문장이 세더라도, 그 강함은 포스트의 실제 문제에서 나와야 한다.
그래서 기능의 출발점을 이렇게 바꿨다.
txt
글을 요약해서 영상 만들기
가 아니라,
txt
SEOJing 포스트 상단에 붙을 요약 쇼츠 만들기
이 차이가 생각보다 컸다. 후자는 영상 생성보다 콘텐츠 계약에 가깝다.
frontmatter에 summaryVideo를 넣었다
가장 단순한 방법은 MDX 본문에 <video> 태그를 직접 박는 것이다. 하지만 그건 SEOJing 구조와 잘 맞지 않았다. 나중에 모든 글의 요약 영상을 목록화하거나, 소셜용 파일과 블로그 상단 파일을 구분하거나, 자막/포스터/제공자를 추적하려면 본문 안에 숨어 있으면 불편하다.
그래서 포스트 frontmatter에 summaryVideo를 추가했다.
yaml
summaryVideo:
src: /summary-videos/SEOJing/summary-video-pipeline/summary-short.mp4
title: SEOJing 글 위에 붙는 요약 쇼츠
caption: 글을 대체하는 영상이 아니라 본문으로 들어가는 입구로 만든 요약 영상입니다.
