우리는 오랫동안 그 중요성에 대해 들어왔습니다. 모바일 친화적인 웹사이트 만들기 사용자 경험을 향상시키고 SEO 효과를 높이기 위해서입니다. 하지만 흔히 모바일 친화성이라고 하면 모바일 기기에서 웹페이지가 적절하게 크기 조정되는 것만을 떠올리곤 합니다.
모바일 친화성은 모든 기기에서 반응형 디자인을 제공하는 것 이상의 의미를 지닙니다. 모바일 친화적인 콘텐츠를 제작하는 것 또한 중요합니다.
고객에게 최적의 경험을 제공하기 위해 마케터는 모바일 친화성을 포괄적인 접근 방식으로 다뤄야 합니다. 즉, 고객이 웹사이트를 방문할 때 경험하게 될 전반적인 경험에 초점을 맞춰야 합니다.
모바일 콘텐츠 효과를 극대화하는 데 도움을 드리고자, 고객의 참여를 유도하고 전환율을 높이는 모바일 친화적인 콘텐츠 개발에 대한 주요 팁을 정리했습니다.
1. 훌륭한 서론을 작성하세요
휴대폰은 데스크톱 컴퓨터보다 훨씬 작습니다.
메시지를 전달할 수 있는 공간이 제한적인 모바일 환경에서는 방문자에게 처음으로 제시될 정보를 신중하게 고려해야 합니다.
대부분의 경우 모바일 방문자는 최대 몇 단락만 보고 더 많은 정보를 보려면 스크롤을 내려야 합니다. 따라서 웹페이지의 첫 부분은 독자의 관심을 사로잡고 더 많은 정보를 원하게 만들 수 있는 가장 매력적인 정보로 구성되어야 합니다.
방문객들은 돈을 씁니다 3 분 이내 웹사이트에서 평균적으로 그렇습니다.
불필요한 정보를 배제하고 핵심을 빠르게 전달하는 강력한 도입부를 작성하세요. 방문자에게 즉각적인 가치를 제공하기 위해 주제와 관련된 가장 중요한 정보를 먼저 공유하세요.
2. 내용을 짧은 단락으로 나누세요
데스크톱 환경에서 긴 문단으로 독자의 관심을 사로잡는 것은 어려울 수 있습니다. 더욱이 화면이 작은 모바일 기기에서는 이러한 어려움이 더욱 커집니다.
존 지오멕의 1-2-3-4-5 접근법을 따르면 스크롤 없이도 더 많은 콘텐츠를 읽을 수 있습니다. 지오멕은 단락에 하나의 아이디어를 두세 문장으로 표현하고, 페이지에서 네다섯 줄을 넘지 않도록 구성하라고 제안합니다.
지오멕은 단락이 여섯 줄이 되면 길이가 1인치(약 2.5cm)를 넘어가 대부분의 독자에게 너무 두꺼워 보인다고 지적합니다. 특히 모바일 친화적인 콘텐츠를 개발할 때 이러한 현상이 두드러진다고 덧붙입니다.
"야후! 스타일 가이드"에서는 가능하면 문단을 더 짧게 작성할 것을 권장합니다. 두세 문장이면 충분한 경우가 많으며, 문단에는 최대 한두 가지 아이디어만 담으라고 명시하고 있습니다.
3. 사용자가 콘텐츠를 소비하는 방식을 고려하십시오.
데스크톱에서 콘텐츠를 소비하는 방식은 모바일 기기에서 소비하는 방식과 다릅니다. 눈 추적 연구에 따르면 웹페이지 방문자는 다양한 패턴으로 사이트와 휴대폰 화면을 훑어보며, 콘텐츠를 개발할 때 이러한 모든 요소를 고려해야 합니다.
이러한 패턴에는 다음이 포함됩니다.
- 우회 패턴: 여러 줄의 텍스트가 동일한 단어로 시작하는 경우, 해당 줄의 첫 단어들을 건너뜁니다.
- 참여 패턴: 웹페이지의 모든 단어를 꼼꼼히 읽지만, 연구 결과에 따르면 이는 흔한 패턴은 아닙니다.
- 레이어 케이크 패턴: 제목과 부제목만 스캔하고 그 사이의 일반 텍스트는 건너뜁니다.
- 표시 패턴: 페이지를 스크롤하면서 한 곳에 시선을 고정합니다. 이는 데스크톱보다 모바일에서 더 흔하게 나타납니다.
- 점박이 무늬: 긴 텍스트 덩어리는 건너뛰고 특정 내용을 검색합니다. 링크, 클릭 유도 문구(CTA), 이미지 등을 찾는 것을 의미할 수 있습니다.
4. 요약 또는 주요 내용을 제시하십시오.
모바일 사용자의 집중력은 종종 제한적입니다. 그들은 관련 정보가 즉시 표시되기를 선호합니다.
이를 위한 한 가지 방법은 본문 내용에 앞서 요약을 제공하는 것입니다. 요약에는 앞으로 나올 내용의 핵심 요점을 강조해야 합니다.
요약을 작성함으로써 독자들이 웹페이지 상단에서 찾고 있는 정보를 제공할 뿐만 아니라 링크와 소셜 미디어 공유를 유도할 수 있는 콘텐츠를 강조할 수 있습니다.
5. 불필요한 단어 제거
데스크톱용 콘텐츠를 작성하든 모바일용 콘텐츠를 작성하든, 콘텐츠를 간결하고 명확하게 유지하는 것이 가장 좋습니다.
사실, Yoast SEO 플러그인 이 도구는 플레쉬 가독성 지수(Flesch Reading Ease) 공식을 활용하여 워드프레스 플랫폼에서 작성된 게시글의 가독성을 측정합니다. 플레쉬 가독성 지수 공식은 텍스트의 가독성을 측정하는 지표입니다.
텍스트의 점수를 결정하기 위해 공식은 다음 사항들을 고려합니다.
- 문장의 평균 길이(단어 수로 측정).
- 단어당 평균 음절 수.
이 테스트는 모바일 친화적인 콘텐츠 제작에도 적용할 수 있습니다.
플레시 가독성 테스트에서 더 높은 점수를 받으려면 콘텐츠를 작성할 때 다음 사항을 고려해야 합니다.
- 문장을 간결하게 만드세요: 문장이 너무 길거나, 복잡하거나, 이해하기 어려운 것은 피하세요.
- 어려운 단어 사용을 피하세요: 네 음절 이상으로 이루어진 단어는 이해하기 어렵다고 여겨진다.
- 불필요한 수식어와 한정사를 제거하세요. 불필요한 내용이나 군더더기 없는 콘텐츠를 제거하세요.
- 같은 말을 반복하지 마세요: 같은 개념을 설명하는 유사한 단어나 구문을 사용하여 중복을 피하십시오.
- 너무 자세한 정보를 제공하지 마세요. 전달하려는 메시지를 지나치게 설명하거나 복잡하게 만들지 마세요.
6. 이미지/동영상 추가
이미지 또는 비디오 텍스트를 나누어 콘텐츠를 더 쉽게 이해할 수 있도록 만드세요.
콘텐츠 전반에 걸쳐 적절한 위치에 보조 이미지를 추가하세요. 이미지는 텍스트를 구분하는 역할을 할 뿐만 아니라 시각적인 요소도 더해줍니다.
연구 결과에 따르면 시각 정보는 다음과 같이 처리됩니다. 최대 600배 빠른 속도 텍스트보다 시각적인 요소를 더 많이 활용할 수 있다는 것은 독자들이 텍스트만으로는 이해할 수 없는 콘텐츠를 시각적인 자료를 통해 더 잘 이해할 수 있도록 도울 수 있다는 의미입니다.
동영상은 콘텐츠를 더욱 풍성하게 만들어 줄 수 있습니다. 실제로, 54% 소비자들은 자신들이 지지하는 기업에서 더 많은 영상 콘텐츠를 보고 싶어했습니다.
동영상과 이미지를 활용하면 풍부한 검색 결과에 노출될 가능성이 높아집니다.
7. 고대비 색상을 사용하세요
독자층을 넓히려면 콘텐츠가 읽기 쉬워야 합니다.
예를 들어, 모바일 기기에서 가독성을 유지하려면 글꼴 크기를 32포인트보다 크게 설정해야 합니다. 또한 미적 효과와 정보 접근성을 위해 대비가 높은 색상을 사용할 수 있습니다.
검정색 배경에 흰색 글자처럼 대비가 강한 색상을 사용하면 가독성이 높아집니다. 반대로 흰색 배경에 노란색 글자처럼 대비가 약한 색상은 읽기 어렵습니다.
명암 대비가 부족하면 특히 색맹인 사람들에게 문제가 될 수 있는데, 이들은 빨간색과 녹색처럼 특정 색상을 구분할 수 없기 때문입니다. 또한 명암 대비 감도가 낮아지는 현상은 나이가 들면서 더 흔해집니다.
높은 대비를 가진 색상을 활용하면 더 많은 독자들이 텍스트를 효과적으로 이해할 수 있습니다.
8. 제목을 간결하게 하세요
제목은 독자가 앞으로 읽게 될 콘텐츠를 처음으로 접하게 되는 부분입니다. 또한 검색 결과에 웹페이지 제목이 어떻게 표시될지를 결정하는 중요한 요소이기도 합니다.
몇 년 전 구글은 휴대폰의 최대 길이를 늘렸습니다. 제목 태그 최대 78자까지 입력 가능합니다. 모바일 제목은 두 줄로 표시될 수도 있습니다.
이 두 가지 요인에도 불구하고, 검색 전문가들은 페이지 제목이 짧고 간결해야 하며 모바일 검색 결과에서 한 줄로 표시되어야 한다는 데 동의합니다.
이를 위해 제목은 간결하고 명료하게, 6단어 이내 또는 70자 내외로 작성하세요. 제목이 짧을수록 독자가 흡수하고 이해해야 할 내용이 줄어듭니다.
또한 검색 순위와 검색 노출도를 높이려면 제목의 시작 부분에 핵심 키워드를 포함시켜야 합니다.
9. CTA를 전략적으로 배치하세요
이동 중인 독자를 위한 콘텐츠를 작성할 때는 독자의 관심을 사로잡을 수 있는 기회가 제한적이라는 점을 명심해야 합니다. 모바일 사용자는 필요한 정보를 빠르게 찾기를 기대합니다.
사이트를 둘러본 후 몇 초 안에 사용자가 취해야 할 다음 행동을 안내하지 못하면 전환 기회를 놓치게 됩니다.
웹사이트 상단 가장 눈에 잘 띄는 곳에 CTA(행동 유도 버튼)를 배치하여 방문자가 판매 유입 경로를 더 쉽게 따라갈 수 있도록 하세요.
웹사이트에서 CTA(행동 유도 버튼)를 시각적으로 더욱 뚜렷하고 명확하게 만들수록 최종 목표를 달성할 가능성이 높아집니다.
이는 특히 모바일 환경에서 더욱 두드러지는데, 모바일에서는 주요 목표를 공유할 공간이 부족하기 때문입니다.
10. 게시하기 전에 미리 보기를 하세요
콘텐츠를 게시하기 전에 미리 보는 것이 좋습니다.
하지만 우리는 콘텐츠가 모바일 기기보다는 데스크톱에서 어떻게 보일지에 더 집중하는 경향이 있습니다.
이는 편집 과정에 추가 단계를 더하는 것이지만, 모바일에서 콘텐츠가 어떻게 보이는지 정확하게 미리 볼 수 있으므로 게시 전에 오류를 방지할 수 있습니다.
모바일 기기 사용자의 시점에서 콘텐츠가 어떻게 표시되는지 확인하고 다음과 같은 개선 기회를 파악하세요.
- 문단을 좀 더 나눠서 쓰는 게 좋겠어요.
- 관련 소제목을 추가하세요.
- 보조 이미지를 추가하고 싶은 부분을 파악하세요.
- 어디에 공백을 더 추가해야 하는지 등을 확인해 보세요.
모바일에서 두 번째 검사를 거치면 콘텐츠 게시 오류를 방지할 수 있으며, 이는 방문자가 브랜드의 신뢰도와 권위를 떨어뜨리는 요인이 될 수 있습니다.
모바일 친화적인 콘텐츠를 처음부터 제작하든 기존 콘텐츠를 개편하든, 전환율을 높이고 고객 경험을 개선하기 위해 앞서 언급한 팁들을 염두에 두세요.
고품질 콘텐츠를 통해 메시지를 전달하고, 고객을 교육하며, 경쟁업체가 아닌 자사 제품 및 서비스를 구매하도록 설득할 수 있습니다.
전략적이고 효과적인 콘텐츠를 모든 기기에서 제공하여 경쟁 구도 속에서 두각을 나타내십시오.
___
by 첼시 알베스
출처 : SEJ
