Yeniden tasarımdan sonra web sitenizin sağlığını nasıl kontrol edebilirsiniz?

Yeniden tasarım süreci karmaşıktır ve birçok insanın ve zamanın emeğini içerir. Tasarımcılar siteyi güzelleştirmek ister, geliştiriciler hızlı kodlamak ister ve SEO'lar optimize edilmesini ister - bu üç amaç her zaman birbirini tamamlamaz.

Yeniden tasarım çeşitli şekillerde yapılabilir: CMS, özel kod, çerçeveler, sayfa oluşturucular vb. kullanarak. Ancak tüm yollar SEO dostu değildir, bu nedenle en iyi SEO uygulamalarını kullanarak yeniden tasarımın uygulanması önerilir. Bu yazıda, SEO web sitesi yeniden tasarımının nasıl gerçekleştirileceğini ve tamamlandıktan sonra web sitesi sağlığını kontrol etme adımlarını göreceğiz.

Bir web sitesi yeniden tasarlandıktan sonra hangi SEO sorunları ortaya çıkabilir?

Web sitesi geliştirme en iyi uygulamalar tarafından yönlendirilmezse, SEO açısından da birçok sorun ortaya çıkabilir. Dizin oluşturma sorunları, bozuk sayfalar, web sitesi hızı, zayıf medya optimizasyonu, yanıt verme sorunları ve daha fazlası. Tüm bu sorunların kesinlikle sıralamalar üzerinde bir etkisi olacak ve organik trafikte düşüşe neden olacaktır.

Yeniden tasarlamadan önce web sitesini kontrol edin

Yeni tasarımınızı yayınlamadan önce yapabileceğiniz harika bir şey, daha sonra karşılaştırmak için bir web sitesi sağlık kontrolü yapmaktır. İlk olarak, yeni bir sitede sunulduklarını doğrulamak için tüm sayfaların listesini tarayın ve kaydedin. URL'lerin yanı sıra, güncellenen sitede önemli hiçbir şeyin kaybolmadığını doğrulamak için bunlarla ilişkili önemli verileri kaydetmeniz gerekir: meta etiketler, içerik vb. Özellikle büyük web siteleri için manuel olarak toplamak zor olabilir, ancak daha kolay bir yol var – otomatik web sitesi sağlık kontrolü yazılımını kullanmak. Örneğin, SE Sıralaması web sitesi denetim aracı, mevcut durumu ve değişiklik geçmişini görebilmeniz için sitenizin her sayfasındaki istatistikleri kontrol eder ve kaydeder. ihtiyacımız var. Bu aracı, 120'den fazla kritere sahip bir web sitesini aynı anda kontrol ederken süreci göstermek için kullanacağız, böylece gerekli tüm verilere tek bir yerde sahip olacaksınız.

Yeniden tasarımdan sonra web sitesi sağlığı nasıl kontrol edilir ve sorunlar nasıl tespit edilir?

Yeni bir site sürümü yayınladıktan sonra site sağlığını kontrol etmenin en iyi yolu, onu eskisiyle karşılaştırmaktır. Bunu yapmak için, SE Sıralaması Web Sitesi Denetimi ile iki tarama yapmanız gerekir: biri değişikliklerden önce ve diğeri sonra. Bu iki taramayı kullanarak, önemli şeylerin hala kullanılabilir olduğundan ve eski sorunların giderildiğinden emin olabilirsiniz. Gelin detaylı olarak inceleyelim.

Temel taranabilirlik ve dizine eklenebilirlikle ilgili sorunlar

Yeniden tasarımdan sonra, kontrol edilecek ilk şeylerden biri, tüm sayfaların erişilebilir olması ve yeni bir sürümde yeniden indekslenebilmesidir. Sayfa tarama ve dizine eklemeyi etkileyen başlıca sorunlar şunlardır:

• 200 olmayan yanıt kodu (1)
  Bir web sitesinde böyle bir URL yoksa, yanıt kodu 4xx'dir; sayfa yeniden yönlendirildiyse, yanıt kodu 3xx'dir; sunucu tarafında bir hata varsa, yanıt kodu 5xx'dir. Bu durumlardan herhangi birinde, bir sayfa yüklenemez ve kullanıcılara gösterilemez, bu nedenle taranamaz veya Google dizinine eklenemez – tüm önemli sayfaların 200 yanıt koduna sahip olduğundan emin olun.
• Sayfa robots.txt dosyasında engellendi (2)
• Sayfa, "noindex" meta robot etiketini (3) içeriyor
• Kurallı URL başka bir sayfaya atıfta bulunuyor (4)

Tüm bu sorunları aynı anda doğrulamak için Web Sitesi Denetimi → Taranan sayfalar'a gidin ve taranabilirlik ve dizine eklenebilirlik sorunlarını tek bir ekranda görmek için uygun sütunları seçin.

URL yapısı

Yeniden tasarım her zaman ön uçla ilgili değildir. Bazen arka ucu ve/veya sunucu yapılandırmasını da etkiler. Başka bir CMS'ye geçerseniz veya değişiklikler URL yapısını etkilerse, yeni URL'lerin eskileriyle aynı olduğundan emin olmanız veya yönlendirmeleri buna göre yapılandırmanız gerekir. Bunu yapmazsanız, eski URL'ler 404 yanıt koduna sahip olacak ve yeni sayfalar, yepyeni sayfalar olarak değerlendirileceği için eski sayfalardan güveni devralmayacaktır.

Ayrıca, sayfa yolundan bağımsız olarak birkaç sorun ortaya çıkabilir:

• Sonunda eğik çizgi
  “…/example-url”, “…/example-url/” ile aynı değildir. Kurallı URL'nin sonunda eğik çizgi yoksa, eğik çizgi ile biten URL'yi ziyaret etmek, SEO için iyi olmayan bir 404 yanıt koduyla sonuçlanır. Tüm yeni URL'lerinizin eskileriyle aynı şekilde bitmesini sağlamanız veya kanonikleri ve yönlendirmeleri buna göre yapılandırmanız gerekir.
• HTTP(S)
  Önceki sorun gibi, SSL bağlantılarının etkinleştirilmesi/devre dışı bırakılması da URL yapısını etkiler ve yanlış yapılandırılırsa ciddi sorunlara neden olabilir.
• www
  "www.example.com", "example.com" ile aynı değildir. Bu önek, bir web kaynağının herkese açık olarak erişilmesi gerektiğini belirtmek için dünya çapında ağın ilk çağlarında yaygın olarak kullanıldı.
  Teknik olarak, “www.” bir alt etki alanıdır ve Google, alt etki alanını bir klasör yerine farklı bir etki alanı olarak değerlendirir. Düzgün yapılandırılmamış bir etki alanına veya alt etki alanına erişmeye çalışıyorsanız, hatayı alırsınız ve bu nedenle botları arar. Bu tür sorunlardan kaçınmak için, yönlendirmeler ayarladığınızdan veya web sitenizin tercih edilen sürümüne işaret eden rel=canonical etiketleri eklediğinizden emin olun.

Meta etiketleri

Bir web sitesinin yeni bir sürümünü yayınlarken, eski sayfaların tüm optimize edilmiş meta etiketlerinin yerinde olduğundan emin olmanız gerekir. Aksi takdirde, eksik veya yanlış başlıklar ve açıklamalar, sıralamalarda ve trafikte önemli bir düşüşe neden olabilir. Bir web sitesinin sağlığını kontrol etmek ve eksik veya yanlış meta etiketli sayfalarınız olmadığını kontrol etmek için web sitesi denetiminin Sorunlar Raporunda Başlık ve Açıklama bölümlerine gidin.

Meta başlıkların ve açıklamaların yeniden tasarlamadan öncekiyle aynı olduğundan emin olmak için Taranan Sayfalar raporunu kullanın ve ilgili sütunları etkinleştirin. Ardından, yeniden tasarımdan öncekilerle karşılaştırın.

İçerik

Birkaç sayfa aynı içeriğe sahipse, Google, SERP'de hangi sayfayı göstermesi gerektiğini bulmakta zorluk çekecek ve bu da tüm kopyalanan sayfalar için sıralamanın düşmesine neden olacaktır.

Özellikle büyük bir web siteniz varsa, içeriği karşılaştırmak zor olabilir. İyi haber şu ki, bu tür sorunları otomatik olarak tespit etmek mümkün.

Yinelenen sayfalar

Yinelenen sayfalar, aynı içeriğe sahip sayfalardır. Farklı URL'leri olabileceğinden bazen onları bulmak zor olabilir, ancak bunları tanımlamanıza yardımcı olabilecek bir parametre vardır. "İçerik Karması" sütununun etkinleştirilmesi, sayfa içeriğinin benzersiz karmasını (içeriğin kriptografik eşdeğeri) görüntüler. İki sayfa için karma aynıysa, %100 aynı oldukları anlamına gelir - bu oluşumlara bakın ve bir sayfanın yalnızca bir kopyasını bırakın.

Meta etiketleri

Başka bir çoğaltma senaryosu, aynı meta etiketlerdir. Bir arama motoru bir sayfanın alaka düzeyini değerlendirirken başlık ve meta açıklama önemli bir etkiye sahiptir. Google'ı aynı meta etiketlere sahip sayfalarla karıştırmayın, çünkü bunların hiçbiri üst sıralarda yer almaz.

Bu sayfaları bulmak için, Web Sitesi Denetimi aracının Taranan Sayfalar raporunda "Yinelenen Başlık" ve "Yinelenen Açıklama" sütunlarını etkinleştirin veya Sorunlar raporunda ilgili bölüme gidin.

Başlıklar H1

Meta etiketlere benzer şekilde, bir arama motoru sayfanın ne hakkında olduğunu belirlediğinde, bir sayfanın başlığı diğer (alt) başlıklara göre önceliklidir. Sayfalarınızın hiçbirinin aynı H1'lere sahip olmadığından emin olmanız gerekir, böylece birbirlerini intihal etmezler. Meta etiketleri kontrolü gibi, raporda "Yinelenen H1" sütununu etkinleştirin.

Temel Web Verileri

Yeni bir tasarım uyguluyorsanız, kullanıcı deneyimini iyileştireceğinden emin olmalısınız; yoksa bunu yapmanın bir anlamı yok. Neyse ki Google, geliştiricilerin UX'lerini değerlendirmelerine yardımcı olacak bir dizi ölçüm olan Temel Web Verilerini geliştirdi.

SE Sıralaması ile, Web Sitesi Denetimi tüm sayfaları gerekli tüm sayfa deneyimi ölçümleri için kontrol ettiğinden, Web.dev veya Chrome's Lighthouse'daki her sayfayı kontrol etmeniz gerekmez. Onlara bir göz atalım.

İlk iş, Önemli Web Verilerini kontrol etmektir: LCP, FID ve CLS. Bunlar, web sitenizin UX açısından ne kadar iyi performans gösterdiğini yansıtan üç parametredir:

1. En Büyük İçerikli Boyama, kullanıcının tarayıcısında ilk görünümün ne kadar hızlı yazdırılacağı anlamına gelir. Bu ölçüm, saniyeler içinde tartışacağımız web sitesi yükleme hızıyla yakından bağlantılıdır.
2. İlk Giriş Gecikmesi, kullanıcıların sayfayla ne kadar hızlı etkileşime girebileceğini ölçer (örneğin, bağlantılara, düğmelere tıklayın). Bu parametre aynı zamanda site hızıyla da ilgilidir.
3. Kümülatif Düzen Kayması, içeriğinizin yükleme sırasında ne kadar kararlı olduğunu söyler - sayfa yükleme sırasında içerik öğelerinin boyutlarını ve konumlarını değiştirmesi çok can sıkıcıdır.

Bu bilgi, Genel Bakış panosunda veya Sorun Raporu -> Performans bölümünde bulunabilir. Harika olan şey, bu raporun gerçek kullanıcılardan ve laboratuvar ortamı testlerinden elde edilen verilere dayanmasıdır. Bu, daha fazla optimizasyon için bir başlangıç ​​noktasıdır.

Web Sitesi Hızı

3 Temel Web Verisinden 2'si yükleme süresiyle ilgilidir. Sadece bu da değil, istatistikler, kullanıcıların üçte birinin bir sayfanın yüklenmesi için 3 saniyeden fazla beklemeyeceğini söylüyor. Bu nedenle, web sitesi hızının kullanıcı deneyimiyle ilgili temel bir parametre olduğunu söylemek doğru olur. SE Sıralamasının yükleme süresi sorunlarını belirlemenize ve çözmenize nasıl yardımcı olabileceğini görelim.

HTML

Tüm web sayfaları HTML ile yazıldığından, yeniden tasarımdan sonra doğrulamanız gereken ilk şey budur. Sorunlar oldukça basit, ancak daha fazla ince ayar için temel. Bu bağlamda, HTML boyutunun büyük DOM boyutunu dışlamak için çok büyük olmadığından emin olmanız gerekir, çünkü oluşturması zor olabilir ve genel yükleme süresini etkiler. Ayrıca, belge boyutunu ve arka uç işleme süresini en aza indirmek için HTML'nizin sıkıştırıldığından ve önbelleğe alındığından emin olun.

JS ve CSS

Modern web, JavaScript ve CSS ile iç içedir. Bu teknolojiler, çevik işlevselliğe sahip güzel web siteleri oluşturmaya yardımcı olur. Ancak bazen bu özellikler site performansına zarar verebilir, bu nedenle yeni bir tasarım dağıtırken kaynakların optimize edilip edilmediğini kontrol etmek önemlidir.

JS ve CSS dosyaları için optimizasyon teknikleri benzerdir:

1. küçültme
   Tüm yorumları, satır sonlarını, fazladan boşlukları vb. hariç tutun – yalnızca önemli olan karakterleri bırakın.
2. birleştirme
   Mümkün olduğunca az dosya sunmaya çalışın (ideal olarak, sayfa başına bir JS ve bir CSS). Her dosya isteği, sunucunun yanıt vermesi ve tarayıcının indirmesi için zaman alır; tek bir dosya, bunu yapmanın çok daha uygun bir yoludur.
3. Önbelleğe almak
   Sunucu tarafında önbelleğe almayı etkinleştirmek, bir kullanıcı sayfayı her istediğinde dosyalarınızın sıfırdan oluşturulmayacağı anlamına gelir; bunun yerine, bunların kaydedilmiş kopyaları sunulacaktır. Bu, sunuculardan çok fazla gereksiz yükü alır ve yükleme süresini iyileştirir.

İşte bazı genel öneriler:

• Çerçeveleri ve temaları kullanmaktan kaçının
  JS çerçeveleri ve hazır CSS size biraz zaman kazandırabilir, ancak genellikle hız optimizasyonu düşünülerek yapılmazlar. İhtiyacınız olmayan birçok işlevselliğe sahiptirler ve tüm bu ekstra özellikler yüklenemeyecek kadar ağır olabilir.
• JS dosyalarını birleştirirken dikkatli olun
  JS dosyasında tek bir hata varsa, dosya içindeki diğer işlevler çalışmayabilir. Bu nedenle, tek bir JS dosyanız varsa, tüm işlevlerin çalışmayı durdurması mümkündür. Temel işlevsellik ve ön uç güzelliği için ayrı dosyalar oluşturmak akıllıca bir karar olabilir.

Görüntüler

SEO ile ilgili olarak, görüntü optimizasyonu da önemlidir:

1. Arama motorlarının ve ekran okuyucu kullanan kişilerin görselin neyle ilgili olduğunu anlayabilmeleri için görsellerin bir Alt metni olmalıdır. Yeniden tasarımdan sonra tüm görsellerin anlamlı Alt metni olduğundan emin olun.
2. Görüntü boyutu
   En iyi uygulama, görüntüyü ana kapsayıcıya eşit bir çözünürlükte sunmaktır. Ancak, kapsayıcıların boyutlarını değiştirebileceği duyarlı tasarım nedeniyle, olası tüm kapsayıcılara uyacak görüntü kopyaları oluşturmak neredeyse imkansızdır. Yapabileceğiniz şey, sitede farklı yerlerde kullanmak üzere birkaç resim varyasyonu (yani orijinal boyut, 300 piksel genişlik, 100 piksel genişlik) oluşturmaktır. Örneğin, makaledeki öne çıkan görsel orijinal boyutta olmalıdır, ancak arşiv sayfasındaki küçük resim için 300 piksel veya daha düşük genişlikte daha küçük bir görsel kullanmak daha iyidir.
3. Görüntü sıkıştırma
   Bir görüntünün sıkıştırılması, bir görüntüde kullanılan benzersiz renklerin sayısını azaltma işlemidir. Orta düzeyde sıkıştırma, insan gözüyle pek görülmez, ancak dosya boyutunda %30'a kadar tasarruf sağlayabilir - bu, özellikle resimlerin diğer sayfa kaynaklarına kıyasla büyük bir dosya boyutuna sahip olduğu düşünüldüğünde çok fazla.

Sorumlu tasarım

Trafiğin çoğunluğu mobil cihazlardan geldiğinden ve Google mobil öncelikli dizine eklemeye geçtiğinden, mobil optimizasyon sorunlarını kontrol etmek zorunludur. SE Sıralaması da bunu kapsıyor.

Sorunlar raporundaki Mobil Optimizasyon kategorisine giderek, web sitenizin temel duyarlı tasarım ilkeleriyle uyumlu olduğunu doğrulayabilirsiniz.

toparlamak

Yeniden tasarım, özellikle yeniden tasarlanan bir sitenin SEO açısından optimize edilmesi gerektiği düşünüldüğünde, karmaşık bir süreçtir. Bunu başarmanın en iyi yolu, to2e SEO ve performans uygulamalarını göz önünde bulundurmaktır.

Değişikliklerinizi yayınladıktan sonra, her şeyin yolunda olup olmadığını kontrol etmeniz gerekir - işte burada web sitesi sağlık kontrolü araçları devreye girer. Yeni sitenizin daha iyi olduğundan veya SEO ve performans açısından hiçbir şeyin bozulmadığından emin olmak için onu önceki sürümüyle karşılaştırmanız gerekir. SE Sıralaması tam olarak ihtiyacınız olanı yapar: sonuçlarınızı tarihlere göre kolayca izleyebilmeniz ve karşılaştırabilmeniz için web sitesi denetim verilerini tarar, kontrol eder ve saklar. Bu tür denetimleri kullanmak, yeniden tasarımdan sonra web sitesinin sağlığını karşılaştırmanıza ve iyileştirmenize olanak tanır.