Okuyucularınızın ilgisini canlı tutmak için Web Hikayeleri oluşturma ile ilgili en iyi uygulamalarımızı dikkate alın. Öncelikle kritik görevlere odaklanmanızı öneririz. Daha fazla zamanınız varsa önerilen en iyi uygulamaları da izleyin.
Hikaye anlatma
Hikaye anlatma ile ilgili kritik en iyi uygulamalar
Videoya öncelik verin
Videolar metin veya resimlerden daha ilgi çekicidir. Mümkün olduğunca çok video kullanın ve bu videoları resim ve metinle destekleyin.
Hikaye anlatma ile ilgili diğer en iyi uygulamalar
Hikaye anlatma ile ilgili önerilen en iyi uygulamalar
Kendi bakış açınızı sunun
Sadece bilgi vermekle kalmayın. Görüşlerinizi paylaşın. Kendi hikayenizin kahramanı olun. Anlattıklarınızın ilgi çekici olmasını sağlayın.
Anlattıklarınızda bütünlük olmasına dikkat edin
Hikayenizde bir sayfadan diğerine geçerken merak uyandırın. Hikayenin takip edilebilmesini sağlayacak bir bağlam ve anlatım sunun. Kullanıcının sonuna kadar izlediğine değmesini sağlayın.
Tasarım
Tasarım ile ilgili kritik en iyi uygulamalar
Karakter sayınızı azaltın
Çok fazla metin içeren birden çok sayfa eklemekten kaçının. Metinleri sayfa başına yaklaşık 280 karaktere (tweet uzunluğu) düşürmeyi değerlendirin.
Metni engellemeyin
Metnin sayfadaki diğer içerikler tarafından engellenmediğinden emin olun. Sabitlenmiş (başka resim veya videonun parçası olan) metin kullanmaktan kaçının. Aksi durumda, metin çeşitli cihazlara sığacak şekilde yeniden boyutlandırıldığında engellenebilir.
Metni sınırlar içinde tutun
Web Hikayenizdeki tüm metinlerin okuyucu tarafından görülebildiğinden emin olun. Sabitlenmiş metin kullanmaktan kaçının. Aksi durumda, metin çeşitli cihazlara sığacak şekilde yeniden boyutlandırıldığında taşma olabilir.
Animasyonları dikkatli kullanın
Animasyonlarla hikayelerinize hayat verin. Yorgunluğa neden olabilecek dikkat dağıtıcı veya tekrarlayan animasyonlardan kaçının.
Tasarım ile ilgili diğer en iyi uygulamalar
Tasarım ile ilgili önerilen en iyi uygulamalar
Web Hikayeleri'ne özel harekete geçirici mesaj kullanın
Başlangıçta Instagram, Snapchat veya YouTube gibi sosyal platformlar için oluşturulmuş hikayeleri yeniden oluştururken, belirli bir platforma özgü okuyucuyu harekete geçirici mesajları kaldırdığınızdan emin olun. Kullanıcıların, Web Hikayenizde önerilen harekete geçirici tüm mesajları uygulayabileceğinden emin olun.
Tam çerçeve video ve resimler kullanın
Okuyucular için daha sürükleyici bir deneyim oluşturmak üzere hikayelerinize tam çerçeve öğeler ekleyin.
Düşük çözünürlüklü veya bozuk resim ve videolardan kaçının
Yüksek kaliteli resimler kullanın ve resimleri dikey olarak yeniden boyutlandırırken dikkatli olun.
Kapak sayfanıza logo ekleyin
Markanızı temsil eden, yüksek çözünürlüklü bir logo ekleyin.
Videoyu kısaltın
Videoların sayfa başına 15 saniyeden kısa (en fazla 60 saniye) olmasını öneririz.
Ses ekleyin
Dengeli ses seviyesi olan en az 5 saniye uzunluğunda yüksek kaliteli ses klipleri kullanın ve konuşmanın duyulabilir olduğundan emin olun.
Yalnızca videodan oluşan hikayeler için otomatik ilerlemeyi değerlendirin
Video tabanlı Web Hikayeleri'nde otomatik ilerleme, rahat bir deneyim sunabilir.
SEO
SEO ile ilgili kritik en iyi uygulamalar
Yüksek kaliteli içerik sunun
Tüm web sayfalarında olduğu gibi okuyucularınız için yararlı ve ilgi çekici yüksek kaliteli içerikler sunmak yapabileceğiniz en önemli şeydir. Okuyucularınızın ilgisini canlı tutmak için eksiksiz bir anlatınız olsun ve hikaye anlatma ile ilgili en iyi uygulamalar'ı izleyin.
Başlığı kısa tutun
Başlıkları 90 karakterden kısa tutun. 70 karakterden kısa ve açıklayıcı bir başlık kullanmanızı öneririz.
Google Arama'nın hikayenizi bulabildiğinden emin olun
Hikayenize noindex özelliği eklemeyin. Bu özellik Google'ın sayfayı dizine eklemesini ve Google'da görünmesini engeller. Ayrıca, Web Hikayelerinizi site haritanıza ekleyin. Google'ın Web Hikayelerinizi bulup bulamadığını Search Console'da Dizin Kapsamı Raporu ve Site Haritaları Raporu'ndan kontrol edebilirsiniz.
Hikayeyi kendi sayfasının standardı yapın
Tüm Web Hikayeleri standart olmalıdır. Her Web Hikayesinin kendisine link rel="canonical" bağlantısı verdiğinden emin olun. Örneğin: <link rel="canonical" href="https://www.example.com/url/to/webstory.html">
Meta veri ekleyin
Web Hikayelerinizin AMP hikayesi meta veri yönergelerine uyduğundan emin olun. Aşağıdakiler gibi normalde bir web sayfasına ekleyeceğiniz işaretlemeler ekleyin:
Google Arama'nın Web Hikayenizin yapısını ve içeriğini anlamasına yardımcı olmak için Web Hikayenize yapılandırılmış veri eklemenizi öneririz.
Resimlere alternatif metin ekleyin
Hikayenizin bulunabilirliğini iyileştirmek için resimlerinize alternatif metin eklemenizi öneririz.
Hikayeleri web sitenize entegre edin
Web Hikayeleri'ni web sitenize entegre etmenizi öneririz (ör. uygulanabilir olduğunda ana sayfanızdan veya kategori sayfalarınızdan bağlantı vererek). Örneğin, Web Hikayeniz bir seyahat varış noktası ile ilgiliyse ve tüm seyahat makalelerinizi listeleyen bir sayfanız varsa Web Hikayeleri'ne bu kategori sayfalarından da bağlantı verin. www.example.com/stories gibi ek bir özel açılış sayfası (daha sonra ana sayfanız gibi önemli sayfalardan bağlantı verilecek olan) da anlamlı olabilir.
AMP hikaye sayfası eklerini kullanın
AMP hikaye sayfası ekleri, Web Hikayenizle birlikte ek bilgiler sunmak için kullanılabilir. Bu, Web Hikayenizde sunulan içerik için ekstra ayrıntılar, derinlemesine incelemeler veya ileriye dönük yolculuklar sağlamak amacıyla yararlı olabilir.
Videoya altyazı ekleyin
Okuyucuların hikayenizi daha iyi anlamasına yardımcı olmak için videonuza altyazı ekleyin. Videoya sabitlenmiş altyazılardan kaçının. Aksi durumda diğer içeriklerle çakışabilir veya ekranın dışına taşabilir.
Yalnızca video içeren hikayeleri optimize edin
Web Hikayenizi oluşturmak için semantik HTML kullanmanızı öneririz. Bununla birlikte, bazı Web Hikayesi düzenleme araçları, her slaytının tüm metinlerin videoda yer aldığı bir video dosyası olarak biçimlendirildiği bir hikayeyi dışa aktarabilir. Bu durumda, videonun içinde gösterilen tam metni amp-video öğesinde bir title özelliği olarak eklemenizi öneririz. Bunu da yalnızca Web Hikayelerinizde semantik işaretlemeyi kullanamıyorsanız yapın.
Yatay ekranlar için destek ekleyin
Web Hikayeleri'nin masaüstü Google Arama sonuçlarında görünmesini sağlamak üzere yatay ekranlar için destek ekleyin.
Teknik
Teknik ile ilgili kritik en iyi uygulamalar
Hikayeyi geçerli yapın
Web Hikayeleri geçerli AMP sayfaları olmalıdır. Geçersiz AMP sorunlarını önlemek için Hikayenizi AMP Doğrulayıcı aracı'nı kullanarak test edin ve tespit edilen hataları düzeltin.
Poster resmine metin eklemeyin
Kullanıcılar arama sonuçlarında hikayenizi önizlediğinde hikayenizin başlığını engelleyebileceğinden, sabitlenmiş metin içeren resimler kullanmaktan kaçının. Kullanıcılar başlığı net bir şekilde okuyamazsa okumaya devam etme olasılıkları daha düşük olabilir.
Doğru poster resmi boyutu ve en boy oranı uygulayın
<amp-story> poster-portrait-src özelliğinize bağlı resmin en az 640x853 piksel olduğundan emin olun ve 3:4 en boy oranını kullanın.
Logo için doğru en boy oranı uygulayın
<amp-story> publisher-logo-src özelliğinize bağlı logo resminin en az 96x96 piksel ve en boy oranının 1:1 olduğundan emin olun.
Teknik ile ilgili diğer en iyi uygulamalar
Önerilen en iyi teknik uygulamalar:
og:image dahil edin
Hikayenizin bulunabilirliğini iyileştirmek için <meta> etiketlerinize og:image eklemenizi öneririz.
