Dinamik oluşturma özelliğini kullanmaya başlama

Şu anda, JavaScript'i işlemek zordur ve tüm arama motoru tarayıcıları bunu başarılı bir şekilde veya hemen işleyemez. Gelecekte, bu sorunun düzeltilebileceğini umuyoruz ancak bu arada, bu soruna geçici bir çözüm olarak dinamik oluşturmayı öneriyoruz. Dinamik oluşturma, belirli kullanıcı aracılar için istemci tarafında oluşturulan ve önceden oluşturulmuş içerik arasında geçiş anlamına gelir.

Dinamik oluşturmayı kullanması gereken siteler

Dinamik oluşturma, hızla değişen dizine eklenebilir, herkese açık JavaScript tarafından oluşturulan veya önem verdiğiniz tarayıcıların desteklenmediği JavaScript özelliklerini kullanan içerikler için uygundur. Tüm sitelerin dinamik oluşturma özelliğini kullanması gerekmez ve dinamik oluşturmanın tarayıcılar için geçici bir çözüm olduğunu belirtmekte fayda vardır.

Dinamik oluşturmanın işleyişini anlama

Dinamik oluşturma, web sunucunuzun tarayıcıları algılamasını gerektirir (örneğin, kullanıcı aracısını kontrol ederek). Tarayıcılardan gelen istekler bir oluşturucuya yönlendirilir, kullanıcılardan gelen istekler normal şekilde sunulur. Gerektiğinde, dinamik oluşturucu, tarayıcı için uygun içeriğin bir sürümünü sunar; örneğin, statik bir HTML sürümü sunabilir. Dinamik oluşturucuyu tüm sayfalar için veya tek tek sayfa temelinde etkinleştirmeyi seçebilirsiniz.

Dinamik oluşturmanın işleyiş şeklini gösteren bir şema. Şema, ilk HTML ve JavaScript içeriğini doğrudan tarayıcıya sunan sunucuyu göstermektedir. Buna karşılık, şema, ilk HTML ve JavaScript'i, bunları statik HTML'ye dönüştüren bir oluşturucuya sunan sunucuyu göstermektedir. İçerik dönüştürüldükten sonra oluşturucu, tarayıcıya statik HTML sunar.

Dinamik oluşturmayı uygulama

İçeriğiniz için dinamik oluşturmayı ayarlarken genel yönergelerimizi uygulayın. Uygulamalar arasında büyük farklılıklar olduğundan, size özel yapılandırma ayrıntılarına başvurmanız gerekir.

  1. İçeriğinizi, tarayıcıların kolayca tüketebileceği statik HTML'ye dönüştürmek için bir dinamik oluşturucu yükleyin ve yapılandırın. Puppeteer, Rendertron ve prerender.io, yaygın olarak kullanılan dinamik oluşturuculardan bazılarıdır.
  2. Statik HTML'nizi alması gerektiğini düşündüğünüz kullanıcı aracısını seçin ve kullanıcı aracısını güncelleme veya eklemeyle ilgili özel yapılandırma ayrıntılarınıza bakın. Rendertron ara katman yazılımındaki genel kullanıcı aracıları listesinin bir örneğini aşağıda bulabilirsiniz:
    export const botUserAgents = [
      'googlebot',
      'google-structured-data-testing-tool',
      'bingbot',
      'linkedinbot',
      'mediapartners-google',
    ];
  3. Ön oluşturma sunucunuzu yavaşlatırsa veya çok sayıda ön oluşturma isteği görürseniz önceden oluşturulmuş içerik için bir önbellek uygulama veya isteklerin meşru tarayıcılardan geldiğini doğrulama seçeneğini değerlendirebilirsiniz.
  4. Kullanıcı aracılarının masaüstü veya mobil içerik gerektirip gerektirmediklerini belirleyin. Uygun masaüstü veya mobil sürümü sağlamak için dinamik sunmayı kullanın. Bir yapılandırmanın, kullanıcı aracısının masaüstü veya mobil içerik gerektirip gerektirmediğini nasıl belirleyebileceğine dair bir örneği aşağıda bulabilirsiniz:
    isPrerenderedUA = userAgent.matches(botUserAgents)
    isMobileUA = userAgent.matches(['mobile', 'android'])
    
    if (!isPrerenderedUA) { } else { servePreRendered(isMobileUA) }
  5. Sunucunuzu statik HTML'yi seçtiğiniz tarayıcılara yayınlayacak şekilde yapılandırın. Teknolojinize bağlı olarak bunu birkaç şekilde yapabilirsiniz. Burada birkaç örnek sağlanmıştır:
    • Tarayıcılardan dinamik oluşturucuya gelen proxy istekleri.
    • Dağıtım sürecinizin bir parçası olarak önceden oluşturma ve sunucunuzun tarayıcılara statik HTML'yi sunmasını sağlama.
    • Dinamik oluşturmayı özel sunucu kodunuza yerleştirme.
    • Tarayıcılara bir ön oluşturma hizmetinden statik içerik sunma.
    • Sunucunuz için bir ara katman yazılımı kullanma (örneğin, rendertron ara katman yazılımı).

Yapılandırmanızı doğrulama

Dinamik oluşturmayı uygulama işlemini bitirdikten sonra, aşağıdaki testlerle bir URL'yi kontrol ederek her şeyin beklendiği gibi çalıştığını doğrulayın:

  1. Google’ın içeriğinizi görebildiğinden emin olmak için mobil içeriğinizi Mobil Uyumluluk Testi ile test edin.

    done Başarılı: Mobil içeriğiniz, kullanıcıların görmeyi beklediği içerikle eşleşiyor.

    error Tekrar deneyin: Gördüğünüz içerik beklediğinizle eşleşmiyorsa sorun giderme bölümüne bakın.

  2. Oluşturulmuş sayfada (oluşturulmuş sayfa, Googlebot'un sayfanızı gördüğü biçimdir) masaüstü içeriğinin de görülebildiğinden emin olmak için masaüstü içeriğinizi URL Denetleme aracıyla test edin.

    done Başarılı: Masaüstü içeriğiniz, kullanıcıların görmeyi beklediği içerikle eşleşiyor.

    error Tekrar deneyin: Gördüğünüz içerik beklediğinizle eşleşmiyorsa sorun giderme bölümüne bakın.

  3. Yapılandırılmış veri kullanıyorsanız yapılandırılmış verilerinizin doğru biçimde oluşturulduğunu Yapılandırılmış Veri Test Aracı ile test edin.

    done Başarılı: Yapılandırılmış verileriniz, beklediğiniz şekilde görünüyor.

    error Tekrar deneyin: Yapılandırılmış veriler beklediğiniz şekilde görünmüyorsa sorun giderme bölümüne bakın.

Sorun giderme

İçeriğiniz Mobil Uyumluluk Testi'nde hatalar gösteriyorsa veya Google Arama sonuçlarında görünmüyorsa aşağıda listelenen en sık karşılaşılan sorunları çözmeye çalışın. Sorun yaşamaya devam ederseniz Web Yöneticisi Forumu'nda yeni bir konu yayınlayın.

İçerik eksik veya farklı görünüyor

error Sorunun nedeni: Oluşturucunuz yanlış yapılandırılmış olabilir veya web uygulamanız, oluşturma çözümünüzle uyumlu olmayabilir. Bazen zaman aşımları da içeriğin doğru şekilde oluşturulmamasına neden olabilir.

error Sorunu düzeltme: Dinamik oluşturma kurulumunuzdaki hataları ayıklamak için özel oluşturma çözümünüzün dokümanlarına bakın.

Uzun yanıt süreleri

error Sorunun nedeni: Sayfaları isteğe bağlı olarak oluşturmak için gözetimsiz bir tarayıcı kullanmak genellikle uzun yanıt sürelerine neden olur. Bunun sonucunda, tarayıcılar isteği iptal edip içeriğinizi dizine eklemeyebilir. Uzun yanıt süreleri, tarayıcıların içeriğinizi tararken ve dizine eklerken tarama hızlarını düşürmelerine de neden olabilir.

done Sorunu düzeltme

  1. Önceden oluşturulmuş HTML için bir önbellek oluşturun veya derleme işleminizin bir parçası olarak içeriğinizin statik HTML sürümünü oluşturun.
  2. Yapılandırmanızdaki önbelleği etkinleştirdiğinizden emin olun (örneğin, tarayıcılara önbelleğinizi işaret ederek).
  3. Tarayıcıların, Mobil Uyumluluk Testi veya webpagetest (Google Tarayıcısı kullanıcı aracıları listesindeki bir özel kullanıcı aracısı dizesiyle) gibi test araçlarını kullanarak tarayıcıların içeriğinizi hızlı bir şekilde aldığından emin olun. İstekleriniz zaman aşımına uğramamalıdır.

Yapılandırılmış veriler eksik

error Sorunun nedeni: Yapılandırılmış veri kullanıcı aracısının eksik olması veya çıkışa JSON-LD komut dosyası etiketlerinin eklenmemesi, yapılandırılmış veri hatalarına neden olabilir.

done Sorunu düzeltme

  1. Yapılandırılmış verilerin sayfada olduğundan emin olmak için Yapılandırılmış Veri Test Aracı'nı kullanın. Ardından, önceden oluşturulmuş içeriği test etmek için Yapılandırılmış Veri Test Aracı için kullanıcı aracısını yapılandırın.
  2. JSON-LD komut dosyası etiketlerinin, içeriğinizin dinamik olarak oluşturulmuş HTML'sine eklendiğinden emin olun. Daha fazla bilgi için oluşturma çözümünüzün dokümanlarına bakın.

Şunun hakkında geri bildirim gönderin...