AMP Kılavuzu: AMP Nedir ve WordPress Sitesinde Nasıl Kurulur?

Henüz fark etmemiş olabilirsiniz, ancak sitenize mobil cihazlarından erişen kişilerin yaklaşık yüzde 50'si, yüklenmesi 3 saniyeden fazla sürerse sitenizi tamamen terk edecektir.

Yeni başlayan biri olarak, dijital iş arenasında bir acemi olarak, aynı şeyin farkında olmayabilirsiniz. İşte bu yüzden sizin için buradayız.

Sitenizin bir mobil cihaza yüklenme süresine hiç dikkat etmediyseniz ve sonraki web trafiğini not etmiyorsanız, zarardasınız demektir. Devam etmeden ve başka herhangi bir önemli iş geliştirme kararı almadan önce bu sayıların not edilmesi ve bilinmesi gerekir.

Neden olması gerekiyor?

Bunun başlıca nedeni, internette herhangi bir şey arayan çoğu kişinin bunu mobil cihazları aracılığıyla yapmasıdır. Bu nedenle, sitenizin sayfa yükleme hızını en üst düzeye çıkarmanız önemlidir.

Bu görevde size yardımcı olmak için Google kısa süre önce yeni bir teknoloji başlattı. Bu teknoloji, onu kullanan insanlar için site deneyiminizi artırmayı vaat ediyor ve hedeflerinize ulaşmanıza yardımcı olacak. Google tarafından başlatılan ve Google AMP olarak da bilinen Google Accelerated Mobile Pages , modern bir işletme için daha iyi gelir elde etmenin yanı sıra daha iyi site trafiği elde etmek için Google'ın kendisi tarafından yapılan devrim niteliğinde bir girişimdir.

Google AMP, Google sunucularında barındırıldığı gibi sitenizdeki her şeyin çok hafif sürümlerini sunarak özellikle mobil site sürümünüze hitap eder ve onu hızlandırır. Sitenizi ziyaret eden kişiler, içeriklerine hızlı bir şekilde ulaşacak ve bu nedenle, beklemekten dolayı web sitenizden ayrılmaları olası değildir. Çalışmanıza bakmaya ve hayranlık duymaya devam edecekler, böylece web trafiği ve gelirleri durumunda size yardımcı olacaklar.

Google AMP'nin neler yapabileceğiyle ilgili sarmal tartışmalara girmeden önce, Google AMP'nin gerçekte ne olduğunu ayrıntılı bir şekilde tartışalım.

Google AMP, mobil site sürümlerini daha iyi ve daha hızlı hale getirmek için Google'daki beyinlerin başlattığı bir girişim olan teknolojik bir gelişmedir. Bu beyinler, farklı web sitelerinin mobil sürümlerinin her zamankinden daha hızlı yüklenmesini istedi. Teknoloji, yazılımlar ve algoritmalarla ilgileniyorsanız, muhtemelen Facebook Instant Articles'ın ne olduğunu bilirsiniz. Bunun ne olduğunu biliyorsanız, Google AMP'yi anlamak oldukça kolaydır. Oldukça benzerler.

Google AMP, siteniz ziyaret edildiğinde tam site sürümünüzün yüklenmemesini sağlar. Aslında, Google, daha hızlı yüklenmesini sağlamak için kasıtlı olarak belirli parçaları gizler. Bu genellikle sitenin mobil sürümünün biraz minimalist görünmesini sağlar.

Girişim, açık kaynaklı bir girişimdir; bu, herkesin fayda sağlamak için metodolojileri kullanabileceği anlamına gelir. Tabii ki, Google aynı şeyi kısıtlamayacaktır çünkü nihai hedefleri, özellikle mobil kullanıcılar için web içeriğini kolayca erişilebilir kılmaktır.

İçerik oluşturma ve yükleme süreleri çoğu insan için çok yavaş olarak görülür ve bu çok yaygın bir şikayettir. Optimize edilmiş içerikle dolu, bilgi açısından zengin sayfaların bile yüklenmesi daha uzun sürebilir. Ve site ve işletme sahipleri tarafından yapılan tüm SEO ve diğer teknik çabalara rağmen, sorun devam ediyor gibi görünüyor. İşte bu yüzden Google AMP bugün hayatımızda önemli hale geliyor. Hızlandırılmış Mobil Sayfalar (AMP), bir web sitesi sayfasını yüklemek için Javascript'lerle birlikte minimum HTML kodlarına bağlıdır. Bu, farklı web sitelerindeki içeriğin AMP önbelleklerinde kolayca barındırılmasına yardımcı olacaktır. Bu önbellek sürümleri, insanlara organik kaynaklardan belirli bir web sitesine tıkladıkları anda anında hizmet vermek için kullanılabilir.

Yöntem, yukarıda belirttiğimiz gibi, Facebook Instant Articles'a oldukça benzer. Ama bir çelişki var! AMP'den farklı olarak, Hızlı Makaleler yalnızca Facebook ile sınırlı olacaktır. Ve sadece Facebook'un web versiyonuna değil, mobil uygulamasına da. Ancak AMP hemen hemen her yerde çalışabilir. Her türlü uygulama ve web tarayıcısı ve hatta web görüntüleyicileri tarafından kullanılabilirler. Şu anda sadece Google değil, LinkedIn, Twitter, Reddit ve diğerleri tarafından da kullanılıyor.

Google AMP gerçekten heyecana değer mi?

Doğru cevapları belirtmeyeceğiz. Bu soruya bugün cevap vereceksiniz. AMP'nin tüm artılarını ve eksilerini size vererek süreci sizin için basitleştireceğiz.

Çoğu SEO uzmanına göre AMP, Google arama motorunda daha üst sıralarda yer almanıza yardımcı olacak ve özellikle mobil platformlarda kullanıcıların deneyimini iyileştirecek. Bu, daha yavaş internet bağlantısı olan insanlar için bir nimettir. Ancak site sahipleri ve blogcular için bazı zorluklar da ortaya çıkarabilirler.

Artık Google AMP, içerik pazarlamacısı ve site sahibi olarak sınırlı sayıda HTML ve Javascript seçeneğinden yardım aldığından, mobil sitenize birkaç widget ekleyemeyebilirsiniz. Bu, bir dijital pazarlamacı olarak haber bültenleri, e-posta seçenekleri, Facebook beğeni ve paylaşım kutuları ve benzeri çok yönlü seçenekler gibi akıllı seçenekler ekleme yeteneğinizi sınırlayacağı için bir felaket olabilir.

Google AMP, dışarıda ve dışarıda, Google Analytics'i destekler, ancak diğer platformlar için gerçekten destek sağlamaz. Google AMP altında reklam seçenekleri bu şekilde çalışır. Çoğu reklam platformu Google tarafından desteklenmez.

Bu birkaç sınırlamadan sonra bile AMP, web sayfalarını ve site trafiğini önemli ölçüde artırmak için sektördeki yerini koruyor. Sitenize AMP desteğini ekleyerek, aynı anda SEO uygulamalarınız üzerinde çalışırken, sitenize mobil aramalardan yapılan büyük bir site trafiğini kesinlikle toplayabilirsiniz.

WordPress siteniz için AMP aracılığıyla oluşturulabilecek tüm avantajları elde ettiğinizden emin olmak için, burada ilk kez Google AMP profilinizi oluşturmaya yönelik adım adım bir kılavuz hazırladık.

WordPress siteniz için AMP'yi etkinleştirmeyle ilgili bu hızlı kılavuzu gerçekten izlemeden önce, siteniz için Yoast WordPress eklentisini zaten etkinleştirdiğinizi varsayıyoruz. Henüz yapmadıysanız adımı atlayabilir ve AMP'yi sitenizde doğrudan etkinleştirebilirsiniz. Ancak, ön koşul olarak Yoast SEO eklentisini etkinleştirmenizi öneririz.

Şimdi, doğrudan konuya geliyoruz!

WordPress siteniz için Google AMP kurulumu.

AMP profilinizi kurmak ve onu WordPress sitenize bağlamak çok kolaydır. Hepsi, Google'ın kendisi için resmi eklentinin gücünü selamlıyor. Resmi AMP eklentisi yapılandırma gerektirmez ve bu yüzden onu tamamen işlevsel hale getirmek için uzantı eklentileri eklemek istersiniz.

İlk olarak, temel bilgilere gelelim. Resmi eklentiyi kurmanın temel kısmını anlayalım. Bundan sonra test edeceğiz ve ardından buna göre ayarlayacağız.

Kurulum

Aşağıda verilen prosedürü takip ederek WordPress siteniz için AMP eklentisini kurabilirsiniz. Bu yöntem, WordPress sitenizdeki Yönetici panelinize giriş yapmanızı ve ardından Eklentiler'e tıklamanızı gerektirir.

• Eklentilere tıkladıktan sonra 'Yeni Ekle' sekmesine tıkladıktan sonra “Hızlandırılmış Mobil Sayfalar” için bir arama sorgusu yapmalısınız.
• Uygun seçeneği bulduktan sonra, “etkinleştir”e tıklayarak yüklemeniz gerekir.
• Eklentiyi etkinleştirdikten sonra, “Bu tema aşağıdaki eklentiyi gerektirir: AMP, Eklentiyi Yüklemeye Başlayın” yazan bir mesaj göreceksiniz. Ardından “Eklentiyi yüklemeye başla” ve ardından “yükle” üzerine tıklamanız gerekir.

Google Analytics'inizi kurma

AMP eklentisini yükledikten sonra, Google Analytics'i yüklemeyi düşünmelisiniz. Google Analytics'i kurmak için izleme kimliğinizi bulmanız gerekir. Bundan sonra, Google Analytics'te oturum açmanız ve ardından ekranınızın sol alt kısmında görünen dişli çark simgesini tıklamanız gerekecek ve bu sayede Yönetici Paneline yönlendirileceksiniz. Aynısını seçtiğinizde, şimdi doğrudan açılır menülerden Hesap ve Mülk'ü seçeceksiniz. Mülk sütununun altındaki seçeneklere baktığınızda “Takip Bilgileri” adında bir sekme göreceksiniz. İzleme kimliğinizi görmek için aynı üzerine tıklayın. Bu kimlik genellikle UA ile başlar.

Bu İzleme Kimliğini kopyalayın ve WordPress site platformunuza giriş yapın. Ekranınızın sol tarafında Navigasyon'a tıklayın ve ardından AMP'ye gidin ve AMP'den Analytics'e tıklayın. İzleme kimliğinizi "Google Analytics"in geçtiği yere yapıştırın. Bunu yaptıktan sonra, şimdi “Değişiklikleri Kaydet” e tıklamalısınız ve işiniz bitti.

Eklenti ayarlarınızı yapılandırma

Bu adımın altında, AMP eklentinizin görünümünü özelleştirmek için kullanabileceğiniz temel yapılandırmaları tartışacağız. Bu yapılandırma, birden çok içerik biçimini desteklemenize de yardımcı olacaktır.

Burada zaten Yoast SEO eklentisine sahip olduğunuzu varsayıyoruz. Bu yapılandırmaya başlamak için Yoast SEO'ya gitmeli ve AMP'ye tıklamalısınız. Bunu yaptıktan sonra, şimdi Gönderi Türleri'ne tıklamanız gerekir. Buradan, kullanabileceğiniz ve AMP uyumlu olacak gönderi türlerini seçebileceksiniz.

Tasarım sekmesi için ikinci sekmeye tıkladığınızda, artık AMP etkinleştiren içerik sayfalarınızın görünümünü özelleştirebileceksiniz. CSS stilini uyguluyorsanız, içeriğinizi özelleştirebilir ve kendiniz ve özelleştirilmiş AMP simgesi için yüklemek üzere benzer renk desenlerini bağlayabilirsiniz. Gerekirse site sayfalarınız için de varsayılan resimler ayarlayabilirsiniz.

AMP yapılandırmanızı test edin

Bir AMP URL'si oluşturma işlemini tamamladığınızda, bu URL'lerin düzgün çalıştığından da emin olmalısınız. Doğru yapılandırılmamışlarsa ve çalışmıyorlarsa, Google daha sonra arama sonuçlarında aynısını gösteremez. Bu, çoğu web yöneticisi için bazen oldukça zor olabileceğinden, önceden almanız gereken bir önlemdir!

Ancak her sorunun çözümü vardır. AMP URL'lerinizi test ederken ve doğrularken bile bir tane alırsınız. Birkaç site sayfası seçmeli ve aşağıda belirtilen prosedürlerden herhangi birini kullanarak AMP sürümlerinizi test etmelisiniz. Ancak devam etmeden ve bu görevlerden herhangi birini gerçekleştirmeden önce, daha önce tartışıldığı gibi URL'nizin sonuna /amp/ eklemelisiniz.

1. Bu web sitesine gitmelisiniz – search.google.com/test/amp Ve site sayfanızın URL'sini bu web sitesine bırakmalısınız. Bunu yaptıktan sonra, şimdi “Testi Çalıştır” a tıklamalısınız. Sonuçlarınızın geçerli veya geçersiz olup olmadığını göreceksiniz.

2. İkinci seçenek, özellikle Google Chrome web tarayıcısını kullanan kişilere yardımcı olur. İnternete erişmek için Mozilla Firefox, Safari vb. gibi başka bir web tarayıcısı kullanıyorsanız, bu seçenek gerçekten sizin için doğru şekilde geçerli olmayacaktır.

   Google Chrome tarayıcınızda AMP sayfasını açmalı ve sitenizin URL'sine #development=1 eklemelisiniz.

   Yapmanız gereken bir sonraki şey, Google Chrome menüsünün kendisinden Chrome Dev Tools Console'u açmak ve ardından 'Diğer Araçlar'ı seçmektir. Bundan sonra, 'Geliştirme Araçları' ve ardından 'Konsol' üzerine tıklamanız gerekir.

   'Konsol'a tıkladığınızda doğrulama hatalarını kontrol edebileceksiniz. Her şey yolundaysa ve gayet iyi çalışıyorsa, doğrulama süreci başarılı olmalıdır.

3. İzleyebileceğiniz üçüncü seçenek, bu web sitesine gitmek - validator.ampproject.org ve AMP URL'nizi buraya, belirtilen URL alanına yapıştırın. Yapıştırdıktan sonra, “Doğrula” yı tıklamanız gerekir.

   Herhangi bir hata veya sorun varsa, bu araçlar bunları vurgulayacak ve HTML'de işaretleyecektir.

AMP URL'nizi indeksleme işlemi için gönderme

AMP Doğrulama sürecini Google Arama Konsolu üzerinden izlediyseniz, daha sonra testi geçerli olarak gördükten sonra doğrudan “Google'a Gönder” seçeneğine tıklayabilirsiniz.

Eğer değilseniz, sizin için başka bir seçenek var. Bu, Google Arama Konsolu Hesabınıza giriş yaptıysanız işe yarar. Bunu yaptıktan sonra, "Google'a Gönder"i arayabilir ve ardından site URL'nizi doğrudan gönderebilirsiniz.

AMP site sayfasını alternatif yoldan Google'a gönderirken, Google AMP site sayfanızı daha sonra dahili olarak bağlantılı ve XML site haritasında listelenmiş olsun veya olmasın dizine alacaktır.

Her hatayı gidermek için Google Arama Konsolunu görüntüleyin.

Sonraki adım, AMP site sayfalarınızı Google Arama Konsolu olan tek bir konumdan yönetmeyi öğrenmektir. Google Search Console'a giriş yapmalı ve oradan 'Arama Görünümü' sekmesi altında 'Hızlandırılmış Mobil Sayfalar'a tıklamalısınız.

Bunu yaptığınızda, AMP sayfalarınızdan kaçının dizine eklendiğini, hangilerinin dizine eklenmediğini görebileceksiniz. Henüz dizine eklenmemiş olanlar, burada da görüntülenecek olan bir tür hatalara sahip olmalıdır. Kritik sorunları tespit ederseniz, daha sonra bir önceki adımda bahsedilen araçlar yardımıyla bu hataları giderebilirsiniz.

Sayfa Hızı Test Ediliyor.

Yukarıda bahsedilen her şey tamamlandıktan sonra artık faydalarını görmeye başlamalısınız. Çabalarınızın sonuç alıp almadığını görmek için AMP sayfalarınızı ve standart mobil site sayfalarınızı WebPageTest gibi hız araçlarıyla çalıştırmayı denemelisiniz. Ayrıca iki farklı sayfadaki sonuçları da karşılaştırmalısınız.

Ve işte! Bitirdiniz. AMP yolculuğunuza başlayabilirsiniz.

Google, mobil öncelikli indeksleme ve sayfa hızlandırma süreci şeklinde bir mucize ortaya çıkarırken çabalarını artırıyor. Bunu yaparak, bugün birçok site ve işletme için bir sıralama faktörü haline geliyorlar. Google tarafından AMP şeklinde alınan teknik girişim, günümüzde tüm modern işletmeler ve Mobil Uygulama Geliştirme Şirketleri için çok önemli bir adımdır. Aynı şeye geçmemek uzun vadede sizin için sorunlu hale gelebilir! Korkma, şu geçişi yap! Bize daha sonra teşekkür edeceksiniz.