2013-05-14 90 views
2

目前我在我的網站上有一些在CSS文件中定義爲背景圖片的圖片。背景圖片和SEO

代碼如下所示。

的HTML:

<a href="http://domain.com" title="Website Title" class="image"></a> 

的CSS:

.image { 
    background: url("../img/deelnemende-organisaties/arcadis.png") no-repeat; 
} 

由於此背景其他一些CSS3效果是不可能的背景更改爲正常<img>標籤。

現在我想知道什麼是最好的方式來使用背景圖像,並保持儘可能高的SEO排名。

我看到了一些解決方案:

  • 把文成<a>標籤,然後用CSS與text-indent: -9999em
  • 隱藏它只是把一個title屬性的標籤與文本在它
  • 配售一個透明標籤,標題與您的標籤相同
  • 將其保留爲我的示例,並在XML文件中構建所謂的Image Sitemap

現在我不確定什麼是最好的解決方案,我不想通過做一些他們稱之爲非法的東西來搞砸我的SEO排名。

+0

'把文字放到標籤中,然後用帶有文本縮進的CSS隱藏:-9999em'谷歌比你更聰明 – 2013-05-14 12:03:09

回答

2

我看到了一些解決方案: - 將文本放入標記中,然後用帶有文本縮進的CSS隱藏它:-9999em - 僅在標記中放置標題屬性,並在其中包含文本。 - 在標籤中放置與標籤相同標題的透明標籤 - 保留標籤中的內容,並在XML文件中構建所謂的「圖片站點地圖」。

說到有人具有2年經驗同時作爲撰稿人和SEO鉛,其中的兩項技術將會讓你受到懲罰,這是很難恢復過來,它絕對算得黑帽。就圖片而言,您唯一能做的就是編寫出色的圖片標籤,精確準確地描述圖片搜索圖片,例如Google的圖片搜索。使用ALT標籤,如:

<img src="myimage.png" alt="Dog running in front of Redwood Trees"></img> 

這是兩歲,很老的搜索引擎優化,但最基礎的還是真實SEOmoz的是,你通常可以信任這些信息的地方。現在

http://www.seomoz.org/blog/image-seo-basics-whiteboard-friday

,有一個「最佳實踐」,當涉及到的圖像。圖片對搜索引擎優化沒有太大作用,但如果他們非常有趣,他們確實可以幫助人們留在您的網站上。如果您在Facebook和Pintrest等網站上放置您的漂亮圖片,這也會有助於將流量吸引到您的網站並幫助您找到。雖然這些是SMO(社交媒體優化)而不是搜索引擎優化,但它仍然是良好的網頁設計的一部分,會給你更多的流量,並最終增加你的PageRank。從不做任何黑帽。希望有所幫助!

+2

「圖片對於搜索引擎優化沒有多大作用。」否則我的經驗說。我有一個藝術博客,我收到的主要流量來自圖片搜索。圖像周圍的副本是搜索的關鍵部分,但是他們正在點擊引人注目的圖像。 – 2014-01-31 15:17:24

+0

作爲一名藝術家,我應該想到這個警告。我應該說通用的網站圖像。引人注目的圖像,如藝術品或在EarthPorn上找到的東西在Reddit上顯然非常重要,它們適用於您的特定行業。沒有冒犯的意思,你絕對是對的。信息圖形可以在流量方面做類似的事情,但它們必須引人注目,而大多數網站圖像則不是。對於大多數網站,我仍然認爲它的影響非常小。 – 2014-02-01 13:56:09

0

通過文本縮進圖片替換一個常見的模式,如果谷歌要懲罰這種技術,這將是常識。如果您的目標是最大化SEO表面或至少與標準img與alt相同,那麼在您的選項中,文本縮進會添加您添加的文本內容(如果它是img並且當前不被Google的索引算法。 可能是是相同的SEO曝光,但有可能谷歌可能會考慮一個微小的亞KB類間隔圖像,並且可能有索引效果,但是猜測。

該OP明確指出,他必須在此處使用背景圖像。沒有屬性作爲背景,所以Copenhaver不提供答案。