web-gelistirme-sc.com

Facebook paylaşımında 'og' (Grafiği Aç) meta etiketi nasıl kullanılır?

Facebook sitemdeki tüm resimleri alır.

Bu sayfadaki sadece bir resmi paylaşmak istiyorum.

og meta etiketi hakkında bir şey duydum, fakat nasıl yazacağımı bilmiyorum.

115
Vignesh Babu M D

Kullanın:

<!-- For Google -->
<meta name="description" content="" />
<meta name="keywords" content="" />

<meta name="author" content="" />
<meta name="copyright" content="" />
<meta name="application-name" content="" />

<!-- For Facebook -->
<meta property="og:title" content="" />
<meta property="og:type" content="article" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:description" content="" />

<!-- For Twitter -->
<meta name="Twitter:card" content="summary" />
<meta name="Twitter:title" content="" />
<meta name="Twitter:description" content="" />
<meta name="Twitter:image" content="" />

İçeriği, sayfanın içeriğine göre = "..." doldur.

Daha fazla bilgi için, ziyaret edin Her Web Sayfasında 2013 Yılında Sahip Olması Gereken 18 Meta Etiket.

348
CarlosPinedaT

Facebook, bir bağlantı paylaştığınızda hangi öğelerin görüntüleneceğine karar vermek için Grafik Açma Protokolünü Aç komutunu kullanır. OGP sayfanıza bakar ve hangi içeriğin gösterileceğine karar vermeye çalışır. Bir el ödünç verebiliriz ve gerçekte Facebook'a sayfamızdan ne alacağımızı söyleyebiliriz .

Bunu yapma şeklimiz og:meta etiketiyledir.

Etiketler böyle bir şeye benziyor -

  <meta property="og:title" content="Stuffed Cookies" />
  <meta property="og:image" content="http://fbwerks.com:8000/zhen/cookie.jpg" />
  <meta property="og:description" content="The Turducken of Cookies" />
  <meta property="og:url" content="http://fbwerks.com:8000/zhen/cookie.html">

Bu veya benzer meta etiketleri HTML dosyanızın <head> bölümüne yerleştirmeniz gerekir. Değerleri kendiniz için almayı unutmayın!

Daha fazla bilgi için, Facebook'un bu meta etiketleri belgelerinde nasıl kullandığı hakkında her şeyi okuyabilirsiniz. İşte oradaki derslerden biri - https://developers.facebook.com/docs/opengraph/tutorial/


Facebook bize bu meta etiketlerle çalışırken bize yardımcı olacak harika bir araç sunar - Facebook’un URL’nizi nasıl gördüğünü görmek için Debugger kullanabilirsiniz ve bununla ilgili bir sorun olup olmadığını bile söyleyebilirsiniz. .

Burada dikkat edilmesi gereken bir şey, meta etiketlerde her değişiklik yaptığınızda, URL’yi tekrar Debugger ile beslemeniz gerektiğidir; böylece Facebook, kendilerine kaydedilmiş tüm verileri temizler. URL’niz hakkında sunucular.

41
Lix

Meta üretimi için bir araç geliştirdim. Facebook, Google+ ve Twitter için girişleri önceden yapılandırır ve burada ücretsiz kullanabilirsiniz: http://www.groovymeta.com

Soruyu biraz daha cevaplamak için OG tags (Grafiği Aç) etiketleri meta etiketlere benzer şekilde çalışır ve HTML dosyanızın HEAD bölümüne yerleştirilmelidir. OG etiketlerinin etkin bir şekilde kullanılması hakkında daha fazla bilgi için Facebook'un en iyi uygulamaları bölümüne bakın.

28
Louis Otto