使用css隱藏文本：文本縮進

我的網站頂部有一個公司徽標，它鏈接回主頁。我隱藏鏈接文本使用text-indent: -9999px;這似乎是常見的做法。使用css隱藏文本：文本縮進

對我來說，這感覺就像一個黑客，我擔心它會負面影響我的搜索引擎優化。

這是否仍然是最好的方法？

HTML：

<a href="index.php" id="logo">My Website</a>

CSS：

#logo { 
    display: block; 
    width: 100px; 
    height: 100px; 
    overflow: hidden; 
    background: url('logo.png'); 
    text-indent: -9999px; 
}

來源

2011-07-18 Dan

無論是文本縮進或填充與高度1px和溢出隱藏是唯一的方式，我總是做到這一點。對其他選項感興趣。 +1 – locrizak

大多數網站使用此方法。 Google不能僅懲罰所有網站的50％。我不擔心它，除非您在整個頁面上使用它或隱藏整個部分（即濫用它）。 – Gerben

@Gerben，Google可以處罰所有網站的50％。這樣做的網站可能會傷害自己不知道他們是誰。當然，損害可能非常小，不會產生顯着差異和/或通過一些質量鏈接等輕易被克服。 –

AFAIK谷歌抓取工具無法看到你從頁面的可見部分移動的文本了，它仍然可以找出您使用text-indent隱藏的文字。這不應該傷害搜索引擎優化。此外，如果是這種情況，使用text-indent作爲其目的不會是一種常見做法。

來源

2011-07-18 15:49:24 Sarfraz

難道你不應該用Matt Cutts的報價來備份這些類型的答案嗎？ – thirtydot

谷歌或Matt Cutts沒有對這種特定技術發表任何官方評論 –

@John Conde：我的評論有些尷尬。我的觀點是，*某種*引用會有幫助。也許[這]（http://maileohye.com/html-text-indent-not-messing-up-your-rankings/）或視頻[這裏提到]（http://stackoverflow.com/questions/5481225/做搜索 - 引擎 - 治療 - TEXT-INDENT-9999em-或負利潤，作爲搜索引擎優化作弊/ 5481784＃5481784）。 – thirtydot

我會建議你兩種方式，沒有一個是文本縮進（這是過時的方法）。第一種方式是刪除文字，而是它的廣告標題來你的錨，是這樣的：

<a href="index.php" id="logo" title"My Website"></a>

第二種方式是在這種定位的標籤添加圖像：

<a href="index.php" id="logo"><img src="path/to/image" alt="My Website"/></a>

這兩個方式要比文本縮進好得多，特別是因爲幾個月前谷歌宣佈它已經徹底改變了索引站點的方式，以防止咬連接和其他形式的欺詐，這意味着文本縮進看起來不會有利，也許不是開始，但會嘗試從它身上取消人。

看到這部影片： http://www.youtube.com/watch?v=fBLvn_WkDJ4&feature=player_embedded

來源

2012-05-29 13:53:35 misticx

有使用text-indent:-9999px;，使用Opera Mini，可能是其他移動瀏覽器時的另一個好處，它不顯示背景圖片，而只是文字。向歌劇迷用戶展示文字要好得多，而不是難以辨認的小徽標。

來源

2012-12-05 08:58:26

這是我使用了很多的技巧。它根本不應該心動

<a href="">&nbsp;</a> - now is visible but without showing any chars.

來源

2014-04-24 21:05:13

使用css隱藏文本：文本縮進

回答

相關問題