HTML：使動態頁面搜索引擎更友好

Question

我正在研究這個問題 ，發現動態更新META標簽對搜索引擎沒有意義。 然后，我檢查了該SO頁面的HTML源，並發現了一些META標記name="og:url" name="og:description" name="og:title"看起來確實是動態生成的。

所以我的問題是，這將有助於搜索引擎找到此頁面還是僅用於“開放圖”目的。

我的頁面內容基於傳遞的參數是完全動態的。 因此，如何使搜索引擎可以搜索我的動態頁面。

Answer 1

這些og標簽專門用於Open Graph。 他們之所以動態更新，是因為他們想要某種共享按鈕來立即獲取該信息。

基本上，要使這些動態頁面正常工作，您需要確保具有一個與每個頁面匹配的URL。 當用戶更改頁面時，您應該更新地址欄中的URL以匹配他們所看到的內容。 此外，頁面上應該有足夠的直接鏈接，以便搜索引擎可以直接對各個頁面進行爬網。

為此，請設置頁面，以便在任何時候請求這些直接URL之一時，您也將返回帶有頁面響應的元數據。 由於引擎不執行javascript，因此您需要使用適當的元數據返回初始頁面加載-從這一點開始，可以如上所述進行動態更新。

例：

我正在查看有關/articles/all 。 該頁面將直接加載適合該頁面的所有元數據。 我決定單擊特定的文章以閱讀它。 該頁面將動態加載（也許使用ajax），但是在此過程中，當前url應該更新為我正在查看的文章： /articles/12345/view ，並且頁面應該更新其元數據。 現在！ 如果要在瀏覽器中刷新此頁面，我將獲得一個直接加載的動態頁面版本，其中所有元數據都完整無缺-不是動態放置的- 這就是搜索引擎會看到的內容。

簡而言之，請確保可以從直接URL到達動態頁面，並且這些直接URL從初始響應中設置DOM中的元數據。 這將使搜索引擎感到高興。