Blogger AMP Simple Teması

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

AMP Simple Teması İle İlgili Kısa Bilgiler

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>

ÖNİZLEME

İNDİR