2015-03-02 48 views
0

我一直在試圖找到一個直接的答案,超過3個小時了。Facebook共享不能使用元「財產」

我想在我的網站上擁有一個Facebook分享。併爲了我需要<meta property>標籤。然而,據我所知,這不支持沒有一些特殊的導入。

我想要什麼:

<meta property="og:url" content="http://samples.ogp.me/136756249803614" /> 
<meta property="og:title" content="Chocolate Pecan Pie" /> 
<meta property="og:description" content="This pie is delicious!" /> 
<meta property="og:image" content="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-prn1/851565_496755187057665_544240989_n.jpg" /> 

然而,這給出了錯誤「驗證(XHTML5)屬性‘財產’是不是元元的一個有效的屬性」。

我試過改變doctype,就像this answer一樣,但是什麼也沒做。我曾嘗試使用前綴,但也不起作用。我在這裏錯過了什麼?我真的希望Facebook爲初學者提供更好的教程。

當我按下share時,我所得到的就是「Localhost」。即使我使用「名稱」而不是「屬性」在meta標籤中指定標題,縮寫,圖像等。

回答

0

您可以使用name屬性代替property屬性。 Facebook lint會發出警告,但元值仍會被識別和解析。

實施例:<meta name="og:title" content="Hello Facebook" />

+0

謝謝,但有沒有解決方案,心不是一種變通方法?奇怪的是,當他們談論的所有事情都很簡單時,這很難。 – 2015-03-02 17:57:24

+0

查看justbeez的答案http://stackoverflow.com/questions/6501189/open-graph-validation-for-html5 – blackmind 2015-03-02 17:58:35

+0

你需要標籤<!DOCTYPE html PUBLIC 「 - // W3C // DTD XHTML + RDFa 1.0 // EN」「http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd」>。但也取決於哪些瀏覽器版本 – blackmind 2015-03-02 17:59:33