2015-11-20 34 views
1

我們正在建立一個網站,並提供最新的一頁建議。上個月,谷歌宣佈其新實施的網頁的方式: http://googlewebmastercentral.blogspot.nl/2015/10/deprecating-our-ajax-crawling-scheme.htmlJavascript單頁網站| Google,OG&Metadata

爬行(實際瞭解的JavaScript渲染)這一新的方式正式棄用舊的「Hashbang」技術(#!):https://developers.google.com/webmasters/ajax-crawling/docs/learn-more

我們選擇以下設置:

  • 的director.js路由系統
  • AJAX的路由把手從我們的後端(PHP,爾康)
  • 獲取數據呼叫
  • TweenMax動畫轉換爲DOM元素

  • ReactJS組件當我們抓取網頁的谷歌機器人(網站管理員工具),我們得到了一個預覽,其中該網站看起來一樣的最終用戶。這很好,因爲它證明了Google的新指導方針&似乎是要走的路。

    問題在於元數據。當我們刮掉頁面時,'raw'HTML將不會呈現。 Facebook的OG linter也不能處理Javascript,所以從Javascript內編輯元數據看起來是一個不好的選擇。

    設置從PHP中的元數據似乎開銷,因爲它創建了數據住第二的位置..

    解決方案,我發現(如prerender.io)都依賴於舊的谷歌路(#!) 。正如你所看到的,我們需要一些符合Google新方法的輸入/ SEO建議,包括對元數據的支持(SEO & OG)。

    在此先感謝!

  • +0

    我投票結束這個問題作爲題外話,因爲它是關於SEO –

    +0

    這是關於使用正確的技術來建立一個堅實的單頁系統(其中渲染元數據確實是更好的搜索引擎優化的一部分)。也許我沒有得到stackoverflow的指導方針,但我只能想象,在Google的指引更改之後,很多人都對這個主題感興趣。 @JohnConde – Antwan

    +0

    現在我們將在服務器上呈現元數據。對於未來的項目,我們正在研究「同構JavaScript」的原則:http://nerds.airbnb.com/isomorphic-javascript-future-web-apps/ – Antwan

    回答

    0

    Facebook(Twitter,LinkdedIn,Google+ ??)機器人無法呈現JavaScript。所以你設置你的OG標籤在原始的html代碼,即在後端。

    這是目前的現狀。

    +0

    感謝您的迴應!這似乎是我們必須處理的事情,但雙代碼呢?如果元數據是服務器上呈現的唯一內容,而其他所有內容位於客戶端上,那麼您將如何實現這一點。雙代碼似乎是一個不好的做法.. – Antwan

    +0

    一個可能的解決方案是將渲染頁面提供給Facebook,Twitter,鏈接到機器人。您可以使用預渲染或自定義工具渲染頁面。 – Alex