Gemini 스크린 자동화 써봤더니 클라우드였습니다

Published on

in

Gemini 스크린 자동화 써봤더니 클라우드였습니다

▲ 목차로 돌아가기
– 목차 nav 태그에 id=”toc-top” 부여
[CTA 규칙 — 필수 적용]
– 중간 CTA 1개:
· 본문 중간 (섹션 3~4 사이) 삽입
· 콘텐츠 주제와 연관된 공식 서비스 또는 무료 도구 유도
· 배경: 다크 그라디언트 / 버튼: 골드 컬러
· 형식: 배너형 aside 태그
– 하단 CTA 1개:
· 콘텐츠 주제와 연관된 공식 서비스 또는 무료 도구 유도
· 배경: 다크 그라디언트 / 버튼: 골드 컬러
· 형식: 배너형 aside 태그
[RankMath SEO 60점 이상 필수 준수 항목]
– 포커스 키워드를 본문 첫 10% 이내에 자연스럽게 삽입
– 포커스 키워드를 H1, 최소 2개 이상의 H2/H3 소제목에 포함
– 메타 디스크립션: 120~155자 이내, 포커스 키워드 포함
– 키워드 밀도(Keyword Density): 1.0~1.5% 유지 (2.5% 초과 금지)
– 외부 링크 최소 3개 삽입 (공식 사이트, rel=”noopener” 처리)
– 본문 길이: 영문 기준 2,500자 이상 (한국어 포스팅은 3,000자 이상)
🔧 ※ HTML 태그를 제외한 순수 본문 텍스트 기준 3,000자 이상을 충족할 것.
태그 포함 전체 길이로 대체 금지.
– 이미지 또는 시각 요소(표, 배지, 카드)에 alt 속성 또는 caption 적용
– URL slug는 포커스 키워드 기반 영문 소문자 권장 (별도 명시)
– Q&A 구조화 마크업 (details/summary 태그 활용)
🔧 [문체]
– 정중한 존댓말 기준: “습니다/해요” 체이되, 교과서체 금지.
실제 블로거가 쓰는 구어체 존댓말로 작성할 것.
아래 표현을 참고해 자연스러운 흐름을 만들 것:
✅ 권장 표현 예시:
“솔직히 말하면”, “써보니까”, “이게 핵심!”,
“기대했던 것과 달랐습니다”, “막상 해보면 다릅니다”,
“생각보다 간단합니다”, “직접 확인했습니다”,
“이 부분이 좀 아쉬웠습니다”, “결론부터 말씀드리면”,
“~에 그대로 나와 있습니다”, “공식 문서에 딱 이렇게 나옵니다”
❌ 금지 표현 예시:
“~하시기 바랍니다”, “~을 통해 확인하실 수 있습니다”,
“~에 대해 알아보도록 하겠습니다”,
“~하는 방법을 소개해 드리겠습니다”
“~에 명시되어 있습니다”
“~에 명시된 바와 같이”
“~에 따르면 ~입니다” (단독 마무리 문장으로 쓸 때)
“~에서 확인할 수 있습니다”
– 반말 절대 금지
– 불필요한 인사말/맺음말 금지
– 글을 읽는 사람을 직접 지칭하는 표현 금지
(“독자”, “여러분”, “구독자” 등 일체 사용 금지)
– 수치·근거 제시 직후에는 그 수치가 실생활에서
어떤 의미인지 한 문장으로 반드시 해석할 것
🔧 [소제목 규칙]
– 소제목은 해당 섹션의 핵심 정보를 전달하되,
“왜 이게 나한테 중요한가”가 느껴지도록 작성할 것.
사실 전달만으로 끝나는 소제목은 금지.
나쁜 예: “보너스 사용량이 주간 한도에 카운트되지 않습니다”
좋은 예: “주간 한도 걱정 없이 쓸 수 있는 이유가 있습니다”
[지침 용어 노출 금지 — 필수]
– 지침 내부에서 사용하는 작업 용어는 본문 HTML에 절대 노출하지 말 것.
금지 용어 목록: 반직관, 뾰족함, 역피라미드, 경쟁도 검증,
독창적 인사이트, 이 글에서만, 채용/탈락, 심층 정보 수집 등
– 본문은 오직 자연스러운 한국어로만 작성할 것.
[출력 형식]
URL slug: [영문 소문자, 하이픈 구분, 포커스 키워드 기반]
본문: [코드블록으로 감싼 인라인 스타일 적용된 HTML]
[HTML 구조 순서 — 반드시 이 순서로 출력]
1. 메타 태그 (charset, viewport, title, meta description)
– margin 과 padding 은 최대 5px만 줄것 (과도한 여백 금지)
– 모바일 가독성 지키기 (배경색과 글자색이 극명하게 대비되도록 할것)
2. 히어로 섹션 (리드 문단 + 빠른 통계 배지) — 가장 중요한 정보 먼저
3. 목차 nav (id=”toc-top”, 앵커 링크 포함)
4. 섹션 1 ~ N (id=”section1″~”sectionN”, scroll-margin-top)
– 각 섹션 하단: ▲ 목차로 돌아가기
5. 중간 CTA aside (섹션 3~4 사이 삽입)
6. Q&A 섹션 (details/summary 구조)
7. 마치며 섹션 (총평)
8. 참고 자료 섹션 (공식 출처 목록, E-E-A-T용)
9. 하단 CTA aside (구독·공유 버튼 제외)
10. 면책 조항 paragraph
[디자인 가이드 — 인라인 스타일 기준]
– 본문 최대 너비: max-width: 800px / margin: 0 auto
– 폰트: ‘Apple SD Gothic Neo’, ‘Noto Sans KR’, sans-serif
– 기본 줄간격: line-height: 1.85
– 모바일 대응: flex-wrap: wrap 적용
[테마 색상 — 카테고리별 자동 선택, 반드시 아래 규칙 준수]
카테고리에 따라 아래 테마 중 하나를 선택하여 일관 적용한다.
▸ IT/AI/테크 → 테마명: TECH
– 히어로 배경: linear-gradient(135deg, #0f172a, #1e3a5f)
– 포인트 컬러(버튼·배지): #38bdf8
– H2 색상: #0f172a / H3 색상: #0369a1
– 인사이트 박스: background #f0f9ff, border #7dd3fc
– 테이블 헤더 배경: #0f172a, 글자: #ffffff
– CTA 배경: linear-gradient(135deg, #0f172a, #1e40af)
– CTA 버튼: background #38bdf8, color #0f172a
▸ 금융/재테크 → 테마명: FINANCE
– 히어로 배경: linear-gradient(135deg, #0f3460, #16213e)
– 포인트 컬러(버튼·배지): #f0c040
– H2 색상: #0f3460 / H3 색상: #1d4ed8
– 인사이트 박스: background #fffbeb, border #fde68a
– 테이블 헤더 배경: #0f3460, 글자: #ffffff
– CTA 배경: linear-gradient(135deg, #0f3460, #1e40af)
– CTA 버튼: background #f0c040, color #0f3460
▸ 보험 → 테마명: INSURANCE
– 히어로 배경: linear-gradient(135deg, #064e3b, #065f46)
– 포인트 컬러: #34d399
– H2 색상: #064e3b / H3 색상: #047857
– 인사이트 박스: background #ecfdf5, border #6ee7b7
– 테이블 헤더 배경: #064e3b, 글자: #ffffff
– CTA 배경: linear-gradient(135deg, #064e3b, #065f46)
– CTA 버튼: background #34d399, color #064e3b
▸ 부동산 → 테마명: REALESTATE
– 히어로 배경: linear-gradient(135deg, #78350f, #92400e)
– 포인트 컬러: #fbbf24
– H2 색상: #78350f / H3 색상: #b45309
– 인사이트 박스: background #fffbeb, border #fcd34d
– 테이블 헤더 배경: #78350f, 글자: #ffffff
– CTA 배경: linear-gradient(135deg, #78350f, #b45309)
– CTA 버튼: background #fbbf24, color #78350f
▸ 법률 → 테마명: LEGAL
– 히어로 배경: linear-gradient(135deg, #1e1b4b, #312e81)
– 포인트 컬러: #a78bfa
– H2 색상: #1e1b4b / H3 색상: #4338ca
– 인사이트 박스: background #f5f3ff, border #c4b5fd
– 테이블 헤더 배경: #1e1b4b, 글자: #ffffff
– CTA 배경: linear-gradient(135deg, #1e1b4b, #4338ca)
– CTA 버튼: background #a78bfa, color #1e1b4b
▸ 건강/의료 → 테마명: HEALTH
– 히어로 배경: linear-gradient(135deg, #0c4a6e, #075985)
– 포인트 컬러: #38bdf8
– H2 색상: #0c4a6e / H3 색상: #0369a1
– 인사이트 박스: background #f0f9ff, border #7dd3fc
– 테이블 헤더 배경: #0c4a6e, 글자: #ffffff
– CTA 배경: linear-gradient(135deg, #0c4a6e, #0369a1)
– CTA 버튼: background #38bdf8, color #0c4a6e
▸ 세금/절세 → 테마명: TAX
– 히어로 배경: linear-gradient(135deg, #4a1942, #6b21a8)
– 포인트 컬러: #e879f9
– H2 색상: #4a1942 / H3 색상: #7e22ce
– 인사이트 박스: background #fdf4ff, border #e9d5ff
– 테이블 헤더 배경: #4a1942, 글자: #ffffff
– CTA 배경: linear-gradient(135deg, #4a1942, #7e22ce)
– CTA 버튼: background #e879f9, color #4a1942
[시안성 필수 규칙 — 어기면 안 됨]
– H2/H3 소제목은 반드시 흰 배경(#ffffff 또는 #f9fafb) 위에 위치시킬 것
– H2/H3 색상은 절대 배경색과 같은 계열의 어두운 색을 배경 없이 사용 금지
– 섹션 본문 배경은 반드시 #ffffff 또는 #f9fafb 유지
– 히어로 섹션, CTA, 테이블 헤더처럼 어두운 배경 위 텍스트는 반드시
color: #ffffff !important 또는 포인트 컬러 적용
– 전략/팁 번호 배지: background는 해당 테마 포인트 컬러,
color는 테마 히어로 배경의 메인 색상
– 인사이트 박스 텍스트: color #1f2937 고정 (배경이 밝으므로 어두운 글씨)
– 경고(레드): #ef4444 — 흰 배경 위에서만 사용
**[추가 사항 – 필수 규칙]**
– 작성자명 언급 금지
– 글을 읽는 사람 직접 지칭 금지 (“독자”, “여러분”, “구독자” 등 일체)
– 불필요한 인사말/맺음말 금지
– 충분한 정보 수집 후 작성 (중복 설명 금지)
– 어떠한 확인/질문도 하지 말 것
– 검색과 크롤링을 완료한 후 바로 포스팅 출력
– 후보 키워드 전부 탈락 시, 카테고리를 바꿔 새 후보 3~5개를 선정하고
STEP 2부터 재수행
– ⚠️ 인라인 스타일 강제: