Blog

Web sitenizin arama motorlarındaki görünürlüğünü ve performansını artırmak istiyorsanız, teknik SEO kavramlarını anlamak ve doğru bir şekilde uygulamak büyük öneme sahiptir. İşte web sitenizin teknik altyapısını güçlendirmek için odaklanmanız gereken sayfa hızı optimizasyonu ve mobil uyumlulukla ilgili bazı temel kavramlar:

Sayfa Hızı Optimizasyonu

Teknik SEO için sayfa hızı optimizasyonu oldukça önemlidir. Böylece hem kullanıcı deneyimi artacaktır. Hem de arama motoru sıralamaları olumlu etkilenecektir. Sayfa optimizasyonu kapsamında ilk yapılması gereken Google PageSpeed Insights ve diğer hız analiz araçları kullanarak kapsamlı bir analiz yapmaktır. Bu analiz araçları, sayfanızı hızlandırmak için yapmanız gerekenleri belirleme kapsamında yol gösterici olacaktır. Google PageSpeed Insights aracını nasıl kullanacağınızı detaylı şekilde öğrenmek istiyorsanız buraya tıklayabilirsiniz.

İlk olarak Google PageSpeed Insights sayfasına girdiğinizde karşınıza çıkan bölüme web sayfanızın linkini yapıştırmalısınız. Böylece site hızı analizi yapabilirsiniz. Daha sonra karşınıza çıkan metrikleri değerlendirmelisiniz. Site size sorunların düzelmesi için ne yapmanız gerektiğini tek tek söyleyecektir.

Sayfanızın hızlı olması için genel olarak yapmanız gerekenlerin başında görsel optimizasyonu gelebilmektedir. Bu kapsamda resim dosyalarını sıkıştırma ve gereksiz meta verilerini temizleme işlemi yapmalısınız. Ayrıca lazy loading kullanarak sayfa yüklenirken resimlerin yüklenmesini geciktirmeyi sağlamalısınız.

Bunun dışında sayfa hızı için bir diğer yapmanız gereken eylem “CSS ve JavaScript Optimizasyonu” yapmaktır. Peki, bu nasıl yapılır? İnceleyelim.

CSS ve JavaScript Optimizasyonu Nasıl Yapılır?

Bu optimizasyonları yapmak için ilk gerçekleştirmeniz gereken adımlardan biri dosya birleştirme ve sıkıştırma işlemidir.

Dosya Birleştirme ve Sıkıştırma

Nasıl yapılacağını anlamak için WordPress altyapısı kullandığınızı varsayalım. WordPress için birleştirme işlemi genellikle tema dosyalarının functions.php dosyasında yapılmaktadır. Ancak eklenti kullanarak bu işlemi gerçekleştirmek daha güvenli ve kolay olacağından dolayı bu yöntemi anlatalım.

Bu eklentiler, kullanımı kolay ve genellikle site performansını artırmaya yönelik çeşitli seçenekler sunmaktadır. İşte birleştirme işlemlerini gerçekleştirmek için kullanabileceğiniz bazı popüler eklentiler:

Autoptimize

Autoptimize eklentisi, CSS, JavaScript ve HTML dosyalarını birleştirme ve sıkıştırma işlemlerini kolayca yapmanıza olanak tanımaktadır.

Eklentiyi yükledikten sonra, Ayarlar menüsünden Autoptimize sayfasına giderek istediğiniz optimizasyon seçeneklerini etkinleştirebilirsiniz.

W3 Total Cache

W3 Total Cache eklentisi, sayfa önbelleğini optimize etmenin yanı sıra CSS ve JavaScript dosyalarını birleştirmek için kullanılmaktadır.

Ayarlar > Genel Ayarlar altında “CSS ve JS Birleştirme” seçeneklerini etkinleştirebilir ve yapılandırabilirsiniz.

Fast Velocity Minify

Fast Velocity Minify eklentisi, CSS ve JavaScript dosyalarını birleştirme ve sıkıştırma işlemlerini gerçekleştirmek için kullanışlıdır.

Ayarlar > Fast Velocity Minify sayfasından gerekli ayarları yapılandırabilirsiniz.

Bu eklentiler, WordPress sitenizin performansını artırmak ve sayfa yükleme sürelerini optimize etmek için kullanılabilecek güvenilir seçeneklerdir. Ancak, eklentileri kullanmadan önce sitenizin yedeğini almanızı ve her değişiklikten sonra sitenizi kontrol etmenizi öneririm. Ayrıca, kullanılan tema ve eklentilerle uyumlu olduğundan emin olmak için test etmek de önemlidir.

Asenkron Yükleme

Asenkron yükleme, bir web sayfasının daha hızlı yüklenmesini sağlamak için kullanılan bir tekniktir. Normalde, tarayıcı bir web sayfasını yüklerken JavaScript dosyalarını indirip çalıştırmadan önce diğer sayfa içeriğini bekler. Ancak, asenkron yükleme kullanıldığında JavaScript dosyaları aynı anda indirilir ve çalıştırılır, bu da sayfanın diğer bileşenlerinin beklemeden yüklenmesine olanak tanır.

WordPress sayfanızda gerçekleştirmek oldukça basittir. Eklentiler sayesinde bu işlemi kolayca gerçekleştirebilirsiniz. İşte asenkron yükleme için bir eklenti kullanma adımları:

Autoptimize Eklentisini Yükleyin:

1. WordPress yönetici paneline giriş yapın.
2. Sol taraftaki menüden “Eklentiler” bölümüne gidin.
3. “Yeni Ekle” butonuna tıklayın.
4. Arama kutusuna “Autoptimize” yazarak arama yapın.
5. Sonuçlardan “Autoptimize” eklentisini bulun ve “Şimdi Kur” butonuna tıklayarak eklentiyi yükleyin ve etkinleştirin.

Ayarlarını Yaplandırın:

1. Sol taraftaki menüden “Ayarlar” bölümüne gidin.
2. “Autoptimize” seçeneğine tıklayın.
3. “Javascript Seçenekleri” bölümünde “Asenkron yüklemeyi etkinleştir” seçeneğini işaretleyin.
4. Ayarları kaydetmek için “Değişiklikleri Kaydet” butonuna tıklayın.

Eklenti, sitenizin JavaScript dosyalarını asenkron olarak yüklemek için gereken işlemleri otomatik olarak yapacaktır. Bu şekilde kodlama bilgisi gerektirmeden asenkron yükleme sağlanmış olacaktır. Bu eklenti, aynı zamanda CSS ve HTML optimizasyonu gibi performans artırıcı özellikleri de içerir.

Ancak, eklentileri yüklerken dikkatli olunmalı ve yüklenen eklentilerin sitenizle uyumlu olduğundan emin olunmalıdır. İlgili eklentiyi yükledikten sonra sitenizi kontrol ederek herhangi bir hata veya uyumsuzluk olup olmadığını kontrol etmeniz iyi bir uygulama olacaktır.

Mobil Uyumluluk

Mobil uyumluluk, günümüzde SEO stratejilerinde kritik bir öneme sahiptir. Google’ın mobil-first indeksleme politikası ve mobil cihazlardan gelen trafiğin artması nedeniyle, bir SEO uzmanı mobil uyumluluk konusunda dikkatli ve etkili bir strateji geliştirmelidir. Mobil uyumlu bir site için Responsive yani tepki veren tema seçimi çok önemlidir. Bunun için wordpress WordPress tema seçerken, “responsive” ya da “tepki veren” tasarıma sahip olanları tercih etmelisiniz. Tema tercihinizi değiştirmeniz gerekiyorsa, Yönetici Paneli’nden “Görünüm > Temalar” bölümüne giderek yeni bir tema kurabilir ve etkinleştirebilirsiniz

Mobil hız optimizasyonu için ise Autoptimize veya W3 Total Cache gibi öne çıkan eklentileri kullanabilirsiniz. Bu eklentiler, CSS ve JavaScript dosyalarını birleştirme, sıkıştırma gibi optimizasyonları otomatik olarak yapar.

Eğer AMP kullanmak istiyorsanız, WordPress’te “AMP” eklentisini kurabilirsiniz. Eklentiyi yükledikten sonra, sitenizin tüm sayfaları AMP formatına dönüşecektir.

Push bildirimleri eklemek için OneSignal veya PushEngage gibi eklentileri kullanabilirsiniz. Hızlı erişim ikonları için de sitenizin tema ayarlarını kontrol edin veya bir eklenti kullanınn.

Her adımda, kullanılan tema ve eklentilere bağlı olarak ayarlar biraz değişebilir. Bu nedenle, herhangi bir ayar değişikliği yapmadan önce sitenizin yedeğini almanız önemlidir. Ayrıca, eklentileri seçerken ve tema değişiklikleri yaparken kullanıcı yorumlarını ve incelemeleri kontrol etmek faydalı olabilir.