14 Eylül 2026
Instagram ve TikTok ile yaygınlaşan tam ekran dikey hikaye tüketim formatını açık web standartlarına taşıyan teknoloji Google Web Stories (Google Web Hikayeleri) yapısıdır. AMP (Accelerated Mobile Pages) altyapısıyla çalışan Web Stories; sosyal platformların kapalı yapıları yerine doğrudan kendi alan adınızda barındırdığınız, bağımsız URL’ye sahip ve arama motorları tarafından dizine eklenebilen görsel kartlardır.
Google Web Stories yayınlamak; standart arama sonuçlarının yanı sıra Google Keşfet (Google Discover) ve Google Görseller kanallarından web sitenize mobil ziyaretçi çekmenin yenilikçi yöntemlerinden biridir.
1. Web Stories’in 4 Temel Teknik Standart Kuralı
[Web Stories Teknik Mimarisi]
├── 1. En Boy Oranı (Aspect Ratio) ──> Tam Ekran Dikey 9:16 (720x1280 px)
├── 2. Sayfa Sayısı & Metin Sınırı ──> 5 - 20 Sayfa Arası (Her Sayfada Kısa Metin)
├── 3. Video Optimizasyonu ──> H.264 / WebM, 15 Saniyeden Kısa Klipler
└── 4. Zorunlu Poster Görseli ──> 3:4 Dikey Önizleme Kapağı (Minimum 640x853 px)| Öğe | Teknik Standart | Neden Zorunlu? |
|---|---|---|
| Poster Görseli (Cover) | poster-portrait-src (3:4 oran, 640x853 px). | Google Discover ve Arama karuselinde net görünmek için. |
| Yayıncı Logosu (Logo) | publisher-logo-src (1:1 kare, 96x96 px vektör/PNG). | Hikaye başlığının üstünde marka doğrulaması. |
| Metin Kontrastı | Arka plan karartması veya yarı saydam metin kutusu. | Açık renkli videolarda yazıların rahat okunabilmesi. |
| Dahili Link (Page Attachment) | Hikaye sonuna eklenen yukarı kaydırmalı ana makale linki. | Mobil trafiği ana e-ticaret veya blog sayfasına aktarma. |
2. Web Story HTML İskeleti ve Yapısal Veri
<!doctype html>
<html ⚡>
<head>
<meta charset="utf-8">
<title>Core Web Vitals INP Rehberi | Seobify</title>
<link rel="canonical" href="https://seobify.com/web-stories/core-web-vitals-inp/">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-story" src="https://cdn.ampproject.org/v0/amp-story-1.0.js"></script>
</head>
<body>
<amp-story standalone
title="Core Web Vitals INP Rehberi"
publisher="Seobify"
publisher-logo-src="https://seobify.com/images/logo-square.png"
poster-portrait-src="https://seobify.com/images/stories/inp-cover.jpg">
<!-- 1. Sayfa -->
<amp-story-page id="page1">
<amp-story-grid-layer template="fill">
<amp-img src="/images/stories/page1.jpg" width="720" height="1280" layout="responsive"></amp-img>
</amp-story-grid-layer>
<amp-story-grid-layer template="vertical">
<h1>INP Nedir?</h1>
<p>Web sitenizin tıklama gecikmelerini optimize eden yeni nesil hız metriği.</p>
</amp-story-grid-layer>
</amp-story-page>
</amp-story>
</body>
</html>3. Web Stories SEO Kontrol Listesi
- XML Site Haritasına Ekleyin:
sitemap-stories.xmldosyası oluşturup Google Search Console’a gönderin. - Kanonik URL’yi Kendisine Verin: Web Story bağımsız bir içerikse kendine, bir makalenin özeti ise ana makaleye
canonicalvermelidir. - Google Keşfet (Discover) İçin Büyük Görsel Boyutu:
<meta name="robots" content="max-image-preview:large">etiketini tanımlayın.
Sıkça Sorulan Sorular
WordPress sitelerinde Web Stories nasıl üretilir?
Google’ın resmi Web Stories for WordPress eklentisi ile sürükle-bırak arayüzüyle Web Story içerikleri hazırlanabilir.
Web Stories içinde reklam yayınlanabilir mi?
Evet. Google AdSense ve Google Ad Manager entegrasyonu ile hikaye sayfaları arasına programatik reklamlar yerleştirilebilir.
Stratejik Sonuç
Google Web Stories, mobil kullanıcıların dikkat süresine uyum sağlayarak Google Keşfet’ten düzenli bir organik etkileşim akışı yaratır. Çok kanallı içerik stratejileri için içerik pazarlaması çözümlerimizi inceleyin.
İlgili Yazılar
- YouTube SEO Rehberi: Video Başlığı, Etiketler ve Sıralama
- Web Sayfasında Kalma Süresini (Dwell Time) Artıran 10 Taktik
- YouTube Reklam Rehberi: Video ile Müşteri Kazanma Stratejileri
- Video İçerik Pazarlaması ve YouTube SEO Trendleri 2026
- Video İçeriklerini Yapay Zeka ile Ölçeklendirmenin 10 Yolu
Daha kapsamlı destek için: SEO Danışmanlığı hizmetimize göz atın.