1、圖片太多的網站怎樣優化
首先從圖片的大小上去優化,其次就是需要對圖片的屬性進行優化,嵌入相關的關鍵詞。
2、背景圖片怎麼優化??
搜索引擎不會搜索css里邊的背景圖片的
alt不可以給css里邊的背景加上的,
除非是替換元素的<img src="bg.jpg" alt="background" />
另外 推薦你看一下seo教程,搜索引擎優化的教程
3、像凡科建站的網站,網頁背景圖片都設計的很好看,這對用戶體驗和優化是不是有很大的作用?
1、網頁背景是網站建設中體現風格的一種方式,如果背景建設得好,那麼對用戶體驗則有一定的幫助,現在的網站越來越多的人傾向於選擇圖片背景的網站設計,讓網站看起來顯得整體,增加吸引力。
2、製作這種圖片背景的網站也是個技術活,從圖片的選擇、尺寸的設置以及與網站主題內容的風格融合等,對於他們的美工來說,都要下一番功夫的。
3、況且現在凡科的系統版本是完全考慮到企業網站的功能和SEO優化推廣方面的。推廣版這個是支持百度收錄的,網站搭建完成就比一般的網站占優勢呢。
4、網頁設計是純色背景好看,還是以背景圖片好看
1、網頁背景是網站建設中體現風格的一種方式,如果背景建設得好,那麼對用戶體驗則有一定的幫助,現在的網站越來越多的人傾向於選擇圖片背景的網站設計,讓網站看起來顯得整體,增加吸引力。
2、製作這種圖片背景的網站也是個技術活,從姬害灌轎弒計鬼襲邯陋圖片的選擇、尺寸的設置以及與網站主題內容的風格融合等,對於他們的美工來說,都要下一番功夫的。
3、況且現在凡科的系統版本是完全考慮到企業網站的功能和SEO優化推廣方面的。推廣版這個是支持百度收錄的,網站搭建完成就比一般的網站占優勢呢。
5、網頁表格內只要用背景圖片,瀏覽就會非常卡,什麼原因啊?
把背景圖片優化處理變小,一般為幾個kb。
此外,同一頁面的背景圖片不宜多。
6、圖片類型網站怎麼seo
如何做好網站圖片頁面的seo優化的方法:
1.圖片內容的相關性
圖片內容的相關性很多站長不太容易理解,認為跟搜索引擎關系不大,既然搜索引擎不能很好的識別圖片內容,又怎麼能判斷內容之間的相關性呢。的確如此,增加內容相關性的目的主要是提高用戶體驗,增加用戶閱讀興趣。如果搜索引擎識別出你的頁面主要是圖片內容,那麼會從用戶瀏覽時間、點擊率、關注區域等一些列用戶體驗數據來判斷網站的好壞。從這個角度考慮,內容的相關性是我們必須關注的,也是優化的重點。此外,圖片頁面的內容必須尊重頁面簡單,切勿亂花漸欲迷人眼;突出重點,讓頁面主要瀏覽的區域放上最核心的內容,而不是側邊欄,頁面底部這些位置。
2.Alt標簽
幫助搜索引擎識別圖片的主要標簽就是這個了,alt標簽需要跟圖片內容相關,更重要的一點,需要跟網頁標題相關。如果alt標簽直接替換為網頁標題,不免會招來關鍵詞堆砌的嫌疑,那麼最好的做法就是以相關關鍵詞來做alt標簽內容。比如你的頁面標題是「海邊婚紗攝影」,那麼網頁中的alt標簽寫「大海攝影」「海邊婚紗照」「海邊婚紗攝影照片集」等等,促進搜索引擎更好的識別你的網頁內容。同標題一樣,alt標簽的長度也不能過長,剛才的例子中都是以短語作為圖片名稱,冗長的標簽一般也不會是人為的,通常是程序自動生成的。試想搜索引擎能有好乾嗎?
3.圖片大小與頁面瀏覽速度
網頁瀏覽速度直接關繫到用戶體驗的問題,很多圖片的原始圖片通常就有2-5M之多,這么大的圖片在一個網頁中,打開速度慢的要死。蜘蛛在爬行中也會遇阻,收錄和排名都會受影響。因此,優化圖片大小對於圖片網站來說是必須的。一般,圖片的格式在網頁中主要使用gif、jpg還有png三種,根據不同的需求而定。如果你是輪廓圖或者矢量圖,最好採用gif格式,如果你是大型的展示圖片,改用jpg為好。網頁背景或者廣告頁面,用png。針對圖片格式的轉換,photoshop里也提供了一個專門的工具,大家選擇「存儲為web格式」即可。控制圖片的大小,讓你的網頁飛起來。
4.圖片的url與名稱
目前主流的程序,上傳圖片後都會自動命名,主要目的是防止重復命名。還有些是不更改名稱,相機的名稱如DSC-0029.jpg,這樣的名稱也能被收錄和識別,但是沒有很好的利用url,同網頁url一樣,最好還是通過拼音+字元的形式,增加搜索引擎的判斷能力,比如上面那幅圖的名稱設置為photoshop.jpg就會比20120620.jpg好得多。
5.圖片鏈接的設置
圖片鏈接即是優化的技巧之一,也是用戶點擊率很高的利器。需要注意的是,不要把圖片鏈接設置為頁面本身,最好設置為網站內的其他頁面,提高網站PV值,或者是分頁面。可以觀察下大多數的新聞網站,一個主題,幾個分頁,每個分頁就是簡單的一張圖+一句話描述。圖片的鏈接指向下一個頁面。
注意事項
還要注意一點,就是鏈接title的設置問題,title盡量跟下一個網頁的標題有關系,同時也聯繫到本頁面的內容。如果是同一個主題,就很好設置了。如果你用的是wordpress程序,安裝all-in-seo插件會提示你設置這里的所有內容。當然,最重要的是保持一個好的習慣,在平時的編輯工作中加入seo優化意識,必然事半功倍。
7、網站中加入網頁背景圖片對網站的優化有影響嗎
網頁背景圖片對網站的優化基本沒影響,
一般來說圖片對seo影響很小,
8、web中將圖片設為背景圖片的代碼是什麼?
web中將圖片設為背景圖片的代碼如下:
<html>
<body background="a.jpg">
</body>
</html>
這樣就把圖片a.jpg設為背景圖片了。
<body bgcolor="#CCCCCC">
這個是把背景設成灰色
9、背景是深色的圖片,怎麼使用photoshop優化?
你只要字不要背景是吧,用通道就行啊
1、選擇通道,你看RGB哪個通道黑白對比明顯。
2、選擇那個對比明顯的通道,復制一個,調整色階,使背景直到變白。
3、反相圖片,按住ctrl點圖層,提出選區,再點上面的RGB圖層
4、這樣就能把圖像(字)選出,完全沒有背景,再建個白色背景圖層,拉入
完畢
10、怎麼一步步把網站Retina優化
網站為高清屏幕優化有什麼優勢呢?首先有大量的網站沒有Retina優化,並且有著越來越多的互聯網流量來自平板和手機電腦,這些機型都是非常提前就擁有高清屏的。
之所以廣大的站長還不動心Retina優化自己的網站,大多因為他們管理網站所用的電腦還不是高清屏幕,所以暫時沒有體驗到高清屏下低清網頁的模糊感覺。但是如果能在現在就鶴立雞群,把自己的網站做到高清優化,是非常尊重用戶體驗的,可以獲得更多的回頭客和滿意度。
圖片和CSS背景
使用圖片的情形一般是這兩個,一個是img標簽,另一個是CSS背景。前者比較直接,是最常用的方式。要在img標簽實現Retina優化,你只需提供一個圖片的雙倍尺寸版本,並以50%的大小貼在網頁里。
例如,你有一張大小為100X100px的名為picture.png的圖片,曾經以
<img src="picture.png" />
的形式貼在網頁上,現在為了Retina優化,你需要製作一張同樣清晰的但是大小是200X200px的雙倍大小圖片,名字最好也取為[email protected],並以
<img src="[email protected]" alt="" width="100" height="100" />
的形式貼到網頁上。這樣一來,原本200px的大小以100px顯示,在高清屏幕上就得到了Retina優化到效果。
Retina 圖片命名規范
這種專為優化而生的圖片有一套現在常用的命名規范,那就是在後面加一個@2x後綴。例如[email protected]將會是pic.png的優化版本,它的大小將會是後者的兩倍,但是我們希望它是以原大小的比例來顯示出來。
另一個常見的情形是以CSS背景圖形式來展示圖片。通常人們用它來顯示LOGO,按鈕背景或者某個邊欄的背景。img更多的在正文出現,CSS背景則與網頁布局和整體外觀聯系緊密,所以實際上我們做的Retina優化在圖片這一塊,更多的是指CSS Background這一塊。和上面的方法一樣,優化方案是將一個兩倍於原大小的背景圖以原大小比例顯示出來。例如我們對下面的CSS代碼進行優化
#logo{
background: url('logo.png') no-repeat;
}
並且假設這個logo.png是100X100px大小,現在准備一張同樣清晰的大小為200X200px大小的[email protected]圖片,經過優化,CSS應該這樣寫
#logo{
background: url('[email protected]') no-repeat;
background-size: 100px 100px;
}
其中,background-size: 寬度 高度; 部分可以把圖片背景強制以想要的規格顯示出來,這樣就可以達到Retina效果。
僅Retina屏幕顯示優化的CSS背景圖
我們知道雙倍的圖片大小意味著更大的儲存空間和流量,那麼,我們能不能實現如果不是高清設備,則只是載入低清圖呢?CSS3提供了這樣的特性。
現在只需這樣寫
/* low-resolution devices */
#logo {
background-image: url(logo.png);
background-repeat: no-repeat;
}
/* high-resolution devices */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
#logo {
background-image: url([email protected]);
background-size: 100px 100px;
background-repeat: no-repeat;
}
}
就可以實現僅僅是高清設備才會載入高清圖片,節省流量了。
按鈕等頁面元素
除了圖片,我們常常還在按鈕、提示圖片等一些小角落看到低清的不和諧圖片。有時候我們為了按鈕好看,就會在上面做一些圖片花樣。可就是這些小小的地方,如果Retina優化在這些小角落上沒有落實的話,用戶的眼光也會一下子被吸引過去並抱怨。
要解決的這些問題,首先可以像上述那樣使用高清圖片來實現Retina效果,但是更好的方式就是少使用圖片元素。現在瀏覽器主流都支持CSS3技術,而CSS3可以幫助你在不使用的圖片的情況下,創造出可縮放的、原生高清的視覺效果,這樣一來可以完全不用擔心Retina優化問題,還能加快載入速度。