안녕하세요! 블로그 개설부터 구글 검색 엔진 최적화(SEO)까지 벌써 17일째 달려오고 있습니다. 지난 16일 차에는 구글 상위 노출을 위해 필수적인 ‘키워드 발굴’ 방법에 대해 자세히 알아보았죠. 이제 내 블로그가 검색 엔진의 선택을 받을 준비가 되었다면, 그다음으로 반드시 점검해야 할 요소가 있습니다. 바로 방문자가 내 글을 얼마나 편안하게 읽을 수 있는지 결정하는 WordPress Fonts and Typography 설정입니다.
블로그에 접속하자마자 글씨체가 너무 작거나 줄 간격이 좁아서 답답함을 느낀 적이 다들 한 번쯤 있으실 겁니다. 구글 로봇은 독자의 ‘체류 시간’을 사이트 품질 평가의 가장 중요한 지표로 삼습니다. 아무리 좋은 정보를 담은 글이라도 독자가 읽기 불편하다면 1분도 머물지 않고 창을 닫아버리게 되죠. 오늘은 디자인을 넘어 검색 엔진 최적화의 기본이 되는 가독성 향상과 자간, 행간 편집 공식에 대해 쉽고 상세하게 공유해 보겠습니다. 이 가이드를 통해 여러분의 블로그에 최적화된 WordPress Fonts and Typography 설정을 완료해보세요.
1. 왜 타이포그래피가 검색 엔진 최적화의 핵심일까요?
많은 초보 블로거분들이 글쓰기 자체에만 집중하느라 폰트 설정은 기본값 그대로 방치하곤 합니다. 하지만 구글이 제공하는 검색 엔진 최적화(SEO) 기본 가이드에서는 사용자가 콘텐츠를 쉽게 파악하고 읽을 수 있는 디자인을 구성하는 것이 검색 순위에 긍정적인 영향을 준다고 설명합니다.
WordPress Fonts and Typography 설정은 단순히 시각적인 만족감을 넘어, 방문자가 내 사이트에서 느끼는 ‘독서 경험’ 그 자체입니다. 독자가 눈의 피로감을 느끼지 않고 글을 끝까지 읽게 되면 체류 시간이 자연스럽게 늘어나며, 이는 구글 로봇에게 “이 사이트는 유저에게 가치 있는 정보를 제공하고 있다”는 강력한 신호를 보냅니다. 따라서 우리는 가독성이 검증된 폰트를 선정하고, 사용자에게 최적화된 자간과 행간을 설정하는 일에 좀 더 관심을 기울여야 합니다.
2. 가독성을 보장하는 폰트 선택과 시각적 비교
워드프레스에서 기본으로 제공하는 글꼴들이 한글 가독성에 최적화되지 않은 경우가 많습니다. 우리는 가볍고 시인성이 좋은 웹폰트를 적극적으로 활용해야 합니다.
눈이 편안한 폰트 추천
현재 국내 많은 서비스에서 표준으로 사용하는 ‘Pretendard(프리텐다드)’나 ‘Noto Sans KR(본고딕)’ 서체를 강력히 추천합니다. 이 서체들은 모바일과 PC 환경 모두에서 글자 뭉개짐 없이 깔끔하게 출력되어 가독성이 매우 뛰어납니다. 테마 설정의 ‘Typography’ 메뉴에서 클릭 몇 번으로 쉽게 연동할 수 있습니다.
[시각적 예시: 행간의 차이]
- 행간이 좁은 경우: 글자와 줄이 겹쳐 보이는 듯한 느낌을 주어, 독자가 다음 줄로 넘어갈 때 피로감을 쉽게 느낍니다. 문단 전체가 답답하게 보여 이탈률이 높아집니다.
- 행간이 넓은 경우: 글자 사이에 충분한 여백이 확보되어 시선이 부드럽게 이동합니다. 독자가 글의 내용을 훨씬 빠르고 정확하게 이해할 수 있습니다.
[비교 예시: 폰트 적용 전 / 후]
- 적용 전: 기본 테마 폰트는 영문 위주로 세팅되어 있어 한글 문장이 얇거나 띄어쓰기가 어색해 보입니다.
- 적용 후: 프리텐다드 같은 웹폰트를 적용하면 문장이 꽉 차고 정돈된 느낌을 주어 신뢰도가 상승합니다.
3. 체류 시간을 3배 늘리는 자간 및 행간 황금 공식
가독성이 높은 글을 만들기 위해서는 폰트 선택만큼이나 자간(Letter Spacing)과 행간(Line Height) 설정이 중요합니다. 모바일 환경에서 글을 읽는 비중이 압도적으로 높다는 점을 항상 기억해야 합니다.
- 행간(Line Height) 공식: 글자 크기의 1.6배에서 1.8배를 추천합니다. 16px 기준이라면 26px에서 28px 정도가 가장 적당합니다. 줄 간격이 너무 좁으면 독자는 다음 줄을 찾느라 눈이 금방 피로해집니다.
- 자간(Letter Spacing) 공식: 한글의 특성을 고려해 -0.02em에서 -0.05em 정도로 살짝 좁혀보세요. 글자가 너무 퍼져 보이지 않고 응집력 있게 느껴져 훨씬 정돈된 느낌을 줍니다.
[핵심 팁: 모바일 미리보기 활용] 데스크탑 화면에서만 확인하지 마세요. 반드시 모바일 환경에서 미리보기(Preview)를 통해 글자가 너무 작지는 않은지, 줄이 너무 길게 늘어지지는 않는지 꼭 확인하시기 바랍니다. 모바일 기기의 작은 화면에서도 가독성이 유지되어야 진짜 독자들이 내 글을 끝까지 읽어줍니다.
4. 스스로 체크해보는 가독성 자가 진단
마지막으로 여러분의 블로그를 아래 체크리스트로 확인해 보세요. 이 항목들만 통과해도 블로그의 품질이 한 단계 올라갑니다.
- 가독성 체크리스트
- [ ] 본문 폰트 크기가 16px 이상으로 설정되어 있나요?
- [ ] 행간(Line Height)이 1.6배 이상으로 넉넉하게 적용되었나요?
- [ ] 모바일 환경에서 글자가 작아서 줌인해야 하지는 않나요?
- [ ] 폰트 굵기가 가독성을 해칠 만큼 너무 얇지는 않나요?
- [ ] 자간이 너무 넓어 단어가 흩어져 보이지는 않나요?
[마치며]
오늘 WordPress Fonts and Typography 설정을 통해 블로그의 전문성을 높이고 독자의 체류 시간을 극대화하는 방법을 함께 나누어 보았습니다. 폰트와 간격이라는 작은 디테일이 쌓여 블로그의 전체적인 브랜드 이미지를 결정하고, 결과적으로는 구글 상위 노출이라는 목표에 한 걸음 더 다가가게 됩니다. 글쓰기의 내용만큼이나 그것을 담아내는 형식도 중요하다는 사실을 꼭 기억해 주세요.
내일 [입문 18일 차]에는 수익형 블로그의 완성도를 정점으로 끌어올릴 ‘구글 애드센스 단가를 높이는 전문 정보성 필러(Pillar) 콘텐츠 기획 및 작성 전략’으로 찾아오겠습니다. 오늘 배운 내용을 바탕으로 지금 바로 여러분의 블로그 타이포그래피를 점검해 보세요. 내일도 기세 좋게 나아갑시다!
17일차 글 보러가기: 구글 상위 노출을 위한 워드프레스 키워드 발굴 3단계 전략 [입문 16일 차]