1) 심사관이 보는 첫 화면 요소
- 주제 명확성: 블로그 한 줄 소개 + 대표 카테고리(2~3개).
- 신뢰 신호: 소개/문의/저작권/개인정보 고정 노출.
- 탐색 동선: 대표 글, 카테고리, 검색창, 최신 글.
2) 대표 글 배치 전략
- 허브별 대표 글 1~3개를 카드형으로 상단에 고정.
- 카드 안에 결과형 제목·요약 2줄·최근 갱신일 표기.
- 각 카드 하단에 관련 글 2~3개 앵커 링크.
TIP: 대표 글은 분기 1회 갱신하고
lastmod를 반영하세요.
4) 모바일·PC 화면 모두 점검
모바일(375px)과 데스크톱(1280px)에서 첫 스크린이 어떻게 보이는지 확인합니다. 이미지 width/height, 광고 min-height 지정으로 CLS를 방지하세요.
5) 레이아웃·디자인에서 피해야 할 요소
- 상단 과도한 광고·팝업(가독성·INP 악화).
- 의미 없는 슬라이더·자동 재생.
- 글자 대비 부족, 작은 폰트(접근성 저하).
- 저작권 불명 이미지·아이콘 사용.
주의: 첫 화면은 “정보 밀도 높음, 동선 간결, 정책 안전” 3원칙을 지킵니다.
6) 마무리 – 첫 화면 점검 체크리스트
| 항목 | 점검 |
|---|---|
| 주제 명확성 | 블로그 한 줄 소개 + 허브 2~3개 |
| 대표 글 | 허브별 1~3개, 최근 갱신일 표기 |
| 탐색 동선 | 검색창·카테고리·최신 글 노출 |
| 정책 신호 | 소개/문의/저작권/개인정보 고정 노출 |
| 성능/접근성 | 이미지 w/h, 광고 min-h, 대비/폰트 크기 |