它會影響SEO嗎?
如果我有一個是或否的答案來回答這個話,我會說:NO
,這種做法精細,還是有一些重要的理由不這樣做?
我們可以整天討論動畫,但仍然沒有肯定的答案。動畫淡入搜索引擎的目的是什麼?沒有。那麼它應該是爲了用戶的享受嗎?動畫對用戶淡出的目的是什麼?沒有。因此,如果我們按照「爲用戶設計不爲搜索引擎設計」模型,我可能會刪除動畫。這是我的意見。
回到SEO問題,它會影響SEO嗎?並不是真的,但取決於搜索引擎和觀衆。如果我是使用屏幕閱讀器的人,我的屏幕閱讀器可能會失敗,所以我可能無法從您的頁面中受益。如果我禁用JavaScript,它會傷害我的用戶體驗(我個人使用FF NoScript插件瀏覽)。
我知道你說沒有javascript的用戶在你的網站上沒有業務,但是你應該考慮到這一點並以某種方式處理它。此外,Googlebot在抓取時沒有啓用JavaScript或會話Cookie。其次,如果你的某個js失敗了,你可能希望它適度地回到對用戶有用的東西,或者至少讓他們知道像'歡迎!我們有fancypants動畫發生在這裏,您的瀏覽器不支持!請啓用JavaScript'。
強制動畫通常對用戶來說很煩,特別是當他們重複每一次頁面加載時。加入頁面加載對Google搜索引擎優化不利,因爲速度現在成爲排名的一個因素。
就像我剛纔提到的那樣,主要的Googlebot不會使用javascript或會話cookie進行抓取。他們有不同的抓取工具,用於不同的目的,比如一些僅用於移動設備,一些用於js,一些用於flash。值得注意的是,有一個動畫/彈出/或任何負載將被'谷歌即時預覽'捕獲並顯示給用戶的結果(在你的情況下,它可能看起來像一個空白頁)。就像WDever提到的那樣,通常情況下,使用文本縮進或負邊距作爲初始狀態更安全,而不是像這樣的可見性/顯示/溢出。
這是我會怎麼做(here's a live preview with 4 second animation delay to test with and without js enabled):
<html>
<head>
<style>
.myhtml {visibility:hidden; overflow:hidden;}
</style>
<script>document.documentElement.className='myhtml'</script>
</head>
<body>
1. html is not hidden initially and no class
2. css styles register .myhtml class with the hidden stuff you want
3. the script tag just before the BODY tag will fire and add the class to html thus hiding things for those with javascript enabled. Everyone else who has JS disabled sees the page properly.
4. at the bottom of the page your jquery fires animating the page
<script>
$(document).ready(function() {
$('html.myhtml').css('overflow', 'auto').fadeTo(0, 0, function() {
$(this).css('visibility', 'visible').animate({
opacity: 1
}, 200);
});
})
</script>
</body>
</html>
你在衰落?我們是在談論一篇精美的文章,或者是像可愛的小貓騎在獨角獸上的眼睛糖果圖形,或者是什麼?搜索引擎最終要爲用戶帶來最好的結果,所以你應該如此。所以,如果你首先想要找到的信息漸漸消失,無論是文章還是小貓,那麼你應該沒問題。 –