WordPress sitenizde amp nasıl ayarlanır
AMP WordPress sayfasını nasıl hazırlayacağınızı merak ediyorsanız, yalnız değilsiniz. Web sitesi yöneticisi, sitelerini hücresel kullanıcılar için optimize etmek amacıyla Google AMP’yi inceler, yalnızca cevaplardan daha fazla soru bulmak için. AMP nedir? Web sitem için neden ihtiyacım var? AMP sayfasını istiyorsam, nasıl başlatılır? Bu soruyu ve bu amfi kılavuzundaki diğerlerini cevaplayacağız. Tartışacağımız şey bu:
İçindekiler
Google AMP nedir?
WordPress amp kullanmanın avantajları
Top 4 eklenti amp wordpress
WordPress için Google AMP nasıl ayarlanır
WP eklentisi için Google AMP nasıl ayarlanır
Google AMP’nin düzgün çalıştığını nasıl test edersiniz
Google AMP Sorunlarını Çözme
Google AMP eksikliği
AMP WordPress sitesini kullanmanın ana yararı
Google AMP nedir?
Aslında, Google AMP, web sitenizi mevcut web teknolojisi üzerine oluşturulan HTML AMP formatında çoğaltmasıdır. Bu, sitenizde daha yavaş yüklenmesini sağlayan birçok öğeyi ortadan kaldırır. Ayrıca, Google daha hızlı yüklenecek sitenizi “düzleştirin”. Google, AMP’yi Ekim 2015’te ana odağı hızıyla yayınladı. Mantıklı çünkü insanların% 53’ü üç saniyeden fazla içeriyorsa web sitesinden ayrılıyor. Hücresel kullanıcıların% 73’ü çok yavaş web sitelerini ziyaret ettiklerini söylüyor.
Ancak bu rakamlar kârınızı nasıl etkiler? AMP neden önemlidir? AMP bu istatistikler nedeniyle önemlidir: bir yükleme süresinde bir saniyenin gecikmesi% 7 dönüşüm kaybına neden olabilir. Günümüzde, birçok işletme, işletmenize gelebileceği gibi, dönüştürme için web sitelerine güvenmektedir. Böylece hızlı açık zamanın neden şirketinizin büyümesini yapma veya yok etme potansiyeline sahip olduğunu görebilirsiniz. Bu, AMP’nin önemli olmasının başka bir nedenidir: Bir arama makinesi, sitenizin hücresel kullanıcılar için hızlı bir şekilde yüklenmediğini görürse, Google bunu arama sonuçlarının en üstünde görüntüleymez. WordPress, Pinterest, LinkedIn ve Reddit dahil. Bu yeni inovasyona göre, kendi temamız Astra, aslında amplifikatöre orijinal uyumluluğa sahip birkaç temadan biridir. Bu yılın başlarında açıklanan bu, WordPress sitenizin tüm cihazlarda ve platformlarda her zaman en son hızda olmasını sağlamak için aldığımız büyük atlamalardan biri! WordPress AMP kullanmanın avantajları AMP WordPress sitesini nasıl kullanılır trafiğinize ve işinize fayda sağlayabilir mi? İşte AMP’yi optimize etmenin avantajları.
AMP başlatıldığından beri AMP ücretsizdir, AMP gerçekten herkes tarafından kullanmak için ücretsizdir. Bu, Google tarafından web sitesi yöneticileri için sunulan birçok ücretsiz araçtan biridir. Temel olarak Google, insanların hizmetlerini kullanma konusunda daha iyi deneyim kazanmasını istiyor ve siteniz bu deneyimin bir parçası. Öyleyse neden sitenizin kullanımı daha kolay hale getirme maliyetini karşılıyorsunuz? Google’ın arama motorlarının optimizasyonunu artırmak, AMP’nin bir parçası olan kullanıcı sitelerini görüntülemeyi tercih eder, bu nedenle Sitenizde AMP sayfasının olması, arama sonuçlarının ilk sayfasında görünme şansı verir. Ayrıca, AMP’nin kullanılması arttırmaya yardımcı olur SEO açısından önemli bir faktör olan sayfanızın hızı. Siteniz ne kadar hızlı yüklenirse, Google’ın arama sonuçlarında daha iyi bir sıralama sağlama olasılığı o kadar yüksektir. Ayrıca, Google AMP, sitenizin hücreseldeki üst yarı yaşamdan daha yüksek bir öncelik olan Güney Kore News’de görünmesini sağlar. AMP kullanarak daha iyi kullanıcı deneyimi sadece web sitenizi daha hızlı yüklemekle kalmaz, aynı zamanda site ziyaretçileri için daha rahattır. Hız, bir web sitesi için en önemli faktörlerden biridir. Yukarıda bahsettiğimiz gibi, çoğu insan hızlı yüklenmezse web sitesinden ayrılır.
Bu nedenle, kullanıcılarınıza AMP ile daha iyi bir deneyim sunmak, daha az yansıma, daha mutlu müşteriler ve satışları artırma olasılığı görebileceğiniz anlamına gelir. Sunucu performansının iyileştirilmesi AMP, sayfa öğelerinizi yavaşlatan, gerekli bant genişliği düştüğü için düşeceğinden. Ve sitenizin ihtiyaç duyduğu bant genişliği ne kadar az olursa, sunucunuzun performansı o kadar iyi olur. Büyük bir çerçevenin AMP’ye katılmasını önlemek, basamaklı stil sayfaları (CSS) ve JavaScript (JS) çerçevelerini kullanmayı önlemeye yardımcı olabilir. Reklam Seçenekleri Siteniz AMP’deyse, sitenizi ziyaret eden hücresel kullanıcılar için özel bir reklam seçeneğiniz vardır. Reklamlar, AMP sayfanızda sıradan sitelere kıyasla farklı görünecektir, bu da özel hücresel reklamları oluşturabileceğiniz ve paylaşabileceğiniz anlamına gelir. Sitenizin AMP sürümünü oluşturduğunuzda otomatik görüntüleri optimize etmek, tüm resimleriniz WebP formatına dönüştürmek de dahil olmak üzere hücresel kullanıcılar için optimize edilmiştir. gerekirse. Böylece, yine de hücresel ziyaretçilerinize kolayca görülen yayınlar veya blog sayfaları gönderebilirsiniz. Bu, çok yararlı olan birkaç eklenti sayesinde, WordPress sitenize AMP uygulaması için beklenenden daha kolaydır (aşağıdaki hakkında daha fazla bilgi). Bu açık kaynaktır çünkü AMP açık kaynaklıdır, geliştirilmeye devam eder. Ayrıca, bu daha güvenlidir, çünkü her şey halka açıktır, yani bir kişinin veya bir şeyin tüm sisteme zarar vermesi pek olası değildir.
Biliyor muydunuz, Astra aslında AMP’yi destekleyen varsayılan WordPress temasının yanı sıra birkaç temadan biri. Öyleyse neden denemiyorsunuz ve Astra’da amfi denemiyorsunuz? Top 4 WordPress AMP eklentisi, sitenizi Google AMP’de manuel olarak hazırlar. Neyse ki, WordPress için bu işlemi çok basit hale getiren birçok AMP eklentisi var. Öyleyse en iyi dört WordPress amp eklentisine bakalım. 1. AMP (Resmi WordPress eklentisi) AMP WordPress eklentisi yeni başlayanlar ve WordPress sitesinde amp optimizasyonunu artırmak isteyenler için iyidir. Bununla birlikte, WP yeni başlayanlar uzmanlardan daha fazla öğrenme eğrisi yaşayabilir, çünkü gerçekten basit bir kodlama gerektirirler.
Bu eklenti, AMP sitenizi nasıl ayarlayabileceğinizi gösteren bir kılavuz sağlar. Diğer birkaç açık kaynak eklentisi gibi dostça kullanıcı olmasa da, geliştirmeye ve geliştirmeye devam ederler.
Başlangıç amfi
2. WP için AMP WP için AMP, sitenizi Google AMP için doğrudan optimize eden bir eklentidir. Uzatma, tasarım araçları ve ek destek ile görünür. Geliştirici, hataları silmek ve yeni özellikler eklemek için düzenli olarak yeniliyor, böylece hiç daha iyi olmamış eklentilerle sıkışıp kalmayacaksınız. Bu, WordPress yeni başlayanlar için idealdir, çünkü çok fazla deneyim gerektirmeden çalışır.
WP için AMP, AMP sürükle ve bırak düzenleyicisi özelliği sayesinde sıradan web sitesi tasarımından farklı bir AMP tasarımı oluşturmanıza olanak tanır. Bu, hücresel kullanıcılarınızın Google’a göndermek yerine gördüklerini tam olarak kontrol eder.
WP için AMP Başlangıç
3. AMP WP AMP WP, hücresel bölgenizin özelliklerini kullanarak 5x daha hızlı yükleyebileceğini söylüyor. Cesur bir iddia gibi geliyor, ama aslında güvenilebilir. Ücretsiz özelliklerin listesi oldukça uzundur ve “Google AMP Tam Destek” ve “AMP Otomatik” eklentisinin uyumluluğu gibi şeyleri içerir. Eklentiyi yüklediğinizde, WordPress’in sizin için tüm dosyaları aktardığı ve web tarayıcınızdan çıkmanız gerekmeyen otomatik bir kurulum seçebilirsiniz.
4. WordPress’te Amp
WordPress’teki AMP eklentisi – Weeblramp CE, bir AMP sayfası oluşturmak için ücretsiz ve ücretli bir sürüme sahiptir. Web sitenizin tam bir sürümünü oluşturabilir, yayınları, sayfaları, etiketleri, kategorileri ve hatta arşivleri optimize edebilirsiniz. Premium bir sürüm alırsanız, Formları otomatik olarak, kullanıcıların MailChimp Kayıt Formu, Form 7, WooCommerce, WPForms ve daha fazlası dahil olmak üzere kolayca kullanabilecekleri şekilde dönüştürebilirsiniz. Weeblamp varsayılan ayarlarla birlikte gelir, böylece doğrudan sizin için çalışabilirsiniz. Ve eğer bir geliştiriciyseniz, AMP’nin her bir kısmı üzerinde kontrolünüz var – şablon, filtre ve eylemi değiştirebilirsiniz. Bu, AMP sitenizin gerçek sitenizle mümkün olduğunca yakından hareket edeceği ve mümkün olduğunca yakından hareket edeceği anlamına gelir. İster ücretsiz kullanıcı ister ücretli kullanıcı olun, arayüz geliştiriciler ve tasarımcılar için tasarlanmış olmasına rağmen basit olarak tasarlanmıştır.
WordPress’te AMP’yi Başlatma WordPress için Google AMP’yi nasıl ayarlarsınız Şimdi WordPress siteniz için Google AMP’yi hazırlamak için adımları izleyelim. Bu çok karmaşık değil, bu nedenle bu kılavuz hata olasılığını ortadan kaldırmalıdır. Örneğin WP için resmi WordPress AMP eklentisini ve AMP’yi kullanacağız. 1. Ampjika eklentinizi WordPress.com kullanarak yükleyin ve etkinleştirin, iş paketine yükselmedikçe herhangi bir eklenti yükleyemezsiniz. Ancak, kendinizi wordpress.org adresinde yayınlayan bir siteniz varsa, ihtiyacınız olan eklenti yükleyebilirsiniz. Eklentiyi yüklemek için, eklentileri girerek arama işlevini kullanabilirsiniz → yeni ekle, ardından arama çubuğuna “AMP eklentisi” yazın. Eklentiyi bulduktan sonra “Şimdi Yükle” yi tıklayın.
AMP eklentisini bilgisayarınızdan yüklemek istiyorsanız, sayfanın üst kısmındaki “Eklenti Yükle” düğmesine basın ve eklentinizi yükleyin. Sonra, etkinleştirmelisiniz. “Eklenti Yükleme” sayfasında, eklentinin sitenizde çalışmaya başlamasını sağlamak için “Eklentiyi Etkinleştir” bağlantısına basın.
2. Ayarları ayarlayın Eklentiyi etkinleştirdikten sonra, artık AMP sayfanızın görünümünü ayarlayacak ayarları ayarlayabilirsiniz.
Gösterge tablosundaki AMP> Genel sekmesini açın. Eklentileri yapılandırabileceğiniz yer burasıdır. Ayarları beğeninize göre ayarladıktan sonra “Yayınla” düğmesine basın. AMP siteniz artık kullanıcı tarafından görülecek ve Google tarafından bulunabilir. Ayrıca yayın, sayfaların veya her ikisinin de AMP sitenizde görüntülenip görüntülenmeyeceğini de seçebilirsiniz. Desteklenen bir şablon için kutuyu kontrol edin, daha fazla seçenek göreceksiniz. Gerekli seçenekleri seçin ve “Değişik Kaydet” i tıklayın. Hala başka ayar seçenekleri arıyorsanız, Yoast SEO eklentisini AMP ayarlarınıza entegre etmek için Yoast SEO & AMP için Glue gibi birkaç eklenti kullanabilirsiniz. Google ile iyi işbirliği sayesinde, eklentinin işlevselliği artık resmi Yoast SEO ve AMP eklentisinin bir parçası. Ancak bu eklentiyi eklemek için sadece “Eklentiler” e gidin, “Yeni Ekle” yi tıklayın, ardından “Yoast SEO & Amp” adresini arayın “Şimdi” ve ardından “Etkinleştir” i tıklayın. Yoast SEO eklentisini etkinleştirdikten sonra “SEO” a gidin, ardından “AMP” ye tıklayın. Bu size sayfanız için başka bir ayar seçeneği sunar, “Değiştir” düğmesini tıklamayı unutmayın.
3. AMP sayfanızın önizlemesi Şimdi yayınlamadan önce AMP sitenizi önizlemenizi görebilirsiniz. Sayfalardan birini ziyaret edin veya blogunuzu gönderin ve URL’nin sonuna / amp / ekleyin. İşte bir örnek: http://situsanda.com/blog-post-title/amp/ Bununla birlikte, AMP sitenizin kullanıma hazır olup olmadığını bileceksiniz. Daha karmaşık tasarımlar ve işlevsellik, daha kolay Google Analytics entegrasyonu ve WooCommerce, SEO stratejiniz için Alex gibi diğer ek araçlar ve diğerlerinin yanı sıra Onesignal düğmesinin bildirimi arıyorsanız, WP eklentileri için Google AMP nasıl ayarlanır. 1. WP için AMP eklentisini yükleyin ve etkinleştirin, WP eklentisi için AMP’yi yüklemek için “Eklentiler” e gidin, “Yeni Ekle” ye tıklayın, ardından “WP için AMP” arayın. “Yükle” yi ve ardından “Etkinleştir” eklentisini tıklayın. 2. Ayarları ayarlayın Şimdi WP eklentisi için AMP’yi kullanabilirsiniz, WordPress kontrol panelinizde “AMP” e gidin. Bu, Ayarlar ve Tasarım Bölümü olmak üzere iki parçaya ayrılmış ayarlamayı açacaktır. Ayar bölümü, eklentinin diğerlerinin yanı sıra aşağıdaki gibi arka uç özelliklerinin çoğunu göstermektedir: SEO – Meta açıklamaları ve SEO eklentileri ile entegrasyon için. Performans – Site hızı için dosya minififlerini etkinleştirmek ve devre dışı bırakmak. Analytics – Google Tag Manager ile entegrasyon için. Gelişmiş Ayarlar – Özellikle üstbilgiler ve altbilgiler için HTML için hücresel transfer hazırlayın ve retina görüntülerini etkinleştirin ve devre dışı bırakın.
Bir başka önemli kısım, diğerlerinin yanı sıra aşağıdaki gibi AMP çıkışının görünümünü ve tonlarını kontrol eden tasarımdır:
Seçmenler tema-römorkör menüsünden temalar seçin. Sosyal medya görünümünün seçimi için tasarım, üstbilgi ve altbilgi ve kenar çubuğu sundurma – renk ve tipografik şemalar için -. AMP sitenizi ayarlamayı bitirdikten sonra daima “Değiştir” düğmesini tıklayın.Google AMP’nin doğru çalıştığını nasıl test edeceğinizi şimdi AMP sitenizin düzgün çalıştığından emin olmanız gerekir. AMP WordPress’inizi doğrulamanın iki ana yolu vardır, bunların her ikisi de size kod okumanızı ve düzeltmeniz gereken hataları verecektir. AMP Google Test Aracı
Google AMP sitenizi test etme şekliniz Google AMP test aracıdır. AMP’nin kendisinin piyasaya sürülmesinden sadece bir yıl sonra Ekim 2016’da başlattılar. Peki Google AMP test aracını nasıl kullanıyorsunuz? Test aracının ön sayfasına indikten sonra, sitenin URL’sini, sayfasını veya yayınınızı kutunuza girin ve “Test URL’si” tuşuna basın. Veya web sitesi kodunuzu koyabilir ve “URL Testi” yi tıklayabilirsiniz. GoogleBot daha sonra, işaretleme geçerliliğiniz ve yapılandırılmış verileriniz de dahil olmak üzere site AMP’nizin optimizasyonunu analiz edecektir. Geçerli bir AMP optimize edilmiş siteniz varsa, bu araç AMP sayfanızı Google Arama Sonuçları sayfasında gösterecektir. Bu araç, sitenizde AMP hataları bulmanızı kolaylaştırır ve sorunlara neden olan kodu göstermeye yardımcı olabilir. Sağ alt köşedeki Paylaş düğmesini tıklayarak analizin sonuçlarını ekip üyelerinizle kolayca paylaşabilirsiniz. Manuel doğrulama
WordPress amfinizi manuel olarak da doğrulayabilirsiniz. İlk olarak, amfi sayfalarınızdan birini açın. Ardından URL’ye aşağıdakileri ekleyin: #Deelopment = 1 Ardından, tarayıcınızdaki geliştirici araç konsolunu açın. AMP sayfanızın bir hatası varsa, burası kırmızı renkte vurgulandığını göreceksiniz. Sebebin açıklamasını da göreceksiniz. Genellikle, geçersiz önek, yanlış kod ve/veya izin verilmeyen etiketler nedeniyle doğrulama hataları oluşur. Çoğu zaman, çözüm hatanın açıklanmasının hemen yanında verilir. Ama bu her zaman olmaz. Bu olduğunda, sorunu nasıl çözeceğinizi bilmelisiniz. Google AMP Sorunları Çözme Doğrulama hatalarını okumanın yanı sıra, Google size doğrudan herhangi bir AMP sorunu ve düzeltmek için adımlar hakkında bilgi verecektir. Ancak Google her zaman cevabı vermediği için genel AMP hatasını ve nasıl düzeltileceğini bilmelisiniz. Aşağıda, en yaygın AMP problemini ve bunların üstesinden nasıl geleceğinizi göreceksiniz. Ayrıca Google’ın özel amp hatlarının tam bir listesini burada görebilirsiniz. 404 Hatalar (URL bulunamadı)
Yukarıda bahsettiğimiz gibi, AMP eklentisini yükledikten sonra AMP sayfanızın sonuna / amp / ekleyebilmeniz gerekir. Ancak, eklentiyi yükledikten hemen sonra 404 hatasını göreceksiniz. Neyse ki, bu kolay gelişme ile ilgili küçük bir sorundur. Sadece geçirgenliği yenilemeniz gerekir. Bunu yapmak için Ayarlar> Kalıcı Bağlantılar. Ardından, herhangi bir değişiklik yapmadan “Kaydet” i tıklayın. Bu temel olarak AMP sayfası sürümü de dahil olmak üzere kalıcı bağlantı yapısını yeniler. Bu, AMP 404 problemini anında düzeltir. Boş sayfa, kullandığınız AMP eklentisine bağlıdır, AMP sitenizin boş sayfaları yüklediğini veya hiç yüklemediğini görebilirsiniz. Bu genellikle amp sayfanızın orada olduğu anlamına gelir, ancak hatalar vardır. İlk olarak, 404 Hata ile yaptığınız gibi kalıcı bir bağlantıyı yenileyin. Ayarlar> Kalıcı Bağlantılar> Kaydet. Bu sorunu çözmezse, genel bir AMP> açmanız gerekir. “Şablon” ve “Sayfalar” onay kutusunun işaretlendiğinden, ardından “Kaydet” tuşuna basın. Bu sorunu çözmelidir. Emin olmak için her blog yayınının veya sayfasının AMP sürümüne bakın. “Logo alanının değeri gereklidir” WordPress’teki en yaygın AMP problemlerinden biri bir hata mesajı almaktır, “Logo alanının değeri gereklidir. Bunun basit bir çözümü var. Bu, AMP sitenize bir favicon veya logo eklemediğiniz anlamına gelir. Favicon eklemek için, açık görünüm> özelleştir> site kimliği. “Site simgesi” altında, logonuzu yüklemek için “Resmi Seç” i tıklayın. Yüklendikten sonra “Yayınla” yı tıklayın. “URL ‘A’ etiketindeki ‘href’ özelliği için geçersiz URL” Hata raporunuz, ‘A’ veya benzeri etiketteki html ‘href’ öznitelikleri için “geçersiz URL’si gösteriyorsa, bu, AMP sitenizin var olmayan bir web sitesine veya 404. Sorun, hataları tıklayın ve doğrudan sürümü görün.Bunu yapmak, AMP sayfanızı HTML biçiminde ve hatanın vurgulanacağı satırda test edecektir.HTML kodunun aşırı sesini anlarsanız, AMP sayfasını ziyaret edebilir ve her bağlantıyı test edebilir, ardından hasarlı bağlantıları onarabilir veya silebilirsiniz.Yinelenen komut dosyası. JS AMP sayfasına JS eklediğinizde, yanlışlıkla iki kez eklemediğinizi tekrar kontrol edin.Eğer yaparsanız, hatalara neden olur.Bunu düzeltmek için komut dosyasını silin. Sadece bir tane olana kadar JS ek.İçerik eşleşmiyor
AMP’de “İçeriğin Uyumsuzluğu” hatası aldığınızda, bu, AMP sürümündeki kayıp web sayfasında olan içerik olduğu anlamına gelir. Genellikle, bu silinmiş olabilecek sabitlenmiş bir videodur. Yani bu sadece kötü görünmekle kalmaz, aynı zamanda bu hatayı da üretir. Düzeltmek için, herhangi bir sayfanın videosunu veya öğesini silin veya değiştirmeniz yeterlidir. Google AMP’nin eksiklikleri şu anda, Google AMP’ye katılmanın kolay olduğunu düşünebilirsiniz. Ancak, her şey gibi, olumsuz bir taraf var. CSS ve JS’nin sınırlandırılması, CSS ve JS çerçevesini sınırlandırmasına rağmen, sitenin daha hızlı yüklenmesine yardımcı olur, sonuçta grafikler, animasyonlar ve yüksek tanımlı görüntüler gibi marka görüntüleme öğelerini silebilir. Ve gözde benzersiz ve dostça bir site yapan bir şey marka. Google AMP ile Infographics kullanan bir blog yazısı yazmış olabilirsiniz, yayın silinebilir. En son içeriğiniz. Bu neden oldu?
