블로그 상위노출을 위한 커스텀 GPT 만들기: HTML 자동 글쓰기 시스템 구축법

왜 블로그 글쓰기에 커스텀 GPT가 필요한가?

블로그를 운영하다 보면 매번 글을 처음부터 작성하는 데 상당한 시간이 소요된다는 점을 실감하게 됩니다. 특히 목차 구성, 본문 작성, Q&A 섹션, 마무리 문구, 태그 선정까지 하나의 포스팅을 완성하는 데 필요한 작업이 생각보다 많습니다. 더구나 검색 상위에 노출되는 블로그들은 단순히 텍스트만 나열하는 것이 아니라, 시각적으로 구조화된 HTML 형식을 사용하고 있다는 공통점이 있습니다.

기존에는 이런 HTML 기반의 블로그 글을 작성하려면 HTML 코드를 직접 작성하거나, 유료 자동화 도구를 구매해야 했습니다. 그러나 ChatGPT의 커스텀 GPT(GPTs) 기능을 활용하면 이 과정을 직접 구현할 수 있습니다. 이 글에서는 키워드 하나를 입력하면 HTML 형식의 완성된 블로그 포스팅을 단계적으로 생성해주는 커스텀 GPT를 만드는 방법을 설명합니다.

*커스텀 GPT(GPTs) : ChatGPT 내에서 특정 목적에 맞게 설정과 지침을 추가해 만든 나만의 AI 어시스턴트. 레시피 하나만 알면 매번 같은 요리를 일관되게 만들 수 있는 것처럼, 한 번 설정해두면 동일한 방식으로 콘텐츠를 생산할 수 있습니다.

핵심 원리: 왜 글을 여러 단계로 나눠서 생성하는가?

커스텀 GPT로 블로그 글을 생성할 때 가장 많이 하는 오해 중 하나는 "키워드 하나를 입력하면 긴 글이 한 번에 나와야 한다"는 기대입니다. 그러나 이는 GPT의 작동 방식을 이해하면 자연스럽게 해소됩니다.

GPT는 한 번의 응답에서 출력할 수 있는 텍스트 양, 즉 아웃풋 토큰(output token)의 한계가 존재합니다. 이 한계를 초과하는 분량의 글을 한 번에 요청하면, 글이 중간에 잘리거나 내용이 압축되어 품질이 낮아집니다. 이 문제를 해결하는 방법이 바로 5단계 분할 생성 방식입니다.

*아웃풋 토큰 : AI가 한 번의 응답에서 생성할 수 있는 텍스트의 최대 단위. 물 한 컵에 담을 수 있는 양이 정해져 있듯, AI의 한 번 응답에도 담을 수 있는 텍스트 양의 한계가 있습니다.

글 전체를 5개의 스텝으로 나누어 각 단계에서 특정 섹션만 생성하도록 지침을 설계하면, 각 단계마다 품질 높은 텍스트를 충분히 생성할 수 있습니다. 결과적으로 5번의 응답을 합치면 하나의 완성된 블로그 포스팅이 완성됩니다.

단계	생성 내용	역할
Step 1	제목, 부제목, 인사말, 목차(6개)	글의 골격 설계
Step 2	목차 1~3번 본문	전반부 내용 작성
Step 3	목차 4~6번 본문	후반부 내용 작성
Step 4	Q&A 섹션 (6개 질문)	독자 유입 후 체류 유도
Step 5	마무리 문구 + 태그	댓글·참여 유도 및 검색 최적화

글자 수에 대한 오해: 많다고 좋은 것이 아닙니다

블로그 운영자라면 "글이 길수록 상위노출에 유리하다"는 이야기를 한 번쯤 들어봤을 것입니다. 그러나 이는 정확한 정보가 아닙니다. 구글이 선호하는 블로그 포스팅의 적정 글자 수는 일반 정보성 글 기준으로 약 800~1,500자, 전문성이 요구되는 주제는 2,000~3,000자 수준으로 알려져 있습니다.

1만 자를 넘는 지나치게 긴 글은 오히려 독자의 이탈을 유발하고, 핵심 내용이 희석될 수 있습니다. 커스텀 GPT의 지침을 설정할 때 "최적화"라는 단어를 사용하면서 동시에 "5,000자 이상 작성"이라는 조건을 함께 넣으면 두 지침이 충돌하여 예상치 못한 결과가 나올 수 있습니다. 지침 작성 시에는 상충되는 조건이 없는지 반드시 검토하는 것이 좋습니다.

HTML 출력 방식을 선택해야 하는 이유

블로그 글을 GPT로 생성할 때 마크다운(Markdown) 형식과 HTML 형식 중 하나를 선택해야 합니다. 두 방식은 각각 장단점이 있으므로 자신의 블로그 환경에 맞게 선택하는 것이 중요합니다.

마크다운(Markdown) : 특수 기호(#, *, - 등)를 사용해 텍스트에 서식을 지정하는 간단한 문법. 워드프로세서 없이도 제목, 굵은 글씨, 목록 등을 표현할 수 있는 방식입니다.

구분	마크다운 방식	HTML 방식
작성 난이도	⭐⭐ 비교적 간단	⭐⭐⭐ 코드 구조 이해 필요
디자인 자유도	제한적	색상, 박스, 호버 효과 등 세밀한 커스터마이징 가능
스킨 편집 블로그	충돌 없이 사용 가능	기존 스킨과 충돌 가능성 있음
일반 티스토리	사용 가능	HTML 모드에서 붙여넣기로 바로 사용 가능
시각적 완성도	보통	상위노출 블로그 수준의 구조화된 디자인 구현 가능

HTML 방식의 핵심 장점은 목차에 링크를 연결하고, 섹션별로 배경색과 테두리를 적용하며, Q&A 박스처럼 시각적으로 구분되는 요소를 자유롭게 구현할 수 있다는 점입니다. 단, 개인 스킨을 직접 편집해서 사용하는 블로그라면 HTML 코드와 충돌이 발생할 수 있으므로 마크다운 방식을 권장합니다.

커스텀 GPT 구성 요소: 지침과 출력 예시 파일

커스텀 GPT 구성 요소인 지침 파일과 HTML 예시 파일의 구조 다이어그램

블로그 글쓰기 커스텀 GPT를 만들기 위해서는 크게 두 가지를 준비해야 합니다.

① 지침(Instructions): GPT가 어떤 방식으로 글을 생성할지 정의하는 핵심 설정입니다. 5단계 생성 순서, 각 단계에서 작성할 내용, 출력 형식(HTML), 문체 등을 구체적으로 명시합니다.

② 출력 예시 파일(Knowledge): GPT의 지식 영역에 업로드하는 HTML 예시 파일입니다. 실제로 어떤 HTML 태그와 CSS 스타일을 사용해야 하는지를 예시 형태로 제공합니다. GPT는 이 파일을 참고하여 동일한 구조와 디자인으로 글을 생성합니다.

출력 예시 파일을 만드는 과정은 다음과 같습니다. 먼저 상위노출되는 블로그 포스팅의 페이지 소스를 분석하여 어떤 HTML 요소들이 사용되는지 파악합니다. 일반적으로 H1(메인 제목), H2(주요 섹션 제목), H3(소제목), 목차 박스, 본문 텍스트, 강조 박스, Q&A 섹션, 태그 영역 등이 포함됩니다. 이 요소들을 원하는 색상 테마와 스타일로 꾸민 HTML 파일을 만들어 GPT의 지식 파일로 업로드하면 됩니다.

HTML 디자인 작업이 처음이라면 CodePen(codepen.io)을 활용하는 것이 좋습니다. 코드를 입력하면 실시간으로 화면에 어떻게 보이는지 미리볼 수 있어, GPT가 생성한 HTML 코드를 바로 확인하고 수정할 수 있습니다.

*CodePen : HTML, CSS, JavaScript 코드를 브라우저에서 바로 실행하고 결과를 확인할 수 있는 온라인 코드 편집기. 별도의 프로그램 설치 없이 웹에서 바로 사용할 수 있습니다.

블로그 수익화에 대한 현실적인 이해

커스텀 GPT를 활용해 블로그 글을 자동 생성하는 시스템을 구축하더라도, 수익화를 위해서는 추가적인 전략이 필요합니다. 몇 가지 중요한 사항을 정리합니다.

애드센스 승인 관련: Google 애드센스는 1인 1계정 원칙을 적용합니다. 새로운 구글 계정으로 블로그를 운영하며 애드센스 승인을 신청할 경우, 기존 주 계정에 이미 결제 정보가 연동되어 있어 최종 승인 단계에서 문제가 발생하는 경우가 많습니다. 애드센스 연동은 평소 사용하는 주 구글 계정으로 진행하는 것이 안전합니다.

하루 발행 글 수: 글의 수량보다 품질이 중요합니다. 하루 3~5개 수준의 양질의 포스팅이 다량의 저품질 글보다 효과적입니다. 더 많은 글을 발행하고 싶다면 하나의 블로그에 집중하기보다 여러 블로그를 운영하며 분산하는 방식이 권장됩니다.

카테고리 일관성: 블로그의 주제를 하나의 카테고리로 집중하는 것이 검색 노출에 유리합니다. 다양한 주제를 다루는 블로그보다 특정 분야에 전문화된 블로그가 플랫폼 알고리즘에서 더 높은 신뢰도를 받는 경향이 있습니다.

📌 핵심 정리

✅ 블로그 글쓰기 커스텀 GPT는 지침 파일과 HTML 출력 예시 파일, 두 가지로 구성됩니다.

✅ GPT의 아웃풋 토큰 한계로 인해 글을 5단계로 나눠 생성하는 방식이 품질과 분량 모두에서 유리합니다.

✅ HTML 방식은 디자인 자유도가 높지만, 개인 스킨 편집 블로그와는 충돌할 수 있으므로 환경에 맞는 방식을 선택해야 합니다.

✅ 블로그 글자 수는 많을수록 좋은 것이 아니며, 구글 기준 2,000~3,000자 수준의 전문성 있는 콘텐츠가 효과적입니다.

✅ 수익화의 핵심은 자동화 도구가 아니라 적절한 키워드 선정과 양질의 콘텐츠 생산에 있습니다.

🛠 실전 따라하기 가이드

📋 사전 준비

ChatGPT Plus 계정 (GPTs 생성 기능 사용 — 월 $20, 유료)
CodePen 계정 (HTML 미리보기용 — 무료, 회원가입 필요)
티스토리 블로그 계정 (무료, 회원가입 필요)
메모장 또는 텍스트 편집기 (HTML 코드 임시 저장용 — 기본 설치)

Step 1: HTML 출력 예시 파일 설계하기

ChatGPT에 접속하여 새 대화를 시작합니다.
아래와 같이 입력하여 블로그에서 사용할 HTML 요소 목록을 파악합니다.

> "티스토리 블로그 글에서 자주 사용되는 HTML 태그와 CSS 요소를 목록으로 정리해줘. H1, H2, 목차 박스, Q&A 섹션, 강조 박스 등을 포함해서."

응답으로 나온 요소 목록을 메모장에 저장합니다.
이어서 다음과 같이 입력하여 전체 출력 예시 HTML 파일을 생성 요청합니다.

> "위 요소들을 모두 포함한 블로그 글 출력 예시 HTML 파일을 만들어줘. 색상 테마는 [원하는 색상]으로 설정하고, 목차 클릭 시 해당 섹션으로 이동하도록 앵커 링크를 포함해줘. head, body 태그 없이 단독으로 사용할 수 있는 형태로 만들어줘."

생성된 HTML 코드를 복사하여 CodePen의 HTML 영역에 붙여넣고 디자인을 확인합니다.

💡 초보자 팁: 색상 테마를 변경하고 싶다면 "목차 배경색을 네이비 블루로, 제목 텍스트는 흰색으로 변경해줘"처럼 구체적으로 요청하면 됩니다. 한 번에 완성하려 하지 말고 요소 하나씩 수정하는 것이 결과물을 통제하기 쉽습니다.

Step 2: GPTs 생성 페이지 접속 및 기본 설정

ChatGPT에 로그인 후 좌측 사이드바에서 "Explore GPTs" 또는 "내 GPT" 항목을 클릭합니다.
우측 상단의 "+ Create" 버튼을 클릭합니다.
"Configure" 탭을 선택합니다.
Name 항목에 GPT 이름을 입력합니다. (예: 블로그 글쓰기 도우미)
Description 항목에 이 GPT의 용도를 간략히 입력합니다.

💡 초보자 팁: "Create" 탭의 대화형 설정 방식보다 "Configure" 탭에서 직접 지침을 작성하는 방식이 더 정밀한 제어가 가능합니다.

Step 3: 지침(Instructions) 작성하기

"Configure" 탭의 Instructions 입력란에 아래 구조를 참고하여 지침을 작성합니다.

당신은 티스토리 블로그 전문 글쓰기 AI입니다.
사용자가 키워드를 입력하면 아래 5단계 순서에 따라 HTML 형식의 블로그 글을 생성합니다.

[Step 1] 사용자가 키워드를 입력하면:
- 메인 제목(H1) 1개
- 친근한 인사말 (2~3문장)
- 목차 6개 항목 생성
- HTML 형식으로 출력
- 출력 후 "Step 2를 진행하려면 '계속'을 입력해주세요." 안내

[Step 2] 사용자가 '계속' 입력 시:
- 목차 1번~3번 본문을 각각 300~400자 분량으로 작성
- HTML 형식으로 출력

[Step 3] 사용자가 '계속' 입력 시:
- 목차 4번~6번 본문을 각각 300~400자 분량으로 작성
- HTML 형식으로 출력

[Step 4] 사용자가 '계속' 입력 시:
- 주제와 관련된 Q&A 6개를 박스 형태로 작성
- HTML 형식으로 출력

[Step 5] 사용자가 '계속' 입력 시:
- 친근하고 댓글 참여를 유도하는 마무리 문구
- 관련 태그 10~15개
- HTML 형식으로 출력

모든 출력은 Knowledge에 업로드된 예시 파일의 HTML 구조와 CSS 스타일을 동일하게 적용합니다.

💡 초보자 팁: 지침에서 "최적화"와 "5,000자 이상" 같이 상충되는 조건이 함께 있으면 GPT가 혼란을 겪습니다. 지침 내 조건들이 서로 충돌하지 않는지 검토하세요.

Step 4: 출력 예시 파일 업로드

Step 1에서 완성한 HTML 출력 예시 파일을 .html 형식으로 저장합니다.
Configure 탭에서 "Knowledge" 섹션을 찾습니다.
"Upload files" 버튼을 클릭하여 저장한 HTML 파일을 업로드합니다.
파일이 정상적으로 업로드되면 파일명이 목록에 표시됩니다.

💡 초보자 팁: 파일 업로드 후 GPT가 예시 파일의 스타일을 제대로 참조하는지 테스트 대화를 통해 확인하는 것이 좋습니다.

Step 5: 티스토리에 결과물 적용하기

완성된 커스텀 GPT에 키워드를 입력하고 Step 1~5를 순서대로 진행합니다.
각 단계에서 생성된 HTML 코드를 모두 복사하여 메모장에 순서대로 붙여넣습니다.
티스토리 블로그 글쓰기 페이지에 접속합니다.
에디터 우측 상단의 "HTML" 또는 "소스코드" 모드 버튼을 클릭합니다.
메모장에 모아둔 전체 HTML 코드를 한 번에 붙여넣습니다.
미리보기를 통해 레이아웃을 확인한 후 제목과 태그를 입력하고 발행합니다.

📸 정상 적용 시 화면 상태: 목차가 박스 형태로 상단에 표시되고, 각 섹션 제목에 색상 강조가 적용되며, Q&A 섹션이 별도 박스로 구분되어 보입니다.

✅ 완료 체크리스트

[ ] HTML 출력 예시 파일이 CodePen에서 정상적으로 표시됨
[ ] GPTs Configure 탭에 지침(Instructions)이 5단계 구조로 작성됨
[ ] Knowledge에 HTML 예시 파일이 업로드됨
[ ] 테스트 키워드로 Step 1~5 전체 실행 완료
[ ] 티스토리 HTML 모드에서 결과물 정상 표시 확인

🚨 이런 문제가 생겼다면?

GPT가 HTML 대신 마크다운으로 출력할 때 → Instructions에 "반드시 HTML 형식으로만 출력하고 마크다운 문법을 사용하지 마세요"를 명시적으로 추가합니다.
티스토리에 붙여넣으면 디자인이 깨질 때 → 개인 스킨 편집을 사용 중인지 확인합니다. 스킨 편집 블로그는 HTML 방식 대신 마크다운 방식을 권장합니다.
GPT가 Step 1만 실행하고 멈출 때 → 사용자가 직접 "계속"을 입력해야 다음 단계로 진행됩니다. 지침에 각 단계 완료 후 안내 문구를 추가하면 흐름을 파악하기 쉬워집니다.
생성된 글자 수가 너무 적다고 느껴질 때 → 각 목차 항목당 글자 수를 지침에 명시합니다. 단, 구글 권장 기준인 2,000~3,000자 수준을 목표로 설정하는 것이 적절합니다.
애드센스 최종 승인이 계속 거절될 때 → 블로그에 연결된 구글 계정이 기존 주 계정인지 확인합니다. 새로 만든 계정으로 연동 시 지급 정보 인증 단계에서 문제가 발생할 수 있으므로, 주 계정으로 재연동을 시도합니다.