Blogger AMP Simple Teması - Mobil internet kullanıcılarının hızla çoğalması ile blog veya web site sahipleri ziyaretçilerini menun etmek için ışık hızında sayfalara sahip olmak istiyor. Blog içerikleri bir blogun en öneli parçası, ancak kullanıcı deneyimine katkı sağlamayan blog sitelerinde ziyaretçiler fazla zaman geçirmek istemiyor.
AMP HTML tabanlı bu blog teması ile blog ziyaretçilerinizin blogunuzda daha fazla zaman geçirmesi ve özellikle sayfa yüklenme sorunlarınızı çözebilecek kadar hızlı bir blog temasıdır. Çok basit bir kullanıma sahip olan AMP Simple teması ile harika yayınlar oluşturabilirsiniz.
Blogger AMP Simple Teması Özellikleri
AMP Simple da diğer AMP temaları gibi bazı özelliklere sahiptir. Bu özellikleri kullanmak için bazı HTML kodlarını da blogunuza eklemeniz gerekmektedir.
ÖZELLİKLERİ | KULLANILABİLİRKİK |
---|---|
Ekran Görüntüleri | VarKontrol |
Google Yapısal Veri Test Aracı | VarKontrol |
Mobil Uyumluluk Testi | VarKontrol |
Sayfa Yüklenme Hız Testi | VarKontrol |
SEO Dostu | Evet |
Dinamik Başlıklar | Evet |
AMP Adsense | Evet |
Schema.org | Evet |
Yüksek CTR | Evet |
Blogger Kişisel, Yazı ve Niche Şablonu | Evet |
Ana Sayfa 2 Sütun | Evet |
Sayfalar ve Sabit Sayfalar 1 Sütun | Evet |
Akordeonicon Menü | Evet var |
Otomatik Devamı | Evet |
Duyarlı ve Düzenli Reklam Alanı | Evet |
Breadcrumbs | Evet |
Arama Kutusu | Evet |
Kısa ve Temiz Kodlama | Evet |
AMP Kodlama | Evet |
Özel Sosyal Paylaşım Butonları | Evet var |
DISQUS | Evet var |
1- Disqus: Şablon kodları arasında bulunan aşağıdaki Disqus kodunda belirtilen yere kendi kullanıcı adınızı ekleyin.
https://rawgit.com/BloggerDizayn/AMPDisqus/master/map-disqus.html?shortname=bloggerekibi
2- Adsense: Şablon kodları arasında bulunan aşağıdaki kodda belirtilen yerlere Adsense kodlarınızı ekleyin.
<div class='postadstop'>
<span>Reklam</span>
<!-- REKLAM 300X250 KODU -->
</div>
<div class='postadsbottom'>
<span>Reklam</span>
<!-- REKLAM 600X280 KODU -->
</div>
AMP Adsense örnek kodu;
<amp-ad width="300" height="250"
type="adsense"
data-ad-client="ca-pub-0000000000000000"
data-ad-slot="000000000">
</amp-ad>
3- Yayın resimlerinin temanın yapısına uygun olacak şekilde eklemek için, yayınlarınıza eklediğiniz ilk resim ve görsele aşağıda belirtildiği gibi HTML kodları arasına alın.
<noscript>
<div class="separator" style="clear: both; text-align: center;">
<img alt="xxx" border="0" height="336" src="...png" title="xxx" width="640" />
</div>
</noscript>
Yorum Gönder
1. İçerik konusuyla alakalı olmasına özen gösterin.
2. Aktif link bırakmayın. (Hemen silinir!)
3. Yazım ve dil bilgisi kurallarına uymaya çalışın lütfen.