Okuyucularınızın ilgisini canlı tutmak için
Web Storiesoluşturma konusundaki en iyi uygulamalarımızı takip edin. Önce kritik görevlere odaklanmanızı öneririz. Daha fazla vaktiniz varsa, önerilen en iyi uygulamaları da takip edin.
Hikaye anlatımı
| Kritik hikaye anlatımı en iyi uygulamaları | |
|---|---|
| Önce video | Video, metin veya görsellerden daha ilgi çekicidir. Mümkün olduğunca çok video kullanın ve görsel ile metinlerle destekleyin. |
Daha fazla hikaye anlatımı en iyi uygulamaları
| Önerilen hikaye anlatımı en iyi uygulamaları | |
|---|---|
| Kendi perspektifinizi katın | Gerçeklerin ötesine geçin. Görüşlerinizi paylaşın. Kendi hikayenizin kahramanı olun. Onu ilişkilendirilebilir kılın. |
| Bir anlatı yayına sahip olun | Hikayenizde bir sayfadan diğerine bir gizem yaratın. Bağlam ve anlatı sağlayarak kullanıcıyı yolculuğa dahil edin. Sonuna kadar sizinle kaldığı için karşılığını verin. |
Tasarım
| Kritik tasarım en iyi uygulamaları | |
|---|---|
| Karakter sayınızı azaltın | Metin duvarları içeren birden fazla sayfa eklemekten kaçının. Metni sayfa başına yaklaşık 280 karaktere (bir tweet’in uzunluğu) indirmeyi düşünün. |
| Metni engellemeyin | Metnin sayfadaki diğer içerikler tarafından engellenmediğinden emin olun. Gömülü metin kullanmaktan kaçının; gömülü metin kullanmayarak, çeşitli cihaz boyutlarına uyacak şekilde yeniden boyutlandırıldığında metnin engellenmesini önlersiniz. |
| Metni sınırlar içinde tutun | Web Story’nizdeki tüm metnin okuyucu tarafından görünür olduğundan emin olun. Gömülü metin kullanmaktan kaçının; gömülü metin kullanmayarak, çeşitli cihaz boyutlarına uyacak şekilde yeniden boyutlandırıldığında metnin taşmasını önlersiniz. |
| Animasyonları bilinçli kullanın | Animasyonlarla hikayelerinizi hayata geçirin. Yorgunluğa neden olabilecek dikkat dağıtıcı veya tekrarlayan animasyonlardan kaçının. |
Daha fazla tasarım en iyi uygulamaları
| Önerilen tasarım en iyi uygulamaları | |
|---|---|
| Web Stories’e özgü harekete geçirici mesajlar kullanın | Aslen Instagram, Snapchat veya YouTube gibi bir sosyal platform için oluşturulmuş hikayeleri yeniden oluştururken, belirli bir platforma özgü okuyucu harekete geçirici mesajlarını kaldırdığınızdan emin olun. Kullanıcıların Web Story’nizde önerilen herhangi bir eylemi takip edebildiğinden emin olun. |
| Tam ekran taşan video ve görseller kullanın | Okuyucular için daha sürükleyici bir deneyim yaratmak üzere hikayelerinize tam ekran taşan varlıklar dahil edin. |
| Düşük çözünürlüklü veya bozulmuş görsellerden ve videolardan kaçının | Yüksek kaliteli görseller kullanın ve görselleri dikey konuma yeniden boyutlandırırken dikkatli olun. |
| Kapak sayfanıza bir logo ekleyin | Markanızı temsil eden yüksek çözünürlüklü bir logo ekleyin. |
| Video süresini kısaltın | Sayfa başına 15 saniyeden kısa veya maksimum 60 saniye olan videoları öneririz. |
| Ses ekleyin | Dengeli ses seviyesine sahip, en az 5 saniye uzunluğunda yüksek kaliteli ses klipleri kullanın ve konuşmanın duyulabilir olduğundan emin olun. |
| Yalnızca video içeren hikayeler için otomatik ilerlemeyi değerlendirin | Video tabanlı Web Stories için otomatik ilerleyen bir deneyim, rahat bir kullanıcı deneyimi için oldukça iyi çalışabilir. |
SEO
| Kritik SEO en iyi uygulamaları | |
|---|---|
| Yüksek kaliteli içerik sağlayın | Her web sayfasında olduğu gibi, okuyucularınız için faydalı ve ilginç olan yüksek kaliteli içerik sağlamak yapabileceğiniz en önemli şeydir. Eksiksiz bir anlatım ekleyin ve hikaye anlatımı en iyi uygulamaları nı takip ederek okuyucularınızın ilgisini canlı tutun. |
| Başlığı kısa tutun | Başlıkları 90 karakterden kısa tutun. 70 karakterden kısa, açıklayıcı bir başlık kullanmanızı öneririz. |
| Google Arama’nın hikayenizi bulabileceğinden emin olun | Hikayenize noindex etiketi eklemeyin; bu etiket Google’ın sayfayı indekslemesini engeller ve Google’da görünmesini önler. Ayrıca, Web Stories’lerinizi site haritanıza ekleyin. Google’ın Web Stories’lerinizi bulup bulamadığını Dizin KapsamıRaporu ve Site Haritaları Raporu yardımıyla Search Console’da kontrol edebilirsiniz. |
| Hikayeyi kendi kendine kanonik yapın | Tüm Web Stories’ler kanonik olmalıdır. Her Web Story’nin kendisine ait bir link rel="canonical" içerdiğinden emin olun. Örneğin: <link rel="canonical" href="https://www.example.com/url/to/webstory.html"> |
| Meta veri ekleyin | Web Stories’lerinizin 
|
Daha fazla SEO en iyi uygulaması
| Önerilen SEO en iyi uygulamaları | |
|---|---|
| Yapılandırılmış verileri dahil et | Öneriyoruz yapılandırılmış verileri dahil etmeyi Google Arama’nın Web Story’nizin yapısını ve içeriğini anlamasına yardımcı olmak için Web Story’nize. |
| Görsellere alt metin ekleyin | Hikayenizin keşfedilebilirliğini artırmak için görsellerinize alt metin eklemenizi öneririz. |
| Hikayeleri web sitenize entegre edin | Web Stories’i, uygun olduğu durumlarda ana sayfanızdan veya kategori sayfalarınızdan bağlantı vermek gibi web sitenize entegre etmenizi öneririz. Örneğin, Web Story’niz bir seyahat destinasyonu hakkındaysa ve tüm seyahat makalelerinizi listeleyen bir sayfanız varsa, Web Stories’i bu kategori sayfasında da bağlayın. Şunun gibi ek bir özel açılış sayfası |
| AMP story sayfa eklerini kullanın | AMP story sayfa ekleri Web Story’nizin yanında ek bilgi sunmak için kullanılabilir. Bu, Web Story’nizde sunulan içerik için ekstra ayrıntılar, derinlemesine incelemeler veya sonraki adımlar sağlamak yararlı olabilir. |
| Videoya altyazı ekleyin | Ekleyin videonuza altyazı okuyucuların hikayenizi daha iyi anlamasına yardımcı olmak için. Diğer içeriklerle çakışmadıklarından veya ekrandan taşmadıklarından emin olmak için videonun içine gömülü altyazılardan kaçının. |
| Yalnızca video içeren hikayeleri optimize edin | Web Story’nizi oluşturmak için semantik HTML kullanmanızı öneririz. Bununla birlikte, bazı Web Story düzenleyici araçları bunun yerine her slaydı videonun içine tüm metni işleyen bir video dosyası olarak biçimlendiren bir hikaye dışarı aktarabilir. Bu durumda, videonun içinde görüntülenen tam metni, bir  |
| Yatay ekranlar için destek ekleyin | Web Stories’in masaüstü Google Arama sonuçlarında görünmesini sağlamak için ekleyin yatay ekranlar için destek. |
Teknik
| Kritik teknik en iyi uygulamalar | |
|---|---|
| Hikayeyi geçerli kıl | Web Stories geçerli AMP sayfaları olmalıdır. Geçersiz AMP sorunlarından kaçınmak için Hikayenizi şunu kullanarak test edin: AMP Validator aracı ve tespit edilen hataları düzeltin. |
| Afiş görseline metin eklemeyin | Afiş görselinde gömülü metinler kullanmaktan kaçının; çünkü kullanıcılar hikayenizi Arama sonuçlarında önizlediğinde bu durum hikayenizin başlığını kapatabilir. Kullanıcılar başlığı net bir şekilde okuyamazsa, okumaya devam etme ihtimalleri azalabilir. |
| Doğru afiş görseli boyutunu ve en-boy oranını ekleyin | Şu öğeyle bağlantı kurulan görselin: <amp-story> poster-portrait-srcözelliğinin en az 640x853px olduğundan emin olun ve 3:4 en-boy oranı kullanın. |
| Logo için doğru en-boy oranını ekleyin | Şu öğeyle bağlantı kurulan logo görselinin: <amp-story> publisher-logo-srcözelliğinin en az 96×96 px ve 1:1 en-boy oranında olduğundan emin olun. |
Diğer teknik en iyi uygulamalar
| Önerilen teknik en iyi uygulamalar | |
|---|---|
Şunu ekleyin: og:image | Şunu eklemenizi öneririz: og:image Şu etiketlerin içine ekleyin:<meta> etiketleri, hikayenizin keşfedilebilirliğini artırmak için. |
Diğer kaynaklar
- Web Stories:
AMP Project’ten Web Stories oluşturma kaynakları. - Google Arama’da Web Stories’i etkinleştirin:
Google Arama’da görünmek için gereken teknik yönergeleri karşılayan Web Stories oluşturma hakkında geliştirici odaklı kılavuz. - AMP stories web sitesi: Geliştirici odaklı
Web Stories biçimi özellikleri. - Web erişilebilirliği: Web Story’nizin tüm kullanıcılar için erişilebilir olmasını sağlamaya yardımcı olacak ipuçları.
- Yapılandırılmış veri yönergeleri: Google Arama’nın içeriğinizi anlamasına yardımcı olmak için yapılandırılmış veri ekleme hakkında ayrıntılar.
Alien Road
Biz bunu nasıl uyguluyoruz
Web Story quality guidelines are mostly editorial: pacing, image quality, text length per frame. We brief the client’s design team on them directly, since the constraints are unfamiliar to people used to article layouts.
İlgili hizmetler