WordPress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

WordPress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

Accelerated Mobile Pages kısaltması olan AMP türkçesi ile Hızlandırılmış Mobil Sayfalardır. Google tarafından belirlenen yönergelere bağlı kalarak sadeleştirilmiş mobil sayfalar hazırlanır ve kullanıcının sayfanıza hızlı erişmesi, sayfa etkileşimi sağlayarak sayfanızda geçirdiği süreyi arttırmayı hedeflemektedir. Google dizinine eklenen sayfalar mobil kullanıcılar için listelenmekte ve kullanıcı deneyimini arttırmaktadır.

Yönergeleri incelemek için: https://amp.dev/documentation/guides-and-tutorials/learn/spec/amphtml/?referrer=ampproject.org adresini ziyaret edebilirsiniz.

Google tarafında en çok dikkat edilen konular sayfa açılma hızı, kullanıcı etkileşimi ve sayfada geçirdiği süredir. Google bilinirliğini önemsiyorsanız AMP sayfalarını hazırlamanız gerekir.

Yazılım ile aranız iyi ise bu tasarımı kendiniz hazırlayabilirsiniz, ancak ben WordPress CMS kullandığım için web sayfam üzerinde bir eklenti ile bu çalışmayı yaptım.

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

Eklentiler menüsüne girerek AMP araması yapıyoruz ve eklentiyi yükleyerek etkinleştiriyoruz.

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

Etkinleştirme işlemi yaptıktan sonra açılan sayfada sizin konfigurasyon yapmanızı isteyecektir.

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

Sayfayı aşağı kaydırarak AMP menüsünü buluyoruz ve mail adresimi ekliyoruz. Sizi yönlendirdiği sayfayı PRO versiyona geçmek için kullanabilirsiniz.

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

Sonrasında Run Installation Wizard butonuna tıklayarak kuruluma başlıyoruz.

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

Start butonuna basarak devam ediyoruz

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

Logo seçimi için set logo butonuna tıklayarak ortam kütüphanesini açıyoruz.

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

Teknoforum logomu seçerek devam ediyorum.

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

Save butonuna basarak devam ediyoruz.

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

Tüm sayfalar için etkinleştirilmesini istiyorum, kaydederek devam ediyoruz.

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

Google analytics üzerine eklenmesi için izleme kodunu istiyor.

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

Analytics hesabımdan izleme kodunu kopyalayalım

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

İzleme kodunu yazarak kaydediyoruz

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

Design Two güzel gözüküyor. Seçim yaparak kaydediyoruz.

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

İşlem tamamlandı. Let’s Go butonuna tıklayarak devam ediyoruz.

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

Settings menüsü altında tasarım üzerindeki metinleri türkçeleştirerek kaydediyoruz.

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

ThemeGrill ekleyebilirsiniz uyarısı veriyor ancak tema kütüphanede bulunmadığı için yükleyemedim.

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

Üst menüde siteyi görüntüle menüsü altında artık Visit AMP menüsünü görebilirsiniz. Bu menüye tıklayarak AMP sayfalarınızı inceleyebilirsiniz.

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

teknoforum.org/amp adresi ile görüntüleyebiliriyoruz. Tüm sayfalarda /amp eklentisi ile sadeleştirilmiş görünüme ulaşabiliyoruz.

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

Görünümü incelediğimde menü açılmadı. Görünümden menülere girerek AMP menü için seçim yapabilir ve ayrı menü oluşturabilirsiniz. Ben aynı menüyü kullanacağım.

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

Settings altında Advertisement menüsü altında reklamlarınızı aktif edebilirsiniz. Data AD Client için adsense hesabınızdan yayıncı kimliğinizi eklemeniz gerekiyor.

Wordpress İçin AMP Hızlandırılmış Mobil Sayfalar Hazırlama

Analiz menüsü altından Google Analiytics özelliğini aktif ederek izleme kodunu ekleyebilir ve panel üzerinden izleyebilirsiniz.

Saygılarımla

Bir cevap yazın

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