구글 웹스토리: 인스타 스토리를 웹에서도!

인기있는 콘텐츠 형식인 인스타그램 스토리와 유사한 형식의 ‘구글 웹스토리’를 이용하면 더 많고 다양한 디지털 채널에서 노출될 수 있습니다. 해당 포스트에서는 구글 웹스토리와 관련된 내용들에 대해서 다루도록 하겠습니다.

Table of Contents

 1. 인기있는 콘텐츠 형식: 인스타 스토리

 2. 구글 웹스토리란?

 3. 구글 웹스토리 예시

 4. 구글 웹스토리 만들기

 5. 구글 웹스토리 권장사항

인기있는 콘텐츠 형식: 인스타 스토리

Hootsuite에 따르면 전세계 10억명 이상의 사람이 매달 인스타그램을 이용한다고 합니다. 현재 전세계 인구수가 약 76억명인 것을 생각해봤을 때 정말 많은 사람들이 인스타그램이라는 소셜미디어 채널을 이용하고 있는 것인데요, 최근 인스타그램 내에서도 각광받는 기능이 있습니다. 바로 인스타그램 내의 ‘스토리’라는 기능입니다. 인스타그램 스토리와 관련된 통계들을 통해서 인스타 스토리의 마케팅적 중요성에서 대해 한 번 알아봅시다.

통계에서 알 수 있듯이 인스타그램 스토리는 수많은 사람들이 사용하는 기능이며, 실제로 많은 브랜드들이 인스타그램 스토리를 활용한 마케팅을 진행하고 있습니다. 하지만 딱 하나 아쉬운 점이 있다면 인스타그램 스토리는 외부로 공유하기 어렵다는 점입니다. 링크를 통해 카톡이나 블로그 등으로 공유 자체는 할 수 있지만, 공유된 링크를 클릭하면 아래의 이미지와 같이 로그인 화면이 나타납니다. 즉, 인스타그램 사용자가 아니면 외부에서 인스타그램 스토리를 볼 수 없다는 것입니다.

하지만 만약에 이런 스토리 콘텐츠를 인스타그램을 사용하지 않는 사람들도 자유롭게 외부 웹사이트나 메세지앱에서 볼 수 있고 검색엔진 결과페이지에서도 노출 가능하다고 하면 어떨까요? 마케터 입장에서 매우 좋은 일이겠죠? 실제로 ‘구글 웹스토리’를 활용하면 위에서 말씀드린 상황이 현실이 됩니다. 이제 앞으로 구글 웹스토리는 무엇이며, 어떻게 활용할 수 있을지에 대해서 알아보겠습니다.

구글 웹스토리란?

구글 웹스토리는 텍스트, 비디오, 오디오, 이미지, 애니메이션 등의 모든 시각적 콘텐츠를 조합하여 하나의 완결성을 갖는 이야기를 만드는 웹 기반 버전의 인기 ‘스토리’ 형식입니다. 콘텐츠의 형식은 인스타그램의 스토리와 동일하지만 구글 웹스토리는 고유한 URL이 존재하는 HTML 페이지이며, 인스타 스토리와 달리 검색사용자의 검색어에 대응해서 구글 검색, 구글 이미지, 구글 디스커버에 노출이 가능합니다. (현재 국내는 구글 검색의 단일 검색결과, 구글 이미지에서만 노출됩니다.)

웹스토리의 가장 큰 장점은 자사 웹사이트 서버에 호스팅이 가능한 일반 웹페이지라는 것입니다. 인스타 스토리와 달리 검색엔진 최적화(SEO) 작업이 가능하기 때문에 상위노출을 달성할 수 있고, 또한 스토리 내에 관련 링크, CTA 등을 포함시킬 수 있어서 많은 트래픽을 자사 웹사이트 혹은 소셜미디어 채널로 유도할 수 있습니다. 더 자세한 검색엔진 최적화 방법은 이따가 아래에서 다루도록 하겠습니다.

구글 웹스토리 예시

여태까지 구글 웹스토리가 무엇인지 간략하게 알아봤는데요, 아직 정확히 무엇인지 감이 안오시는 분들도 분명 많이 존재하실 것입니다. 따라서, 실제 웹스토리의 예시를 통해서 조금 더 자세히 웹스토리에 대해서 알아보도록 하겠습니다.

텔레그래프의 ‘How to spend a week in Singapore‘ 웹스토리

해당 웹스토리는 영국의 언론사인 텔레그래프와 싱가포르 관광청이 싱가포르 관광을 위해 만든 네이티브 광고 형태의 웹스토리입니다. 여행 사진 작가 Anna Mellor가 일주일 동안 싱가포르에서 여행하면서 발견한 음악, 음식, 사진 등을 각 슬라이드별로 소개하고 있습니다. 여행 관련 콘텐츠 특성상 빠른 시간 내에 사람들을 시각적으로 사로잡아야 하기 때문에, 해당 웹스토리는 많은 양의 텍스트와 이미지로 된 애니메이션 대신 짧게 반복되는 GIF를 적극적으로 활용했습니다. 이를 통해 생동감있고 시각적으로 매력적인 싱가포르의 모습을 사람들에게 효과적으로 전달하는데 성공했습니다.

웹스토리가 끝나면 ‘북엔드’가 나타나며 텔레그래프의 소셜미디어 채널 및 싱가포르 콘텐츠 관련페이지로 향하는 링크들이 나타납니다. 이를 통해 사용자들로 하여금 사이트에서 더 많은 스폰서 관련 콘텐츠를 탐색할 수 있도록 합니다. 또한 웹스토리를 반응형으로 제작하여 사용자들의 기기별 화면 크기에 맞는 사이즈로 웹스토리를 제공하고 있습니다.

내셔널 지오그래픽의 ‘Discover Europe’s hidden villages‘ 웹스토리

해당 웹스토리는 내셔널지오그래픽가 제작한 웹스토리로서, 유럽의 작은 마을들을 소개하고 있습니다. 내셔널지오그래픽의 웹스토리는 텔레그래프의 웹스토리와 달리 콘텐츠가 동적이지 않는 대신 각 유럽의 마을을 대표하는 퀄리티 높은 이미지와 자세한 설명을 반복해서 보여주는 비교적 단순한 구성을 갖고 있습니다. 하지만 SEO적 관점으로 봤을 땐 텍스트의 양이 많고 자세해서 검색엔진이 해당 웹스토리를 이해하는데에는 오히려 텔레그래프의 웹스토리보다 유리합니다.

내셔널지오그래픽의 웹스토리 역시 반응형으로 제작되었으며, 마지막 슬라이드에는 내셔널지오그래픽 구독 CTA 버튼을 배치하여 트래픽이 웹스토리에서 이탈하지 않고 자사 웹사이트로 이어질 수 있게 유도하고 있습니다.

구글 웹스토리 만들기

이제 웹스토리가 무엇인지에 대해서 알아보고 실제 예시까지 살펴봤으니 직접 웹스토리를 만들어봐야겠죠? 구글 웹스토리를 만드는 방법에는 크게 3가지 방법이 존재합니다. 하나씩 차근차근 알아보도록 하겠습니다.

자체 개발

웹스토리를 만드는 방법 중 가장 대표적인 방법은 직접 페이지를 개발하는 것입니다. 웹스토리 개발을 위한 공식문서를 참조해서 직접 웹스토리 페이지를 만들 수 있으며, 원하는 기능을 포함시킬 수 있습니다. 예를 들면 아래에 언급할 다른 방법들을 활용할 경우에는 모바일 기기 최적화된 웹스토리만 만들 수 있지만, 직접 개발을 할 경우에는 반응형으로 제작할 수 있다는 장점이 있습니다.

하지만 당연하게도 회사 내에 개발인력이 없을 경우에는 택하기 어려운 방법이며, 처음부터 새로 제작해야하기 때문에 아래 말씀드릴 두가지 다른 방법에 비해 제작에 필요한 시간과 인력이 많이 든다는 단점이 존재합니다.

워드프레스 웹스토리 플러그인

만약에 자사 웹사이트가 워드프레스를 통해서 구축되었다면, 워드프레스의 공식 웹스토리 플러그인이 가장 좋은 방법이 될 수 있을 것입니다. 플러그인을 설치하면 워드프레스 사용자가 쉽게 에디터를 통해서 개발인력의 도움없이 원하는 웹스토리를 만들 수 있습니다. 웹스토리를 만드는데 필요한 이미지, 오디오, 비디오, 텍스트 등 모든 시각적 효과를 제공하며, 타이틀 태그 혹은 메타 디스크립션과 같이 검색엔진최적화 작업에 필요한 메타데이터 수정 또한 가능하다는 장점이 있습니다.

또한 8가지의 웹스토리 디자인 템플릿을 제공하기 때문에 디자인적으로도 도움을 받을 수 있습니다. 아무래도 시각적인 부분이 강조된 웹스토리 특성상 웹디자인 인력이 부족하다면 제작시 디자인 측면에서 어려움을 겪을 수 있습니다. 워드프레스가 제공하는 기본 템플릿을 응용해서 자신만의 웹스토리를 제작할 수 있습니다.

웹스토리 3자 툴

만약에 자체 개발도 어렵고 워드프레스로 구축된 웹사이트를 사용하지도 않는다면 어떡해야 할까요? 그렇다면 웹스토리 제작을 도와주는 3자 툴을 활용하면 됩니다. 3자 툴은 워드프레스 플러그인과 마찬가지로 마케터들이 개발 지식없이도 웹스토리를 제작할 수 있으며, 시각적인 효과와 메타데이터 수정 기능이 존재합니다.

구글이 추천하는 2가지의 웹스토리 3자 툴은 makestories와 newsroom ai이며 둘 다 무료입니다. 해당 툴에서 제작된 웹스토리는 모두 자사 웹사이트 서버에 업로드가 가능하며 구글 애널리틱스와 같은 분석툴의 추적코드 삽입 또한 지원합니다.

구글 웹스토리 권장사항

웹스토리를 만들기 위해서 주의해야하는 사항들은 무엇일까요? 구글에서는 총 4가지 분야(스토리텔링, 디자인, SEO, 기술)에서의 중요 권장사항과 추천 권장사항을 밝히고 있습니다. 스토리텔링이나 디자인 권장사항의 경우 이해하는데 큰 어려움이 없지만, SEO나 기술 분야의 권장사항은 초심자가 이해하기 어려운 용어들이 포함되어 있습니다. 하나씩 클릭해서 내용들을 확인하신 후 궁금하신 내용은 댓글에 남겨주세요. 제가 최대한 자세하게 설명드리도록 하겠습니다.

스토리텔링 권장사항

디자인 권장사항

검색엔진 최적화(SEO) 권장사항

기술 권장사항

---

여태까지 웹스토리에 대한 다양한 내용들을 알아보았습니다. 기존의 콘텐츠 SEO에서는 보통 블로그와 같이 텍스트 위주의 콘텐츠만을 주로 다뤘지만, 최근에는 다양한 형태의 콘텐츠에 대해서도 주목하고 있고 웹스토리가 가장 대표적인 예시입니다. 모바일 환경에서 콘텐츠를 소비하거나 시각적 콘텐츠에 익숙한 MZ세대들에게 가장 적합한 콘텐츠 형태이기 때문에 앞으로 SEO에서 매우 중요하게 다뤄질 콘텐츠 타입으로 예상됩니다.

또한 일반 웹페이지와 같이 URL이 존재하고 페이지 내에 삽입이 가능하기 때문에 SEO뿐만 아니라 검색광고, 이메일 마케팅, 소셜미디어 마케팅과 같은 다른 디지털 마케팅 영역에도 활용할 가능성이 무궁무진합니다. 오늘 배운 내용을 바탕으로 직접 웹스토리를 만들어보시는 것은 어떨까요? 관련해서 궁금하신 내용은 댓글에 남겨주세요.