Facebook上的網站代碼很奇怪

從今天下午開始，Facebook無法閱讀我正在工作的網站的og標籤。 Facebook調試器說，當我可以在我的源代碼中清楚地看到它們時，我所有的屬性都缺失（og：url，og：type，og：title，og：image，og：description等）。Facebook上的網站代碼很奇怪

當我查看此頁面的來源（或此域上的任何其他頁面）時，一切看起來都正常。

但是，當我在Facebook的調試器中輸入該頁面並使用'請參閱我們的刮板看到您的URL的確切內容'時，代碼全部混亂，缺少單詞和空格。實際上，包含og屬性的整個部分缺失。

發生了什麼事？我最近沒有改變網站的任何內容，並且之前工作正常。只有最近改變的是我的DNS設置，但這不應該影響Facebook ...

任何人都看到我在這裏失蹤？許多人在其他線程建議，因爲路徑是親屬而不是絕對的（例如og：image，例如），但這顯然不是我的問題，因爲我的路徑是絕對的，所有我的部分og屬性只是在Facebook上刮時才顯示出來。

感謝

來源

2017-09-16 CharleyB0y

有時候瀏覽器自動修復一些HTML的正確渲染頁面，諸如此類結束標籤，添加缺少的語義標記等，但在機器人上有效的HTML更苛刻一點。

讓我們來看看您共享該頁面源頭的前12行。這是瀏覽器接收：

<!doctype html> 
<!--[if IE 8]><html 
class="ie8" lang="fr-FR" prefix="og: http://ogp.me/ns#"> <![endif]--> 
<!--[if IE 9]><html 
class="ie9" lang="fr-FR" prefix="og: http://ogp.me/ns#"> <![endif]--> 
<!--[if gt IE 8]><!--><html 
lang="fr-FR" prefix="og: http://ogp.me/ns#"> <!--<![endif]--><head><link 
rel="stylesheet" type="text/css" href="http://cdn.vedettequebec.com/wp-content/cache/minify/ef20c.css?x41125" media="all" /><meta 
charset="UTF-8" /><meta 
name="viewport" content="width=device-width, initial-scale=1.0"><link 
rel="pingback" href="http://vedettequebec.com/xmlrpc.php" /><meta 
name="author" content="BadassB"><link

正如你所看到的，屬性包裹起來到下一行，這是一種有效的，大多數瀏覽器會處理這一點，但看起來像Facebook的刮板修剪\n字符和解釋代碼，如下所示：

<!doctype html><!--[if IE 8]><htmlclass="ie8" lang="fr-FR" prefix="og: http://ogp.me/ns#"> <![endif]--><!--[if IE 9]><htmlclass="ie9" lang="fr-FR" prefix="og: http://ogp.me/ns#"> <![endif]--><!--[if gt IE 8]><!--><htmllang="fr-FR" prefix="og: http://ogp.me/ns#"> <!--<![endif]--><head><linkrel="stylesheet" type="text/css" href="http://cdn.vedettequebec.com/wp-content/cache/minify/ef20c.css?x41125" media="all" /><metacharset="UTF-8" /><metaname="viewport" content="width=device-width, initial-scale=1.0"><linkrel="pingback" href="http://vedettequebec.com/xmlrpc.php" /><metaname="author" content="BadassB"><link

您現在看到該問題了嗎？由於標籤名稱旁邊添加的屬性會導致代碼被破壞，造成大量「未封閉的標籤」。例如，檢查<html>標籤轉換爲<htmlclass>，並且其結束標籤將爲</html>，因爲標籤名稱後沒有任何內容，使該標籤未關閉。

禁用任何可能損害您的HTML的插件，像HTML縮小器一樣的插件。如果有像「將屬性換行到新行」那樣檢查設置。

來源

2017-09-16 04:42:16 Mithc

我確實看到了你所指的問題，但我不明白爲什麼要這樣做......最後，確實是一個微型插件的問題。 – CharleyB0y

我在我的網站上也發現了這個問題。這是因爲W3 Total Cache的Minify功能。禁用它並清除所有緩存，那麼你很好。

來源

2017-09-16 09:30:01 LewCPE

這完全解決了它，謝謝！事情是，我已經使用W3 Total Cache的Minify功能超過一年了，爲什麼它剛剛開始導致問題？我一直保持相同的設置。 – CharleyB0y

Facebook最近可能改變了他們的抓取工具。 – LewCPE

Facebook上的網站代碼很奇怪

回答

相關問題