660
shares
聚米幫你連接全球客戶
服務(wù)熱線:400-8817-968
發(fā)布于:2020-01-06
自從撥號Internet時代以來,互聯(lián)網(wǎng)時代已經(jīng)發(fā)生了變化,當(dāng)時用戶不得不等待幾分鐘才能加載單個圖像。而現(xiàn)在即使在我們的移動設(shè)備上,我們也可以享受快速的Internet訪問。對于用戶和搜索引擎而言,圖像優(yōu)化與以往一樣重要,甚至不那么重要,在本文中,我們將介紹為搜索引擎優(yōu)化圖像的多種方法。
1.使用正確的圖片
為你的網(wǎng)站找到并使用正確的圖像類型是成功的關(guān)鍵一步。一個很好的起點(diǎn)是古老的Flickr.com。它具有多種不同的照片可供選擇,并具有按許可證過濾內(nèi)容的功能。
這意味著你可以輕松找到可以合法用于商業(yè)目的的圖片,甚至沒有版權(quán)限制的圖片。(確保你具有所有必要的權(quán)限,才能出于自己的目的使用或修改圖像。)
在Flickr上提供的用于搜索“黑色汽車”的圖像。
2.選擇正確的文件格式
選擇正確的圖像后,需要確定哪種文件格式最適合你的需求。由于我們主要關(guān)注圖片和相對復(fù)雜的“真實(shí)感”圖形,因此我們必須從三種常用的光柵圖像格式中進(jìn)行選擇:GIF,PNG和JPEG。
(1)JPEG是當(dāng)今最常用的圖像格式。它使用有損數(shù)據(jù)壓縮;這意味著,根據(jù)你的設(shè)置,圖像質(zhì)量可能會受到很大影響。也沒有像GIF和PNG格式那樣支持透明背景。使用此格式的最大優(yōu)點(diǎn)是它可以減小文件大小,并且?guī)缀跛械胤蕉贾С衷摳袷健?/span>
(2)GIF是用于簡單圖稿和動畫的位圖圖像格式。由于它僅支持256色,因此不建議用于照片或更真實(shí)感的圖像。但是,它的文件很小,并且支持透明背景,因此非常適合公司徽標(biāo)和網(wǎng)站的各種頁面元素。
(3)PNG是GIF和JPEG文件格式的現(xiàn)代替代品。PNG支持透明性,具有更好的顏色范圍和自動伽瑪校正功能。PNG甚至可以存儲圖像內(nèi)容的簡短文字說明,以幫助搜索引擎對圖像進(jìn)行分類。該文件格式是這三種格式中最新的一種,這意味著它不太容易得到支持。另外,文件大小可能會更大。
3.優(yōu)化你的網(wǎng)絡(luò)圖像
在為網(wǎng)絡(luò)優(yōu)化圖像時,你的目標(biāo)是在不犧牲圖像質(zhì)量的前提下,盡可能減小文件大小。
你有幾種選擇,但是最簡單的方法是使用在線壓縮工具,如TinyPNG或Compress JPEG。只需上傳你的圖像,Web應(yīng)用程序?qū)槟闾幚硪磺小?/span>
如果將壓縮圖像與原始圖像進(jìn)行比較,你幾乎不會注意到質(zhì)量下降。
壓縮的圖像在左側(cè)。
如果需要的話,Adobe Photoshop(如下所示)會將所有控件都放在你的手中。
4.使用信息性文件名
對于從相機(jī)下載的圖像,請為它們指定一個描述性的新名稱,以使搜索引擎更容易找到它們。
一個很好的例子是這樣的:IMG_Seattle_MusicFestival_2020_01。
5.注意替代文字
當(dāng)你將鼠標(biāo)懸停在圖像上時,Alt文本(“替代文本”的縮寫)用于突出顯示圖像的身份。當(dāng)渲染圖像出現(xiàn)問題時,它也會以文本形式顯示給所有用戶。此外,屏幕閱讀器還使用它來幫助視障人士瀏覽網(wǎng)絡(luò)。
圖像的最簡單的HTML代碼如下所示:
<img src =” http://example.co.uk/uploads/big-steak.jpg”>
除了文件名之外,視力障礙者的搜索引擎提供的信息有限,無法幫助他們了解網(wǎng)絡(luò)圖像的含義。但是,通過包含以下替代文本,你可以精確描述圖片的內(nèi)容。
<img src = http://example.co.uk/uploads/big-steak.jpg alt =“老人在餐廳吃大牛排”>
你還可以查看“ title”屬性之類的標(biāo)簽,但是簡單的alt image標(biāo)簽足以告訴Google和其他搜索引擎圖片的含義,并幫助你在SERP中排名更高。
6.將縮略圖與主圖片分開
理想情況下,縮略圖應(yīng)盡可能小,以最大程度縮短頁面加載時間。這意味著你需要調(diào)整它們的大小并使用適當(dāng)?shù)膲嚎s級別。由于無論如何它們往往都非常小,因此你可以犧牲一點(diǎn)畫質(zhì)來提高速度。
為此,你可以使用Photoshop之類的照片編輯工具,也可以使用當(dāng)今可用的許多免費(fèi)工具之一。這些工具包括Pixlr,PicMonkey和Fotor等在線圖片編輯器;還有GIMP,它是一個自由分發(fā)的程序,可以執(zhí)行Photoshop可以執(zhí)行的大多數(shù)操作(但有時以一種不那么用戶友好的方式)。
7.創(chuàng)建圖像站點(diǎn)地圖
Google鼓勵你使用圖片站點(diǎn)地圖為搜索引擎提供有關(guān)你網(wǎng)站上可用圖片的更多信息。這樣,他們甚至可以找到由JavaScript代碼加載的那些圖片,這通常是產(chǎn)品圖片和滑塊庫的情況。
如果你已經(jīng)有一個站點(diǎn)地圖(應(yīng)該),則可以向其中添加圖像信息,也可以僅為圖像創(chuàng)建一個單獨(dú)的站點(diǎn)地圖。
創(chuàng)建站點(diǎn)地圖并不太復(fù)雜。基本上,對于你在站點(diǎn)地圖中列出的每個URL,你都可以在該頁面上添加有關(guān)圖像的其他信息。Google為我們提供了網(wǎng)址http://example.co.uk/sample.html的示例:
<?xml版本=“ 1.0”編碼=“ UTF-8”?>
<urlset xmlns =“ http://www.sitemaps.org/schemas/sitemap/0.9”
xmlns:image =“ http://www.google.com/schemas/sitemap-image/1.1”>
<url>
<loc> http://example.co.uk/sample.html </ loc>
<image:圖像>
<image:loc> http://example.co.uk/image.jpg </ image:loc>
</ image:image>
<image:圖像>
<image:loc> http://example.co.uk/photo.jpg </ image:loc>
</ image:image>
</ url>
</ urlset>
你可以在此處找到更多信息和完整的圖像標(biāo)簽定義集。
如果你正在運(yùn)行WordPress網(wǎng)站,則還可以利用可用的插件。例如,圖像的Google XML站點(diǎn)地圖和Udinra所有圖像站點(diǎn)地圖都會自動為圖像創(chuàng)建Google XML站點(diǎn)地圖。
8.不要依賴第三方圖片托管
像Imgur和Postimage這樣的圖像托管服務(wù)使你可以將圖像上傳到它們的服務(wù)器上,這對于節(jié)省空間和減少站點(diǎn)占用的整體帶寬非常有用。主要缺點(diǎn)是當(dāng)托管服務(wù)被大量流量淹沒時,你的圖像可能會被刪除或阻止。
因此,使用自己的服務(wù)器托管圖像始終是一個好主意。從長遠(yuǎn)來看,你一定會看到它有多大好處。
9.整合社交媒體
社交媒體在你的整體SEO和客戶獲取策略中扮演著重要角色。將圖像集成到社交媒體平臺中的最簡單方法是在網(wǎng)站上添加社交媒體共享按鈕。
鼓勵訪問者向Pinterest分享你的圖像的最流行的方法之一是為每個圖像添加一個簡單的“ Pin It”按鈕。
SumoMe的Image Sharer是一個很好用的工具。使用Image Sharer,你可以輕松地允許訪問者共享你網(wǎng)站上的圖像并鏈接回你。它支持Facebook,Twitter,Pinterest和Yummly。你可以自定義Image Sharer圖標(biāo)的顯示方式。
10.查閱Google網(wǎng)站站長指南
Google已制定了一組圖像發(fā)布指南,作為其網(wǎng)站站長指南的一部分,可幫助你針對其搜索引擎和訪問者優(yōu)化網(wǎng)站。
評論展示
660
shares
掃碼加微信咨詢
15815846676
長按號碼加微信
在線留言