얼마 전 오래 방치해둔 블로그를 다시 열어봤는데, 글 내용보다 먼저 눈에 들어온 건 어수선한 메뉴와 작은 글씨였어요. 분명 예전에 열심히 써둔 글인데도 화면이 복잡하니까 저조차 오래 머물고 싶지 않더라고요. 블로그꾸미기는 예쁘게 치장하는 작업이라기보다, 방문자가 글을 편하게 읽고 다음 글까지 자연스럽게 눌러보게 만드는 기본 환경을 만드는 일에 가깝습니다.
블로그꾸미기 전에 먼저 정할 것
처음부터 스킨, 배너, 위젯을 한꺼번에 바꾸면 오히려 방향을 잃기 쉽습니다. 먼저 내 블로그가 어떤 인상을 주면 좋을지 정하는 편이 훨씬 수월해요. 예를 들어 생활 정보 블로그라면 깔끔하고 신뢰감 있는 분위기가 잘 맞고, 취미 기록 블로그라면 조금 더 따뜻한 색과 개인적인 사진이 잘 어울립니다.
방문자는 보통 첫 화면에서 3초 안에 계속 볼지 판단한다고들 합니다. 이 짧은 시간에 블로그 주제, 글 목록, 읽기 쉬운 분위기가 보이면 체류 시간이 달라질 수 있어요. 그래서 꾸미기의 출발점은 화려함이 아니라 ‘무슨 블로그인지 바로 보이는가’입니다.
- 블로그 주제를 한 문장으로 말할 수 있는지 확인하기
- 대표 색상은 2~3개 정도로 제한하기
- 글 목록, 카테고리, 검색창 위치를 찾기 쉽게 두기
- 모바일 화면에서 첫 화면이 답답하지 않은지 보기
읽기 편한 화면을 만드는 기본 설정
사실 블로그꾸미기에서 가장 큰 차이를 만드는 건 배경 이미지보다 글자입니다. 글자가 너무 작거나 줄 간격이 촘촘하면 좋은 내용도 금방 피곤하게 느껴져요. 본문 글자 크기는 대체로 16px 안팎이 무난하고, 줄 간격은 글자 크기의 1.6배 정도면 숨 쉴 공간이 생깁니다.
글 폭도 중요합니다. 데스크톱 화면에서 본문이 너무 넓으면 한 줄을 읽는 데 눈이 오래 움직여야 해서 집중력이 떨어집니다. 반대로 너무 좁으면 줄바꿈이 잦아져 산만해지고요. 일반적인 정보성 글이라면 본문 영역을 700~800px 정도로 두는 구성이 읽기에 편한 편입니다.
색상은 적게 쓸수록 안정적입니다
초보 때 가장 많이 하는 실수가 예쁜 색을 계속 추가하는 거예요. 버튼은 민트, 제목은 보라, 배경은 노랑, 링크는 빨강처럼 색이 늘어나면 블로그가 금방 복잡해집니다. 기본 배경은 흰색이나 아주 옅은 회색처럼 눈이 편한 색을 두고, 강조 색 하나를 정해 제목이나 버튼에 반복해서 쓰면 훨씬 단정해 보입니다.
예를 들어 본문은 짙은 회색, 제목은 검정에 가까운 색, 포인트는 초록 계열 하나만 써도 충분합니다. 이렇게 제한하면 방문자가 어디를 봐야 할지 자연스럽게 알 수 있어요.
첫 화면은 덜어낼수록 좋아집니다
블로그 첫 화면에 달력, 방문자 수, 배너, 프로필, 음악, 최근 댓글, 광고까지 모두 넣고 싶은 마음이 들 때가 있습니다. 그런데 처음 들어온 사람 입장에서는 선택지가 너무 많으면 오히려 아무것도 누르지 않게 돼요. 정보가 많은 블로그일수록 첫 화면은 단순해야 합니다.
저라면 가장 먼저 상단 메뉴를 손봅니다. 카테고리가 10개 넘게 펼쳐져 있으면 비슷한 주제끼리 묶어 4~6개 정도로 줄이는 편이 좋아요. 예를 들어 ‘앱 사용법’, ‘생활 꿀팁’, ‘정부지원’, ‘후기’처럼 방문자가 바로 이해할 수 있는 말이 좋습니다. 멋진 표현보다 익숙한 표현이 클릭을 더 쉽게 만듭니다.
- 잘 안 쓰는 위젯은 과감히 빼기
- 카테고리 이름은 짧고 직관적으로 쓰기
- 대표 글이나 인기 글은 3~5개만 보여주기
- 광고 영역은 본문 흐름을 끊지 않게 배치하기
썸네일과 이미지로 분위기 맞추는 방법
블로그꾸미기에서 썸네일은 생각보다 큰 역할을 합니다. 같은 글이라도 썸네일 스타일이 들쭉날쭉하면 전체 화면이 어수선해 보이고, 일정한 규칙이 있으면 전문적으로 느껴집니다. 꼭 디자인을 잘해야 하는 건 아니에요. 제목 위치, 배경 색, 글자 크기만 통일해도 느낌이 달라집니다.
정보성 블로그라면 썸네일에 글자를 너무 많이 넣지 않는 편이 낫습니다. 모바일에서는 작은 이미지로 보이기 때문에 긴 문장은 거의 읽히지 않거든요. 6~10자 정도의 짧은 문구와 주제를 암시하는 이미지 하나면 충분합니다. 예를 들어 ‘세금 환급’, ‘앱 설정’, ‘여행 준비’처럼 한눈에 잡히는 단어가 좋습니다.
이미지는 본문을 쉬게 만드는 장치입니다
긴 글에는 중간중간 이미지가 필요합니다. 다만 이미지가 글과 상관없으면 오히려 신뢰도가 떨어질 수 있어요. 실제 화면 캡처, 비교 표, 전후 모습처럼 내용을 이해하는 데 필요한 이미지를 넣으면 독자가 훨씬 편하게 따라옵니다. 장식용 이미지는 적게, 설명용 이미지는 알맞게 넣는 식으로 균형을 잡으면 됩니다.
모바일에서 꼭 확인해야 할 부분
요즘 블로그 방문자는 모바일 비중이 꽤 높습니다. PC에서 예쁜 블로그도 휴대폰에서 보면 제목이 두 줄로 깨지거나 광고가 본문을 가리는 경우가 있어요. 그래서 꾸미기를 한 뒤에는 반드시 휴대폰 화면으로 직접 봐야 합니다. 특히 첫 화면, 본문 글자 크기, 메뉴 열림 방식, 이미지 잘림 여부는 꼭 확인할 부분입니다.
모바일에서는 클릭할 곳이 너무 가까워도 불편합니다. 메뉴 버튼과 검색 버튼, 이전 글과 다음 글 버튼 사이에 여백이 있어야 손가락으로 누르기 편해요. 작은 차이지만 이런 부분이 쌓이면 블로그가 편하다는 인상을 줍니다.
- 본문 글자가 확대 없이 읽히는지 보기
- 이미지가 화면 밖으로 튀어나가지 않는지 확인하기
- 상단 메뉴가 한 번에 열리고 닫히는지 보기
- 광고나 배너가 글 읽기를 방해하지 않는지 살피기
블로그꾸미기는 한 번에 완성하는 작업이 아니라 글을 쌓아가며 조금씩 다듬는 쪽에 가깝습니다. 처음에는 글자, 여백, 카테고리, 썸네일처럼 눈에 자주 보이는 부분부터 손보면 충분해요. 화려한 디자인보다 읽기 편한 흐름이 오래 갑니다. 결국 다시 찾게 되는 블로그는 멋을 많이 낸 곳보다 필요한 정보를 편하게 찾을 수 있는 곳이라는 생각이 듭니다.
