Nasıl Yapılır?

AMP Nasıl Kurulur? AMP Nedir

AMP’nin Temel Farkları,AMP Nasıl Kurulur? AMP Nedir,WordPress ve HMS WordPress AMP Kurulumu

Web sitenize AMP mi kurmak istiyorsunuz ,AMP nasıl kurulur? AMP Nedir? konulu makalemizi sizler için hazırladık.AMP Kuramayanlar bu makaleden sonra kurulumu yapabilcekler.Bunun yanı sıra AMP ayarları nasıl yapılır detayları ile mobilbeyin olarak sizlere anlatıcaz makalemizde.Google, bu proje esnasında özel olarak kullandığı AMP-HTML ile sitelerin ayrı bir HTML dizaynı kullanmasını sağlıyor. Yani bu oluşturulan site normal siteden bağımsız oluyor.

/yaziadi nın Hızlandırılmış Mobil Sayfa versiyonunun /yaziadi/amp olarak değişik bir kod dizaynıyla tasarlanması gibi.

AMP’nin Temel Farkları

Öncelikle başlangıç <html> olarak yapılmıyor. Bunun alttaki gibi olması gerekiyor.

<html amp=’amp’>
Bir resim eklenecekse kod <img> olarak kullanılmıyor.

<amp-img>
Kendine orjinal dosyalar gerektiriyor.

Bootstrap aynısı diyebiliriz.
Hızlandırılmış Mobil Sayfalarınızı Google’a tanıtmak amacıyla şu kodu HMS olmayan sitenizin kodlarına mafsalalisiniz.

<link rel=”amphtml” href=”https://www.example.com/amp-version.html” />

WordPress ve HMS

Eğer WordPress sitenizi HMS uyumlu yapacaksanız yapmanız gereken tek şey Eklenti seksiyonuna girmek ve “AMP” yazmak yeterli olacaktır. Sonrasında çıkan neticesi indirerek kurulumu tamamlayabilirsiniz.

Bundan sonra ise Ayarlar -> Kalıcı bağlantılardan link yapısını yenilemeniz gerekiyor.
Ayrıca ücretli olarak da seçenekleriniz bulunuyor. Burada en çok tercih edilenler:

WP AMP, şu anda 39 dolarlık bir satış fiyatı bulunuyor. Kolay arayüzü ve dizayn yönünden çokça şeye izin vermesi, ekstra kod mafsala olanağı sunması güzel ve işe fayda özellikleri.

WP AMP Ninja, çoğu planlama olanağı yayınlayan ve ana sayfadan etiket sayfasına kadar çoğu sayfa amacıyla destek yayınlayan, amacıylade Google Analytics desteği sahip olan bir eklenti. Aynı vakitte Adsense reklamları amacıyla de sizlere destek sunuyor.

Diğer Web Siteleri

Kendi yaptığınız sitelerinizi Hızlandırılmış Mobil Sayfalara geçirmek amacıylase buradaki yardımcı içeriği ziyaret edebilirsiniz. İçerik, İngilizce olsa da direkt Google yönünden hazırlandığı amacıyla size en doğru bulguyu verecektir.

İsterseniz gene diğer bir siteden örneklerle birlikte de öğrenme olanağı yakalayabilirsiniz. Buradaki güzellik size hazır siteyi ve kodlarını aynı pencerede sunabilmesi ve iki yönden da vakası kavrayabilmeniz. Site, gene İngilizce olarak hazırlanmış ve Google’ın projesinin bir parçası.

WordPress AMP Kurulumu

Hitap edilen kitle ve çalışılacak olan sektör ne olursa olsun AMP kurulumu gerçekleştirmek amacıyla ilk evvelce Automatic yönünden yayınlanan WordPress AMP eklentisi kurulmalıdır. Eklentinin kurulmasından sonra Mobil Sayfalar sitemine geçiş başlamış olacak. Eklenti aktif edildikten sonra WordPress idare panelinde AMP eklenti ayarları sekmesi de aktifleşecektir.

Artık siteniz AMP sayfalarındaki renk, etiket ve kategori düzenini değiştirebilirsiniz. Bun lar dışında ki bütün planlamaleri AMP eklentileri AMP otomatik olarak planlamaktedir. Bu sayede site yöneticisinin ekstra çaba harcamasına lüzum kalmayacaktır. Bazı hallerde AMP sayfaları amacıyla sektör ve hitap edilen kitlelere göre planlamaler değişebilir. Bunun amacıyla tasarlanmış bir eklenti mevcuttur. AMP for WP yani Accelerated Mobil Pages for WordPress.

Eklenti ile alakalı bir başka mevzu dil desteğidir. Bu eklenti Türkçe dil desteğine sahip değildir. Buna karşın ayarlar seksiyonünün olabildiğince kolay bir biçimde hazırlanmış olması basitçe kullanmanızı sağlamaktadır.

AMP  Genel Ayarlar

AMP for WP eklentisi çoğu değişik ayar opsiyonuna sahiptir. Öncelik ile genel ayarlarından bahsedelim. General yani genel alanında, logo, özel logo ebat ayarlanması ve sayfa AMP desteği gibi ayarların olduğu kısımdır. Logo amacıyla genellikle ebat 190×36 ve katları şeklinde olur. Ancak özel bir logo gerçekleştirmek dilediğiniz vakit genel ayarlarda tespit edilen kısımdan rahatça yapabilirsiniz. Genel ayarlarda yer alan “AMP on Pages” seksiyonü de olabildiğince önemlidir. İsminden de anlayacağınız gibi sitede yer alan makalelar ile beraber, sayfaların AMP olarak mobil doğrultuda gösterilip gösterilmeyeceğini ayarlamaktadır. Sayfaların AMP desteği sunmasını dilerseniz bu seksiyonü “ON” yani etkileştirmeniz yeterli olacaktır.

Ana sayfa AMP Ayarları

Eklenti de yer alan ikinci ayar sekmesi “HOMEPAGE” yani ana sayfadır. Bu kısımdaki “HOMEPAGE SUPPORT” ile eş güdümlü ana sayfanızın da AMP destekli duruma getirebilirsiniz. Yine bu bölgede yer alan “OVERRİDE HOMEPAGE THUMBNAİL SİZE” ile ana sayfada yer alan içeriklerin öne çıkarılan görsellerin ebatlarını şahsileştirmeniz olasıdür. Ve bu sayfada yer alan “FRONT PAGE” ile öne çıkan sayfa ayarlamasını da yapabilirsiniz.

Google Analytics Ayarları

WordPress AMP‘nin yanı sıra AMP for WP eklentisi ile şahsi Google Analtyics izleme kodunu kullanmanız olasıdür.
Hatta yalnızca Google Analtytics izleme kodu değil, AMP sayfaları amacıyla, Segment, Piwik, Quanstract Measuremen Analtytics ve somScore kodlarını kullanabilirsiniz.

Tasarım Ayarları

Eklentinin ayarlar evresinde “DESİGN” yani dizayn seksiyonü de yer almaktadır. Resmi WordPress AMP eklentisi ile eş güdümlü çalışmaktadır. Anlık renk ve başka dizayn değişikliklerini uygulyabilmek amacıyla “LAUNCH POST BUILDER” butonuna basmanız yeterli olacaktır.

SEO ayarları

Beşinci ayar olan SEO ayarları, özel ayar gerçekleştirmek istemeyenler amacıyla büyük bir basitlik sağlar. Yoast ve All in One SEO Pack eklentilerinden birisi ile aktif duruma getirerek bütün AMP SEO ayarlarının Yoast ve All in One SEO Pack eklentileri ile aynı duruma getirebilirsiniz.

Menü Ayarları

Bu eklenti, AMP sayfalarında sarfedilen ya da kullanılacak olan menülerin ayarlanmasını da sağlar. AMP sayfalarında görünmesini istenilen menülerle alakalı planlama gerçekleştirmek olasıdür. Hatta AMP özel menü ayarlaması yapma imkanını da sunmaktadır.

Adsense ayarları

Malesef bu ayar resmi olarak sunulmuş olan WordPress eklentisi ile eş güdümlü yapılamamaktaydı. Bu mevzu büyük bir problem oluşturmaktaydı. AMP for WP ile bu problem ortadan kalkmaktadır. Önceden tespit edilen seksiyonlere Adsense reklam ebatlarını yerleştirebilirsiniz. “ADVERTİSEMENT” yani reklam ayarlarından , ebatı ve reklam kodu ile en çok adet reklam vermek olası duruma gelmektedir. Şuan bu alternatifi yalnızca Google reklamları amacıyla kullanabilirsiniz.

Yazı ayarları

“SINGLE” adı altında, birtakım haber ve makale ayarlarını yapmanız olasıdür. “Sticky Social Icons”, sosyal paylaşım ağları ikonlarının, “yapışkan” özelliği ile her vakit sayfada kalması sağlanır. “Next-Previous Links”, içeriklerden evvelce ya da sonra gelen makalelere, metnin altından link verilmesi sağlanır. “Show Post Modified Date”, metnin ya da haberin, ne vakit güncellendiğine dair tarih bilgilerinin, üst kısımda görünmesini sağlanır. “Show Related Post from”, eklenti ile eş güdümlü, makaleların ya da haberlerin altında alakalı başka içerikler seksiyonü yer alır. Bu seksiyonün etiket yada kategori olarak çalışmasını belirler. “Number of Related Post”, bu ayarla alakalı içerikler alanında kaç adet içerik görüntüleneceğini belirler.

Genel Yapı Ayarları

“STRUCTED DATA” seksiyonü ile AMP sayfaların genel taslağı ile alakalı ayarlamalar yapılmaktadır. Aynı vakitte bu bölgede yer alan “DATA LOGO” ile Google arama neticelerinde en üstte çıkan içeriğinize hangi logunun ekleneceğini belirler. Yine bu bölgede yer alan Default Post Imagine, öne çıkarılmış görsel olmayan içeriklere daha evvelce kullanılmış olan görsellerin otomatik olarak eklenmesini sağlar. Default Post Imagine Width ve Default Post Imagine Height bu görsellerin ebatlarıyla alakalı planlama yapar.

Diğer Ayarları

Notifications, AMP sayfalarından kullanıcıya bildirim gönderilmesini sağlamak amacıyla oluşturulan çalışmalar amacıyladir. Translation Panel, AMP sayfaları, Ön tanımlaması İngilizce kelimelerden oluşur. Bu seksiyon ile Türkçe karşılıklarını istenilen şekilde gösterir. Comments, İsminden anlayacağınız gibi yorumlarla alakalı ayarlamalardır. AMP sayfalarının altında kaç adet yorum görünmesini ayarlar. Disqus yorum eklentisinin AMP ile kullanılmasını sağlar.

Gelişmiş AMP ayarları

Archive page Support, AMP desteğinin arşiv sayfalar amacıyla kullanılmasını sağlar. Mobile Redirection, mobil cihazlar vasıtasıyla siteye giriş yapıldığında siteye ait bütün linkleri AMP sayfalara yönlendirir. Link to Non-AMP page in Footer, AMP sayfaların, mobil uyumlu görünüme yönlendirilmesi amacıyla link kullanılmasını sağlar.
Enter HTML in Header – Enter HTML in Footer, AMP faylarındaki Header ve Footer seksiyonleri amacıyla, özel HTML kodları eklemenizi sağlar.

Neden Kullanılmalıdır?

WordPress AMP ile alakalı nerdeyse bütün detayları verdik. Şimdi aklınızda meydana gelen bir başka soru ise “Neden bu eklentiyi kullanmalıyım?” olacaktır. Yukarıda da bahsetmiş olduğumuz gibi Google, mobil arama neticelerini ilgiyle inceliyor ve üstünde hassas bir çalışma gerçekleştiriyor. Bundan ötürü SEO kriterleri arasına AMP‘nin de eklenmesi nerdeyse mecburi duruma geliyor. Haber sitelerinde AMP sayfaların en üst sıralarda yer aldığını araştırmalar neticesinde görebilirsiniz. Diğer sitelerde AMP sayfaları aynı şekilde ön plana çıkarabilirsiniz. Bütün şunlar hesaba katıldığında AMP tüketimi rekabeti ciddi anlamda etkileyen bir unsurdur.

Etiketler
Daha fazla göster

İlgili Makaleler

Close
Close