글 하나에 스티커를 몇 개까지 넣어야 읽기 편할까
글을 다 쓴 뒤 캐릭터 스티커를 넣으려 하면 화면이 조금 더 귀여워집니다. 그러다 문득 묻게 됩니다. 대체 몇 개까지 넣어야 읽기 편할까요?
정해진 최대 개수는 없습니다. 일반 정보글이라면 스티커 3~5개에서 시작하고, 장면 전환·강조·휴식 가운데 하나의 역할이 있을 때만 더하는 편이 안전합니다.
스티커는 문장을 대신하는 그림이 아닙니다
워드프레스 글에 손으로 그린 캐릭터를 넣으면 하얀 화면이 덜 딱딱해집니다. 스티커는 문장을 대신하는 그림이 아니라 글의 흐름을 돕는 작은 장식 요소입니다.
첫 문단에는 인사하는 캐릭터를 놓을 수 있습니다. 긴 설명 뒤에는 잠깐 쉬어 가는 표정을 넣을 수 있습니다. 중요한 문장 옆에 고개를 끄덕이는 캐릭터를 두는 방법도 있습니다.
하지만 그림이 문장보다 먼저 보이면 역할이 뒤집힙니다. 독자는 글을 읽으러 왔는데, 어느 순간 캐릭터의 표정부터 구경하게 됩니다.
장식은 주인공이 아닙니다.
밋밋함을 채우려다 문단의 경계가 사라집니다
네이버나 티스토리에서 워드프레스로 옮긴 뒤 글이 지나치게 밋밋해 보인다고 느끼는 사람이 많습니다. 그래서 빈 공간마다 스티커를 넣고 싶은 마음이 생깁니다.
그런데 꾸민 글을 휴대전화로 다시 읽으면 다른 장면이 보입니다. 캐릭터가 본문 사이에 자주 끼어 문단의 시작과 끝을 헷갈리게 만들 수 있습니다.
장식이 문단을 삼키면 안 됩니다.
이미지는 글의 메시지를 강화할 때 의미가 커집니다. Nielsen Norman Group의 웹 사용성 자료도 본문을 실질적으로 보강하지 않는 장식 이미지는 사용자가 무시할 수 있다고 설명합니다.
이미지는 페이지 용량에서 큰 비중을 차지하는 경우도 있습니다. Google Search Central은 이미지가 페이지를 느리게 만들 수 있다고 안내하므로, 모바일에서 장식이 많아질수록 로딩 부담도 함께 살펴야 합니다.
모바일에서 문제가 먼저 드러납니다.
일반 정보글은 3~5개에서 먼저 멈춰 보세요
일반적인 정보글은 스티커 3~5개에서 시작하세요. 짧은 글이라면 시작·중간·끝에 하나씩 놓는 3개 안팎의 구성이 출발점이 될 수 있습니다.
숫자는 법칙이 아닙니다.
이 범위는 공식 기준이 아니라, 처음 꾸미는 사람이 과하게 넣지 않기 위한 출발선입니다. WCAG 2.2에도 한 페이지에 허용되는 장식 이미지의 개수는 정해져 있지 않습니다.
W3C는 이미지의 숫자보다 정보 전달, 기능 수행, 순수 장식 여부에 따라 대체 텍스트를 판단하라고 안내합니다. 따라서 개수만 세는 것으로는 읽기 편한 구성을 알 수 없습니다.
핵심은 개수가 아닙니다.
시작을 알리는 그림 하나, 긴 구간을 나누는 그림 하나, 꼭 기억할 문장을 돕는 그림 하나면 짧은 글은 충분할 수 있습니다. 한 장마다 이유가 있어야 합니다.
개수보다 스티커의 역할이 읽는 리듬을 만듭니다
스티커 하나가 제 역할을 하면 독자는 글을 따라가기 쉬워집니다. 시작 부분에서 분위기를 열고, 긴 설명 뒤에서 숨을 고르게 하며, 중요한 문장 옆에서 표정을 보여 주는 식입니다.
반대로 같은 캐릭터를 거의 같은 간격으로 반복하면 시선이 리듬을 잃습니다. 매 문단마다 웃는 얼굴이 나오면 정말 중요한 대목의 웃음도 평범한 장식처럼 보입니다.
반복은 중요한 장면의 힘을 빼앗습니다.
정보를 담은 그림이라면 그림의 핵심 의미를 대체 텍스트로 설명해야 합니다. 순수한 장식이라면 빈 대체 텍스트를 사용해 보조기술이 불필요한 설명을 읽지 않도록 하는 것이 맞습니다.
장식에는 설명이 필요하지 않을 수 있습니다.
워드프레스 공식 Image block 문서에서는 이미지 설정에서 대체 텍스트를 관리할 수 있다고 안내합니다. 그림을 넣은 뒤 한 줄 설명을 무조건 붙이기보다, 먼저 그 그림의 목적을 판단해야 합니다.
또 하나의 기준은 화면을 두 배로 키워 보는 것입니다. WCAG 2.2는 글자를 최대 200%까지 확대해도 콘텐츠와 기능이 손실되지 않아야 한다고 설명합니다.
글자보다 화면을 먼저 보세요.
직접 고르는 데도 한계가 있습니다
직접 스티커를 배치할 때 가장 자주 막히는 곳은 모바일 화면입니다. 편집기에서는 문단 옆에 예쁘게 놓였지만, 휴대전화에서는 이미지가 문장을 밀어내거나 문단 사이의 경계를 흐릴 수 있습니다.
또 이미지 파일이 커지면 페이지를 불러오는 부담이 생깁니다. 장식용 스티커에 의미 있는 설명을 모두 붙이면 스크린 리더 사용자는 본문과 관계없는 그림 설명을 계속 듣게 됩니다.
장식을 하나씩 확인하는 일도 생각보다 단순하지 않습니다. 그림이 정보인지 장식인지, 대체 텍스트가 필요한지, 좁은 화면에서 흐름을 방해하지 않는지를 각각 판단해야 하기 때문입니다.
W3C는 320 CSS 픽셀 너비에 해당하는 환경에서도 정보와 기능을 잃지 않고 콘텐츠를 볼 수 있어야 한다고 안내합니다. 작은 휴대전화 화면에서 문장이 밀리거나 흐름이 끊기는지 직접 확인해야 하는 이유입니다.
많이 넣을수록 점검도 늘어납니다.
DecoBlocks로 장식의 역할을 나누는 방법
스티커를 몇 개 넣을지 정한 뒤에는 어디에서 어떤 장식을 쓸지 정리해야 합니다. DecoBlocks는 설치한 스티커 팩의 캐릭터 이미지를 글에 넣고, 말풍선·구역 상자·강조·구분선으로 글의 대화와 구간을 나누는 워드프레스 꾸미기 플러그인입니다. 캐릭터는 휴식이나 감정 표현에, 상자와 강조는 정보의 구분에 배치하면 한 장식에 한 가지 역할을 부여하기 쉽습니다.
Block Editor에서는 Insert Character Sticker 블록과 DecoBlocks Blocks를 사용하고, Classic Editor에서는 숏코드로 같은 종류의 장식을 넣을 수 있습니다. 설치할 스티커 팩은 Insert Sticker 블록의 Get from Marketplace 탭에서 찾을 수 있습니다. 다만 이 기능이 적절한 개수나 모바일에서의 읽기 흐름까지 대신 판단하는 것은 아니므로, 삽입한 뒤에는 앞서 설명한 숨김 점검과 확대 확인을 따로 해야 합니다.
글의 길이보다 먼저 역할과 화면을 확인하세요
짧은 후기나 에세이라면 시작·중간·끝에 하나씩 놓는 방식으로 3개 안팎에서 시작해 보세요. 각 요소가 시작, 전환, 강조 가운데 하나를 맡을 때만 5개까지 늘리는 편이 좋습니다.
긴 정보글은 글자 수에 맞춰 기계적으로 넣지 마세요. 소제목 사이에 긴 설명이 이어지는 곳을 먼저 찾고, 그 구간을 나누는 데 꼭 필요한 스티커만 고릅니다.
글이 길다고 그림도 많아져야 하는 것은 아닙니다.
가장 실용적인 점검법은 모바일 화면에서 장식을 모두 숨겨 보는 것입니다. 장식이 없어도 글이 자연스럽다면 성공이고, 숨겼을 때 흐름이 끊기는 그림만 다시 남기면 됩니다.
이미지와 주변 글의 관계도 분명해야 합니다. Google은 본문과 캡션, 제목 같은 주변 맥락을 이미지의 의미를 이해하는 데 활용한다고 안내하므로, 스티커를 반복하기보다 그 그림이 놓인 이유를 글의 흐름으로 보여 주세요.
결국 남길 그림만 남기세요.
일반 정보글의 출발점은 3~5개입니다. 그 숫자를 지키는 것보다 더 중요한 일은 한 장의 그림에도 읽는 사람을 돕는 역할을 하나씩 부여하는 것입니다.
스티커의 적정 개수는 숫자 하나로 끝나지 않고, 각 그림이 맡은 역할과 화면에서의 흐름으로 판단해야 합니다. 캐릭터를 넣는 작업과 문단을 나누는 작업을 한 편집 환경에서 이어 가고 싶다면 DecoBlocks가 그 배치를 돕습니다.
말풍선과 상자, 강조, 구분선도 함께 사용할 수 있지만, 장식이 본문보다 앞서지 않는지는 운영자가 확인해야 합니다. 마지막에는 장식을 숨긴 모바일 화면에서도 글이 자연스럽게 읽히는지 다시 살펴보세요.
자주 묻는 질문
Q. 내 글이 짧은 후기인지 긴 정보글인지에 따라 개수를 다르게 해야 하나요?
A. 짧은 후기나 에세이는 시작·중간·끝에 하나씩, 3개 안팎으로 시작해 보세요. 긴 정보글은 글자 수에 맞춰 늘리지 말고, 긴 설명을 나누거나 중요한 대목을 돕는 곳만 골라 배치하세요.
Q. 장식용 스티커에도 대체 텍스트를 써야 하나요?
A. 순수한 장식이라면 보조기술이 무시할 수 있도록 빈 대체 텍스트를 사용하는 방법이 있습니다. 정보를 전달하는 그림이라면 핵심 의미를 설명해야 합니다.
Q. 이 문제를 도구로 쉽게 해결할 수 있나요? 어떤 도구를 쓰면 되나요?
A. 워드프레스의 이미지 블록과 사용하는 편집 도구에서 이미지 위치와 대체 텍스트를 관리할 수 있습니다. 다만 어떤 도구를 쓰든 최종 판단은 모바일 화면에서 장식을 숨겼다가 필요한 그림만 다시 남겨 보는 과정이 필요합니다.
Q. 캐릭터와 강조 상자를 한 편의 글에서 함께 관리할 수 있나요?
A. DecoBlocks에서는 캐릭터 스티커와 말풍선, 구역 상자, 강조, 구분선을 같은 글 꾸미기 작업 안에서 사용할 수 있습니다.
Block Editor에서는 블록으로, Classic Editor에서는 숏코드로 넣습니다. 다만 어떤 요소를 남길지는 글의 역할과 모바일 화면을 확인해 직접 결정해야 합니다.
워드프레스 관련 플러그인
