JavaScript, WordPress ve Rest Fire: Kurgudan Gerçekleri Sıralama

WordPress siteniz için bir dinlenme ateşi kullanmayı düşünüyor musunuz? Belki de her şeyi okudunuz, ancak duymuş olabileceğiniz JavaScript ile çalışan bazı zayıflıklar tarafından engellendi. JavaScript ve dinlenme ateşini anlamak açısından, biraz gergin hissetmek nadir değildir. Sonuçta, PHP kullanarak bir WordPress teması ve eklenti yaptıysanız veya PHP’de yazılmış bir üçüncü taraf temasını indirdiyseniz (şimdi hemen hemen her şey gibi), bütünü öğrenmelisiniz. yeni beceriler veya farklı ortamlara alışkın. Ayrıca, sitenizin ve kullanıcınızın performansı için geçişin ne anlama geldiğinden endişe duyabilirsiniz. Kullanıcı deneyimini etkileyecek mi? Bunun SEO’nuz üzerinde bir etkisi olacak mı? Siteniz ne kadar hızlı çalışacak? Dinlenme ateşi, bu soru için somut cevaplar bulmanın bazen zor olduğu için çok yenidir.
Bu yazıda, bir restoranla çalışmayı düşündüğünüzde endişeniz olabilecek birkaç şey göreceğim. Hangisi hakkında endişelenmeniz gerektiğini ve hangisinin olmadığını belirleyeceğim. Umarım bu gönderiyi okuduktan sonra restoran dinlenmesinin sizin için uygun olup olmadığı hakkında daha iyi bir fikriniz olacaktır. Göreceğim:
Tarayıcı Uyumluluğu,
Göstermek,
Kullanıcı deneyimi,
SEO ve
Ulaşılabilirlik.
Ama her şeyden önce, kendimize yangının geri kalanının ne olduğunu ve geliştiriciler olarak bize sunduğu olasılıkları hatırlatalım. REST API: Bu nedir? Dinlenme, size pek bir şey söylemediğini itiraf ettiğim, sunumsal sunumların kısaltmasıdır. Wikipedia işleri biraz açıklıyor:
“RESTful sistem genellikle, ancak her zaman değil, kullanılan hipermetin transfer protokolü (HTTP) üzerinden kullanılan aynı fiil (GET, Post, Put, Sil, vb.) İle iletişim kurar. “WordPress teriminde, doğrudan PHP veya SQL kullanarak veritabanı sorguları göndermek yerine, site veritabanınızdaki verilere erişmek için HTTP kullanmak anlamına gelir. Hala kafası karıştı mı? Ben o duyguyu biliyorum! Basitçe söylemek gerekirse, WordPress API REST, sitenizdeki verilere WordPress dışındaki harici uygulamalar tarafından erişilebileceği anlamına gelir. Bunu JSON (JavaScript Nesne Notasyonu) ve JavaScript’in kendisini kullanarak yaparsınız. Böylece, PHP yerine JavaScript’te bir web sitesi veya uygulama oluşturabilirsiniz. Bu iki ana fırsat açar:
JavaScript’te bir site oluşturarak, tek bir sayfa uygulaması (SPA) adı verilen bir şey yapabilirsiniz. Google belgelerini daha önce kullandıysanız, bunlardan biriyle etkileşime girdiniz. SPA, başka bir sayfaya geçmek zorunda kalmadan, bir uygulama gibi davranan ve sayfa içeriğinin onunla etkileşiminizde değiştiği bir web sitesidir. Bu da işleri çok daha dinamik ve etkileşimli hale getirir.
PHP ile sınırlı olmadığınız için, WordPress verilerinize göre hücresel gibi diğer platformlarda uygulamalar oluşturabilirsiniz. Bu nedenle, sıradan bir PHP tabanlı WordPress sitesine sahip olabilir ve ayrıca siteden veri kullanan, alakalı ise verileri güncelleyen ve web sitenizden tamamen farklı bir tasarıma sahip olabilecek hücresel uygulamalar oluşturabilirsiniz. WordPress.com için Calypso Automattic uygulaması gibi masaüstü uygulamaları da oluşturabilirsiniz.
Bu nedenle, basit bir web sitesi (örneğin broşürler, bloglar veya bilgi depolama) oluşturursanız, büyük olasılıkla dinlenme yangını kullanmanız gerekmez.Ancak, çok daha etkileşimli ve kullanıcı girişine daha hızlı tepki veren bir şey oluşturmak istiyorsanız, API’nın geri kalanı her türlü olasılığı açar.Tarayıcıların uyumluluğu JavaScript’teki JavaScript’teki şantiyelerle ilgili en belirgin şey, yalnızca JavaScript’i etkinleştiren bir tarayıcıda çalışmasıdır.Sık sık kullandığınız (Google belgeleri gibi) spa’ya erişmeyi deneyin ve tarayıcınızdaki JavaScript’i kapatın.İyi görünmüyor:
Herkes kaybolur!Bunun nedeni, uygulamanın tamamen JavaScript’te çalışmasıdır.Dolayısıyla, kullanıcınız JavaScript’i etkinleştirmezse, sitenizi bile göremezler.
Ancak kaç kişi JavaScript’i etkinleştirmeyecek? Masaüstünde çok fazla değil. Tüm ana tarayıcılar JavaScript’i çalıştırır, bu nedenle kullanıcınız JavaScript’i devre dışı bırakmaya karar vermedikçe, sitenize erişimi olacaktır. Hücresel bir tarayıcıda, bir sorununuz da olmamalıdır. Ana hücresel tarayıcı, en son işletim sistemini kullanırken opera mini bile JavaScript çalıştırır. Geçmişte, bir proxy sunucusu aracılığıyla opera mini içeriğini oluşturma yöntemi, JavaScript ile eşleşmediği, ancak daha yeni bir sürümde durum olmadığı anlamına gelir. Ancak hedef kitlenizin daha uzun bir işletim sistemi çalıştırması muhtemelse, hangi tarayıcı sürümünü çalıştıracaklarını ve JavaScript nedir olduğunu kontrol etmenizi öneririm. JavaScript’i etkinleştirmeyen kullanıcılara sahip olacağınızı düşünüyorsanız, o zaman bazı içerik ekleyebilirsiniz. Sadece onlar tarafından görülecek olan site. Bunu içine koydunuz. Bu etiket her zaman iyi kullanılmaz: geliştiriciler bazen kullanıcılara yalnızca JavaScript çalıştırmadıklarını söylemek için kullanırlar (bir örnekte olduğu gibi, bu W3Schools’tan çok yararlı olmayan). Ancak bunu kullanıcılarınıza yardımcı olacak şekilde kullanabilirsiniz. Onlara JavaScript çalıştırmadıklarını söylemek yerine, onlara nasıl etkinleştirilecekleri hakkında bilgi verin ve en önemlisi JavaScript’i çalıştırmayan alternatif bir sayfaya bir bağlantı verin. Bu şekilde yine de içeriğinize erişebilirler.

Herkesin sitelerinin olabildiğince iyi görünmesini istediğini gösterin. Sitenizin hızını artırmak, ziyaretçi kaybı riskini en aza indirecek ve arama motoru sıralamalarınızı artıracaktır. WordPress sitenizdeki performans eklentisini (Hummingbird Optimizasyon eklentisi gibi) çalıştırmadıysanız, bunu yapmalısınız. Fakat performans için yangın dinlenmesi kullanılarak ne yapılır? En büyük endişe, sayfanın açılış saati ile ilgilidir. Sayfanız komut dosyasına bağlıysa, tarayıcı sayfadaki bir sonraki öğeye geçmeden önce komut dosyası yüklenene kadar bekler. CSS’den JavaScript arasındaki fark: Tarayıcı stili bulduğunda, içeriği daha sonra yüklemeye devam eder ve CSS’yi aynı anda yüklemeye devam ederken, javascript ile komut dosyası yüklenene kadar yaptıklarını durdurur. Bu Ana sayfa veya SPA ana sayfasını yüklerken doğrudan tüm komut dosyalarınızı yükleme cazibesine dayanmak için. Yükleme sayfalarında gerekli olmayan herhangi bir komut dosyası, bölümünde değil, sayfanızın sonunda yüklenmelidir.
Komut dosyasını WordPress’teki WP_head kancasına eklemek kötü bir uygulamadır, çünkü bu, komut dosyasının diğerlerinden önce yayınlanması gerektiği anlamına gelir.
Tabii ki, tamamen JavaScript’e bağlı bir spa inşa ediyorsanız, bu karmaşık olabilir. Ancak uygulamanızın, etkileşiminizin, animasyonunuzun ve yüklemeniz gereken diğer şeyleri düşünün ve doğrudan ne zaman ihtiyaç duyulduğunu düşünün. Malları mümkün olduğunca verimli bir şekilde sipariş edin.
Ama hepsi felaket ve kasvet değil.RESTAUS ile çalışmak, sitenizin performansını başka şekillerde geliştirebilir.Bu, sayfa yükleme ile değil, etkileşim hızı ile ilgilidir.API REST, veri sunucu yerine yerel olarak istemcide (IE tarayıcı) depolamanıza izin verdiğinden, kullanıcınız daha fazla veri yüklenmesi gerektiği anlamına gelen bir şey yaptığında daha hızlı gerçekleşeceği anlamına gelir.Dolayısıyla cevap, bir dinlenme yangını kullanmanın, kodunuzu korumazsanız ve kullanıcı sayfalarla etkileşime girdikten sonra performansı artırabilir.
Bizi kullanıcı deneyimine veya UX’e götüren kullanıcı deneyimi. Uygulamalar gibi siteler oluşturmak için bir yangın dinlenmesi kullanmak UX’i önemli ölçüde artırabilir, ancak yalnızca kullanıcılarınızı ve ne beklediklerini anlarsanız. Ne tür bir site oluşturursanız ve kullanırsanız kullanın, iyi UX, teknolojilerin yanı sıra kullanıcılarınızın anlaşılmasının yanı sıra umut ve ihtiyaçlarından da gelmez. Kullanıcınız siteye gelirse, girişe hızlı bir şekilde yanıt veren ve verileri standart bir WordPress sitesinde yapamayacakları bir şekilde manipüle etmelerini sağlarsa, geri kalan API bunu başarmanıza yardımcı olacaktır. Ancak kullanıcınız içerik tüketmeyi umuyorsa, daha önemli olan, içeriğe erişme ve yükleme hızına erişim kolaylığıdır. REST API buraya hiçbir şey eklemeyecek. API dinlenmesinin UX’i artırabileceği bir başka alan, masaüstü sitenizi destekleyen ve hücresel için tasarlanmış bir şekilde yansıtan hücresel uygulamalar oluşturmanızı kolaylaştırmaktır. Masaüstü site tasarımınızı hücresel olarak hareket ettirmeyin ve kullanıcılarınız için çalıştığını ummayın. Hücresel uygulamalar geliştirmek çok farklı bir bilimsel disiplindir ve arayüzün kullanıcı beklentilerini ve uygulamanızın nasıl çalıştığını anlamanız gerekir. Restoran REST ile çalışmak, bunu yapmanızı kolaylaştırır, örneğin sadece duyarlı siteler geliştirdiğinizden daha kolaydır. Kullandığınız arayüz ve kullanıcınız hakkında kapsamlı bir anlayışa sahip olduğunuzdan emin olun.

Kullanıcı testi ve araştırma yapın ve hücresel uygulamalar geliştirirseniz, geliştirdiğiniz işletim sistemi için bir arayüz kılavuzuyla birlikte olmayı alışkanlık haline getirin. Android veya diğer işletim sistemleri için uygulamalar geliştirmek için yangın dinlenmesi kullanıyorsanız, takip ettiğinizden emin olun. yardımcı notlar.
Seo Seo bazen kutsal web geliştirme kupası gibi hissediyor. Potansiyel bir müşteri veya müşteri ile konuştuğumda, ilgilendikleri tek şey sadece sitelerinin Google’da daha sonra ne kadar yüksek olduğudur. Elbette daha fazlası var – dönüşümü en üst düzeye çıkarmanız gerekir, böylece SEO kullanan ziyaretçileri ilişkilendirdikten sonra, istediğinizi yaparlar ve sitenizden ayrılmazlar. Ancak, JavaScript’in site SEO üzerindeki gelişiminin potansiyel etkisini dikkate almak önemlidir. Geliştiriciler genellikle bir dinlenme yangını kullanılarak inşa edilen sitenin arama motorları tarafından taranmayacağından endişe duyarlar. Bunun nedeni, içeriğin sayfa açıldıktan sonra komut dosyası tarafından yayınlanmasıdır, içeriğin birkaç botla görünmüyor. Ancak Google ve diğer arama motorları aptal değil. JavaScript aracılığıyla giderek daha fazla içeriğin oluşturulduğu ortamdaki kullanıcılarına yararlı bilgiler sağlayacaklarsa, içeriği taramaları gerektiğini biliyorlar. Ve iyi haber şu ki, JavaScript üzerine inşa edilmiş siteyi sürünüyorlar. Örneğin, ThemEConf için site yangın isteği kullanılarak yapılır. Google’da aradığımda, beklediğiniz gibi görünüyor:
Ancak, siteniz JavaScript’in üstünde yapıldığında arama motorları tarafından neyin tarandığı konusunda çok az kontrole sahipsiniz.Bu test, Google’ın JavaScript kullanılarak yayınlanan Web sayfasında neredeyse her şeyi bir istisna: nofollow Link’i sürdürdüğünü buldu.Bu nedenle, sitenizde yaygınsa, bazı sorunlar yaşayabilirsiniz.Değilse, bir sorununuz olmamalısınız.Sitenizde JavaScript’i görmeyen birkaç bot var.Örneğin, kullanıcınız Facebook bağlantılarını sitenize iletirse, bağlantı doğru görüntülenmez: bu nedenle sosyal medya bağlantınız üzerinde bir etki olabilir, ancak doğrudan SEO’nuzda olmayabilir.Erişilebilirliğim tarayıcı uyumluluğu ve modern tarayıcıların JavaScript’i tam olarak desteklemesi hakkında konuştu.Peki ya sitenize erişmek için tarayıcıları kullanmayan, ancak okuyucuları veya diğer destekleyici teknolojiyi ekran kullanan kullanıcılar ne olacak?

Ekran okuyucuların JavaScript’e erişimi olmadığı, ancak öyle olmadığına dair bir algı var. Aslında, Webaim tarafından yapılan 2012 anketi, ekran okuyucu kullanıcılarının% 98,6’sının JavaScript’i etkinleştirdiğini gösterdi. Bu, JavaScript sitenizin veya spa’nın erişilemediği anlamına gelmez. Ancak bu, erişilebilmesini sağlamak için bir işe girmeniz gerektiği anlamına gelir. Birçok geliştirici, JavaScript’in okuyucu kullanıcılarıyla ilgisiz olduğunu varsayar, böylece JavaScript erişilebilirliklerini göz önünde bulundurmadan Javascript olmayan bir geri dönüş sağlayacaktır. Bir dinlenme yangını kullanarak bir site geliştirirseniz, JavaScript’e bağlı olacaktır ve erişilebilen alternatif bir sürüm oluşturmak için ekstra denemek istemezsiniz: ana sitenizi erişilebilir hale getirmek için daha verimli. Ve JavaScript’e erişimi olan ekran okuyucu kullanıcılarının sayısı göz önüne alındığında, bunu yapmamalısınız. Ancak, sitenize erişilebildiğinden emin olmak için yapmanız gereken bazı şeyler var. Webaim şöyle dedi: “Komut dosyasının işlevselliği, yardımcı teknoloji için mevcut cihazlara ve bilgilere (içerik) bağlı değilse, JavaScript içeren web sayfalarına genellikle tam olarak erişilecektir … JavaScript erişilebilirliğini sağlamanın tek yolu, komut dosyalarını kullanan her sayfayı değerlendirmek ve bulunan her erişilebilirlik sorunu için benzersiz bir çözüm tasarlamaktır. ” Bu nedenle, sitenizi erişilebilir hale getirmek için: Etkileşimin cihaza bağlı olmayan bir olay işleyicisini kullanarak etkileşimin yalnızca bir cihaza (genellikle klavyeyi ve fareyi etkinleştirerek) özel olmadığından emin olun.
Dinamik olarak erişilebilir hale getirilen içeriği dinamik olarak erişilebilir hale getiren JavaScript işlevini kullanın ve sürekli değişen içeriklerden kaçının. Tüm sayfalarınızı dalga ve düzenleme gibi erişilebilirlik kullanarak tek tek test edin.

Dalgalar gibi araçlar, sitenizin erişilebilirliğini değerlendirmenize yardımcı olacaktır.
Sonuç: Her şey bir yangınla başlamak için düşündüğünüzden daha iyidir, korkutucu hissedebilir. Öğrenmek için birçok yeni beceri var ve büyük olasılıkla daha önce oluşturduğunuz WordPress sitesinden çok farklı bir şey oluşturacaksınız. Her şeyden önce, JavaScript’e nasıl geçeceğiniz konusunda sahip olabileceğiniz endişeler var. Ama bu hayal ettiğiniz gibi büyük bir sorun değil. İyi haber şu ki, Google ve diğer arama motorları JavaScript sitenizi tarayabilir, çoğu tarayıcı bunu destekleyecektir, dikkatli olursanız UX ve performans geliştirilebilir ve erişilebilir bir şekilde geliştiğiniz sürece erişilebilirliğin bir sorunun olması gerekmez yol. Peki seni durduran nedir? Hala şüphe duyuyorsanız, WP-Rest API kullanma kılavuzumuz başlamanıza yardımcı olacaktır.

Yangın dinleniyor musunuz? Size ne gibi faydalar veriyorsunuz ve hangi zorlukların üstesinden gelmelisiniz? Bize yorumlarda söyleyin!

admin

Bir Cevap Yazın

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