CSS背景圖片/按鈕 - 替代文字搜索引擎優化？

我正在努力改善一個可怕的開發者編碼的舊網站上的SEO。它包含許多通過CSS background:以及按鈕顯示的圖像。我想知道是否有包括'alt/title'文本或其他搜索引擎優化選項來保存這個網站 - 沒有整個重建。CSS背景圖片/按鈕 - 替代文字搜索引擎優化？

也可以使用此：

a { 
    background: url('image.png') no-repeat center center transparent; 
    display: block; 
    text-indent: -9999em; 
    overflow: hidden; 
}

，寫HTML爲：

<a href="/">Welcome</a>

既然你是把「歡迎光臨」的<a>標籤內，你可以搜索引擎友好。

2012-06-06 18:42:53

或者如果文本仍然顯示在文本/按鈕之外，則可以將文本添加到a /按鈕內的span或div上並將顯示設置爲無。（這會有幫助嗎？） – Playmaker

@Playmaker，不需要，因爲我已經給出了一個'負文本縮進'和'溢出：隱藏'。這兩個照顧不顯示文本！ :)將內容放入跨度對於SEO來說變得更加複雜。 –

沒有注意到。我的錯。謝謝！ – Playmaker

查看您的元標籤，說明和標題屬性。讓它們更加豐富

將alt添加到每個<a>的每個重要圖像和標題，以及儘可能多的文字。如果它是100％製成的圖像將很難保存它。

2012-06-06 18:38:20

如果圖像未顯示，則不能使用圖像標記上的傳統'alt/title'。

但是你可以爲正在設計風格的div添加'title'屬性。我不確定它會帶來多少SEO重量。你

2012-06-06 18:39:49

你最好使用真正的img標籤，而不是依賴於CSS background-image屬性。既然我確定你已經知道了，這裏有一些其他的建議！

圖片替代標籤對搜索引擎優化很有用，但僅作爲更大策略的一部分。通過創建有價值的內容，您可以獲得更大的搜索引擎優化提升：博客，在相關論壇和博客上發佈鏈接，更新網站副本。

定期更新的博客將爲您的搜索引擎優化做的事情遠遠超過整個網站的重建，爲您的圖片添加替代和標題標籤。

您可能會考慮將您的圖片重命名爲更適合搜索引擎優化的名稱。例如，「flapjack.png」比「image_01.png」好。這不需要太多時間。

2012-06-13 19:38:09 illbzo1

回答