İçerik Paylaşmak için WordPress iFrame Nasıl Kullanılır?

Sitenizdeki başka bir web sitesindeki resimleri, videoları ve hatta web sayfası içeriğini paylaşmak yaygındır. Bunu haber vermeden çok sık yapıyorsun, sosyal paylaşımlar gösteriyorsun veya YouTube ve TikTok videoları ekliyorsun. Bu, çevrimiçi görünürlüğünüzü artırmanın ve marka bilinirliğini artırmanın en iyi yollarından biridir.

İndirilen bir videoyu gönderinize doğrudan ekleyebilseniz veya bir sosyal gönderinin ekran görüntüsünü ekleyebilseniz de, bu içerikleri yeniden paylaşmak için iFrame'leri kullanmanız şiddetle önerilir. Bu, içerik telif hakkı ihlalinden ve yavaş site hızı ve performansından kaçınmanız için etkili bir yoldur.

Peki WordPress iFrame'leri tam olarak nedir? Neden bu kadar faydalılar? Ve bunları sitenizde içerik paylaşmak için nasıl kullanabilirsiniz?

Bugünkü yazımız tüm bu soruları cevaplamanıza yardımcı olacak.

WordPress iFrame Nedir ve Neden Yararlıdır?

iFrame, başka bir sayfada ayrı bir HLTM sayfası oluşturmanıza izin veren bir HTML kodunu ifade eder.

Daha basit hale getirmek için iFrame, başka bir web sitesindeki içeriği sayfanızda görüntülemeniz için bir pencere gibidir. Bu içerik videolar, sosyal medya gönderileri, haritalar vb. olabilir. Kullanıcılara, o üçüncü taraf sitesindekiyle aynı deneyimi sunar.

İşte bir iframe örneği:

<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/iQ6mitEFeFI” title=”YouTube video oynatıcı” frameborder=”0″ allow=”accelerometer; otomatik oynatma; panoya yazma; şifreli ortam; jiroskop; resim içinde resim” allowfullscreen></iframe>

Yukarıdaki iframe kodu birkaç özellik içerir:

• Genişlik/Yükseklik – iframe'inizin boyutunu tanımlayan piksel değerleri.
• Src – iFrame'in kaynağı. Gömülü içeriğin URL'sidir. İçeriğin, sizinkiyle aynı Köprü Metni Aktarım Protokolü web sitesinden gelmesi gerektiğinden emin olun. HTTP kullanıyorsanız, HTTP sitelerinden içerik görüntülemeniz gerekir. Aynı şey HTTP web siteleri için de geçerlidir.
• Çerçeve Sınırı – iframe'inizin kenarlarındaki kenarlığı etkinleştirin veya devre dışı bırakın. "0", sınırın gizleneceği anlamına gelirken "1", iframe içindeki içeriğin küçük bir kenarlıkla kapatılacağını belirtir.
• Kaydırma – iframe'inizde bir kaydırma çubuğu. "evet", "hayır" ve "otomatik" olmak üzere 3 değeriniz var.
• Hizala – iframe'inizin varsayılan hizalaması. Sayfanın “sol”, “sağ”, “üst”, “orta” ve “altta” görüntüleyebilirsiniz.

WordPress iFrame'lerine İhtiyacınız Olan Nedenler

WordPress site sahipleri olarak iFrame'lere 2 ana amaç için ihtiyacımız var. İlk olarak, telif hakkıyla ilgili olası sorunlara karışma konusunda çok fazla endişelenmeden başkalarının içeriğini paylaşabiliriz. Ziyaretçiler gömülü içeriği kopyalayabilir ve başka yerlerde yeniden paylaşabilir.

Dahası, ağır medya içeriğini sunmak için iFrame'leri kullanmak, onları barındırma ihtiyacını ortadan kaldırır. Bu videoları veya görüntüleri tamamen indirebilir, WordPress medya kitaplığınıza yükleyebilir ve bir gönderiye ekleyebilirsiniz. Ancak bu yöntem tavsiye edilmemektedir.

Medya dosyasının boyutu çok büyükse, sunucu alanınız ve bant genişliğinizin büyük bir kısmını kaplar. Bu, daha uzun bir yükleme süresine ve web sitenizin hızında yavaşlamaya neden olur.

WordPress iFrame'i Ne Zaman Kullanmalısınız?

Iframe'ler birçok durumda işe yarar. Başka bir bilgilendirici ve anlayışlı web sayfası içeriğini sergilemenize izin verirler. Sizin tarafınızda, bu gömülü içeriğin metnini başka sözcüklerle ifade etmekten sizi kurtarır. Anketin veya raporun tamamını paylaşmak istiyorsanız, bunları tırnak içine almak pek kullanışlı değildir.

Site sahipleri, dinamik sosyal medya içeriği sunma yetenekleri nedeniyle de iframe'leri severler. Canlı yayın da dahil olmak üzere sosyal bir gönderinin ekran görüntüsünü almak çok daha iyi bir deneyim sağlar. Ziyaretçiler, beğeniler, yorumlar ve paylaşımlar gibi etkileşimlerini gerçek zamanlı olarak yakalayabilir.

Ayrıca, müşteriniz bir yarışma düzenler ve bu içeriği yüksek trafikli web sitenizde yayınlamanız için sizi işe alır. Bir reklam açılış sayfası tasarlamanın, geri bildirim almanın, düzeltmenin ve tekrar geri bildirim almanın sancılı sürecinden geçmeye istekli misiniz?

Cevap kesinlikle hayır olmalıdır. Müşteriye kendi açılış sayfasını yapmasını önerebilir ve ardından o sayfayı sitenize gömebilirsiniz. Bu size zaman kazandırır ve müşterinin reklamlarını tamamen paralel olarak kontrol etmesine yardımcı olur.

WordPress iFrame'i Kullanmadan Önce Dikkat Edilmesi Gerekenler

iFrame'ler şüphesiz çeşitli durumlarda faydalıdır. Yine de, onu verimli kullanmak kolay bir iş değil. Sitenizin ve gömülü içeriğin HTTPS/HTTP uyumluluğunun yanı sıra güvenlik sorunlarına da ekstra dikkat etmeniz gerekir.

• Site güvenliğinizi riske atın

Iframe'ler, hem içerik referansı hem de güvenlik açığı delikleri için diğer web sitelerinin kapılarını açar. Katıştırılmış web sayfası saldırıya uğrarsa veya güvenlik sorunları olursa, sitenizi doğrudan etkiler.

Bilgisayar korsanları, web sitenize herhangi bir güçlük çekmeden kötü amaçlı yazılım, kötü bot ve kötü amaçlı kod bırakmak için iframe'lerden yararlanabilir. Sonuç olarak, yönetici alanını kontrol ederler, sitenizi bozarlar ve daha da kötüsü müşteri bilgilerini çalarlar.

Bununla birlikte, yalnızca yetkili web sitelerinden içerik yerleştirmek için iframe'leri kullanmanız ve spam içerikli içeriğe bağlantı vermekten kaçınmanız gerektiği söylendi.

• HTTPS/HTTP yeteneğini hesaba katın

Yukarıda bahsettiğimiz gibi, bir iframe aracılığıyla sitenizle aynı Köprü Metni Aktarım Protokolünden içerik yerleştirmenizi gerektirir. HTTP kullanıyorsanız, iframe içindeki resim, video veya web sayfasının HTTP URL'sine sahip olduğundan emin olun. Aynı şey HTTP web siteleri için de geçerlidir.

• SEO etkilerini düşünün

Bir süre önce, Google robotları iframe'deki içeriği okuyamıyor, tarayamıyor ve dizine ekleyemiyordu. Sayfanızın geri kalanını, iframe bölümünün altında taramaya devam edemediler.

Ancak arama motorları artık çerçevelerdeki içeriği tanıyabiliyor. iframe'i çevreleyen bağlantılar, tarayıcıların içeriğinizi daha iyi anlaması için geri bağlantılar olarak kabul edilir. Sonuç olarak, web sitenize biraz SEO suyu getiriyor.

İçeriğinize iFrame Nasıl Eklenir?

Pek çok site sahibi, içeriğine bir iframe eklemek için basit olduğu için manuel yöntemi seçer. Tek yapmanız gereken sayfanızda bir kod parçası görüntülemek ve orada birkaç ayar yapmak.

#1 iFrame'i WordPress'e Manuel Olarak Yerleştirin

Yeni bir WordPress sayfası/yazısı oluşturabilir veya mevcut bir tanesini açıp içeriğe bu kodu girebilirsiniz:

 <iframe src="example.com"></iframe>

example.com'u gerçek gömülü içerik URL'lerinizle değiştirmeyi unutmayın. Genişlik, Yükseklik, İzin Ver, Önem gibi iframe görünümünü özelleştirmek için koda başka öğeler ekleyebilirsiniz. Bu parametreleri yukarıda zaten açıkladık. İşte eksiksiz bir iframe kodu örneği:

 <iframe src="passwordprotectwp.com" width="900" height="700" allow="fullscreen"></iframe> 

Manuel iFrame yerleştirmeyi devre dışı bıraktıklarından ve zaten kendi HTML bloklarını sağladıklarından, bu kodun Facebook gönderileri ve YouTube videoları için geçerli olmadığını unutmayın. Kaynak kodunu kopyalayıp içeriğinize yapıştırmanız yeterlidir.

#2 Kaynağın Gömme Kodunu Kullanarak WordPress iFrame'i Ekleyin

İlk olarak, WordPress içeriğinizde görüntülemeyi düşündüğünüz YouTube videosunu açın. Kaynak kodunu kopyalamanız için her videonun altında bir paylaş düğmesi vardır. Paylaş'a basın ve bu ekranı göreceksiniz:

Göm seçeneğine tıkladıktan sonra iframe kodunu kopyalayabilirsiniz. YouTube size varsayılan iframe parametreleri sağlar, böylece orada hiçbir şeyi değiştirmeniz gerekmez.

Şimdi videoyu bir iframe aracılığıyla görüntülemeyi planladığınız sayfayı açın. Siteniz için Gutenberg kullanıyorsanız, bir HTML bloğu bulun ve iframe kodunu buraya yapıştırın.

Bu kadar. Canlı hale getirmeden önce iframe'in nasıl göründüğünü kontrol etmek için sayfanızı önizleyebilirsiniz. Klasik düzenleyici kullanıyorsanız, süreç 1 numaralı talimatımızla tamamen aynıdır.

WordPress iFrame'den Yararlanın

Iframe'ler, diğer web sitelerinden içerik sunmak için etkili bir araç olduğunu kanıtlıyor. Telif hakkı ihlalleri konusunda endişelenmenize gerek kalmadan başkalarının eksiksiz araştırmalarını, sosyal gönderilerini ve reklam sayfalarını görüntülemek için bunları kullanabilirsiniz. Sizi, sayfa yükleme sürenizi azaltabilecek ağır dosyaları barındırmaktan kurtarırlar.

WordPress sayfanıza manuel olarak veya kaynağın yerleştirme kodunu kopyalayarak bir iframe yerleştirmenin 2 yolunu gösterdik.

Gömmenin yanı sıra, iframe içindeki içeriği de korumanız gerekir. iframe'lerde HTLM dosyalarının nasıl korunacağına ilişkin belgelerimize veya eğitim videomuza göz atın.