WordPress'e Video Yerleştirmenin En Verimli Yöntemi

Çevirmeli bağlantı ve Edge (2G) bağlantılarının lüks olduğu ve YouTube'da video izlemenin sabrımızı sınadığı günleri hatırlıyor musunuz?

Süper hızlı internetiniz olmasaydı, en sevdiğiniz videonun oynat düğmesine tıklar, duraklat'a basar ve yüklenmesine ve arabelleğe alınmasına izin verirdiniz. Bu arada, bir fincan kahve yapmaya gittiniz. Geri döndüğünüzde, eğer yeterince şanslıysanız, video tek seferde sorunsuz bir şekilde yayınlanırdı veya ara belleğe alma sorunu yaşamak zorunda kalabilirsiniz.

Ancak artık en iyi şey, bunun artık gerçekleşmemesi ve hızlı internet bağlantılarının yeni normal haline gelmesi. 5G teknolojisi sayesinde insanlar artık YouTube videolarını 4K çözünürlükte dahi sorunsuz bir şekilde izleyebiliyor.

Web Sitesindeki Videoların Kullanımına İlişkin Mevcut Senaryo

Bu nedenle web sitelerine video yerleştirmek bile çok yaygın hale geldi. Sonuçta videolar, iletişim kurmanın ve kullanıcı deneyimini iyileştirmenin daha ilgi çekici bir yolunu sunuyor.

Bazı insanlar, web sitelerinin tasarımına dinamik ve görsel açıdan çekici bir öğe eklemek için videoları web sitelerinin arka planının tamamı olarak kullanarak bunu daha da ileri götürüyorlar.

Bu stratejinin ziyaretçilerin dikkatini çekmede ve korumada daha etkili olduğu görüldüğünden, WordPress sitelerine video yerleştirmenin herkes için standart bir uygulama olduğu ortaya çıktı.

Ancak gerçek şu ki, herkes bunu doğru yapmıyor. Çoğu, videoları WordPress'e yerleştirmenin doğru yolunu bilmiyor ve sonuç olarak web sitelerinin hızı yavaşlıyor.

Bu uydurma bir ifade değil; rakamların ve sonuçların doğruyu söylemesini tercih ediyoruz.

Videolu WordPress: Core Web Vital testi

Daha fazla sürüklemeden, övünmeden doğrudan testlere ve sonuçlara geçelim.

İlk olarak, test amacıyla, herhangi bir video ve grafik içermeyen basit ve basit bir WordPress web sitesini aldık ve bir denemeye aldık.

Sonuçlar aşağıdaki gibiydi:

• Puanın %100 olduğunu yeşil bir sinyalle görebilirsiniz ve tüm ölçümler hem mobil hem de masaüstü için olumlu yanıtlar gösterir.

Ancak WordPress sitesinin Ana Sayfasına bir YouTube videosu eklediğimizde ve testi tekrar çalıştırdığımızda. Sonuçlar şaşırtıcıydı;

• Yalnızca tek bir video için puan %65'e düştü ve diğer tüm ölçümler de aynısını izledi. Daha fazla videonun eklenmesiyle daha da kötüleşebilecek bir trend olan %35 oranında ciddi bir düşüş yaşandı.

Şimdi çözümün ne olduğunu düşünüyor olabilirsiniz?

Bunu düzeltmek için neye ihtiyacınız var?

Aklınıza gelebilecek doğrudan yaklaşım sitedeki herhangi bir videoyu kullanmamaktır ancak bu doğru bir yaklaşım değildir. Videoların kendi değerleri vardır ve aynı zamanda web sitesinin kullanıcı deneyimini de geliştirirler. Yani sırf web sitenizin hızını artırmak adına bunları görmezden gelemezsiniz.

1. Tanınmış bir video barındırma platformu seçin

Öncelikle, videoyu web sunucunuzda barındırmak yerine YouTube, Vimeo veya Wistia gibi Ücretsiz Video barındırma platformunda barındırmanız veya yüklemeniz harika olur. Yalnızca sunucu kaynaklarınızdan tasarruf etmekle kalmaz, aynı zamanda üzerindeki yükü de azaltır ve sunucu hızını etkilemez.

Bu Video barındırma platformları, video dağıtımı için iyi optimize edilmiştir ve video akışı için gereken bant genişliğini karşılayabilir.

Not : Ücretsiz video barındırma platformları dışında, WordPress kullanarak kendi video tube web sitenizi oluşturmak istiyorsanız, başka hiçbir özel video barındırma platformu WPOven'in özel Video barındırma platformunu neredeyse her açıdan yenemez.

2. YouTube Videolarını çerez olmadan yerleştirin

Standart YouTube yerleştirmesinin dışında youtube-nocookie.com adında özel bir sürümün de bulunduğunu bilmek sizi şaşırtabilir.

YouTube videolarının standart sürüme yerleştirilmesi, çerezler, komut dosyaları vb. gibi gerekli olmayan diğer birçok istenmeyen öğeyi de beraberinde getirir. Bu nedenle bunu daha verimli hale getirmek için YouTube, daha hafif olan ve sayfa hızı puanınızı önemli ölçüde etkilemeyen youtube-nocookie.com sürümünü kullanıma sundu.

İşte Youtube-nocookie.com hakkında bazı ilginç gerçekler

• YouTube videolarını yerleştirmek için alternatif bir alan adıdır.
• Bu alan adı, izleme amacıyla çerezleri ayarlamadan videoları yerleştirmek için kullanılır.
• Normal YouTube yerleştirmesi (youtube.com), izleyicinin tarayıcısına çerezler yerleştirebilir.
• "youtube-nocookie.com" alanı, yerleştirme oynatıcısına herhangi bir çerez ayarlamadan hizmet verir.
• Kullanıcı gizliliğine öncelik veren ve çerez kullanımını en aza indirmeyi amaçlayan web siteleri için kullanışlıdır.
• “youtube-nocookie.com”u kullanmak, gömülü videoların site ziyaretçilerinin gereksiz şekilde izlenmesine katkıda bulunmamasını sağlar.

Tek yapmanız gereken "youtube.com"u "youtube-nocookie.com" ile değiştirerek bir YouTube videosunun URL'sini değiştirmeniz yeterlidir ve artık hazırsınız.

3. LazyLoad Eklentilerini Kullanın

Tembel yükleme, bir web sitesinin belirli öğelerini erteleyerek web sitesi hızını optimize etmek için en iyi tekniklerden biridir. Eklenti, görseller veya videolar gibi öğelerin yüklenmesini, kullanıcı bu öğelere kaydırıncaya veya bunlar kendi görünümlerine gelene kadar geciktirir.

Bu şu şekilde olur:

• Tembel yükleme eklentisi, başlatma sonrasında web sayfasının içeriğini tarar.
• Web sitesinin kullanıcıya görünen kısmını sürekli olarak izler.
• Tembel yükleme için işaretlenen öğeler kullanıcının görüntü alanına girmek üzereyken eklenti, bunların yüklenmesini tetikler.
• Kullanıcılar görünüm alanına girdiğinde öğeler, tam sayfanın yeniden yüklenmesine gerek kalmadan genellikle JavaScript kullanılarak dinamik olarak yüklenir.
• Tembel yükleme eklentileri, kullanıcı etkileşime girdikçe içeriği web sayfasına dinamik olarak yüklemek için JavaScript kullanır.
• Eklentiler, öğe konumu veya önemine göre yüklemeyi önceliklendirerek, ilk yükleme sürelerini ve bant genişliği kullanımını azaltırken kusursuz bir kullanıcı deneyimi sağlar.

Not: Bu yaklaşımın belirli sınırlamaları vardır. Tembel yükleme eklentisi, videolar ilk kata yerleştirildiğinde çalışmaz ancak videolar ilk katın altında göründüğünde en iyi şekilde çalışır.

Okuyun: WordPress Performansını Hızlandırmanın En İyi 22 Yolu

4. Cephe tekniği

Cephe yaklaşımı tembel yükleme tekniğini uygulamanın akıllı yollarından biridir. Bu yaklaşımda başlangıçta video yerine statik bir görüntü yer tutucusu kullanırsınız. Bu resim genellikle oynat düğmesi katmanıyla birlikte videonun küçük resmine benzer.

Kullanıcı oynat düğmesi katmanına tıkladığında bir açılır pencere görünür ve gerçek video aynı açılır pencerede yüklenmeye başlar.

Referansınız ve daha iyi anlamanız için işte bir örnek.

Bu yaklaşım oldukça etkilidir ve gerekmedikçe WordPress sitenize YouTube videolarını yüklemez.

Bu ışık kutusu yaklaşımı size uymuyorsa “LazyLoad Plugin” adlı popüler bir WordPress eklentisini kullanın. oEmbed ile çalışır ve gömülü YouTube ve Vimeo videolarını tıklanabilir bir önizleme görüntüsüyle değiştirir.

Özet

Şimdi yukarıdaki yazımızda anlattıklarımızı özetleyelim. Hiç şüphe yok ki videolar bilgi paylaşmanın en iyi ve en etkileşimli yollarından biridir. Ancak hiç kimse web sitesini yavaşlatmanın bu bedelini ödemek istemez.

Ancak neyse ki, daha önce bahsettiğimiz, web sitenizin hızından ve performansından ödün vermeden web siteniz için harikalar yaratabilecek bazı ipuçları ve püf noktaları var. Bu yüzden bu ipuçlarını takip edin ve 100 puana ulaşmak için web sitenizin hızını artırın. Sadece deneyin ve yarışı kazanın.

Rahul

Rahul Kumar, WordPress ve web barındırma konusunda uzmanlaşmış bir web tutkunu ve içerik stratejistidir. Yılların deneyimi ve sektör trendlerini takip etme kararlılığıyla trafiği yönlendiren, etkileşimi artıran ve dönüşümleri artıran etkili çevrimiçi stratejiler oluşturuyor. Rahul'ın detaylara olan ilgisi ve ilgi çekici içerik oluşturma yeteneği, onu çevrimiçi varlığını geliştirmek isteyen her marka için değerli bir varlık haline getiriyor.