Çevrimdışı

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 : [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] (Geliştirici: Automattic)

2. Eklenti : [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] (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.


Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


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.


Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


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.


Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


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ı :


Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.



Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


EK BİLGİ

[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] 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]

<script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>


[/HTML]

Çö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.



Alıntıdır >> [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

--IRCForumlari.NET ; Flood Engellendi -->-> Yeni yazılan mesaj 16:20 -->-> Daha önceki mesaj 16:17 --

konuyla ilgili sorun yasayan olursa yardımcı olurum, kendi sitemde uyguladım 3 gün sonra google index almaya basladi..

bakiniz : [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

__________________