Web Hikayeleri oluşturmak için en iyi uygulamalar

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ü okuyu 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 HTML'deki standart etiketin en azından URL ile aynı alan adına sahip olduğundan emin olun. link rel="amphtml" eşlemesi Web Hikayeleri için kullanılamaz. Aynı konu hakkındaki uzun bir makale (veya bağımsız video) ve bir Web Hikayesi farklı bağımsız web deneyimleridir. Deneyimlerden biri diğeri için standart olmamalıdır. Ancak, Web Hikayesi ile aynı içeriğe sahip ayrı bir web sayfanız varsa Web Hikayesi'ni standart yapmayı değerlendirin.
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:

SEO ile ilgili diğer en iyi uygulamalar

SEO ile ilgili önerilen en iyi uygulamalar
Yapılandırılmış veri 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 resminin metin içermemesini sağlayın 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.

Diğer kaynaklar