使用SEO友好的方式將URL路由映射到使用Javascript的操作

Question

我已經閱讀了轉義的片段，但是我認為它不適用於此處，因為我需要做的是以SEO友好的方式將特定的URL路由路由到同一頁面上的某些操作。

考慮一個示例：一個頁面中有30個帖子。 標記已經在那里，這里沒有AJAX魔術。 一旦用戶單擊了example.com/#/test-post類的URL，我想打開一個帶有帖子內容的彈出窗口（假設test-post是帖子標簽或任何其他內容標識符）。

這適用於帖子，圖像畫廊以及我想通過將URL路由與某個Javascript動作匹配而在彈出窗口中顯示的幾乎所有內容。 技術部分是小菜一碟，但是如何執行SEO？ 我了解為單獨的帖子使用單獨的頁面可能是最好的，但是有可能允許對單個帖子的單個頁面網站進行爬網，以便通過Javascript通過example.com/#/test-post訪問test-post在Google搜索結果中作為單獨的鏈接結束嗎？

Answer 1

在某些情況下，使用哈希屬性通過JavaScript在同一網頁上執行不同的操作可能非常有用。 但是，從SEO角度來看，我根本不是一個很好的解決方案。

這是因為井號#引入的片段標識符是文檔URL的可選最后部分。 它通常用於標識該文檔的一部分。 作為SEO預期的結果，將僅存儲一頁。

我建議您使用.htaccess和Friendly URLS 。 例如，這可能看起來像這樣：

SEO friendly URL: `www.example.com/test-post`

window.onLoad = function(){
   var URL = window.location.href;
   switch(URL){
     //Perfom different actions here
   }
}