SEO(검색 엔진 최적화) 관점에서 웹사이트 진입 시에 앱 또는 웹으로 리다이렉트될 경우 검색 엔진 크롤러가 페이지를 정상적으로 크롤링하지 못해 검색 노출에 불이익을 줄 수 있습니다. 웹사이트 진입 시 리다이렉트를 어떻게 하면 SEO 손실을 최소화하면서도 효율적으로 운영할 수 있는지 알아보겠습니다.
1. User-Agent를 이용한 리다이렉트 제어치
검색 엔진 크롤러와 실제 사용자를 구분하여 크롤러가 접근할 때는 웹페이지를 리다이렉트 없이 그대로 보여주고, 일반 사용자에게만 앱 리다이렉트를 제공할 수 있습니다. 예를 들어, Googlebot과 같은 크롤러에게는 웹페이지를 정상적으로 노출해 검색 엔진에서 페이지가 제대로 인덱싱될 수 있도록 하는 것입니다.
Tip: 서버에서 User-Agent를 검사해 Googlebot 및 기타 주요 크롤러(User-Agent)를 구별하고, 크롤러가 접근할 때는 리다이렉트를 적용하지 않도록 설정할 수 있습니다.
2. 브라우저 확인 모달 또는 배너 제공
리다이렉트 대신 앱 설치나 이동을 유도하는 배너를 웹페이지 상단이나 하단에 제공하여 SEO 손실을 줄이면서도 앱 설치를 유도할 수 있습니다. 사용자 경험을 저해하지 않으면서 자연스럽게 앱 이동을 권장할 수 있습니다.
“Smart App Banner” 활용하기
모바일 웹 페이지에서 iOS의 경우 HTML 메타 태그를 이용한 “Smart App Banner”를 활용할 수 있습니다. 이를 통해 사용자에게 앱 설치를 권장하면서도 웹페이지 콘텐츠를 그대로 유지할 수 있습니다.
<meta name="apple-itunes-app" content="app-id=앱ID" />
3. 앱 링크 활용하기
웹페이지에 앱 링크를 설정하여 특정 링크를 클릭할 때 앱이 설치된 경우 앱에서 열리도록 설정할 수 있습니다. 이를 통해 검색 엔진 크롤링을 유지하면서도 사용자가 웹사이트에서 앱으로 전환할 수 있도록 유도할 수 있습니다.
Android의 예시
<a href="intent://페이지#Intent;scheme=앱Scheme;package=com.example;end"
>앱으로 열기</a
>
iOS의 예시
<a href="your-app-scheme://">앱으로 열기</a>
4. JavaScript로 지연 로드하기
페이지 초기 로딩 시에는 웹페이지를 그대로 노출한 후, JavaScript를 통해 앱 리다이렉트 알림을 띄우거나 리다이렉트를 처리하는 방식입니다. 이는 검색 엔진이 웹페이지 콘텐츠를 인덱싱할 수 있도록 돕는 동시에 사용자에게 앱 설치 유도를 할 수 있는 장점이 있습니다.
window.onload = function () {
setTimeout(function () {
window.location.href = 'your-app-scheme://';
}, 3000); // 페이지 로딩 후 3초 뒤 앱 리다이렉트 실행
};
5. 웹과 앱의 콘텐츠 일관성 유지
검색 엔진 크롤러가 접근하는 웹페이지와 실제 사용자가 보는 앱의 콘텐츠가 일치하도록 구성하면 SEO에도 유리하게 작용할 수 있습니다. 콘텐츠의 일관성은 사이트의 신뢰도를 높이고, 사용자가 웹사이트와 앱 모두에서 같은 경험을 하도록 해줍니다. 또한, 이는 검색 엔진이 페이지를 정확하게 이해하는 데도 도움이 됩니다.