Open Graph protokolünün SEO üzerindeki etkisi

Open Graph etiketleri nelerdir?

Meta etiketler veya Open Graph protokolü Facebook tarafından oluşturulmuştur ve herhangi bir web sayfasının sosyal ağlarda zenginleştirilmiş bir formatla görüntülenmesini sağlar. Bu HTML etiketleri, sosyal ağlarda paylaşılan bir sayfanın içeriğini (başlık, açıklama, sayfa görseli vb.) görüntülemekten sorumlu olacaktır. Bu etiketler yoksa veya belirtilmemişse, bilgiler rastgele gösterilecek, rastgele bir fotoğraf, açıklayıcı olmayan bir başlık veya açıklama seçilecektir...

Ne için kullanılırlar?

Bu etiketler sosyal etiketler olarak bilinir ve her sosyal ağda konumlandırma elde etmek için çok önemlidir. Hangi sosyal ağ olduğuna bağlı olarak daha kolay veya daha zor olacaktır, ancak sosyal ağlarda konumlandırma vardır, gerçektir.

Open Graph protokolü başlangıçta Facebook'ta kullanıldı ve şu anda LinkedIn'de de tanınıyor. Diğer yandan, Twitter'ın etiketleri o sosyal ağa özeldir.

Etiketler şunlardır:

og:title:

"Title", arama motoruna sayfanın ne hakkında olduğunu söylemekten sorumludur. Bu nedenle, açık, özlü ve her sayfada benzersiz olmalıdır. Maksimum uzunluğu 67 karakterdir.

Örnek:

<meta property="og:title" content="Open Graph etiketleri nelerdir?"/>

og:description

"Meta description", sayfa hakkında daha kapsamlı bir şekilde açıklayan ve bilgi veren olacaktır. 155 karakteri geçmemeli ve kullanıcıyı sonuca tıklamaya teşvik eden bir cümle veya CTA içerebilir. Ayrıca her sayfa için benzersiz olmalıdır.

Örnek:

<meta property="og:description" content="Kullanıcıların web sitenizi sosyal profillerinde paylaştıklarında nasıl gördüklerini biliyor musunuz? Open Graph etiketleri tüm bilgileri görüntülemekten sorumlu olacaktır."/>

og:url:

Bir web sayfasının URL'si görüntülenir ve kısaltılmış olarak gösterilebilir. Bu etiketi mümkün olduğunca temiz ve her sayfada benzersiz bir URL ile kullanmaya çalışın.

Örnek:

<meta property="og:url" content="/blog/open-graph" />

og:image

Her sayfada gösterilebilmesi için bir görsel URL'si belirtmelisiniz. Bu kesinlikle en çok göz ardı edilen ve en önemlilerinden biridir. Google Discover, Google News, Facebook, Twitter, LinkedIn... hepsi bu görseli kullanıcı için bir kanca olarak alacak ve iyi kalitedeyse tonlarca ziyaret alabilirsiniz. Aksi takdirde, alanı boş bırakırsanız, yazarın fotoğrafı, boş bir alan gösterilebilir... Hangisinin daha iyi olduğunu siz seçin! ;)

Örnek:

<meta property="og:image" content="/blog/images/open-graph.jpg" />

og:video

Sayfada bir videonuz varsa, yorumlanmasını kolaylaştıran bu etiketi kullanarak belirtmelisiniz.

<meta property="og:video" content="http://example.com/bond/trailer.swf" />

og:type

Bu etiket, içeriğinizin neyden oluştuğunu gösterir. İster bir makale, ister bir video, ister bir blog yazısı olsun... Türüne bağlı olarak farklı özellikler atayabilirsiniz.

Örnek:

<meta property="og:type" content="article" />

og:site_name

Bununla web sitenizi belirtebilir, böylece markanız görüntülenir.

<meta property="og:site_name" content="SEO Alive" />

Mevcut sosyal meta etiketlerin türleri

Şu anda Facebook tarafından oluşturulan etiketler, LinkedIn gibi diğer sosyal ağlarda kullanılmaktadır. Twitter, Twitter Cards olarak bilinenleri kullanır. Bu etiketlerle üç seçeneğiniz vardır:

• ›

  Görseller için "Photo"

• ›

  Videolar için "Player" ve

• ›

  Diğer her şey için "Summary".

Bu durumda, Open Graph kartlarında olduğu gibi, optimize edilmemişse, varsayılan ve optimize edilmemiş içerik görüntülenecektir.

Etiket test araçları

Bir kullanıcı sayfaları sosyal ağlarda paylaştığında nasıl göründüğünü analiz etmek, her şeyin doğru çalışmasını istiyorsak çok önemli olacaktır.

Twitter Card Validator

Twitter'ın doğrulama aracı Twitter Card Validator'dır. Herhangi bir şey yayınlamadan önce, her şeyin doğru gösterildiğinden emin olmak istiyorsanız, paylaşmak istediğiniz URL'yi girmekten çekinmeyin. Bir sayfanın görselini güncellediyseniz ve feed hâlâ eskisini gösteriyorsa da çok yararlıdır. Yeniden analiz etmek bir "önbellek temizleme" işlevi görecektir.

Facebook Debugger

Facebook'un hata ayıklama aracı Facebook Debugger olarak bilinir. Bununla, hangi bilgilerin kullanıldığını ve sitenizden bir sayfa paylaşıldığında nasıl göründüğünü görebilirsiniz. Buna ek olarak, alanlardan herhangi biri yanlış veya eksikse bir uyarı belirir.

Google Structured Data Testing Tool

Google ayrıca bize Google Structured Data Testing Tool adlı yapılandırılmış veri test aracını sunar. Google'ın bir sayfadan ne tür işaretleme aldığını kontrol etmek için çok yararlıdır. İşaretleme arama motorları tarafından tanınır, bu da her duruma özgü Schema microdata sunarak bir web sitesini "semantik" hale getirmeye yardımcı olur.

Rich Pins Validator

Pinterest geride kalamazdı ve Rich Pins Validator olarak da bilinen pin doğrulayıcısını getiriyor. Twitter doğrulayıcısı gibi çalışır: Rich Pin işlevini elde etmek ve aynı zamanda veri işaretlemesini kontrol etmek için bir onay süreci gereklidir.

WordPress'te bu etiketler nasıl optimize edilir?

Bildiğiniz gibi, WordPress'in bize sunduğu büyük avantajlardan biri esnekliği ve büyük topluluğudur. Sonuç olarak, sayfalarımıza ve makalelerimize open-graph etiketleri eklemek gibi süreçler, eklentiler sayesinde sadece saniyeler alır.

Bunu başarmanın birçok yolu var. Bizim durumumuzda en kolay olanın SEO Rank Math eklentisi aracılığıyla yapmak olduğuna inanıyoruz.

Önerilen makale > Rank Math hakkında derinlemesine SEO eğitimi

Tek yapmanız gereken söz konusu sayfanın veya makalenin SEO bölümüne gitmek, "Social" sekmesine tıklamak ve orada görseli yapılandırma seçeneğini göreceğiz. Birçok durumda, bir öne çıkan görsel yüklediysek, doğrudan onu alacaktır.

İpuçları ve iyileştirmeler

Aşağıda, çok iyi sonuçlar elde etmek için bizim için işe yarayan deneyime dayalı bazı ipuçlarını görebilirsiniz.

Görselleri optimize edin

Kaliteli görseller seçin. Her görseli mükemmel şekilde seçmelisiniz, çünkü içeriğinizi temsil edecektir. Ayrıca, kullanıcı içeriği paylaştığında görünecek görsel olacaktır.

Her platformun belirli standartları vardır; en iyisi her sosyal ağa sığabilecek büyük bir görsel seçmektir.

Görsel içerik sosyal ağlarda en çekici olandır ve viral olmayı başarırsanız, web sitenize daha fazla ziyaret alırsınız. Biliyorsunuz, beğeniler, paylaşımlar ve yorumlar almak için mükemmel görseli seçmek için zaman ayırın.

• ›

  Twitter: küçük olan için 120x120px ve büyük olan için 4096x4096px

• ›

  Facebook: en küçüğü 200px ve en büyüğü 1200px

Her zaman Open Graph kullanın

Zaten iyi bilinen bir format olduğu için, daha fazla platform onu kullanabilir. Sosyal etiketler eklemek için kod şablonları kullanılması tavsiye edilir; aşağıdaki rehberde tüm bilgilere danışabilirsiniz.

Önerilen Rehber -> SEO'da Meta Etiketleri

Test edin ve deney yapın

Sitenizin sonuçlarının sosyal ağlarda doğru bir şekilde görüntülendiğinden emin olmak için her zaman test edin ve doğrulayıcılarda kontrol edin.

Sonuçlar

Markanızın kullanıcıların gözünde harika görünmesini sağlayan küçük detaylardır. Bu etiketlerin sayfanızı düzgün görüntülemek ve ziyaret çekmek için temel olduğunu unutmayın. Ayrıca arama motorlarının web sitenizi anlamasını da kolaylaştırırlar. Bu nedenle SEO optimizasyonu sosyal ağlara dikkat etmeyi de içerir.

Ayrıca sosyal sinyallerin, yani sosyal ağlardan gelen trafiğin bir SEO stratejisini olumlu etkileyebileceğini unutmayın, bu nedenle sosyal medyadan gelen her tıklama altın değerindedir!

Sorularınız veya önerileriniz var mı? Yardımcı olmaktan mutluluk duyarız!

Referanslar:

• ›https://ogp.me/ - Open Graph protokolünün resmi web sitesi