서두르지 마세요. SEO 전문가의 관점에서 모바일 최적화 디자인에 중점을 두고 먼저 생각하세요. Formstack에 따르면 스마트폰 전환율은 데스크톱 전환율보다 평균 64% 높습니다.
이러한 추세는 분명히 계속될 것이며, 경쟁에서 앞서나가려면 모바일 디자인을 SEO에 최적화해야 합니다. 최적화란 무엇일까요? 바로 더 높은 가시성과 더 긴 사용자 참여 시간입니다. 이는 성공적인 전환과 투자 수익률(ROI)을 위한 두 가지 핵심 요소입니다.
우선, 모바일 디자인이 SEO 친화적인지 확인하는 데 도움이 되는 다음 다섯 가지 팁을 살펴보세요. 이 팁들은 성공뿐 아니라 지속적인 성공을 위해서도 필수적이며, 기업의 모바일 디자인 SEO 최적화를 지원하는 모든 디지털 마케팅 에이전시가 반드시 따라야 할 사항입니다.
1. 번개처럼 빠른 페이지 로딩 속도
매 초가 중요합니다.
누구도 느린 로딩 속도를 좋아하지 않으며, 특히 모바일 기기에서는 더욱 그렇습니다. 모바일 속도 저하 문제를 겪는 웹페이지 중에는 유용한 콘텐츠를 담고 있는 경우가 많지만, 사용자들은 느린 페이지를 마주치면 금세 다른 페이지로 이동합니다.
모바일 환경이 빠를수록 사용자 참여도가 높아집니다. 우선 모든 이미지와 자바스크립트, CSS를 분석하고 필요에 따라 압축하세요. 특히 용량이 큰 이미지는 가능한 한 압축하는 것이 좋습니다. 모바일에서는 속도 향상을 위해 모든 바이트가 중요합니다.
또한 로고처럼 자주 로드되는 요소에는 캐시를 활용하세요. 로고를 캐시하면 다운로드 시간을 절약할 수 있어 앱의 전반적인 속도가 향상됩니다.
일반적으로 정적 리소스의 캐시 수명은 일주일로 설정하는 것이 좋습니다. 위젯이나 광고와 같은 타사 리소스의 경우 캐시 수명은 하루로 설정하면 됩니다.
또한 리디렉션을 최대한 줄이는 것을 잊지 마세요. 리디렉션은 추가적인 HTTP 요청을 발생시켜 페이지 로딩 시간을 늘립니다. Google은 모바일 사용자 에이전트를 사용하는 사용자를 중간 리디렉션 없이 모바일 URL로 바로 연결하는 것을 권장합니다.
모바일에서 페이지 로딩 속도가 빠를수록 전환율과 고객 만족도가 높아진다는 점도 기억하세요. Think with Google에 따르면, 이탈률이 높은 모바일 웹사이트의 평균 로딩 시간은 이탈하지 않은 세션보다 약 2.5초 느렸습니다.
2. 팝업 광고를 조심하세요
구글에 따르면, 사용자에게 불편을 주는 중간 광고를 표시하는 페이지는 사용자 경험을 저해합니다. 이러한 이유로 구글은 1월 10일 알고리즘 업데이트를 통해 모바일 팝업 광고를 게재하는 기업에 불이익을 주고 있습니다.
모바일 화면 크기가 작기 때문에 검색 엔진은 이러한 불이익을 사용자 경험 향상을 위해 필수적인 조치로 간주합니다. 따라서 팝업 사용을 최소화해야 합니다.
연령 확인 상자나 화면의 상당 부분을 가리지 않는 작은 배너와 같은 일부 팝업은 괜찮습니다. 하지만 팝업이 주요 콘텐츠를 가리거나 콘텐츠가 표시되기 전에 닫아야 하는 독립형 팝업인 경우, 사용자 경험(UX)뿐만 아니라 검색 엔진 최적화(SEO)에도 심각한 영향을 미칩니다.
이런 일이 발생했을 때 웹사이트를 몇 번이나 나갔는지 생각해 보세요. 같은 실수를 반복하지 마세요.
3. 손가락이 큰 사람을 위한 디자인
모바일 우선 디자인은 손가락 크기가 너무 크거나 너무 작더라도 쉽게 스크롤할 수 있는 터치스크린 내비게이션을 갖춰야 합니다.
엄지와 검지의 크기를 생각해보고, 모든 손가락 크기에 맞춰 모바일 디자인을 최적화하여 더욱 원활한 사용자 경험을 제공하세요.
사용자 경험이 원활할수록 참여도가 높아지고, 이는 곧 검색 엔진 최적화(SEO)에 도움이 됩니다.
4. 제목 및 메타 설명
네, SEO 전문가들은 웹사이트에 타겟 키워드를 포함하는 행동 유도형 제목과 메타 설명의 중요성을 잘 알고 있습니다. 하지만 모바일에서 어떻게 표시되는지는 어떨까요?
지난 5월, 구글은 모바일 제목 태그의 글자 수를 78자로 늘렸습니다. 이는 데스크톱 권장 글자 수보다 8자 더 많은 것입니다. 하지만 모바일에서 제목이 잘리는 것을 방지하려면 70자를 유지하는 것이 좋습니다.
모바일 환경을 진정으로 향상시키려면 메타 설명은 더 짧아야 합니다. 구글은 이전에는 모바일 메타 설명 길이를 약 130자로 제한했지만, 이후 모바일에 표시되는 메타 설명 텍스트 양을 늘렸습니다. 하지만 구글이 모바일에서 메타 설명을 잘라내는 경우가 있으므로 130자보다 짧게 작성하는 것이 좋습니다.
Yoast는 모바일과 데스크톱 환경에 최적화된 제목, URL, 메타 설명을 만드는 데 어려움을 겪는 사용자에게 완벽한 해결책을 제공합니다. Yoast는 데스크톱과 모바일 환경에 각각 최적화된 설정을 제공하여 최적의 제목, URL, 메타 설명을 만들 수 있도록 도와줍니다.
5. 간결한 디자인과 명확한 CTA
화면 크기 때문에 모바일 디자인에서는 단순함이 최고입니다. 페이지에 너무 많은 정보를 담으려 하지 마세요. 사용자 경험이 저하될 뿐만 아니라 SEO에도 부정적인 영향을 미칩니다.
페이지 콘텐츠는 간결하고 핵심적인 내용으로 구성하고, 전화번호와 주소 등 찾기 쉽고 클릭 가능한 연락처 정보와 같은 명확한 행동 유도 버튼(CTA)을 배치하는 것을 잊지 마세요. 이를 통해 방문자는 쉽게 참여할 수 있으며, 전환율을 높이는 데 도움이 될 수 있습니다.
또한 모바일에서 메뉴 항목을 간소화하면 탐색이 쉬워져 SEO에 도움이 됩니다. 메뉴와 하위 메뉴 항목이 많으면 사용자가 혼란스러워하고 금방 흥미를 잃는 경우가 많다는 것을 여러 번 경험하셨을 겁니다. 이는 결국 사용자가 사이트를 이탈하게 만들고, 사용자 참여 시간을 줄여 SEO 노력에 악영향을 미칩니다.
또한 모든 문의 양식이 모바일 기기에 최적화되어 있는지 확인하세요. 이는 많은 기업, 심지어 대기업에서도 흔히 저지르는 실수입니다.
모든 문의 양식이 HTML5 입력 유형을 사용하도록 하세요. 이렇게 하면 모바일 브라우저에서 다양한 데이터 유형에 맞는 다양한 화면 키보드가 자동으로 인식되어 올바른 키보드가 표시됩니다.
맺음말
모바일 사용자가 데스크톱 사용자를 계속해서 앞지르는 자연스러운 추세에 따라, SEO를 최우선으로 고려한 모바일 우선 디자인은 성공에 필수적입니다.
알고리즘은 모바일 사용자에게 더 나은 사용자 경험을 제공하고 SEO 친화적인 모바일 디자인을 갖춘 사이트에 보상을 제공하기 위해 끊임없이 변화하고 있습니다.
위의 팁부터 시작하고 모바일 관련 검색 엔진 알고리즘 변경 사항을 지속적으로 파악하여 선제적으로 대응하세요.
___
by 크리스토퍼 존스
출처 : SEJ
