Facebook風格的彈出窗口如何工作？

我想添加彈出窗口到照片庫。我之前使用過lightbox。但我認爲有一個問題。 JQuery上傳窗口而不打開新頁面。這意味着你只需要一頁圖片。我認爲這不利於搜索引擎優化。 Facebook使用另一種方式，當你打開照片時，你有新的網址（但在後臺有父頁面）。Facebook風格的彈出窗口如何工作？

你能解釋這個東西是如何工作的嗎？我對SEO的想法是對的嗎？舉個例子，我使用django，但我認爲沒關係。

預先感謝您。

來源

2013-01-18 AlexanderLedovsky

Facebook使用href和屬性ajaxify。當一個鏈接被點擊時，JavaScript會停止從鑼到另一個頁面的鏈接，並加載ajaxify中指定的頁面來加載彈出窗口。如果JavaScript不在，那麼它只會沿着href到照片頁面。

Facebook的影院錨標記

<a class="uiMediaThumb _6i9 uiMediaThumbMedium" href="http://www.facebook. 
    com/photo.php?loadandloadsofnumbers_n.jpg&size=720%2C960" aria-label="Photo" 
    id="pic_nuuuuuumbers" rel="theater" ajaxify="http://www.facebook.com/photo. 
    php?fbid=nuuuuuumbers&set=t.nuuuuuumbers&type=3&src=http%3A%2F%2Fsphotos- 
    e.ak.fbcdn.net%2Fhphotos-ak-ash4%2F312300_10nuuuuuumbers54 
    _773840764_n.jpg&size=720%2C960&theater">

來源

2013-01-18 15:42:57 qooplmao

謝謝！現在很明顯。你知道這樣的窗戶如何工作的搜索引擎優化？ – AlexanderLedovsky

我只能想象一下，Google允許爲SEO提供基本的html網站佈局，以及禁用javascript的人。我不會想到額外的'劇院'窗口將被包含在任何搜索引擎優化相關的東西。 – qooplmao

您可以使用window.locaiton將url更改爲任何你想要的。請參閱this以供參考。

來源

2013-01-18 15:41:31

Facebook風格的彈出窗口如何工作？

回答

相關問題