Blog

wordpress mobil amp - Mobil SEO ve Wordpress AMP Kurulumu

Mobil SEO ve WordPress AMP Kurulumu

Mobil SEO Nedir?

İnternet sitelerine girişte mobil cihazların sayısı günden güne artış göstermektedir. Web sitelerinin de bu doğrultuda site yazılımlarını geliştirerek kullanıcı isteklerini göz önüne almalıdır. Mobil uyumlu site tasarımı ile tüm cihaz boyutlarında düzgün bir şekilde görüntülenebilen bir web sitesi oluşturarak sitenizi ziyaret eden kullanıcılara daha rahat bir gezinme sağlayabilirsiniz. Çünkü artık mobil uyumlu web sitesi hem kullanıcılar için hem de arama motorları için olmazsa olmazlar arasında yer alıyor. Mobil uyumlu sitelerinin bu denli yaygınlaşması ile birlikte Mobil SEO’ya duyulan ihtiyaçta günden güne artış göstermektedir. Mobil SEO çalışmaları ile mobil cihazlar üzerinden yapılan aramalarda sitenizin üst sıralarda yer almasını sağlayabilirsiniz. Bu yazımızda Mobil SEO çalışmalarında öne çıkan AMP ile ilgili bilgileri sizinle paylaşacağız.

AMP Nedir? Neden Kullanılmalı?

AMP (Accelerated Mobile Pages) Google’ında desteklemiş olduğu web sayfalarının mobil cihazlar üzerinde daha hızlı açılmasını sağlayan eklentidir. AMP bir diğer adıyla Hızlandırılmış Mobil Sayfalar olarak da bilinmektedir. Google AMP ile web sitenizi mobil cihazlardan ziyaret eden kullanıcılar sadece ihtiyacı olan içerikler görüntüleyecek ve gereksiz zaman kaybı yaşamayacaktır. Şöyle ki bir blog sayfanız var ve içerisinde yüklenme hızını yavaşlatacak resimler, formlar vs. ek kaynaklar bulunuyor. Ancak sitenize gelen kişi o anlık sadece istediği bilgiye ulaşmak istiyor. İşte Google AMP bu noktada müdahale ederek sayfanın yüklenme hızını yavaşlatan ek dokümanları pasif hale getirir. Yalnızca sitenizin ayarlar kısmında sizin belirlemiş olduğunuz ilgili verileri kullanıcılara sunar. Böylelikle kullanıcı deneyimi arttıracak ve reklam çalışmalarından daha çok verim elde edeceksiniz. Sitenizi Google AMP ile uyumlu hale getirdikten sonra görselde yer alan bölümden Google Search Console aracına eklemesini yapmalısınız.

google search amp ayarlari 571x280 - Mobil SEO ve Wordpress AMP Kurulumu

 

Kullanıcıların mobil cihazlar üzerinden sayfalara giriş oranlarının yüksek olmasından dolayı AMP eklentisi göz ardı edilemeyecek bir düzeye gelmiştir. Sitenin yavaş açılmasından dolayı kaybetmiş olduğunuz ziyaretçilerinizi AMP entegrasyonundan sonra geriye kazanabilirsiniz. En çok kullanılan arama motorlarından Google’ında desteklediği AMP eklentisi kullanımı Mobil SEO açısından da ciddi bir faydalar sağlamaktadır. Yazımıza hazır web yazılımı olan WordPress sistemine AMP eklentisinin kurulumundan bahsederek devam edelim.

WordPress AMP Eklentisi Nedir ve Nasıl Kullanılır?

WordPress AMP

WordPress, geliştirilmeye ve özelleştirilmeye çok uygun bir alt yapıya sahiptir. Google AMP, sayfamız üzerindeki birçok özelliği kısıtladığından dolayı detaylı özelleştirme çalışması yürütmelisiniz. WordPress AMP eklentisi ile siteniz üzerinde yapacağınız renk, sayfa düzeni, logo gibi tasarım özelliklerinin özelleştirme işlemlerini çok rahat bir şekilde yapabilirsiniz. Özelleştirme çalışmaları diyorum diye yazılım alanında kod vs. yazacağınızı düşünmeyin. Tüm işlemleri panelden kolaylıkla yapabileceksiniz. Bu çalışmaların dışında WordPress AMP eklentisinin otomatik olarak düzenleme yaptığı alanlar mevcuttur.

WordPress AMP Eklentisi Kurulumu

WordPress panelinize giriş yaptıktan sonra Eklentiler> Yeni Ekle kısmından karşımıza gelen sayfada Ara bölümüne “AMP” yazdıktan sonra aşağıda bulunan görsel gelecek. Yaygın olarak kullanılan “Automattic” geliştiriciye ait eklentiyi indirebilirsiniz. İsterseniz Buradan AMP uygulamasını indirerek manuel olarak da yükleme işlemini gerçekleştirebilirsiniz. Eklentiyi yükledikten sonra mobil sayfaları düzenleyebilmek için buradaki eklentiyi de indirmeniz gerekecek.

google amp wordpress kurulumu 300x177 - Mobil SEO ve Wordpress AMP Kurulumu

WordPress AMP eklentisinin kurulumu gerçekleştikten sonra Hızlandırılmış Mobil Sayfalarınızın özelleştirilmesi için ayarlamalar kısmına gelebiliriz.

WordPress AMP Ayarları Nasıl Yapılır?

Sitenizin ‘Genel’ ayarlarından SEO ayarlamalarına kadar birçok düzenlemesini yapabileceğiniz AMP for WP eklentisinin bize sunduğu özellikleri daha detaylı bir şekilde inceleyeceğiz. Eklentinin Türkçe versiyonun olmaması ilk aşamada sizi korkutmasın. Çünkü karmaşık bir yapıya sahip olmadığından anlaşılması kolay olacaktır.

WordPress AMP Genel Ayarları

wordpress amp genel ayarlar 1024x558 - Mobil SEO ve Wordpress AMP Kurulumu

İsminden de anlaşılacağı gibi sitenin logo yükleme ve boyutu ile ilgili gibi genel ayarlamaları yapabilirsiniz. Tavsiye olarak 190X36 boyutlarını kullanmamız gerektiği önerilmektedir. Bu boyut dahilinde logo düzenlemesi yaparsak görüntü kalitesini sağlayabiliriz.  Wordpress AMP genel ayarlarda ‘AMP on Pages’ kısmına dikkat etmemiz gerekiyor. Bu seçeneği ‘ON’ yaptığınız zaman siteniz ile birlikte iç sayfalarınızın da Hızlandırılmış mobil sayfalar olarak açılmasını sağlayabilirsiniz.

WordPress AMP Ana sayfa Ayarları

Homepage sekmesinden ‘Homepage Support’ > ON olarak seçtiğiniz zaman ana sayfanızı Hızlandırılmış mobil sayfa olarak kullanırken Front Page > ON seçeneğiyle özelleştirilmiş bir ön sayfa hazırlayabilirsiniz. ‘Override Homepage Thumbnail Size’  seçeneğinden site hızınızı yavaşlatacak resimleri kapatabilirsiniz.  

WordPress AMP Analytics Ayarları

wordpress amp analytics ayarlari 1024x431 - Mobil SEO ve Wordpress AMP Kurulumu

Hızlandırılmış mobil sayfalarınızın ziyaretçi akışını kontrol edebileceğiniz ‘Analytics’ bölümünden en çok bilinen ve kullanılan ‘Google Analytics’ aracının yanı sıra diğer araçları da kullanmanıza imkan sağlamaktadır.

WordPress AMP Tasarım Ayarları

wordpress amp tasarim ayarlari 1024x492 - Mobil SEO ve Wordpress AMP Kurulumu

İstediğiniz sayfaya geçiş yapacağınız ‘Laucnh Post Builder’ seçeneği ile sayfalarınızın tasarım ayarlarını yapabilirsiniz. Search seçeneğinden ise HTTPS uzantılı sayfalarınızda arama özelliğini aktif edebilirsiniz. Burada dikkat edilmesi gereken sitenizin HTTPS uzantısının zorunlu olmasıdır.

WordPress AMP SEO Ayarları

wordpress amp seo ayarlari 1024x600 - Mobil SEO ve Wordpress AMP Kurulumu

Yazımızın en başından Mobil SEO’nun öneminden bahsetmiştik. Bu doğrultuda eklenti üzerinde SEO özelliğinin olması işlerimizi bir hayli kolaylaştıracağa benziyor. İsterseniz kendiniz manuel olarak Meta etiketlerini yazabileceğiniz gibi WordPress’in SEO eklentileri olan Yoast SEO eklentisi üzerinde yer alan verilerinde kullanımına izin vermektedir.

WordPress AMP Menü Ayarları

AMP sayfalarında ziyaretçileriniz için özel bir menü gösterimi yapmak için bu sekmeyi kullanabilirsiniz.

WordPress AMP Reklam Ayarları

wordpress amp reklam ayarlari 1024x714 - Mobil SEO ve Wordpress AMP Kurulumu

Bu bölümünde şu anda sadece Google Adsense reklamlarınızın yönetimini gerçekleştirebilirsiniz. Ayarlar kısmından reklam kodunuzu ve reklam boyutunuzun girişlerini yaparak reklamlarınızı hızlandırılmış mobil sayfalarda da yayımlayabilirsiniz.

WordPress AMP Single Ayarları

wordpress amp single ayarlar 1024x798 - Mobil SEO ve Wordpress AMP Kurulumu

AMP sayfalarında yayınlamış olduğunuz yazıların detayları ile ilgili ayarlamaları yapabilirsiniz. Burada düzenleyeceğiniz alanlara bakacak olursak ‘Sticky Social Icons’ ile yazılarınız üzerinde sosyal medya ikonlarının yerleştirmesini yaparak hemen paylaşılabilir kılabilirsiniz. ‘Next-Previous Links’ ile önceki veya sonraki haberlere yönlendirme yaparak ziyaretçilerin sayfanızda daha fazla gezinmesini sağlayabilirsiniz. ‘Show Post Modified Date’ seçeneğiyle yazıların son güncellenme tarihini yayınlayabilirsiniz. Son olarak ‘Number of Related Post’ ile sayfanızda kaç tane içeriğin yayınlanacağını belirleyebilirsiniz.

WordPress AMP Sosyal Medya Ayarları

wordpress amp sosyal ayarlari 1024x702 - Mobil SEO ve Wordpress AMP Kurulumu

Sitenizi ziyaret eden kullanıcıları sosyal medya adreslerine yönlendirmenizi sağlar.  Facebook, Twitter hesap ayarlarınızı buradan yaparak Hızlandırılmış mobil sayfalarınızda da yayınlayabilirsiniz.

WordPress AMP Diğer Ayarlar

wordpress amp diger ayarlari 1024x597 - Mobil SEO ve Wordpress AMP Kurulumu

AMP sayfalarınızın genel ayarlamalarını bu sekmeden yapabilirsiniz.  ‘Default Structured Data Logo’ bölümünden Google sonuçlarında görüntülenecek olan logoyu yükleyebilir ve arama sonuçlarında istediğiniz logonun görüntülenmesini sağlayabilirsiniz. ‘Default Post Image’ bölümünden sitenizde görseli bulunmayan içeriklerde genel bir görsel eklemesi yapabilirsiniz. Alt kısımda yer alan Witdh –Height bölümünden görsel boyutunu ayarlayabilirsiniz.

Aynı zamanda ‘Advanced Settings’ yani Gelişmiş Ayarlar bölümünden AMP sayfalarınızın özelleştirilmesini daha derinlemesine yapabilirsiniz. Arşivlenmiş sayfalarda AMP aktifleştirmesi, mobil cihazlardan girişlerde tüm linklerin yönlendirilmesi gibi köklü ve ciddi değişiklikleri bu sekme altında yer alan bölümlerden gerçekleştirebilirsiniz.

AMP kullanımı ve WordPress AMP eklentisi ile ilgili bilinmesi gereken temel bilgileri sizlerle paylaşımını yaptık. Mobil cihazlar üzerinden aramaların ne kadar yüksek olduğunu sizlerde tahmin ediyorsunuz. Bu yüzden web sitenizi bu doğrultuda geliştirecek adımlar atmalısınız. Google gibi yaygın olarak kullanılan bir arama motorunda sitenizin üst sıralarda yer alması için AMP kurulumlarına geç bile kaldınız.

Web sitenizi AMP uyumlu olmasını istiyorsanız Dijital Reklam Ajansınız Sanal Yönetmen ile iletişime geçebilirsiniz.

Yorum (5)
Bilgi Portalı

Hocam makelenizi baştan sona kadar okudum. yanlızca amp eklentisini yüklediğim zaman sizin resimli anlatımınızdaki gibi amp ayarlamak için amp ayarlar paneli çıkmıyor bende bir haftadır kafayı yedim bu amp ile

Bilgi Portalı Merhaba,

AMP eklentisinin kurulumunun yanı sıra düzenleme panelinin çıkması için bir eklenti daha eklemeniz gerekiyor. Yazıda yer alan https://tr.wordpress.org/plugins/accelerated-mobile-pages/ linkinde bulunan uygulamayı indirdiğiniz takdirde düzenleme işlemlerini yapabilirsiniz.

Beste

Merhaba. AmpforWp eklentisini kurdum ama ikinci eklenti yok, bulamıyorum. Anasayfayı amp için düzenlediğimde de yaptığım düzenlemeler gözükmüyor. Bir yerde hata mı yapıyorum? Ne yapmam lazım?

Admin SEO

Merhaba;
Bir önceki yorumda belirttiğimiz https://tr.wordpress.org/plugins/accelerated-mobile-pages/ linkinde bulunan uygulamayı indirdiğiniz takdirde düzenleme işlemlerini yapabilirsiniz.

Film Tavsiyeleri

AMP'de profesyonel site görünümleri bozulmuyor ama benimki gibi amatör sayılabilecek sitelerde görünüm tek kelimeyle facia.

Nasıl düzenleme yapmam gerektiğini bir türlü anlayamadım. AMP için bir sürü şart varmış. Örneğin içeriğe eklenen görsel boyutu hakkında Google'ın tavsiyesi 1200 piksel genişliğinde olmasıymış. Bu boyut çok çok büyük değil mi?

AMP'ye özel kullanılabilecek temalar var mı?

Anonim için bir cevap yazın Cevabı iptal et

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir