Blogger AMP Simple Teması

11.4.17
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üleriVarKontrol
Google Yapısal Veri Test AracıVarKontrol
Mobil Uyumluluk TestiVarKontrol
Sayfa Yüklenme Hız TestiVarKontrol
SEO DostuEvet
Dinamik BaşlıklarEvet
AMP AdsenseEvet
Schema.orgEvet
Yüksek CTREvet
Blogger Kişisel, Yazı ve Niche ŞablonuEvet
Ana Sayfa 2 SütunEvet
Sayfalar ve Sabit Sayfalar 1 SütunEvet
Akordeonicon MenüEvet var
Otomatik DevamıEvet
Duyarlı ve Düzenli Reklam AlanıEvet
BreadcrumbsEvet
Arama KutusuEvet
Kısa ve Temiz KodlamaEvet
AMP KodlamaEvet
Özel Sosyal Paylaşım ButonlarıEvet var
DISQUSEvet 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>

Kategori İçerikleri

Blogger
Disqus
Yorum Ekle

Hiç yorum yok