Teknik SEO: Site Hızı Ölçme ve Google PageSpeed Insights

SEO, sitenizin arama motorlarında görünürlüğünü artırmak için kullanılan etkili bir yöntemdir. Web sitelerini ilk sıraya çıkarmaya yardımcı olmasıyla kullanıcılarda bir güven duygusu artırmaktadır. Diğer reklam modellerine göre çok daha az maliyete sahip bir yöntemdir. Üst sıralarda yer almak isteyen herkes SEO yöntemlerini uygulamalıdır. Site içi SEO ise sayfalardaki unsurların, arama motorları tarafından, kullanıcı odaklılık açısından önceden belirlenmiş kriterleri taşımasıdır. Bu yazımızda “Teknik SEO nedir?”, “Teknik SEO ne işe yaramaktadır?”, ”Teknik SEO kriterleri nelerdir? ” gibi soruları cevaplayacak ve site hızı ölçme hakkında detaylara yer vererek

Site İçi SEO

Markaların bilinirliğini artırmayı amaçlayan bir optimizasyon türüdür. Site içi SEO için yapmanız gerekenler şunlardır:

  • Arama niyetini anlamaya çalışmalısınız.
  • Daha sonra sayfanızın konu ile ilgili alaka düzeyini anlamaya çalışmalısınız.
  • Kısa ve açıklayıcı URL’ler kullanmalısınız.
  • Anahtar kelimelerinizi başlığınızda, meta açıklamanızda ve H1 başlığında belirtmelisiniz.
  • Görselleri alt başlıklarla optimize etmelisiniz.
  • İçeriği kısa, öz ve de kolay okunabilecek şekilde yazmalısınız.
  • Site hızına dikkat etmelisiniz.

Site Hızı Nedir?

Bir web sitesinin sayfasının açılma süresine site hızı denir. Kullanıcı web sayfasına tıkladıktan sonra o sayfanın tamamen yüklenip görüntülenene kadar geçen süreyi ifade etmektedir. Bu süre, bir web sitesinin performansını değerlendirmek için önemli bir ölçüttür.

Site Hızı Nasıl Ölçülür?

Web sitenizin site hızı ölçümü için birçok araç bulunmaktadır. Bunları kullanarak site hızınızı ölçebilir ve de gerekli düzenlemeleri yapabilirsiniz. Site hızınızı ölçmek için Google PageSpeed Insights aracını kullanabilirsiniz. Bu araç, web sitenizin masaüstü ve de mobil versiyonlarının hızını değerlendirmektedir. Sayfanızın performansını analiz etmektedir ve de iyileştirme önerileri sunmaktadır. Ayrıca sayfa hızı skorları ve kullanıcı deneyimiyle ilgili bilgiler sağlamaktadır.

Site hızını ölçmek için Google PageSpeed Insights sayfasını açtıktan sonra karşınıza çıkan kutucuğa ölçmek istediğiniz sayfanın linkini girmeli ve de analiz et butonuna tıklamalısınız. Daha sonra analiz başlayacaktır.

Analiz tamamlandıktan sonra kutucuğun hemen altında mobil ve masaüstü için iki ayrı cihaz görebilirsiniz. Bu iki ayrı cihaz için değerlendirme yapıldığı için iki ayrı sekmeye ayrılan bir bölümdür.

Daha sonra altta “Gerçek kullanıcılarınızın nelerle karşılaştığını görün” kısımlı bir yere rastlayacaksınız.

Largest Contentful Paint

Bu bölümde ilk göreceğiniz kısım “Largest Contentful Paint” olacaktır. Kullanıcılar genellikle bir web sitesinin ana içeriğini görmek için beklemek istemezler. LCP, bu beklemeyi değerlendirerek kullanıcı deneyimini ölçmektedir. Kullanıcılar, sayfanın önemli içeriğini hızlı bir şekilde görebildiklerinde daha olumlu bir deneyim yaşamaktadır. LCP, bir web sayfasının ne kadar hızlı yüklendiğini belirlemektedir. Bu süreçte görseller, metinler, grafikler gibi ana içeriği oluşturan unsurların yüklenme süreleri büyük önem taşımaktadır. Metrik olarak LCP, eğer 0-2.5 saniye arasındaysa iyi durumdadır. 2.5-4 saniye arasındaysa orta seviye diyebiliriz. Fakat eğer 4 saniyenin üzerindeyse yavaş olarak değerlendirilmektedir.

LCP iyileştirmek için şunlara dikkat etmelisiniz:

  • Optimize Edilmiş Görseller: Büyük ve yavaş yüklenen görseller, LCP’yi olumsuz etkilemektedir. Görselleri sıkıştırmak ve optimize etmek, yükleme sürelerini azaltacaktır.
  • Öncelikli Kaynaklar: Sayfanın ana içeriği için gerekli olan kaynaklara öncelik vermek, LCP’yi düşürebilmektedir. Örneğin, önemli CSS ve JavaScript dosyalarını optimize etmek ve önceliklendirmek gerekmektedir.
  • Etkin Önbellekleme: Tarayıcı önbellekleme kullanarak, ziyaretçilerin sayfanızı daha hızlı yüklemelerine olanak tanıyabilirsiniz.
  • CDN Kullanımı: İçeriği kullanıcılara daha hızlı teslim etmek için içerik dağıtım ağı (CDN) kullanmak da LCP’yi iyileştirebilmektedir.

First Input Delay

Bu kısım, web sayfalarının kullanıcı etkileşimlerine olan yanıt süresini ölçmektedir. Bir kullanıcı, sayfayı ilk kez yüklediğinde ya da bir etkileşim başlatmaya çalıştığında, tarayıcı tarafından işlenen ilk gerçek etkileşim ile tarayıcının yanıt verme süresi arasındaki zamanı ölçmektedir. Bu etkileşim, genellikle bir düğmeye tıklama, bir bağlantıya tıklama ya da bir forma veri girişi yapma gibi hareketleri içermektedir.

FID değerlendirmesi genellikle şu şekilde yapılır.

  • İyi: 0 ila 100 milisaniye arasında
  • Orta: 100 ila 300 milisaniye arasında
  • Kötü: 300 milisaniye ve üzeri

FID iyileştirmek için şunlara dikkat etmelisiniz:

  • JavaScript Optimizasyonu: Gereksiz JavaScript kodlarından kaçının ve asenkron yükleme kullanarak sayfanın diğer içeriklerini engellemeden JavaScript dosyalarını yükleyin.
  • CSS Optimizasyonu: CSS dosyalarınızı optimize edin ve yüksek öncelikli içeriğin yüklenmesini sağlayın.
  • Lazy Loading: Sayfanın yüklenmesinde gerekli olmayan kaynakları tembel yükleme (lazy loading) kullanarak yükleyin.
  • CDN Kullanımı: İçeriği kullanıcılara daha hızlı teslim etmek için içerik dağıtım ağı (CDN) kullanın.

Cumulative Layout Shift

Cumulative Layout Shift (CLS), bir web sayfasının kullanıcı deneyimini değerlendiren bir performans metriğidir. Sayfa yüklenirken, kullanıcı etkileşimleri sırasında meydana gelen beklenmedik düzen değişikliklerini ölçmektedir.

Daha basit bir şekilde ifade edelim. Bir web sitesinde bir şey okurken veya bir şeye tıklamaya çalışırken, aniden sayfanın düzeninin değiştiğini fark ettiğinizde bu rahatsız edici olabilir, değil mi? İşte CLS, tam da bu tür ani değişiklikleri ölçmektedir.

CLS değerlendirmesi genellikle şu şekilde yapılır.

  • İyi: 0 ila 0.1 arasında
  • Orta: 0.1 ila 0.25 arasında
  • Kötü: 0.25 ve üzeri

CLS iyileştirmek için şunlara dikkat etmelisiniz

  • Görsel ve Reklam Alanları İçin Önceden Yer Ayırma: Görsel ve reklam gibi unsurlar için yer ayırmalısınız. Böylece bunlar yüklenirken sayfa düzeni değişmez.
  • Görsel Boyutlarına Dikkat Edin: Görsellerin genişlik ve yükseklik özelliklerini belirtin, böylece tarayıcılar doğru yerleşimi daha iyi planlayabilir.
  • CSS Animasyonları ve Geçişler: Sayfanızda animasyonlar veya geçişler kullanıyorsanız, bunların düzen değişikliklerine neden olup olmadığını kontrol edin ve gerekiyorsa optimize edin.
  • Tarayıcı Önbellekleme ve CDN Kullanımı: İçeriklerinizi tarayıcı önbellekleme ve CDN gibi tekniklerle optimize edin. Bu, içeriklerin daha hızlı yüklenmesine yardımcı olabilmektedir.
  • Performans Araçlarını Kullanın: Google PageSpeed Insights gibi araçları kullanarak sayfanın performansını değerlendirin ve önerilere göre düzeltmeler yapın.

First Contentful Paint

Bu, bir web sayfasının yüklenme sürecindeki önemli bir performans metriğidir. FCP, kullanıcının b,r web sayfasının içeriğini görmeye başladığı ilk anı ölçmektedir. Yani, FCP’nin ölçümü genellikle sayfanın yüklenmeye başladığı an ile ilk içerik görselini çizmeye başladığı an arasındaki süreyi ifade etmektedir.

FCP değerlendirmesi genellikle şu şekilde yapılır.

  • İyi: 0-1.8 saniye arası
  • Orta: 1.8-3 saniye arası
  • Kötü: 3 saniye üzeri

FCP iyileştirmek için şunlara dikkat etmelisiniz

  • CDN Kullanımı: İçeriği kullanıcılara daha yakın konumdan teslim etmek için bir içerik dağıtım ağı (CDN) kullanabilirsiniz.
  • Lazy Loading (Tembel Yükleme): Sayfa yüklenirken kullanıcının görüş alanına girmeyen görselleri ve diğer içerikleri tembel yükleme ile yükleyerek sayfanın daha hızlı yüklenmesini sağlayabilirsiniz.
  • Minifikasyon: CSS, JavaScript ve HTML dosyalarınızı minifikasyon yaparak dosya boyutlarını azaltabilir ve hızlı yüklenmeyi teşvik edebilirsiniz.
  • Görsel Optimizasyon: Görsellerinizi sıkıştırarak ve gereksiz büyük dosyaları önleyerek FCP süresini azaltabilirsiniz.

Interaction to Next Paint (INP)

Bu metrik, kullanıcı sayfada bir şeye tıkladığında sayfanın bu harekete ne kadar hızlı yanıt verdiğini ölçmektedir. Kullanıcılar, bir etkileşim başlattıklarında sayfanın hızlı ve akıcı bir şekilde tepki vermesini beklemektedir.

INP değerlendirmesi genellikle şu şekilde yapılır.

  • İyi: 0-200 milisaniye arası
  • Orta: 200-500 milisaniye arası
  • Kötü: 500 milisaniye üzeri

Time to First Byte (TTFB)

Time to First Byte (TTFB), bir web sayfasının tarayıcı tarafından ilk baytın alınmaya başlandığı an ile sunucunun ilk yanıtın tamamlandığı an arasındaki süreyi ölçen bir performans metriğidir. TTFB, genellikle sayfanın ne kadar hızlı yanıt verdiğini ve içeriğin ne kadar hızlı başladığını göstermektedir.

TTFB değerlendirmesi genellikle şu şekilde yapılır.

  • İyi: 0-100 milisaniye arası
  • Orta: 200-500 milisaniye arası
  • Kötü: 500 milisaniye ve üzeri

Sırada “Performans sorunlarını teşhis edin” kısımlı bir bölüm var. Burada Performans, Erişilebilirlik, En İyi Uygulamalar ve ayrıca SEO adlı metrikler göreceksiniz. Bunların ifade ettiği şeyler şunlardır.

Performans

Web sayfanızın hızlı yüklenmesi, kullanıcıların beklememesini ve hemen istedikleri bilgilere ulaşmalarını sağlamaktadır. Resim ve kodları optimize etmek, hızlı sunucular kullanmak, tarayıcı önbellekleme yaparak iyileştirebilirsiniz.

Erişilebilirlik

Engellilerin (engellilerin vs.) web sayfasına rahatça erişebilmesini sağlamayı amaçlamaktadır. Ekran okuyucu kullanıcıları ve diğer özel ihtiyaçları olan kullanıcıları desteklemeyi amaçlamaktadır.

En İyi Uygulamalar

Web sayfanızın güvenli, düzenli ve ayrıca hızlı olması, kullanıcı deneyimini ve arama motoru sıralamalarını olumlu etkilemektedir. İyileştirmek için güvenli bağlantılar kullanmak, temiz ve düzenli kod yazmak ve de kaynakları optimize etmek gerekmektedir.

SEO

Arama motorlarında üst sıralarda çıkmak, web sitenize daha fazla ziyaretçi çekmek anlamına gelmektedir. İyileştirmek için, anahtar kelimeleri doğru kullanmak, sayfa başlıklarını optimize etmek ve içeriği özgün-güncel tutmak gerekmektedir.

Total Blocking Time

Bu metrik, web sayfasının kullanıcının etkileşimine yanıt verme performansıyla ilgilidir. Kullanıcı sayfa ile etkileşime girdiği zaman, tarayıcının, sayfanın yanıt verme sürecinde yaşadığı gecikmeleri değerlendirmektedir. Mesela bir düğmeye tıklandığında tarayıcı bu etkileşime yanıt vermiyorsa ayrıca Total Blocking Time metriği olumsuz etkilenmektedir.

Speed Index

Bir web sayfasının kullanıcıya nasıl göründüğünü zaman içinde ölçmektedir. Bu metrik, sayfanın içeriğinin ne kadar hızlı bir şekilde görüntülendiğini göstermektedir. Kullanıcının web sayfasını ne kadar hızlı algıladığını ölçmeye yardımcı olmaktadır.

Fırsatlar

Bu kısım, web sayfanızın performansını artırmak için neler yapabileceğinizi göstermektedir. İyileştirme yapabileceğiniz faktörleri sizin için belirlemektedir. Her bir fırsat madde madde incelenmeli ve uygulanabilir olanlar sırasıyla ele alınmalıdır. Eğer, görselleri sıkıştırmak veya dosyaları uygun şekilde önbelleğe almak gibi iyileştirilmeler öneriliyorsa bunları dikkate almanız gerekmektedir.

Teşhis

Bu kısım sayfanızdaki potansiyel sorunları veya performans engellerini belirlemektedir. Teşhis kısmında belirtilen sorunlar, sırasıyla ele alınmalı ve ayrıca çözümlenmelidir. Mesela, yavaş yüklenen kaynaklar için sıkıştırma kullanmak veya tarayıcı uyumluluk sorunları için gerekli düzeltmeleri yapmak gibi gereksinimler tek tek uygulanmalıdır.

Bu yazımızda “Teknik SEO nedir, Site hızı nasıl ölçülür?” gibi konuları ele aldık ve ayrıca “Google PageSpeed Insights nasıl kullanılır?” inceledik. Eğer içeriğimizi beğendiyseniz diğer içeriklerimizi okumak için blog sayfamızı ziyaret edebilirsiniz.