2013-05-02 90 views
0

在幾篇教程中,我發現網站標題和網站描述對搜索引擎優化很重要。即使他們的一些使用網站標題<h2><h1>爲網站描述抓住搜索引擎的關注網站事項。是否隱藏網站標題和/或標語或網站說明有關SEO?

<header> 

<div id="logo"><a href="#"><img src="images/logo.png" alt="Logo of the Company" title="Company Title"/></a></div> 

<hgroup> 
<h2 id="site-title">Site Title</h2> 
<h1 id="site-description">Site Description</h1>    
</hgroup> 

</header> 

OPTION我:但在一些網頁上,我們沒有看到任何網站標題或描述,但一個網站的標誌。在這種情況下,設計師建議使用text-indent來隱藏它們。

#site-title, 
#site-description{ 
    text-indent: -9999px; 
    } 

它會通過縮進隱藏文本「從可見光部分他們,所以後來搜索引擎將抓取」時間,它會是SEO友好。但問題是,他們正在採取標題部分的空間。爲了滿足這個空間,我們需要爲以下項目設置保證金,這對我來說不是一個好的解決方案。

方案二:在那旁邊,我們可以使用visibility:hidden

#site-title, 
#site-description{ 
    visibility: hidden; 
    } 

我不知道它是否能使爬蟲抓取這些文本,但這裏同樣的問題也一樣,它採取的地方。

方案三:但有用的唯一的事情是display: none,它就像一個純HTML註釋(<!-- commented out -->

#site-title, 
#site-description{ 
    display: none; 
    } 

但真正的,它只是消失的文字,我覺得即使從眼睛履帶。所以,對我來說,這不是SEO友好的。

所以,選項I和II對佔位問題很有用。

  • 我怎麼能把他們放在SE爬行器上,但從眼睛看不到而沒有發生?

回答

1

使用CSS clip Property是一個非常乾淨和無衝突的解決方案。

h1#site-title, 
    h2#site-description{ 
     position: absolute; 
     clip: rect(1px 1px 1px 1px); /* IE7 */ 
     clip: rect(1px, 1px, 1px, 1px); 
    } 

CSS clip物業
clip CSS屬性定義了一個元素的部分是可見的。 clip屬性僅適用於具有position:absolute的元素。

瀏覽器支持:
Microsoft Internet Explorer Supported Mozilla Firefox Supported Opera Supported Google Chrome Supported Apple Safari Supported

0

我不認爲display:none消失了源代碼。它仍然存在,搜索引擎仍然會抓取它們。

嘗試檢查元素(Chrome開發者工具或Firebug的)或查看源代碼的網頁的,你會看到! CSS永遠不會影響頁面上呈現的HTML種類!它隻影響它的外觀。所以,放鬆並使用display:none屬性。