Rank Math의 web-story(Stories) 게시물 유형 및 메타 설정은 웹사이트에 Google Web Stories SEO 최적화에 매우 중요합니다.
web-story는 주로 구글 웹 스토리(Google Web Stories)와 같은 시각적이고 스토리텔링형 콘텐츠를 위한 포스트 타입입니다. 웹 스토리 콘텐츠는 모바일 친화적이며, 구글 검색 결과에서 별도의 스토리 섹션으로 노출될 수 있어 SEO 측면에서 중요합니다.
—> 목 차 <—
▣ Stories 유형 활성화 및 기본 설정
▮ Web Stories 플러그인 설치
- 먼저, 웹 스토리 플러그인을 설치합니다.
- 워드프레스 대시보드에서 플러그인 > 새로 추가 > Web Stories 검색 후 공식 Google Web Stories 플러그인을 설치 및 활성화합니다.
[출처-Rank Math] Google 웹 스토리용 SEO
▮ Rank Math에서 Stories 모듈 활성화
- Rank Math SEO > 대시보드 > Google Web Stories 모듈을 활성화합니다.
- 활성화 후 Rank Math SEO > Titles and Meta로 이동하면, Stories 탭이 새로 생성됩니다.
- 단일 스토리 제목: 랭크 수학 변수를 사용하여 제목을 구성할 수 있습니다.
* Rank Math 변수(예: %title% %sep% %sitename%)를 활용한 SEO 타이틀 구성. - 스토리 아카이브 제목: 아카이브 페이지의 제목을 구성할 수 있습니다.
- 스토리 아카이브 설명: 아카이브 페이지의 스토리 설명을 입력할 수 있습니다.
- 스키마 유형: 현재로서는 기사 유형만 지원됩니다
* Article 타입(기본값)으로 설정. - 헤드라인: 이 옵션은 메타 제목을 구성합니다
* meta title(타이틀) 지정. - 기사 유형: 세 가지 옵션 중 하나를 선택합니다. 기본값으로 설정할 수도 있습니다
- 자동 감지 비디오: 이 옵션을 사용하면 동영상이 포함된 웹 스토리에 비디오 스키마를 자동으로 포함시킬 수 있습니다.
- 이미지 자동 생성: 이 옵션을 사용하면 자동으로 감지된 동영상의 썸네일 이미지를 자동으로 생성할 수 있습니다.
- 스토리 로봇 메타: 이 옵션을 사용하면 스토리의 로봇 메타를 구성할 수 있습니다. 비활성화되면 전역 메타가 사용됩니다.
* 색인 허용/비허용 등 로봇 메타 설정. - 기본 분류: 이 옵션을 사용하면 스토리의 기본 분류를 선택할 수 있습니다. 태그, 카테고리, 없음 중 하나를 선택할 수 있습니다.
- 페이스북 썸네일: 이 옵션을 사용하면 소셜 네트워크에 이미지를 추가하거나 업로드할 수 있습니다.
- 슬랙 강화 공유: 이 옵션을 활성화하면 Slack에서 공유할 때 스토리에 대한 향상된 링크 미리보기가 제공됩니다.
- 기본 썸네일 워터마크: 이 옵션을 사용하면 웹 스토리에 워터마크를 추가할 수 있습니다. 재생 또는 GIF 아이콘 중에서 선택하거나 끄기를 선택하여 이 옵션을 비활성화할 수 있습니다.
* Facebook, Slack 공유 이미지 설정 등 지원.
- 단일 스토리 제목: 랭크 수학 변수를 사용하여 제목을 구성할 수 있습니다.
[출처-Rank Math] Google 웹 스토리용 SEO
▣ Web Stories 생성 및 게시 방법
▮ 새 Stories 생성
- WordPress 대시보드 > Stories > 새로 만들기(Add New)에서 스토리 편집기로 진입, 이미지·동영상·텍스트 등 시각 중심 콘텐츠 제작.
* Canva와 같은 브라우저 기반 그래픽 디자인 도구를 사용해 본 적이 있다면, 즉시 그 유사성을 확인할 수 있을 것입니다.- 텍스트, 도형 및 스티커, 페이지 템플릿를 액세스할 수 있는 각 아이콘을 클릭하여 편집할 수 있습니다.
- 사진, 동영상, 텍스트, 도형을 추가하여 스토리를 만들 수 있습니다. 이미지와 동영상은 갤러리에서 가져오며, 스토리 인터페이스에서 직접 미디어를 업로드할 수 있습니다.
- 게시 전, Poster Image(대표 이미지), Publisher Logo, Permalink(고유 주소) 등 필수 항목을 확인 및 입력.
- 게시하기 전에 문서 옵션(포스터 이미지, 퍼블리셔 로고, 퍼멀링크)을 꼭 확인하여야 합니다. 스토리에 제목을 지정하면 퍼멀링크가 자동으로 생성됩니다.
- 스토리가 준비되면 페이지 오른쪽 상단 모서리에 있는 게시 버튼을 클릭하여 게시
- 스토리를 게시하면 새 글(post)에 추가할 수 있는 옵션이 제공되며, 새 글(post)에 추가를 클릭하여 스토리를 새 WordPress post에 추가합니다.
[출처-Rank Math] Google 웹 스토리용 SEO
▮ Stories 게시 및 내장
- 완성된 Stories는 단독 포스트로 노출하거나, 기존 글에 Web Stories Block(블록)으로 삽입하여 활용.
- Stories 작성 후 곧바로 “Add to new post(새 글에 추가)” 또는 직접 URL 복사 후 웹스토리 블록에 삽입하여 콘텐츠 확장 가능.
* 새 글에 추가 버튼을 클릭하면 스토리가 포함된 새 글이 웹사이트에 생성됩니다.
▣ 구글 SEO를 위한 Stories 최적화 팁
▮ 콘텐츠 품질과 기술 가이드라인
- 타이틀은 40자, 한 페이지 내 텍스트는 200자 미만 권장.
- 동영상은 페이지 당 15초 이내, 자막(캡션) 포함 권장.
- 대표 이미지, 고화질 로고, Alt 태그, 사이트맵 포함 등 필수.
- Stories는 반드시 사이트 홈/카테고리에서 접근 가능하도록 내부링크 배치
▮ Stories 수익 창출하기 2가지
- (광고 표시) 스토리 페이지를 제품이나 스폰서 제품의 광고처럼 보이도록 사용자 지정하여 디스플레이 광고를 만들 수 있습니다.
- (제휴 링크) 제휴 링크는 웹 스토리로 수익을 창출하는 또 다른 방법입니다. 페이지 첨부 기능을 사용하여 제휴 링크를 웹 스토리에 넣을 수 있습니다.
* Google은 이러한 링크를 강조 표시하고 시청자가 쉽게 식별할 수 있도록 콜 투 액션을 포함할 것을 권장합니다.
▮ 구글 Web-Stories 사용의 6가지 이점
- (시각적) 텍스트가 많은 콘텐츠를 애니메니션과 동영상 등 시각적으로 풍부한 콘텐츠(웹 스토리)로 제작
- (매력적) 웹 스토리를 통해 청중을 위한 매력적이고 멋진 콘텐츠를 쉽게 제작
- (친화적) 웹 스토리는 매우 빠르게 로드되고 시각적으로 매력적이기 때문에 더 많은 시청자 참여가 가능. 자연스러운 링크와 공유를 유도하여 궁극적으로 검색 엔진 순위를 향상시키는 데 도움
- (쉽게 제작) 형식에는 미리 설정된 유연한 레이아웃 템플릿, 표준 UI 컨트롤 및 공유를 위한 구성 요소가 있으므로 더 쉽게 제작.
- (쉬운 접근) 웹 스토리 형식에는 읽기 좋은 스니펫과 더 많은 청중을 끌어들이는 가장 매력적인 비주얼이 있으며, 내비게이션은 매우 부드럽고 인터랙티브한 웹 스토리는 청중의 관심을 크게 끔.
- (효과적 수익창출) 제휴 링크의 도움으로 웹 스토리에서 수익 창출이 매우 쉬워집니다. 웹 스토리의 도움으로 광고주들이 독특한 오디언스에게 쉽게 다가갈 수 있습니다.
▣ FAQ – Rank Math Stories SEO
Q1. 개별 Stories의 제목/메타디스크립션 수정 가능할까요?
현재(2025년) 개별 Stories의 메타 및 제목은 기존 포스트 유형 대비 제한적이며 글로벌 템플릿 방식만 지원됩니다.
Q2. Web Stories 검색 노출이 되지 않는 원인은?
사이트와 웹스토리 구조가 Google 가이드라인을 완벽히 준수해도, 노출 여부 자체는 구글의 선택에 달려 있습니다. AMP Test로 기술적 문제부터 점검하세요.
Q3. Stories SEO에 특히 중요한 요소는?
미디어 퀄리티(이미지, 영상), 스토리 길이(최소 5~30페이지), 사이트맵 반영, Alt 태그, 중복 없는 고유 콘텐츠입니다.
▣ Web Stories SEO 설정 체크리스트
- Web Stories 플러그인 설치 및 활성화
- Rank Math > Web Stories 모듈 활성화
- Stories SEO 템플릿(타이틀, 메타설명) 작성
- Schema/로봇 메타/대표 썸네일/SNS 이미지 최적화
- 각 Stories 내 poster image, publisher logo 입력
- Stories 색인 및 사이트맵 등록
- AMP Test로 결과 확인 및 문제점 해결
- 내부링크 구조 최적화(홈, 카테고리, 관련글)
- Alt 태그, 고화질 이미지 사용