lostyazilim
tr.link

Wordpress Siteniz için AMP Eklenti ve Ayarlar

14 Mesajlar 3.220 Okunma
acebozum
tr.link

cansaridas cansaridas Dijital Satış Kullanıcı
  • Üyelik 12.07.2017
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum Diğer
  • Ad Soyad M** S**
  • Mesajlar 301
  • Beğeniler 168 / 93
  • Ticaret 39, (%100)
Wordpress sitenizde Google hızlandırılmış mobil sayfalar (Google accelerated mobile pages) yani AMP eklentisi kurarak ayarlarını nasıl yapabileceğinize dair pratik bilgiler vereceğim.

AMP nedir? AMP ne işe yarar? gibi bilgileri zaten forumdaki farklı konulardan öğrenmiş olduğunuzu düşünerek bu detaylara hiç girmiyorum. Wordpress site için AMP kurulum ve ayarlar nasıl yapılır bunu açıklayacağım.

Bazı arkadaşlar AMP eklentisi kurduktan sonra AMP Temayı düzenleyemediğinden, analytics kodu ekleyemediğinden, reklam ekleyemediğinden veya tasarımın çok sade olmasından yakınıyor. Bunun gayet pratik bir çözümü var. Sitenizin AMP olması için ücret ödemenize gerek yok bir kaç adımda kendiniz uygulayabilirsiniz.







1. Eklenti : AMP (Geliştirici: Automattic)

2. Eklenti : AMP for WP - Accelerated Mobile Pages (Geliştirici: Ahmed Kaludi, Mohammed Kaludi)

1. ve 2. eklentileri kurun ve aktifleştirin. (iki eklenti birlikte çalışmaktadır)

AMP sayfalarınıza siteadi.com/konu-link.html/amp şeklinde ulaşarak kontrol edebilirsiniz.

Sitenizin wp-admin panelini yenileyin sol menünün en altında AMP menüsü çıkacaktır.

Getting Started kısmına tıklayın ve ayarlamaya başlayın.

General

Bu kısımda logo ayarları ve analytics ayarları bulunmaktadır. Benim uyguladığım ayarlar resimdeki gibidir.







Design

Bu bölümde birşey değiştirmenize gerek yok. Design Two ayarı olduğu gibi kalsın.

Eğer ki AMP Tema rengini değiştirmek isterseniz

Design menüsündeki Drag & Drug Post Builder yazan yerin sağındaki Launch Post Builder 'a Tıklayın. AMP Tema özelleştirme sayfası açılacak.

Üst kısım arkaplan ve bağlantı renkleri yazan yerden sitenin rengini değiştirebilirsiniz. Temayı açık versiyon veya koyu versiyon olarak düzenleyebilirsiniz.

Ayrıca bu kısımda sol menü üstte bulunan Meta info yanındaki clicki kaldırın. Yazar görünmesin.

Seo

Yoast SEO eklentisi kullanıyorsanız aşağıdaki ayarları ON olarak ayarlayın. All in one seo kullanıyorsanız yada seo eklentisi kullanmıyorsanız OFF olarak ayarlayın.


Add Meta Tags from Yoast

Yoast Custom Description for AMP page


MENU

Bu kısımdan sitenizdeki konulardaki AMP sayfa üzerinde bulunan menü ayarını yapıyorsunuz. Sitenizin ana menü pozisyonu hangisi ise amp içinde bu menüyü seçip menüler kısmını kaydetmeniz yeterlidir.

Advertisement

AMP versiyonda bulunan adsense yada farklı reklam ayarlarını yapmanızı sağlayan kısımdır.

Site geneli üst ve alt kısım reklam ekleme (AD #1 #2), tekil yazı üstüne ve altına reklam ekleme (AD #3 #4) şeklindedir.

AD #1
Below the Header (SiteWide)


AD #2
Below the Footer (SiteWide)


AD #3
Above the Post Content (Single Post)


AD #4
Below the Post Content (Single Post)


Single

Single yani tekil yazı sayfasında benzer yazıların miktarı, önceki ve sonraki yazı gösterimi, sosyal medya paylaşım ikonlarının gösterimi gibi seçeneklerin bulunduğu kısımdır. Benim ayarlarım aşağıdaki şekildedir.





Social

Bu bölümden sosyal medya paylaş butonlarını belirleyebilirsiniz.

Structured Data ve Notifications menüsünde herhangi bir ayar yapmadım. Notifications OFF durumdadır. Ziyaretçiye herhangi bir bildirim göndermeye gerek görmedim.

Translation Panel

Bu kısım dil çevirisi yapacağınız alandır. Site diliniz ne ise ona göre çeviri yapabilirsiniz.







Aşağıdaki video ile kurulum ve ayarlarla ilgili bilgi alabilirsiniz.

https://www.youtube.com/embed/zzRy6Q_VGGc


Sitenizin mobil ziyaretlerde daha hızlı açılması için ve sitenizin mobil kullanımlarda gereksiz sorgular ile kasılmaması için AMP gayet etkili bir çözümdür. Mobil kullanımın yüksek olduğu sitelerde AMP ile site hızınızı arttırabilirsiniz.

Örnek GTmetrix ve Google PageSpeed Tools sonuçları :









EK BİLGİ

https://validator.ampproject.org/ bu kısımdan AMP sayfanızın uyumluluğunu kontrol edebilirsiniz.

Eğer şu hatayı alırsanız : The extension 'amp-social-share extension .js script' was found on this page, but is unused (no 'amp-social-share' tag seen). This may become an error in the future.

Hatanın sebebi olan kod:



HTML-Kodu:

<script></script>

Çözümü :

wp-admin menüsünden Görünüm -> AMP tıklayın.

Açılan sayfa sol menüden TASARIM tıklayın ve Social Icons yanındaki clicki kaldırın, kaydedin. Yeniden validator ile kontrol edin, sorun çözülmüştür.



Umarım faydalı olmuştur. Bu 2 eklenti ile istediğiniz gibi yöneteceğiniz AMP versiyona kavuşabilirsiniz.

Çok fazla zamanım olmadığı için konuda soracağınız sorulara yanıt veremeyebilirim, bilgisi olan arkadaşlarla yardımlaşabilirsiniz.

iyi forumlar
bd

kişi bu mesajı beğendi.

elektronikssl
webimgo

khutulunpolo khutulunpolo WM Aracı Kullanıcı
  • Üyelik 30.05.2017
  • Yaş/Cinsiyet 32 / E
  • Meslek SEO Danışmanı
  • Konum İstanbul Avrupa
  • Ad Soyad Ö** Ş**
  • Mesajlar 18
  • Beğeniler 4 / 3
  • Ticaret 1, (%100)
Paylaşım için teşekkürler inceledikten sonra deneyip yorumumu yazarım.
cansaridas

kişi bu mesajı beğendi.

cuneytsonmez cuneytsonmez Bismillahirrahmanirrahim Kullanıcı
  • Üyelik 05.04.2014
  • Yaş/Cinsiyet 34 / E
  • Meslek İmam Hatip
  • Konum Kütahya
  • Ad Soyad C** S**
  • Mesajlar 1060
  • Beğeniler 923 / 126
  • Ticaret 0, (%0)
Hocam temam reponsive bunu yükleyince fark edıcekmı ?
 

 

http://dhbt.blogspot.com.tr Deneme

sofu44 sofu44 Mumince.com Kullanıcı
  • Üyelik 13.06.2017
  • Yaş/Cinsiyet 35 / E
  • Meslek webmaster
  • Konum Malatya
  • Ad Soyad T** Ö**
  • Mesajlar 1149
  • Beğeniler 5 / 377
  • Ticaret 0, (%0)
Amp eklentisini yüklerseniz temanızın yerine mobilden arama yapanlara geçiyor. Örnek vermek gerekirse benim sitemib normsl hali
https://mumince.com
Bu da amp li hali
https://mumince.com/amp
Ancak şunu söyleyebilirim. Ben google den gelen trafigimin yüzde 70 lik kısmını bu eklenti sayesinde alıyorum.
cuneytsonmez

kişi bu mesajı beğendi.

Hayatı Mümince Yaşamak İsteyenlerin Mekanı
https://mumince.com
wmaraci
wmaraci

cuneytsonmez cuneytsonmez Bismillahirrahmanirrahim Kullanıcı
  • Üyelik 05.04.2014
  • Yaş/Cinsiyet 34 / E
  • Meslek İmam Hatip
  • Konum Kütahya
  • Ad Soyad C** S**
  • Mesajlar 1060
  • Beğeniler 923 / 126
  • Ticaret 0, (%0)
değerli hocam Allah razı olsun şimdi bir iki soru sormak istiyorum amp diye eklentileden arayınca karsıma en cok kurulan eklentilerden 2 tanesi cıkmıs .bunlardan hangisini tasiye edersiniz.birde tassarım biraz kötüleşiyor gibi reklam vb yaynı yapabiliriyormuyuz adsense reklamları.yine son sorum reponsive tema var bu özelliğini yitiriyormu.önerileriniz nelerdir acaba? bu arada seo konusunda bende calısıyorum malum sitem geride hitim düşük şimdi amp eklentisinin faydalı olabileceğini okudum ve bu alana yöneldim.dua ile
 

 

http://dhbt.blogspot.com.tr Deneme

sofu44 sofu44 Mumince.com Kullanıcı
  • Üyelik 13.06.2017
  • Yaş/Cinsiyet 35 / E
  • Meslek webmaster
  • Konum Malatya
  • Ad Soyad T** Ö**
  • Mesajlar 1149
  • Beğeniler 5 / 377
  • Ticaret 0, (%0)
Ben yukaridaki arkadaşın tavsiye ettiği 2 eklentiyi de kullaniyorum. Birisi wordpress in kendi eklentisi diğeri de ahmet kaludi denilen vatandaşın eklentisi. Şunu belirteyim bu eklenti benim için en ideali çünkü içinde kod hatası almıyorum. Yine fazla kullanılan bir eklentiyi kurdum denedim bie kod hatası vardı 1 ay çözemediler.
2. Olarak içine reklam header sayfa üstü sayfa altı şeklinde 3 reklam alanı var tek eksiği yazı içi reklam ancak onunda ücretli sürümde çaresi var. Ücretsiz de caresi yok.
Responsive özelliğini yitirdiği yok. Söyle düşün bu eklenti ile siten 2 kere indexleniyor. Birinde masaüstü ve mobil kullanip wifi ile arama yapanlar giriyor. Birisinde ise yabi amp de ise mobil olup şebeke ağı ile arama yapanlara gösteriliyor. Yani ikiside aynen çalışmaya devam ediyor.
cuneytsonmez

kişi bu mesajı beğendi.

Hayatı Mümince Yaşamak İsteyenlerin Mekanı
https://mumince.com

cuneytsonmez cuneytsonmez Bismillahirrahmanirrahim Kullanıcı
  • Üyelik 05.04.2014
  • Yaş/Cinsiyet 34 / E
  • Meslek İmam Hatip
  • Konum Kütahya
  • Ad Soyad C** S**
  • Mesajlar 1060
  • Beğeniler 923 / 126
  • Ticaret 0, (%0)
çok teşekkür ederim hocam deneyeceğim.Allah razı olsun.hayırlı çalışmalar.
 

 

http://dhbt.blogspot.com.tr Deneme

Dolphin Dolphin Web Tasarım & SEO Uzmanı Kullanıcı
  • Üyelik 30.09.2016
  • Yaş/Cinsiyet 28 / E
  • Meslek Web Tasarım &amp; SEO Uzmanı
  • Konum Ankara
  • Ad Soyad N** E**
  • Mesajlar 1097
  • Beğeniler 131 / 321
  • Ticaret 22, (%100)
Faydalı anlatım olmuş teşekkürler.
 

 

hayat illegal!

patentofisi patentofisi WM Aracı Kullanıcı
  • Üyelik 28.05.2013
  • Yaş/Cinsiyet 60 / E
  • Meslek seo
  • Konum İstanbul Avrupa
  • Ad Soyad A** T**
  • Mesajlar 298
  • Beğeniler 8 / 34
  • Ticaret 2, (%100)
Faydalı bir yazı olmuş teşekkürler.
 

 

cuneytsonmez cuneytsonmez Bismillahirrahmanirrahim Kullanıcı
  • Üyelik 05.04.2014
  • Yaş/Cinsiyet 34 / E
  • Meslek İmam Hatip
  • Konum Kütahya
  • Ad Soyad C** S**
  • Mesajlar 1060
  • Beğeniler 923 / 126
  • Ticaret 0, (%0)
hocam better amp kuran varmı yazı ıclerınde hata alıyorum
 

 

http://dhbt.blogspot.com.tr Deneme
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al