Google’ın deniz feneri nedir ve nasıl kullanılır?
Bir web sitesi sahibi olarak, arama motoru optimizasyonunu (SEO) en üst düzeye çıkarmak, sitenizin erişilebilirliği ve performansı en önemlisidir. Bununla birlikte, bu faktörlerin olabildiğince verimli bir şekilde üstesinden gelmek için doğru araç ve teknikleri benimsemek çok önemlidir. Şu anda kullanabileceğiniz en yenilikçi çözümlerden biri Google Deniz Feneri. Bu yazıda, sizi Google Deniz Feneri ile ve nasıl çalıştığı ile tanıştıracağız. Sonra sitenizi geliştirmek için nasıl kullanabileceğinizi açıklayacağız. İçeri gel! YouTube kanalımıza abone olun Google’ın deniz feneri nedir? Google Deniz Feneri, genel hızınızı, performansınızı ve web sitesi deneyiminizi artırmanıza yardımcı olabilecek ücretsiz bir açık kaynak aracıdır. Bir deniz feneri raporu yapmak, web sayfalarınızın kalitesini artırmanızı kolaylaştırır.
Bu aracı kullanmanın birkaç farklı yolu vardır. Çalıştırabilirsiniz:
Chrome geliştiricisi
Krom uzantısı
Bir düğüm modülü
Web Kullanıcı Arayüzü (UI)
Otomatik bir araca bir URL gönderdikten sonra, birkaç sayfa denetimini çalıştıracak ve performans sayfasının nasıl yapılacağını ayrıntılı olarak bildirir. Daha sonra web sitenizi geliştirmek için sonuçlardan tavsiye kullanabilirsiniz. Deniz feneri sadece geliştiriciler için değil. Bu araç, web sitelerinin performansı ve optimize etmek için somut adımlar hakkında daha fazla bilgi edinmek isteyen her site sahibi için uygundur.
Deniz Feneri Denetim Sayfası Deniz Feneri Denetiminin Ana Odağı Google’ın temel web verileridir. Buna alışmıyorsanız, bu, Google tarafından web sayfalarının hızını ve kullanıcı deneyimini (UX) bir bütün olarak ölçmek için kullanılan önemli bir metriktir. En büyük içerikli boya (LCP), ilk giriş gecikmesi (FID) ve kümülatif düzen kaymasından (CLS) oluşur. Başka bir deyişle, Lighthouse kullanmak web sitenizi Google ile aynı şekilde görmenize yardımcı olur. Daha iyi arama motoru sıralama sonuçları için sayfanızı optimize etmek için verilebilecek eylemleri kullanabilirsiniz. Deniz feneri raporu beş kategoriden oluşur:
Göstermek
Ulaşılabilirlik
SEO
En iyi pratik
Aşamalı web uygulaması
Ayrıca 1 ila 100 1 ila 100 değerlendirme sistemi kullanır ve simüle edilmiş 3G bağlantılarının sitesini test eder. Ancak, Google genellikle sıralama kriterlerini güncellediğinden skor zaman zaman değişebilir. Bu nedenle, herhangi bir deniz feneri güncellemesini takip etmeye devam etmek isteyebilirsiniz. Buna ek olarak, PagesPeed Insights’a biraz benzer olsa da, Deniz Feneri aynı değildir. Deniz Feneri, bir sayfa performansından (PagePeed Insights olarak) daha bütünsel bir resim sunar.
Google’ın Deniz Feneri Nasıl Kullanılır Bahsettiğimiz gibi, deniz feneri için bazı iş akışlarını kullanabilirsiniz. Uzantıyı yüklemek veya komutları çalıştırmak istemiyorsanız, Web.dev veya Devtools’u kullanabilirsiniz. Aşağıda, her seçenek için Step -by -adım talimatları boyunca size rehberlik edeceğiz. Google Deniz Feneri nasıl çalıştırılır Chrome Devtools ile başlamak için, önce Google Chrome’u indirmelisiniz (eğer yapmadıysanız). Yüklendikten sonra, Chrome’da yeni bir tarayıcı sekmesi açabilir ve denetim yapmak istediğiniz web sayfasına gidebilirsiniz. Ardından, sayfada sağa tıklayın ve inceleyin. Ayrıca tarayıcının sağ üst köşesindeki üç dikey noktayı tıklayabilir, ardından diğer araçlar> geliştirme cihazlarına gidebilirsiniz. Bu, sayfanın sağında veya üstünde Devtools panelini açacaktır. Takım çubuğundan (1) Deniz Feneri’ne tıklayın:
Araç çubuğunda deniz feneri seçeneğini görmüyorsanız, sonunda iki ok tıklamanız gerekebilir. Deniz feneri açık olduktan sonra, beş kategorinin seçildiğinden emin olun, ardından (2) Raporu seçin. Deniz feneri denetimi çalıştırmayı bitirdikten sonra sizi ekrana götürecektir. Rapor şöyle görünecek:
Her kategori için puanlar ve parçalar bulacaksınız. Sayfanın üst kısmındaki puanı tıklayarak her biri hakkında daha fazla bilgi edinebilirsiniz. 50 ile 89 arasında iyi bir puan dikkate alınmaktadır. Çok iyi bir puan 90 ile 100 arasındadır. Amaç, her kategori için 90 ve 100 aralığında bir yerde puan almaktır. Google’ın deniz fenerini web.dev ile nasıl kullanılır Web sayfalarını deniz feneri ile denetlemenin hızlı ve kolay yolları web.devini kullanmaktır. Bu sayfaya gidin, ardından denetlemek istediğiniz sayfanın URL’sini girin: Ardından, Denetim düğmesini tıklayın. Bir veya iki dakika sonra, Lighthouse siteyi analiz etmeyi bitirecek ve sizi rapora getirecektir. Burada her kategoride puanlarınız ve iyileştirme fırsatlarınız hakkında daha fazla bilgi edinebilirsiniz:
Eklenti yüklendikten sonra tarayıcınızı tekrar başlatın. Şimdi adres çubuğunuzun sonundaki deniz feneri sembolünü göreceksiniz. Denetlemek istediğiniz web sayfasını ziyaret edin, Deniz Feneri Sembolünü tıklayın, ardından raporu seçin:
Bu eylem sizi doğrudan her kategorinin değerlendirmesinin ayrıntılarını görebileceğiniz rapor sayfasına götürecektir. Denetimin tamamlanmasının bir veya iki dakika sürebileceğini unutmayın. Google’ın deniz fenerini düğümler aracılığıyla nasıl kullanılır Deniz feneri ile yapılandırma esnekliği arıyorsanız, düğüm modülünü de kullanabilirsiniz. Bu daha gelişmiş bir çözümdür, ancak daha fazla kontrol sağlar. İlk olarak, düğümün uzun vadeli destek sürümünü yüklemelisiniz: Daha sonra, deniz fenerini yüklemek için komut satırını çalıştırabilirsiniz: npm install -g deniz feneri # veya iş parçacığı kullanın: #Global Benjam Son Deniz Feneri Ekle, aşağıdaki komutu kullanarak bir denetim yapabilirsiniz: Deniz Feneri Tabii ki, ‘i denetlemeye çalıştığınız web sayfasının web adresi ile değiştirmek istersiniz. Kaynak kodu hakkında daha fazla bilgi edinmek için GitHub’a başvurabilirsiniz. Sonuç WordPress web sitenizi düzenli olarak denetlemek, ziyaretçiler ve arama motorları için iyi bir deneyim sağlamak için çok önemlidir. Google Lighthouse gibi araçlar sayesinde, sitenizin performansını, SEO’sunu ve erişilebilirliğini birkaç basit adımda hızlı bir şekilde değerlendirebilirsiniz. Bu yazıda tartıştığımız gibi, Lighthouse, web sayfalarınızın performansı ve genel deneyim hakkında değerli bilgiler elde etmek için ücretsiz bir otomatik araçtır. Krom uzantısını yükleyerek veya doğrudan tarayıcınıza Devtools kullanarak kullanabilirsiniz. Ardından, sitenizi nasıl geliştireceğinizi öğrenmek için raporu kullanabilirsiniz.