워블로그를 꾸미기 시작하면 하나씩 더해보고 싶은 것들이 생깁니다. 예쁜 테마를 고르고 로고를 만들고, 메뉴와 위젯을 추가하다 보면 어느새 처음보다 훨씬 많은 기능이 들어가게 됩니다.
저도 처음에는 디자인을 많이 넣는 것이 잘 만든 블로그라고 생각했습니다. 하지만 여러 설정을 적용해 보면서 생각이 달라졌습니다. 화면이 화려해질수록 오히려 글을 읽기 불편해지고, 모바일에서는 페이지가 무겁게 느껴지는 경우가 있었기 때문입니다.
결국 블로그 디자인에서 가장 중요하게 생각하게 된 것은 무엇을 더 넣을 것인가보다 무엇을 덜어낼 것인가였습니다. 이 글에서는 직접 블로그를 꾸미고 수정하면서 확인했던 테마 선택부터 글자 크기, 메뉴와 사이드바, 모바일 화면까지 방문자가 글을 편하게 읽을 수 있도록 정리하는 방법을 순서대로 소개하겠습니다.
1. 테마 선택: 가볍고 빠른 GeneratePress 무료 테마
화려한 슬라이너나 애니메이션 효과가 들어간 테마는 서버 용량을 차지하고 CSS/JS 파일을 많이 불러와 로딩 속도를 갉아먹는 주범입니다.
- 추천 테마: 수많은 시행착오 끝에 정착한 테마는 GeneratePress입니다.
- 선택 이유: 기본 용량이 10KB 미만으로 매우 가벼워 페이지 로딩 속도가 독보적으로 빠르며, 구글 SEO 및 애드센스 자동 광고 배치가 가장 매끄럽게 연동됩니다.
- 설치 방법: 워드프레스 관리자 알림판 >
외모>테마>새 테마 추가에서 ‘GeneratePress’를 검색하여 설치 및 활성화만 하면 기본 단일 칼럼 구조가 완성됩니다.
2. 캔바로 5분 만에 로고 및 파비콘(Favicon) 제작
블로그의 정체성을 보여주는 타이틀 로고와 브라우저 탭 상단에 표시되는 아이콘(파비콘)은 사이트의 신뢰도(EEAT)를 높이는 필수 요소입니다.
- 실제 제작 방법: 무료 디자인 툴인 캔바(Canva)를 활용해 500×500 픽셀의 정사각형 캔버스를 만듭니다.
- 파비콘 규격 및 설정: 복잡한 그림보다는 블로그 이름을 대표하는 글자 1~2자나 단색 아이콘 하나만 깔끔하게 배치합니다.
- 적용 경로: 워드프레스 알림판 >
외모>사용자 지정>사이트 정체성>사이트 아이콘메뉴에 제작한 이미지를 업로드합니다.
3. 본문 가독성 세팅 (폰트, 글자 크기, 줄 간격)
글을 읽을 때 폰트가 작거나 줄 간격이 답답하면 방문자 체류 시간(Dwell Time)이 급감하여 애드센스 승인과 상위 노출 모두에 불리해집니다.
- 폰트 선택: 시스템 폰트를 사용하거나 한국어 가독성이 검증된 Pretendard 또는 Noto Sans KR을 권장합니다.
- 권장 세팅값:
- 본문 글자 크기: 16px ~ 18px (모바일 독자의 눈의 피로를 최소화하는 표준 크기)
- 줄 간격(Line Height): 1.6 ~ 1.8 (글자 크기의 약 160~180%로 여백을 확보)
- 글자 색상: 순수한 검은색(
#000000)보다는 살짝 부드러운 짙은 회색(#333333또는#222222)을 적용해 눈 부심을 방지합니다.
4. 메인 메뉴 및 카테고리 단권화
카테고리가 너무 세분화되어 있으면 독자뿐만 아니라 구글 크롤링 로봇도 사이트의 주제 전문성을 판별하기 어려워집니다.
- 카테고리 구성: 메인 주제에 집중할 수 있도록 상위 카테고리는 3~5개 이내로 최소화합니다. 글이 5개 이상 채워지지 않은 빈 카테고리는 애드센스 심사 시 ‘내용 없음’ 감점 요인이 되므로 제거합니다.
- 메뉴 구조 최적화:
외모>메뉴에서 대표 카테고리만 상단 헤더(Header) 메뉴에 배치합니다.- ‘블로그 소개’, ‘개인정보처리방침(Privacy Policy)’, ‘문의하기’ 같은 필수 정책 페이지는 하단 푸터(Footer) 영역에 배치하여 상단을 깔끔하게 유지합니다.
5. 불필요한 위젯 제거 및 사이드바 최적화
블로그 우측이나 좌측 사이드바에 시계, 날씨, 너무 많은 최근 댓글, 태그 구름 등을 붙여놓으면 페이지 용량이 커지고 시선이 분산됩니다.
- 사이드바 최소화: 사이드바에는 ‘검색창’과 ‘인기 글(또는 대표 카테고리)’ 단 2~3개 요소만 남겨두고 모두 비웁니다.
- 본문 집중도 확보: 방문자의 시선이 오직 본문 콘텐츠에만 집중되도록 사이드 여백을 살려두는 것이 향후 애드센스 광고 노출 효율 및 클릭률 상승에 유익합니다.
6. 모바일 반응형 및 로딩 속도 최종 점검
전체 유입의 70% 이상이 모바일 기기에서 발생하므로, PC 기준의 디자인 설정 후 반드시 모바일 최적화 여부를 점검해야 합니다.
- 점검 도구: 크롬 브라우저에서
F12를 눌러 개발자 도구를 연 뒤, 상단의 모바일 기기 아이콘을 클릭하여 기기별 화면 비율을 확인합니다. - 체크리스트:
- 본문 폰트가 스마트폰 화면에서 왜곡 없이 읽히는가?
- 본문 내 이미지가 화면 밖으로 넘치지 않고 자동으로 수축되는가?
- 링크 및 버튼 간격이 충분하여 한 손가락 터치가 쉬운가?
7. 핵심 요소 한눈에 보기
| 디자인 요소 | 최적화 권장 설정 | 구글 SEO 및 애드센스 이점 |
| 추천 테마 | GeneratePress (무료 버전) | 속도 극대화 및 코드 최적화 |
| 본문 폰트 | 16px~18px / 줄간격 1.6~1.8 | 모바일 가독성 향상 및 체류 시간 증대 |
| 카테고리 | 3~5개 이내 전문 주제 통합 | 사이트 전문성(EEAT) 명확화 |
| 사이드바 | 검색창, 인기 글만 최소한 배치 | 본문 집중도 및 광고 가시성 확보 |
마치며: 디자인의 완성은 ‘덜어냄’에 있다
워드프레스 블로그를 운영하다 보면 다양한 기능과 예쁜 요소를 추가하고 싶은 욕심이 들기 마련입니다. 하지만 구글 애드센스 승인과 상위 노출에 있어 가장 좋은 디자인은 ‘독자의 읽기를 방해하는 모든 요소를 덜어낸 상태’입니다.
가볍고 빠른 기본 테마 위에 가독성 높은 폰트와 깔끔한 여백을 구성하고, 모바일 중심의 화면 구성을 정돈해 보시길 바랍니다. 과도한 꾸미기보다는 방문자에게 가치 있는 정보를 전달하는 깨끗한 도화지를 만든다는 마음으로 차근차근 세팅을 시작해 보세요.