Web sitenizde bulunan içerikleri sosyal medyada nasıl daha tıklanabilir, paylaşılabilir ve fark edilir hale getirebileceğinizi merak ediyor musunuz?
Open Graph meta Etiketleri çözümdür.
Open Graph meta etiketleri nedir?
Open Graph meta etiketleri, sosyal medyada paylaşıldığında URL’lerin nasıl görüntüleneceğini kontrol eden kod parçacıklarıdır.
Facebook’un Open Graph protokolünün bir parçasıdır ve ayrıca Linkedin ve Twitter da dahil olmak üzere diğer sosyal medya siteleri tarafından kullanılır.
Bu kodları bir web sayfasının <head> bölümünde bulabilirsiniz.
Örnek olarak:
<meta property="og:locale" content="tr_TR" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Open Graph Meta Etiketleri : Bilmeniz Gerekenler" /> <meta property="og:description" content="Web sitenizde bulunan içerikleri sosyal medyada nasıl daha tıklanabilir, paylaşılabilir ve fark edilir hale getirebileceğinizi merak ediyor musunuz?" /> <meta property="og:url" content="https://yemlihatoker.com/open-graph-meta-etiketleri-bilmeniz-gerekenler/" /> <meta property="og:image" content="https://yemlihatoker.com/wp-content/uploads/2020/04/open-graph.jpg" />
Open Graph etiketleri neden önemlidir?
Kullanıcıların optimize edilmiş OG etiketleriyle paylaşılan içeriği görme ve tıklama olasılıkları daha yüksektir, bu da web sitenize daha fazla sosyal medya trafiği anlamına gelir.
Bunun üç sebebi var:
- Sosyal medya yayınlarında içeriği daha dikkat çekici hale getiriyorlar.
- İnsanlara bir bakışta içeriğin ne hakkında olduğunu söylerler.
- Facebook’un içeriğin ne hakkında olduğunu anlamasına yardımcı olur, bu da arama yoluyla marka görünürlüğünüzü artırmanıza yardımcı olabilir.
Hangi Open Graph etiketlerini kullanmalısınız?
Facebook , resmi belgelerinde 17 OG etiketi ve onlarca nesne türü listeler. Bunların hepsini yazmaya gerek yoktur. Facebook’un sayfanızın temellerini anlaması için sadece dört tane gerekir ve bazen yardımcı olan birkaç tane daha vardır.
Şimdi sık kullanılan Open Graph etiketlerine bir gözatalım.
og: title
Sayfanızın başlığı.
Kod Görünümü
<meta property=”og:title” content=”Open Graph Meta Etiketleri : Bilmeniz Gerekenler” />
En iyi uygulamalar
- Tüm “paylaşılabilir” sayfalara ekleyin.
- Doğruluk, değer ve tıklanabilirliğe odaklanın.
- Taşmayı önlemek için kısa tutun. Bu konuda resmi bir rehberlik yok, ancak mobil cihazlar için 40 karakter ve masaüstü bilgisayarlar için 70 karakter uygun olacaktır.
- Ham başlığı kullanın. Marka bilinci oluşturma (ör. Site adınız) eklemeyin.
og: url
URL içeriği.
Kod Görünümü
<meta property=”og:url” content=”https://yemlihatoker.com/open-graph-meta-etiketleri-bilmeniz-gerekenler/” />
En iyi uygulamalar
- Standart URL’yikullanın . Yayınlanan tüm yinelenen URL’ler arasında beğeniler gibi tüm bağlı verilerin birleştirilmesine yardımcı olur.
og: image
Paylaşılan İçeriğin Görseli .
Bunun belki de en önemli Açık Grafik etiketi olduğunu unutmayın, çünkü paylaşımınızın en dikkat çekici noktasını oluşturur.
Kod Görünümü
<meta property=”og:image” content=”https://yemlihatoker.com/wp-content/uploads/2020/04/open-graph.jpg” />
En iyi uygulamalar
- “Paylaşılabilir” sayfalar için özel resimler kullanın (ör. Ana sayfa, makaleler vb.)
- Sayfanızın geri kalanı için logonuzu veya markalı herhangi bir resmi kullanın.
- Tüm cihazlarda en iyi netlik için 1,91: 1 oranına ve minimum 1200×630 boyutuna sahip görüntüler kullanın .
og: type
Paylaştığınız nesnenin türü. (ör. makale, web sitesi vb.)
Kod Görünümü
<meta property = “og:” content = “article” /> yazın
En iyi uygulamalar
- Makaleleriniz için makaleyi , sayfalarınızın geri kalanında ise web sitesini kullanın .
og: description
İçeriğin kısa bir açıklaması.
Kod Görünümü
<meta property=”og:description” content=”Web sitenizde bulunan içerikleri sosyal medyada nasıl daha tıklanabilir, paylaşılabilir ve fark edilir hale getirebileceğinizi merak ediyor musunuz?” />
En iyi uygulamalar
- Parçacığı olabildiğince çekici ve tıklamaya değer hale getirmek için başlığı tamamlayın.
- Mantıklıysa meta açıklamanızı buraya kopyalayın.
- Kısa ve güzel tut. Facebook 2-4 cümle önerir, ancak bu genellikle kısalır.
og: yerel
İçerik dilini tanımlar.
Kod Görünümü
<meta property=”og:locale” content=”tr_TR” />
En iyi uygulamalar
- Yalnızca Türkçe dilinde (tr_TR) yazılmamış içerikler için kullanın. Facebook bu etiketi içermeyen içeriğin bu dilde yazılmış olduğunu varsayar.