En Büyük İçerikli Boya Tam Olarak Nedir?

Bazı Google PageSpeed ​​kullanıcıları, En Büyük İçerikli Boyama adlı yeni bir ölçüm fark etmiş olabilir. Bu, Google, web sitelerini arama motorunda sıralamada önemli bir metrik olarak kullanıcı deneyimini zorlamaya başladığından, Mayıs 2020'de eklendi.

Daha önce, kümülatif düzen kayması ve bu puanın ne anlama geldiği hakkında yazmıştık. Bu blog yazısında En Büyük İçerikli Boya'nın ne olduğunu, arkasındaki puanlamayı, web siteniz için neden önemli olduğunu ve nasıl iyileştirileceğini tartışacağız.

En Büyük İçerikli Boya Nedir?

En Büyük İçerikli Boyama, web sayfanızın ne kadar hızlı yüklendiğini ölçmenize yardımcı olan başka bir ölçümdür. Web sitenizin ne kadar hızlı olduğu hakkında iyi bir fikir edinmenize yardımcı olan ilk içerikli baskı, 1. bayta kadar geçen süre ve daha fazlası gibi birçok başka ölçüt vardır.

Ancak Google, kullanıcı deneyimine daha fazla yönelmeye başladığında, bu metriklerin gerçek ziyaretçiler için gerçek içeriğin ne kadar hızlı yüklendiğini belirlemede pek iyi olmadığını fark etti. İçeriğinizin ne kadar hızlı yüklendiğini anlamaya çalışıyorsanız bu metrikler iyidir, ancak ziyaretçinizin gerçekte ne gördüğüyle ilgili olarak iyi çalışmazlar.

En Büyük Contentful Paint, kullanıcılar için görünür içeriğin ne kadar hızlı yüklendiğini ölçmek için oluşturuldu.

En Büyük İçerikli Boyama'nın resmi Google tanımı şu şekildedir: "En Büyük İçerikli Boyama (LCP), sayfanın ana içeriğinin büyük olasılıkla yüklendiği zaman, sayfa yükleme zaman çizelgesinde noktayı işaretlediğinden, algılanan yükleme hızını ölçmek için önemli, kullanıcı merkezli bir ölçümdür. —hızlı bir LCP, kullanıcıya sayfanın faydalı olduğuna dair güvence vermeye yardımcı olur.”

Temel olarak, Google PageSpeed'deki bu yeni metrik, gerçek dünya içeriğinin insan ziyaretçiler için ne kadar hızlı yüklendiğini size daha doğru bir şekilde okumak için oluşturulmuştur.

Bu Metrik Aslında Neyi Ölçüyor?

En Büyük İçerikli Boyama (LCP) metriği, görünüm alanında görünen en büyük içerik öğesinin oluşturma süresini bildirir. En Büyük İçerikli Boyamayı daha iyi anlamak için önce içerik öğesinin ne olduğunu anlamamız gerekir.

İçerik öğesi, (düşünülebileceği gibi) insan tarafından anlaşılabilir içerik içeren herhangi bir HTML öğesidir. Google, bunları resimler, videolar, metin içeren blok düzeyinde öğeler veya url() işlevi aracılığıyla yüklenen bir arka plan görüntüsüne sahip bir öğe olarak tanımlar.

Google'ın içerik öğelerinin tam listesini ve tanımlarını okumak isterseniz burayı tıklayın.

Gördüğünüz gibi, web siteleri arasında farklılık göstereceğinden, bu oldukça akıcı bir ölçümdür. Örneğin, en büyük içerik parçası olarak bir görsel görüntüleyen bir web sitesi, en büyük içerik parçası olarak arkasında başka hiçbir şey olmayan üç kelimelik bir başlık yükleyen bir web sitesine kıyasla bu metrikte farklı bir puana sahip olacaktır.

Artık bir içerik öğesinin ne olduğunu anladığımıza göre, En Büyük İçerikli Boya'ya bir göz atalım. Google, bu ölçümü hesaplamak için önce en büyük içerik öğesini tanımlar. En büyük içerik öğesi, içerik öğesi parametreleri içinde yer alan öğedir ve sayfadaki en büyük öğedir.

Bu nedenle, başlık metninden daha büyük bir başlık resminiz varsa, başlık resmi en büyük içerik öğesidir.

Google daha sonra, bu bireysel öğenin sayfada boyamasının ne kadar sürdüğünü ölçer. İşte bu, En Büyük İçerikli Boyama metriğinizin türetildiği şeydir.

Şimdi, bunların hepsi çok kafa karıştırıcı ve teknik olabilir, bu nedenle En Büyük İçerikli Boya'nın nasıl ölçüldüğüne dair bazı görsel temsillere bakmak çok yardımcı olabilir (bizim içindi):

Bu görüntü, En Büyük İçerikli Boya için Google'ın Web.dev girişinden alınmıştır. Gördüğünüz gibi her iki örnek de Google'ın 2017'de benimsediği mobil ilk gündemine uygun web sayfalarının mobil versiyonlarını gösteriyor.

Bu örneklerde yeşil kutu, web sayfasının yükleme işlemi boyunca Google'ın en büyük içerik öğesi olarak tanımladığı şeyi belirtir. Sayfaya yeni görüntüler ve öğeler eklendikçe değiştiğini görebilirsiniz. İlk örnekte, en büyük öğemiz olarak "görsel hikayeler" okuyan bir metinle başlıyoruz, ancak sayfadaki en büyük içerik öğesi olan öne çıkan bir görselle son buluyoruz.

Az önce tartıştığımız iki örnekte, En Büyük İçerikli Boyama en son gerçekleşir. ancak bu en tipik durum olsa da, en büyük içerik öğeniz diğer öğelerden önce yüklenebilir ve bu da bu metrikteki puanınızı artırır.

Gördüğünüz gibi, her iki örnekte de en büyük içerik öğesi, diğer öğeler yüklenmeden önce yüklenir. Bu, en büyük içerik öğesinin yüklenmesi için daha hızlı bir süreye yol açar ve bu da En Büyük İçerikli Boyamada daha iyi bir puan almanıza neden olur.

Umarım bu bölüm sizi En Büyük İçerikli Boyama ile tanıştırmıştır. En basit ifadeyle, web sayfasındaki en büyük öğenin yüklenmesinin ne kadar sürdüğüdür.

Neden Bakım Yapmalısınız?

Bu yeni metrik, Google arama motoru sıralama yerleşimleriniz için son derece önemlidir. Önümüzdeki birkaç ay içinde Google, sıralama algoritmasının önemli yönleri olarak kullanıcı deneyimini ve web hayati değerlerini kullanmaya başlayacak.

Artık içeriğin yalnızca ziyaretçileriniz için faydalı olması değil, aynı zamanda ziyaretçilerinizin ona erişirken iyi bir deneyim yaşaması gerekiyor.

Google, bu sıralama kategorisine sayfa/web sitesi keyfi olarak atıfta bulunuyor. Tam olarak göründüğü gibi, web sitenizde gezinme deneyimi ne kadar keyifli. Google, başka bir blog gönderisinde tartıştığımız kümülatif düzen kaymasına ve En Büyük İçerikli Boya'ya bakarak bunu hesaplamaya çalışır.

Ek olarak, bu ölçüm, ziyaretçilerinizin web sitenizde gerçekten iyi vakit geçirip geçirmeyeceklerini belirlemede son derece yararlıdır. Kullanıcı deneyimine odaklanmak, yalnızca kısa süre içinde sıralamalarınızı doğrudan etkileyeceği için değil, aynı zamanda web sitenizde daha iyi bir deneyime sahip olan kullanıcıların daha fazla dönüşüm sağlayacağı için de odaklanmak istiyorsunuz.

Bir şey satmaya çalışıyorsanız, daha fazlasını satarsınız, potansiyel müşteriler oluşturmaya çalışıyorsanız, insanları reklamlara tıklamaya çalışıyorsanız, daha fazlasını üretirsiniz. , web siteniz ziyaretçiler için kolay ve eğlenceliyse daha fazla tıklama alırsınız.

Bu metriğin, web sayfanıza içeriği nasıl yüklediğinize bağlı olarak değişebileceğini unutmayın. Örneğin, öne çıkan büyük bir resim yüklüyorsanız, bu, büyük bir metin yığınını yüklemekten daha uzun sürebilir. Her bir sayfa arasında farklılık gösterdiğinden, bu metrikteki puanınızı diğer web siteleriyle gerçekten karşılaştırmamalısınız.

Google, bu metriği gelecekteki arama motoru sıralama yerleşimlerinde nasıl kullanacaklarını özellikle belirtmemiş olsa da, bu metrik söz konusu olduğunda web siteleri arasındaki farkları kesinlikle dikkate alacaktır.

En Büyük İçerikli Boya nasıl puanlanır?

En Büyük İçerikli Boya, iyi, iyileştirme ihtiyacı ve zayıf olmak üzere basit bir puanlama kriterine sahiptir. 2.5 saniyenin altındaki her şey iyi, 4 saniyenin üzerindeki her şey zayıf.

Bunu düşününce, bir ziyaretçi olarak, ister metin ister resim olsun, en büyük sayfa öğenizin 2,5 saniyeden kısa sürede yüklenmesini istersiniz, bu nedenle bu puanlama tablosu mükemmel bir anlam ifade eder.

En Büyük İçerikli Boyayı Nasıl İyileştirirsiniz?

Bu puanı artırmak, büyük ölçüde bireysel sayfanıza ve web sitenize bağlıdır. Bunun nedeni, en büyük içerik öğesinin sayfadan sayfaya farklılık göstermesidir. Örneğin, bir blog sayfasındaki en büyük öğe, yüksek çözünürlüklü öne çıkan bir resim olabilir. Ancak, bir iletişim sayfasında en büyük öğe basit bir giriş formu olabilir.

değişkenlik nedeniyle, "herkese uyan tek bir çözüm" yoktur, bunun yerine En Büyük İçerikli Boyama puanınızı artırmak için benzersiz bir optimizasyon planı oluşturmanız gerekecektir.

Ancak, LCP söz konusu olduğunda odaklanmak isteyebileceğiniz birkaç şey vardır. Genel performans sorunlarını optimize etmek ve ele almak kesinlikle puanınızı artıracaktır.

Yavaş bir web sitesinin en büyük nedenlerinden biri kötü barındırmadır. Web sitenize hızlı yüklenmesi gereken kaynakları vermezseniz veya yavaş/yetersiz donanım kullanıyorsanız, web siteniz de muhtemelen yavaş olacaktır. Hızlı bir web sitesi istiyorsanız, kurumsal düzeyde bir ana bilgisayarda olduğunuzdan emin olun. Tüm web sitelerimiz Cloudways üzerinden barındırılmaktadır ve bu hizmeti isteyen herkese tavsiye ederiz. Planları, yerel bir küçük işletmeden bir Fortune 500 şirketine kadar herkes için çalışır.

Web sitelerindeki en yaygın en büyük içerik öğesi resimlerdir, bu nedenle resimlerinizi optimize etmek performans ve En Büyük İçerikli Boyama puanlaması için çok önemlidir. Yapmanız gereken ilk şey, resimlerinizi optimize edilmiş jpeg'lere veya PNG'lere geri dönüşlerle WebP formatında sunmaktır. Ayrıca bu görüntülerin uygun boyutta olduğundan ve sıkıştırıldığından emin olmalısınız.

Görüntüleri nasıl verimli bir şekilde kodlayacağınızı buradan öğrenin: https://isotropik.co/how-to-effectly-encode-images-on-wordpress/

JavaScript veya CSS gibi oluşturma engelleme kaynakları, En Büyük İçerikli Boyama'da kötü puanın diğer önemli nedenleridir. Oluşturma engelleme kaynaklarının aydınlatılması, en büyük içerik öğenizin daha erken yüklenmesini sağlayarak daha hızlı yükleme süresi sağlar.

Oluşturma engelleme kaynaklarının nasıl kaldırılacağını buradan öğrenin: https://isotropik.co/how-to-eliminate-render-blocking-resources-for-wordpress-websites/

Google, web sayfanızın PRPL yükleme yönlerine odaklanmanızı önerir.

• En önemli kaynakları itin (veya önceden yükleyin).
• İlk rotayı mümkün olan en kısa sürede oluşturun.
• Kalan varlıkları önbelleğe alın.
• Tembel yükleme diğer yolları ve kritik olmayan varlıkları.

LCP, Google Puanlamanın Geleceğidir

Birçok yönden En Büyük İçerikli Boya, Google PageSpeed ​​puanlamasının ve genel olarak Google arama motoru algoritmasının geleceğidir. Bu metriği, deniz feneri veya Google PageSpeed ​​kullanarak ölçebileceğiniz diğer tüm metriklerden ayıran şey, bireysel web sayfanıza özel olmasıdır.

Başka bir web sitesiyle karşılaştırıldığında, sayfanız benzer miktarda içeriğe sahip olabilir, yüklenmesi benzer miktarda zaman alabilir ve aynı görünebilir ancak farklı bir En Büyük İçerikli Boyama metriğine sahip olabilir. Bunun nedeni, web sitenizin En Büyük içerik öğesinin bir metin bloğu olabilirken, onu karşılaştırdığınız web sitesinin en büyük içerik öğesi olarak öne çıkan bir görsele sahip olabilmesidir.

Aynı zamanda, bu standart bir puandır. 2,5 saniyeden daha iyi olun ve gitmeye hazırsınız. Ne tür bir öğe olduğu, nasıl yüklendiği veya neden yüklendiği önemli değil, önemli olan tek şey 2,5 saniyede yüklenip yüklenmediğidir. Bu ilginç, çünkü endüstriyi resimler yerine metin gibi daha az ağır içeriğe odaklanmaya zorlayacak.

Çözüm

Bu makale “En Büyük İçerikli Boya nedir?” Sorusuna cevap vermeliydi. Ve iyi bir arka plan ve buna genel bir bakış sundu. İncelemede, LCP, web sitenizdeki en büyük içerik öğesinin yüklenmesinin ne kadar sürdüğüdür.

En büyük içerik öğesi web sitesine göre farklılık gösterir, bazılarında öne çıkan bir resim olabilir, bazılarında ise büyük bir metin bloğu olabilir.

Bu, sayfaya özel bir ölçüm olduğundan, bunu ele almanın yolları çok çeşitlidir. Örneğin, puanınız düşükse, en büyük içerik öğeniz olan yüksek tanımlı bir resim de yapın, o resmi optimize etmeyi düşünün. Çok miktarda yazı tipiniz olduğu için bu puan yavaşsa, bu öğenin daha hızlı yüklenmesini sağlamak için yazı tiplerinizi önceden yüklemeyi düşünün.

Liste uzayıp gidiyor ve gerçekten de en büyük içerik öğenizin ne olduğuna ve web sitenizde halihazırda yapmış olduğunuz optimizasyona bağlı.

Ve bu öğeyi her zaman daha hızlı başka bir yükleme öğesiyle değiştirebilirsiniz. Örneğin, en büyük öğeniz olarak yüksek tanımlı bir videonuz varsa, onu bir görüntüye, hatta metne dönüştürmeyi düşünmek isteyebilirsiniz.

---

Her zaman olduğu gibi, herhangi bir sorunuz varsa, yorumlarda bize ulaşmaktan çekinmeyin.

Ayrıca, özellikle düşük Google PageSpeed ​​puanlarını ele almak için oluşturulan yan kuruluşumuz SpeedOpp, şu anda düşük LCP puanlarını doğrudan artıran bir programın pilot uygulamasını yapmaktadır. En Büyük İçerikli Boyama puanınız düşükse ve bunu düzeltmek için zaman harcamak istemiyorsanız, bize ulaşın ve bu yeni teklifi sizinle tartışmak isteriz.