WordPress에서 Google 웹 스토리를 만드는 방법

공식 WordPress 플러그인을 사용하여 Google 웹 스토리를 만들기 위한 전체 가이드

스마트폰은 오늘날 사람들이 콘텐츠를 소비하는 방식을 포함하여 우리의 전 세계를 변화시켰습니다. 점점 더 많은 사람들이 컴퓨터 대신 휴대전화를 사용하여 인터넷을 검색하고 있습니다. 따라서 이러한 변화를 성공적으로 반영하기 위해 콘텐츠 유형도 변경되어야 하는 것은 당연합니다.

Google Web Stories는 바로 그 일을 하기 위해 존재합니다. 이전에 AMP 스토리(AMP 프레임워크가 스토리를 지원함에 따라)로 알려졌던 이 스토리는 이름이 변경되었습니다. 그들이 무엇인지에 대한 초기 아이디어를 얻으려면 Instagram 스토리를 상상해 보십시오. 그러나 많은 뚜렷한 차이점이 있으므로 끝까지 진행하지 마십시오. 가장 중요한 것은 Google Web Stories가 일시적이지 않다는 것입니다.

Google 웹 스토리란?

Google Web Stories는 몰입형 스토리텔링을 위한 빠른 매체입니다. 시각적 형식으로 만들어졌으며 이미지/비디오 및 텍스트의 조합을 사용하여 스토리텔링 경험을 만듭니다. 휴대전화용으로 특별히 설계된 이 이미지는 일반적으로 이야기를 전달하기 위해 텍스트가 수반되는 전체 화면 몰입형 이미지입니다. 일반적으로 전체 내러티브를 완전히 묘사하기 위해 여러 페이지가 있습니다.

Google Web Stories는 오래전부터 사용되어 왔으며 Google에서 검색하는 동안 일부 내용을 접했을 수도 있지만 지금은 Google이 WordPress용 공식 Google Web Stories 플러그인을 제공하여 더 쉽게 만들 수 있다는 점에서 다릅니다. 퍼블리셔를 위한 웹 스토리를 만들 수 있습니다.

Google 검색 결과, 이미지, 그리드 보기(모든 지역 및 언어에서 사용 가능) 및 검색 섹션(현재 영어로만 제공되며 현재 미국에서만 사용 가능)에 나타날 수 있습니다. 웹 스토리는 짧게 유지하면서 하고 싶은 이야기를 전달하는 데 탁월할 뿐만 아니라 웹사이트의 트래픽을 증가시킬 수 있는 큰 잠재력을 가지고 있습니다.

Google Web Stories 플러그인 설치 방법

Google은 (현재) Web Stories 플러그인을 공개 베타로 출시했으므로 공개 출시를 기다리지 않으려면 파일을 다운로드하고 수동으로 설치해야 합니다. Google Web Stories WordPress 플러그인용 Github 페이지로 이동합니다.

'베타 다운로드' 버튼을 클릭합니다.

그런 다음 WordPress 대시보드에서 플러그인으로 이동하여 '새로 추가'를 클릭합니다.

'플러그인 업로드' 옵션을 클릭하고 방금 다운로드한 .zip 파일을 선택합니다. 그런 다음 '플러그인 설치' 버튼을 클릭합니다.

설치 후 활성화하면 WordPress 메뉴에 '스토리'에 대한 새 옵션이 나타납니다.

WordPress에서 Google 웹 스토리를 만드는 방법

GWS WordPress 플러그인을 설치한 후 왼쪽 탐색 메뉴에서 '스토리'로 이동합니다. 스토리 대시보드에 도달합니다. 여기에서 초안과 출판된 이야기를 찾을 수 있습니다.

'새 스토리 만들기' 버튼을 클릭하여 처음부터 새 스토리를 만듭니다.

편집기는 다루기 어렵지 않을 사용하기 쉽고 직관적인 인터페이스를 가지고 있습니다. 세 부분으로 나뉩니다.

  • 왼쪽은 이미지, 비디오, 텍스트, 도형 등 스토리에 추가할 콘텐츠를 선택할 수 있는 요소 메뉴입니다.
  • 이야기가 어떻게 형성되고 있는지 미리 볼 수 있는 센터와 출판 도구
  • 또한 문서 도구뿐만 아니라 디자인의 각 레이어에 대해 더 많은 편집 도구를 사용할 수 있습니다.

Google 웹 스토리에 이미지 추가

스토리 편집기 화면의 왼쪽 섹션에서 스토리에 콘텐츠를 추가할 수 있습니다. 선택할 수 있는 이미지와 비디오는 WordPress 미디어 라이브러리에 있는 이미지와 비디오입니다. 스토리로 편집할 수 있도록 새 이미지를 추가하려면 미디어 라이브러리에 업로드하기만 하면 됩니다.

이미지를 클릭하거나 편집기로 끌어다 놓아 페이지에 추가할 수 있습니다. 웹 스토리 제작을 위한 가이드라인에서 Google은 최대 15초의 동영상을 사용하고 60초를 초과하는 동영상을 사용하지 않을 것을 권장합니다. 그들은 또한 비디오에 캡션을 추가할 것을 제안합니다.

Google 웹 스토리에 텍스트 추가

이미지에서 텍스트 또는 모양으로 전환하려면 요소 섹션 상단에 있는 탭을 클릭하십시오.

텍스트에는 선택할 수 있는 세 가지 사전 설정이 포함되어 있습니다. 제목, 부제목 및 본문 텍스트. 페이지에 추가할 카테고리를 선택하세요. Google은 각 페이지의 텍스트를 페이지당 200자 미만으로 짧게 유지하는 것이 좋습니다.

Google 웹 스토리에 도형 추가하기

모양에는 원형, 정사각형, 삼각형, 하트, 일부 다각형 및 얼룩과 같은 몇 가지 꽤 표준적인 밀 모양이 포함됩니다. 모양은 매우 기본적일 수 있지만 스토리를 만드는 동안 이미지를 떨어뜨리는 마스크로 사용할 수 있습니다. 이들 역시 클릭하거나 원하는 특정 영역으로 끌어다 놓아 추가할 수 있습니다.

WordPress에서 Google 웹 스토리 편집

중앙 편집기에서 '제목 추가' 옵션으로 이동하여 스토리의 제목을 추가할 수 있습니다. Google은 제목의 길이를 최대 40자로 짧게 유지하는 것이 좋습니다.

페이지에 추가하는 모든 요소는 별도의 레이어로 추가되므로 각 레이어를 개별적으로 편집할 수 있습니다. 요소를 편집하려면 해당 요소를 클릭합니다. 파란색 경계로 강조 표시되며 드래그하여 페이지의 아무 곳에나 배치하고 크기를 조정하고 각 요소에 대해 오른쪽에 있는 디자인 도구를 사용할 수 있습니다.

개별 페이지를 편집하고 스토리에 더 많은 페이지를 추가할 수 있습니다. Google은 스토리가 5-30페이지 정도가 되어야 하며 제안된 목표는 10-20페이지가 되도록 권장합니다.

스토리에 새 페이지를 추가하려면 페이지 편집기 아래의 도구 모음에서 '+' 아이콘을 클릭합니다. 이 도구 모음에는 '페이지 삭제', '페이지 복제', '실행 취소' 및 '다시 실행'과 같은 다른 편집 옵션도 있습니다.

편집기에는 안전 모드를 활성화 및 비활성화하는 버튼도 있습니다. 안전 모드를 활성화한 상태로 유지하고 콘텐츠가 대부분의 장치에서 표시되도록 하려면 중요한 정보를 안전 영역 내에 보관하십시오.

편집기에는 스토리를 초안으로 저장하고, 미리 보고, 게시하는 옵션도 포함되어 있습니다.

Google 웹 스토리를 위한 디자인 및 문서 도구

오른쪽의 디자인 도구는 편집기에서 요소를 선택한 경우에만 활성화됩니다. 따라서 편집기에서 텍스트를 선택하면 오른쪽에 텍스트를 편집할 수 있는 도구가 나타납니다. 정렬 및 배치, 색상, 크기, 글꼴 스타일, 줄 간격 등을 변경할 수 있습니다.

또한 모든 레이어에는 Opacity 및 Link라는 몇 가지 공통 디자인 도구가 있습니다. 각 요소의 불투명도는 기본적으로 100이지만 줄일 수 있습니다. 스토리의 모든 요소에 대한 링크를 추가할 수도 있지만 Google에서는 페이지에 링크가 두 개 이상 있으면 안 된다고 제안합니다.

'문서' 탭을 클릭하여 디자인 도구에서 문서 도구로 전환합니다. 여기에는 표준 WordPress 게시 도구와 기타 도구가 포함됩니다. '초안' 및 '공개' 상태 외에도 스토리를 '비공개'로 설정할 수 있으므로 사이트 관리자와 편집자도 볼 수 있지만 일반 사용자는 볼 수 없습니다.

그 외에 날짜, 로고, 표지 이미지를 추가하고 퍼머링크를 수정할 수 있습니다. 그리고 가장 중요한 것은 페이지 진행 설정을 구성할 수 있다는 것입니다. 페이지 진행 설정에는 스토리가 자동으로 진행되는지 또는 독자가 페이지를 진행하기 위해 수동으로 탭해야 하는지 여부가 포함됩니다.

'자동 진행' 옵션의 경우 각 페이지 넘김 사이의 시간을 설정할 수도 있습니다.

Google 웹 스토리 템플릿 사용

GWS WordPress 플러그인은 스토리를 만드는 데 사용할 수 있는 몇 가지 템플릿도 제공합니다. 현재 미용, 음식, DIY, 엔터테인먼트, 패션, 피트니스, 여행 및 웰빙과 같은 일부 표준 콘텐츠 범주에 대한 8개의 템플릿이 있습니다. 스토리 템플릿은 8개만 있을 수 있지만 각 스토리에는 여러 페이지가 있으므로 그 중에서 선택할 수 있는 옵션의 평균 수가 있습니다.

웹 스토리 대시보드에서 '템플릿 탐색' 옵션을 클릭하여 템플릿을 엽니다.

템플릿에 마우스를 가져가면 몇 가지 옵션이 나타납니다. '보기'를 클릭하여 페이지를 보고, '템플릿 사용'을 클릭하여 편집기에서 열고 스토리 편집을 시작합니다.

웹 스토리는 만들기 쉽고 콘텐츠에 대한 사용자의 관심을 끌어야 합니다. 더 많은 모바일 사용자를 유치하여 웹사이트 트래픽을 늘리는 데 도움이 될 수 있으며, 제휴 링크를 통해 수익을 창출할 수도 있습니다. 그러나 무엇보다도 미학과 속도면에서 그들에게 거절하기가 어렵습니다. 그리고 새로운 WordPress 플러그인을 사용하면 누구나 Google Web Stories를 아주 쉽게 만들 수 있습니다.