Google 웹 스토리에 대해 알아야 할 모든 것

모두가 좋은 이야기를 좋아합니다. 스토리가 소셜 미디어에 출시 되었을 때 짧은 형식의 콘텐츠로 큰 인기를 얻었습니다. 이제 Google은 Google Web Stories를 통해 스토리 형식을 개방형 웹으로 가져오고 있습니다.

모바일 웹의 부상 이후 탭 가능한 스토리는 사용자가 일시적인 콘텐츠를 소비하고 이에 더 긴급한 성격을 부여하는 선호하는 방법이 되었습니다. 이러한 스토리는 전체 화면 비주얼과 상호 작용할 수 있는 대화형 경험으로 발전했습니다. 이미지, 비디오 및 텍스트가 전체 모바일 화면을 차지하여 몰입형 경험을 제공할 수 있습니다.

Tappable Stories는 Google에서 모바일 브라우징에 최적화된 웹사이트를 제공하기 위해 만든 AMP(Accelerated Mobile Pages) 기술을 기반으로 합니다. 이제 AMP는 Google Web Stories를 지원하는 독립적인 오픈 소스 플랫폼입니다.

Google 웹 스토리: 알아야 할 모든 것:

Google 웹 스토리란 무엇입니까?

Google 웹 스토리는 소셜 미디어 사이트에서 스토리의 성공을 복제하는 것을 목표로 하는 새로운 웹 콘텐츠 형식입니다. 스토리가 일반적으로 특정 플랫폼으로 제한되고 사용자 정의 옵션이 제한되는 소셜 미디어 플랫폼과 달리 Google 웹 스토리는 크리에이터가 더 많은 자유를 누리고 이러한 창작물을 원하는 대로 호스팅할 수 있습니다.

특히 제작자는 소셜 미디어 플랫폼 외부의 웹사이트에서 Google 웹 스토리를 호스팅할 수 있습니다. 크리에이터는 클릭 유도문안(CTA) 과 신중하게 배치된 Google Ads 를 추가하여 스토리로 수익을 창출할 수도 있습니다 .

제작자는 개별 스토리 패널을 사용하여 사진, 비디오 및 텍스트를 통합하여 스토리를 구성하고 시청자에게 클릭연결 경험을 제공할 수 있습니다. Google 웹 스토리는 제작자에게 이 프로세스를 완전히 제어하고 이후에 완성된 제품에 대한 완전한 소유권을 부여합니다.

Google 검색을 수행하고 검색어와 관련된 스토리를 본다고 상상해 보세요. 또는 웹 사이트를 방문하여 블로그 및 비디오 콘텐츠 와 함께 스토리를 찾습니다 . 타겟 고객은 Google 검색, Google 이미지, Google Discover(Android 및 iOS에서 사용할 수 있는 앱)에서 Google Web Stories를 경험할 수 있습니다.

이것은 우리가 소셜 미디어에 있지 않을 때도 웹에서 스토리를 볼 수 있음을 의미합니다. 제작자에게 이것은 웹사이트 외에 추가적인 수입 기회를 제공합니다. 인플루언서 수입을 창출하기 위해 소셜 미디어에만 의존할 필요는 없습니다.

대신 매력적인 Google 웹 스토리를 만들어 웹사이트를 더욱 향상시키고 제휴 마케팅 노력에 도움이 될 수 있는 웹 트래픽 유입을 확인할 수 있습니다.

Google 웹 스토리 예시

출처: vice.com

스토리를 사용하여 레시피를 쉽게 캡처할 수 있습니다. 정적인 블로그 게시물이나 긴 형식의 동영상 대신 음식 콘텐츠 제작자는 Google Web Stories를 사용하여 자신의 이야기를 한 입 크기로 전달할 수 있습니다.

이 이야기는 1인칭 시점에서 일본 카레를 만드는 방법을 보여줍니다. 시청자는 자신의 속도로 비디오를 시청하고 시퀀스의 다음 스토리를 볼 준비가 되면 탭할 수 있습니다. 캡션을 사용하면 비디오를 쉽게 따라할 수 있습니다.

출처: 정제소29.com

"Edutainment"는 동시에 가르치고 즐겁게 하며, Google Web Stories는 교육 웹사이트에서 지루한 무작위 사실을 보다 매력적인 콘텐츠로 전환할 수 있는 훌륭한 방법입니다.

스토리보드를 미리 개념화하면 한 번에 하나의 스토리 패널에서 보다 응집력 있는 시퀀스를 생성하여 더 부드러운 전환을 얻을 수 있습니다.

출처: nylon.com

Listicles는 인기 있고 고전적인 블로그 게시물 형식입니다. 소비자가 인플루언서의 추천을 이해하는 데 도움이 되며 Google Web Stories는 목록에 새 생명을 불어넣을 수 있는 좋은 방법입니다. 광고를 칠한 전체 페이지 슬라이드를 사용하는 대신 Stories는 광고 게재위치를 희생하지 않고도 목록을 눈에 잘 띄지 않게 표시할 수 있습니다.

Google 웹 스토리를 만드는 방법은 무엇입니까?

모든 콘텐츠 전략 과 마찬가지로 모든 것이 브랜드 이미지에서 시작됩니다. 청중에게 보여주고 싶은 이미지와 달성하고자 하는 목표를 결정하고 스토리의 힘을 활용하여 자신을 표현하세요.

몇 분 동안 스토리보드를 만들고 클릭 유도문안(CTA)을 삽입할 위치를 계획하세요. 스토리를 전달하는 데 필요한 패널 수와 각 패널에 사진 또는 비디오를 사용하고 있는지 확인합니다.

Google 웹 스토리 제작 도구

Google 웹 스토리는 다양한 도구와 플러그인을 사용하여 만들 수 있습니다. 레이아웃을 쉽게 생성할 수 있는 드래그 앤 드롭 인터페이스입니다. 일부는 따라할 수 있는 미리 만들어진 템플릿도 제공합니다.

WordPress용 웹 스토리

출처: wp.stories.google

WordPress 는 전 세계 웹사이트의 37%를 차지 하며 여러분도 이를 사용하고 있습니다. 이것이 웹 스토리를 만드는 데 Google에서 가장 인기 있는 도구가 기본 WordPress 플러그인인 이유입니다.

이것은 끌어서 놓기 인터페이스를 포함하는 가장 널리 사용되는 도구입니다. 설치는 다른 WordPress 플러그인과 동일하며, 그 후에 인터페이스에서 스토리를 만들 수 있습니다. WordPress 미디어 라이브러리와 통합되어 이미 업로드한 사진과 비디오를 사용할 수 있습니다.

영감을 얻기 위해 템플릿도 사용할 수 있습니다. 만족스러우면 스토리를 블로그 게시물이나 페이지에 쉽게 포함할 수 있습니다. 이것은 WordPress CMS에서 실행되는 웹사이트를 위한 확실한 선택입니다.

이야기 만들기

출처:makestories.io

MakeStories는 100개 이상의 템플릿 중에서 선택할 수 있는 가벼운 웹 스토리 편집 앱입니다. 편집 앱에는 애니메이션 및 타이포그래피 옵션을 포함한 많은 끌어서 놓기 기능이 있습니다. 또한 선택할 수 있는 수많은 무료 모양, 이미지, 비디오 및 아이콘이 있습니다. 웹 스토리가 올바른 메타 속성과 SEO를 준수하는지 확인 하고 스토리의 성능을 측정하는 데 도움이 되는 분석 도구를 제공합니다.

이 앱에는 WordPress 플러그인도 있습니다. WordPress에서 실행하지 않는 경우 스토리를 zip 파일로 내보내고 웹사이트에 직접 게시할 수 있습니다. 또한 MakeStories 공유 호스팅 플랫폼에서 직접 스토리를 호스팅하고 포함 옵션을 사용하여 사이트에 게시할 수 있는 옵션이 있습니다.

뉴스룸 AI

출처: nws.ai

Newsroom AI는 2018년부터 사용된 강력한 웹 스토리 편집 앱입니다. 이 앱은 Forbes, Guardian 및 Lonely Planet과 같은 클라이언트에서 플랫폼을 통해 게시된 100만 개 이상의 웹 스토리를 자랑합니다.

무료 및 유료 버전이 있지만 이미 무료 버전으로 많은 작업을 수행할 수 있습니다. 수많은 무료 템플릿, 모양, 아이콘 및 Getty Images가 포함된 끌어서 놓기 인터페이스에 액세스할 수 있습니다. 유료 버전을 사용하면 Google Ads를 제어하고 도메인에서 스토리를 호스팅할 수 있습니다.

앱 사용을 시작하는 것은 쉽습니다. 계정을 만들고 로그인한 다음 첫 번째 스토리를 만들기만 하면 됩니다. 플랫폼은 직관적이며 원하는 내용에 따라 콘텐츠의 모든 측면을 변경할 수 있습니다.

사용 가능한 기타 도구

위에 언급된 도구는 Google Web Stories의 기능을 극대화하려는 제작자가 사용할 수 있는 가장 인기 있는 도구일 뿐입니다. 사용 가능한 다른 도구는 아래에 나열되어 있습니다.

• 펴다
• 스토리 가입
• 앰프스터
• 제품 이야기
• 비케오 스튜디오
• 비주얼 스토리
• 스토리미
• 탭 가능

이러한 도구에는 직관적인 끌어서 놓기 인터페이스와 디자인에 사용할 수 있는 무료 항목도 있습니다. 일부는 소셜 미디어 핸들에 스토리를 직접 게시할 수도 있습니다.

이 중 어느 것도 효과가 없으면 언제든지 자신의 스토리를 코딩 할 수 있습니다 . AMP 기술은 오픈 소스이므로 맞춤 코드와 도구를 사용하여 자신만의 스토리를 개발하는 방법에 대한 단계별 가이드를 발표합니다. 이것은 유료 플랫폼에 의존하지 않고 웹 스토리를 더 많이 제어하려는 기술에 정통한 제작자에게 좋습니다.

Google 웹 스토리 작성 모범 사례

"스토리" 형식은 매우 매력적이지만 잘못 수행하면 청중이 스토리를 보도록 유도하기보다는 꺼버릴 것입니다. 다음은 효과적으로 매력적인 웹 스토리를 만들기 위해 따라야 하는 모범 사례입니다.

가능한 한 비디오를 사용하십시오.

스토리텔링은 사진이나 텍스트보다 비디오가 더 좋습니다. 세로 모드 또는 세로 비율(9:16)로 비디오를 사용하여 몰입감 있는 경험을 만드십시오. 전체 화면을 완전히 차지하지 않는 가로 동영상은 피하고 항상 풀 블리드 동영상과 이미지를 사용하세요.

출처:story.google

이상적인 종횡비에 맞게 비디오를 잘라야 하는 경우 중요한 구성 요소가 계속 표시되는지 확인하십시오. 패널당 15초 미만의 동영상을 사용합니다. 더 길어야 하는 경우 60초를 초과하지 마십시오. 스토리는 즉각적인 경험을 제공하므로 동영상은 짧을수록 좋습니다.

당신의 관점과 함께 내러티브 호를 가지십시오.

이야기를 할 때 사실만을 말하지 마십시오. 한 패널에서 다음 패널로 서스펜스를 구축하여 자신의 의견을 공유하고 계속 참여하십시오. 당신은 청중이 계속해서 스토리를 탭하여 무엇이 나올지 알기를 바랍니다.

스토리를 여정에 함께 가져와 청중과 더 관련이 있는 스토리를 만드세요. 항상 그들이 더 많은 것을 찾도록 하는 좋은 이야기를 제공하십시오.

큰 텍스트 블록을 피하십시오.

때로는 전체 텍스트로 구성된 패널을 사용하여 전체 스토리를 전달하는 것이 불가피합니다. 이 작업을 수행해야 하는 경우 간결하고 다양한 글꼴 스타일과 크기를 사용하십시오.

출처:story.google

글꼴 크기와 글꼴 스타일을 가지고 놀더라도 텍스트 블록이 있는 여러 개의 연속 패널을 사용하지 마십시오. 다시 말하지만, 스토리는 비디오와 이미지를 사용하여 더 잘 전달됩니다. 단조로운 텍스트 블록 다음에 블록만 만나기 위해 스토리를 탭하고 싶은 사람은 없습니다.

패널당 문자 수를 280자(트위터 트윗 길이)로 줄이도록 최선을 다하십시오. 또한 텍스트가 다른 콘텐츠나 요소에 의해 차단되지 않는지 확인합니다. 여러 장치에 맞게 스토리 크기를 조정할 때 텍스트가 넘치지 않도록 번인된 텍스트를 피하십시오.

항상 가독성을 보장합니다.

비디오와 이미지는 텍스트나 캡션과 겹쳐지면 더 잘 이해됩니다. 그렇게 할 때 텍스트가 읽기 쉽고 패널의 다른 요소에 의해 가려지지 않는지 확인하십시오.

출처:story.google

비디오나 이미지 위에 텍스트를 배치할 때 텍스트에 대해 직접 대비되는 배경을 만들거나 텍스트가 배치되는 영역에 그라데이션 배경을 제공하십시오. 문자 수, 글꼴 스타일 및 글꼴 크기에 유의하십시오.

스토리는 모바일 화면에 표시되며 더 작은 화면을 사용하는 청중이 여전히 스토리를 이해할 수 있도록 해야 합니다.

애니메이션을 신중하게 사용

스토리의 개별 개체에 애니메이션을 적용하면 해당 개체가 시청자에게 더 매력적입니다. 그러나 과용하지 않도록 주의하십시오. 산만하거나 반복적인 애니메이션은 피로를 유발하고 청중을 외면할 수 있으므로 피하십시오.

사전 설정 애니메이션을 사용할 때는 스토리 스타일에 맞는지 확인하세요. 생각을 자극하는 이야기를 하고 있습니까, 아니면 액션으로 가득 찬 흥미진진한 이야기를 하고 있습니까? 스토리에 잘 맞는 애니메이션을 사용하세요.

고품질 이미지, 비디오 및 오디오 클립 사용

아무도 픽셀화되거나 흐릿한 사진과 비디오를 보거나 왜곡된 오디오를 듣고 싶어하지 않습니다. 웹 스토리를 만들 때 반드시 초고화질 동영상과 이미지가 필요한 것은 아니지만 저해상도나 왜곡된 동영상과 이미지도 피해야 합니다.

오디오를 사용할 때 연설이 배경 음악과 균형을 이루고 들리는지 확인하십시오. 패널의 아무 곳에나 브랜드 로고를 배치할 때 고해상도 로고를 사용해야 합니다.

Google에 최적화

웹 스토리는 웹 페이지와 같으며 둘 다에 대한 SEO 모범 사례 는 동일합니다. 항상 청중이 좋아할 고품질의 가치 있는 콘텐츠를 만드십시오. 이렇게 하면 사용자의 참여를 유지하고 더 많이 다시 방문하여 사이트의 SEO 점수에 상당한 영향을 미칩니다.

출처:story.google

Google 웹 스토리 제목은 짧아야 합니다. 설명을 포함하되 70-90자 미만으로 유지하세요. AMP 스토리 메타데이터 가이드라인 에 따라 메타데이터 구조를 연결 하고 가로 디스플레이에 대한 지원을 추가합니다. 이미지에 대체 텍스트를 사용하고 동영상에 자막을 포함합니다.

사이트맵에 스토리를 포함하여 다른 웹페이지와 연결하고 noindex 속성 이 없는지 확인하여 Google에서 스토리를 검색할 수 있도록 합니다.

위에서 언급한 대부분의 Google 웹 스토리 도구에는 스토리가 이러한 기본 SEO 요구 사항을 충족하는지 확인하는 내장 SEO 기능이 있습니다.

스토리가 유효한 AMP 페이지인지 확인하세요.

Google 웹 스토리는 AMP 페이지이며 모든 AMP 요구사항을 통과해야 합니다. AMP 유효성 검사기 도구 를 사용하여 오류를 확인하고 수정할 수 있습니다.

올바른 포스터 이미지 크기(최소 640x853px, 3:4 종횡비)와 올바른 로고 크기(최소 96x96px, 1:1 종횡비)를 사용하십시오. 다시 말하지만, 스토리 제목이 검색 결과에서 가려지지 않도록 번인 텍스트를 사용하지 마십시오. 메타데이터에 og:image 태그를 사용하여 검색 가능성을 높이세요.

웹 스토리 전용 CTA 사용

소셜 미디어 플랫폼에서 스토리를 다시 만들 때 CTA를 염두에 두십시오. 이러한 CTA 중 일부는 이러한 플랫폼에만 해당되며 웹 스토리에서는 작동하지 않습니다.

웹 스토리에 CTA를 사용할 때 독자가 팔로우할 수 있고 원하는 작업을 이해하는 데 어려움을 겪지 않도록 하세요. CTA를 사용하여 청중에게 더 많은 스토리를 보거나 뉴스레터를 구독하거나 제휴사 링크 또는 전자상거래 사이트 에서 무언가를 구매하도록 요청할 수 있습니다 .

출처: Swirlster.ndtv.com

눈길을 끄는 표지 사진 사용

귀하의 스토리는 다른 웹 스토리보다 먼저 표시됩니다. 표지 사진 또는 첫 번째 패널은 청중의 시선을 사로잡고 스토리를 탭하도록 유도해야 합니다.

출처:story.google

또한 텍스트 배치 균형 조정, 읽기 쉬운 캡션 사용, 고품질 비디오 및 이미지 사용에 대해 앞서 언급한 모범 사례를 따르십시오.

표지가 스토리와 관련이 있는 것이 중요합니다. 청중을 오도하거나 스토리를 보도록 유도하기 위해 클릭베이트를 사용하지 마십시오.

Google 웹 스토리를 사용하는 이유

Google Web Stories 사용 또는 투자에 대해 아직 결정하지 못한 경우 이 통계와 다음 이점을 고려하십시오.

Forrester Consulting 연구 에 따르면 2,062명의 미국 온라인 소비자 중 64%가 해당 기사를 스크롤하는 것보다 탭 가능한 모바일 웹 스토리를 선호했습니다.

또한 스마트폰 사용자의 74%는 매주 소셜 스토리를 읽거나 봅니다. 그들은 스토리를 소비하고 싶지만 반드시 자신의 스토리를 게시할 필요는 없습니다. 이러한 소비자는 탭할 수 있는 스토리가 탐색하기 쉽고 다음 범주에서 더 많은 웹 스토리를 보는 데 관심이 있다고 생각합니다.

• DIY/방법
• 요리/가정
• 스포츠

소비자는 이미 관심이 있는 분야에서 스토리 참여에 대한 요구를 충족할 더 많은 제작자를 찾고 있습니다.

Google 웹 스토리의 이점

Google 웹 스토리는 비교적 새롭지만 제작자에게 많은 기회를 제공합니다. 웹 스토리가 다음 콘텐츠 전략인지 결정하는 데 도움이 되는 다음 이점을 고려하십시오.

새로운 잠재고객을 확보할 수 있습니다.

Google은 인터넷에서 가장 강력한 검색 엔진 도구입니다. Google 웹 스토리를 만들면 Google 검색 페이지와 Google 이미지에 표시됩니다. 즉, 더 많은 사람들이 귀하의 콘텐츠를 보게 되며 귀하는 더 이상 특정 소셜 미디어 플랫폼의 사용자에게만 국한되지 않습니다.

Google Web Stories에 CTA를 배치할 수 있으므로 새로운 잠재고객에게 웹사이트로 이동하거나 뉴스레터를 구독하거나 소셜 미디어 채널을 팔로우하도록 요청하여 더 많은 관계를 구축할 수 있습니다.

네이티브 및 매력적인 광고를 만들 수 있습니다.

청중은 방해가 되는 광고를 싫어합니다. 그러나 적절한 시기에 와서 콘텐츠의 내러티브와 응집력 있게 흐른다면 청중이 광고 때문에 배를 포기할 이유가 없습니다.

Google 웹 스토리는 프로그래밍 방식 광고 를 허용합니다 . 스토리라인에 삽입하고 디자인과 일치시킬 수 있는 광고입니다. 더 부드러운 경험을 위해 스토리의 나머지 부분과 자연스럽게 광고가 흐르도록 할 수 있습니다.

출처: amp.dev

CTA와 함께 광고를 사용하여 제품 구매, 제휴 링크에서 앱 설치, 상담 예약 등을 할 수 있습니다. 스토리를 Google 애드워즈 및 기타 광고 기회 와 통합할 수도 있습니다 .

당신은 그것들을 만드는 것이 재미있을 것이고 당신의 시청자들은 그것들을 보는 재미가 있을 것입니다.

이야기는 역동적이고 아름답습니다. 풍부한 그래픽과 예술적인 텍스트의 조합으로 스토리는 눈을 즐겁게 합니다. 이미 인터넷에 있는 복잡한 비디오와 기사에서 눈에 띄도록 몇 가지 매력적인 배경 음악을 추가하십시오.

또한 스토리 만들기는 크리에이터가 다양한 Google 웹 스토리 도구를 사용하여 아이디어를 표현할 수 있는 새로운 방법을 제공합니다. 이러한 도구의 대부분은 끌어서 놓기 방식이므로 스토리를 만드는 것은 직관적이고 쉽습니다.

귀하의 웹 사이트는 몰입 형 경험을 즐길 것입니다.

몰입은 청중이 전체 이야기의 일부인 것처럼 느끼게 할 수 있습니다. 그들은 방해 없이 전체 화면 보기를 즐깁니다. 귀하의 웹사이트가 최근에 부실해 보였다면 Google Web Stories에서 새로운 역학을 추가하여 웹사이트를 다시 신선하게 만들 수 있습니다.

잠재 고객이 모바일을 사용하든 데스크탑을 사용하든 관계없이 스토리의 전체 화면 경험을 즐길 수 있습니다.

귀하는 귀하의 콘텐츠를 소유하고 있습니다.

웹 스토리로 원하는 작업을 완전히 제어할 수 있습니다. 소셜 미디어 플랫폼에서 만든 스토리와 달리 스토리를 배포할 방법과 시기를 결정할 수 있습니다.

웹사이트에 삽입하거나 청중과 공유할 수 있습니다. 웹 호스팅에서 호스팅하거나 사용 중인 도구의 공유 호스팅에서 유지할 수 있습니다. 또한 청중이 사용할 수 있는 기간을 제어할 수도 있습니다.

마지막 생각들

Google 웹 스토리는 콘텐츠의 진화입니다. 거의 10년 전에 SnapChat이 도입한 이래로 주요 소셜 미디어 플랫폼의 주목을 받았으며 최근 몇 년 동안 각 플랫폼에서 자체 버전을 내놓았습니다.

Google Web Stories를 사용하면 이제 공개 웹에서 스토리 형식을 쉽게 만들고 액세스할 수 있습니다. 직관적인 끌어서 놓기 도구를 사용하여 처음부터 또는 미리 만들어진 템플릿을 사용하여 스토리를 쉽게 만들 수 있습니다. 크리에이터는 스토리 내에 CTA와 Google Ads를 추가할 수 있으므로 새로운 수익 창출 채널도 제공됩니다.

여기에 설명된 모범 사례에 따라 제작자는 눈에 띄고 청중의 마음을 사로잡는 매력적이고 아름다운 Google 웹 스토리를 만들 수 있다고 확신할 수 있습니다.

30,000명이 넘는 마케팅 전문가가 뉴스를 위해 당사에 의존합니다. 당신은해야하지 않습니다?

격주 목요일에 제공되는 세계 1위 인플루언서 마케팅 뉴스레터를 구독하세요.

시도 해봐