2012-07-23 30 views

cevap

36

Facebook, Open Graph Protocol adlı bağlantıyı, bağlantı paylaştığınızda görüntülenecek şeylere karar vermek için kullanır. OGP, sayfanıza bakar ve hangi içeriğin gösterileceğine karar vermeye çalışır. Biz bir el ödünç verebiliriz ve aslında Facebook'u facebook sayfamızdan ne alacağımızı söyleriz.

Bunu yapmamızın yolu og:meta etiketleridir. Eğer HTML dosyasının <head> bu veya benzer meta etiketleri yerleştirmeniz gerekir

<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"> 

-

etiketler şuna benzer. Değerleri kendi yerine koymayı unutma!

Daha fazla bilgi için, Facebook'un bu meta etiketleri dokümanlarında nasıl kullandığı hakkında her şeyi okuyabilirsiniz. 'Eğer Facebook URL nasıl gördüğünü görmek için Debugger kullanabilirsiniz, ve bu - Facebook bize bu meta etiketleri ile uğraşırken bize yardımcı olmak harika bir küçük araç verir https://developers.facebook.com/docs/opengraph/tutorial/


- İşte oradan öğreticiler biridir Hatta bununla ilgili bir sorun olup olmadığını bile söyleyeyim.

Burada, meta etiketlerinde her değişiklik yaptığınızda URL'yi Debugger aracılığıyla tekrar beslemeniz gerekir. Böylece, Facebook sunucularınızda önbelleğe alınan tüm verileri temizler. URL.

+0

Açıklamada html etiketlerini görüyorum, bunun nasıl geçeceğini biliyor musunuz? – Neil

330

Kullanım:

<!-- 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="" /> 

= içeriği Fill "..." sayfanızın içeriğine göre.

Daha fazla bilgi için, 18 Meta Tags Every Webpage Should Have in 2013 adresini ziyaret edin.

+0

"Yazar" etiketinin yazar adının veya bir profil URL'sinin bağlantısının olması gerektiğini biliyor musunuz? – tobek

+0

Bence her ikisi de mümkündür. Profil resminizin google arama sayfasındaki postanızın sol tarafında olmasını istiyorsanız, google + profilinize bağlantı sağlamalısınız. – jurihandl

+0

meta tag 'author', web sitesinin yazarı veya güncel makalenin yazarı anlamına gelir (blog makalesinde kullanımda örnek)? – LuiGi

27

Meta üretimi için bir araç oluşturdum. Bu Facebook, Google+ ve Twitter girişlerini önceden yapılandırır ve bunu ücretsiz buradan kullanabilirsiniz: biraz OG etiketleri (Open Graph) etiketleri meta etiketleri benzer şekilde çalışır fazla soruya cevap vermek için http://www.groovymeta.com

ve yerleştirilmelidir HTML dosyanızın HEAD bölümünde. OG etiketlerini etkin bir şekilde kullanma hakkında daha fazla bilgi için bkz. Facebook's best practises.

+1

Teşekkürler @Mogsdad Cevabımı buna göre genişlettim. –

+0

Bağlantı bozuk, ne yazık ki! –

İlgili konular