圖像優化以提高網站速度和網站推廣-Semalt Expert



圖像當然是緊隨其後的文字,是網絡上最重要的組成部分之一。與具有圖像的網站相比,沒有圖像的網站通常會很無聊,並且對沖浪者的動機較小。

此外,在相當多的地方,必須強制使用圖像,甚至有必要使用圖像來證明站點的合理性。

例如:

Google圖片促銷:正確使用圖片

您是否從照片網站/圖像存儲庫投資併購買了照片,還是自己放大並拍攝了照片?您還應該將它們最大化以用於SEO!

Google圖片促銷是其中一種 增加網站流量的最佳方法 在某些領域-尤其是那些側重於視覺方面的領域。

儘管如此,不當使用圖片可能對網站造成的危害大於弊端,甚至大大損害了推廣工作。當談論圖像中的使用 有機促銷的背景,請務必牢記一些規則,圖片使用不當會嚴重影響網站的速度,因此可能會對推廣產生重大影響。

基本圖像優化規則:

1.圖像的重量和尺寸

在線推廣圖像的重要參數之一是圖像的重量。

一方面,我們希望使用高質量的圖像,但另一方面,它不會以犧牲網站速度,用戶體驗和提升為代價。建議始終將圖像“優化”(從詞優化)到最大可能,而不會顯著降低質量。為此,請遵循以下所有規則:

建議的照片重量

幾乎任何圖像都可以壓縮到一個程度或另一個程度,因此始終建議僅使用實際需要的尺寸以及實際顯示在現場的尺寸,並儘可能減少圖像的重量。這對於任何站點都是如此。但特別是對於具有大量圖像的網站。沒有一種規則在所有情況下都適用,但是建議確保圖像權重不超過70-80K,除非它是特別重要的圖庫/幻燈片圖像。

2.為圖像選擇一個合適的名稱

在Google搜索圖片時,要考慮幾個參數以顯示與查詢相關的圖片。其中之一是文件名。建議您花一秒鐘的時間,並給圖像起一個描述您在圖像中看到的名稱的名稱。使用英語保持文件名並使用中間行而不是空格非常重要。原因是Google可以更好地應對中間破折號。

圖片的不良名稱示例:

DSC2387.jpg

網站啟動器

圖片的好名字示例:

Search-engine-optimizer.jpg

對於那些想知道的人-是的,Google知道如何處理其他語言的英文圖像名稱。它知道如何翻譯搜索字符串並在搜索結果中突出顯示已翻譯的單詞。

3.圖像的ALT

alt標記(替代標記的縮寫)是旨在描述圖像的參數。 alt標籤是在管理系統/ HTML代碼中分別為每個圖像定義的,其原始功能是為盲人和殘障人士提供服務,他們使用特殊軟件來掃描這些標籤並讀取所寫內容。

從技術上講,它看起來像這樣:

<imgsrc =“ tree.jpg” alt =“ tree”>

除了標籤在網站可訪問性方面的重要性外,它對搜索引擎也很重要。 alt標籤可幫助搜索引擎了解圖像的主題(以及文件名,所處頁面的上下文等),並且自然會影響Google上的圖像搜索。

另外,alt標籤是所有內容頁面優化的一部分。另外,當圖像中出現外部鏈接時,alt標籤用作圖像的文本錨點(“錨文本”)。

如何檢查圖像是否帶有ALT標籤?

有幾種方式:
尖叫的青蛙 -當我們要對站點上的圖像進行徹底掃描時,請使用適合的青蛙。

該過程是輸入要掃描的URL,然後單擊“圖像”選項卡。

在那裡,我們將看到站點上的圖像列表,可以通過幾個參數對其進行排序:
當然,有更多的方式和各種插件,但是在我看來,我已經在這裡按照每頁的要點需求和對該站點的詳盡回顧進行了介紹。

Google圖片促銷-優化ALT標籤的提示

您不應強迫關鍵字,而應嘗試描述您在圖片中看到的內容。
無需在牆紙/裝飾圖片上使用替代字體-甚至建議不要使用替代字體,以免Google懷疑您正在嘗試過度優化。

4.圖片的標題標籤

圖像標題或標題是一種工具提示,可以通過將鼠標移到圖像上來查看。許多人將其與ALT標籤混淆。

圖片標題是圖片的相關性和主題的另一種指示,可以幫助Google理解圖片的含義並提高其圖片搜索排名。與ALT標籤不同,title標籤通常更具描述性,並且更長一些,其目的是向衝浪者描述圖像中看到的內容和/或單擊圖像後會出現的內容。新聞站點經常使用此標籤。

這是代碼中的樣子:

<img class =“ alignnone wp-image-1323 size-full” title =“示例標題圖像”>

5.圖像類型和文件擴展名

在線使用圖像有幾種常見格式。我將簡要介紹它們中的每一個:
底線-gif並非用於顯示圖像,尤其是在圖像質量方面,而是用於更簡單的圖標,動畫和元素。
還有許多其他圖像格式可用,但它們與網站上使用的相關性較低。

小費 -對於使用Photoshop的用戶,我始終建議您使用“保存為Web和設備”在不同格式之間比較圖像權重(保存文件之前先預覽圖像權重)。

選擇圖像格式的經驗法則

6.正確使用縮略圖



縮略圖(預覽)是某些網站(尤其是基於畫廊的網站和商業網站)的重要甚至至關重要的組成部分。縮略圖(一方面是Google Translate的“縮略圖”)可能很棒,但另一方面卻大大破壞了網站和用戶體驗。

使用這些圖像最關鍵的是保持合理的質量和盡可能低的重量。在依靠縮略圖顯示類別頁面和產品預覽的大型商業網站中,這一事實尤其重要。您是否知道,網站延遲加載的每一秒鐘都會使亞馬遜每年損失16億美元?在此類站點上,大部分加載時間是圖像。

的確,我們大多數人只能夢想擁有如此規模的場所。但是,您知道-大的變化是從下而上開始的,小的變化是從下而上。我們越早解決越好。

正確使用縮略圖的提示

強烈建議為縮略圖創建縮略圖,並為產品頁面本身創建較大的圖像。請勿將大圖用作縮略圖!這將加載站點負載的幾倍,尤其是當一頁上有很多縮略圖時。在各種CMS系統中,您將自動免除此問題。

當涉及圖像優化規則時,建議在大型圖像上而不是縮略圖上進行更多投資。例如-不要在圖片站點地圖中包含縮略圖(以下擴展名),在某些情況下甚至不為其設置ALT標籤。野心是Google會以縮略圖為代價而不是相反地索引大圖片。

建議將“圖像標題”設置為“縮略圖”,以幾個詞來描述產品,並通常單擊該圖像後瀏覽者會看到什麼。

如果每個產品類別頁面上都有很多產品(例如超過30種),建議使用“延遲加載”腳本,該腳本僅在衝浪者滾動到其所在區域時才加載圖像。

7.使用自動換行

通常情況下,圖像開始為文本服務,而不是相反。但是就圖像優化和Google圖像促銷而言,如果該站點是基於圖像的網絡,那麼即使它是基本內容,也不要忽略文本是非常值得的。

對於那些想要保持乾淨和簡約的外觀的人(例如,在攝影師的作品集網站上),建議他至少在每個帶有圖像的頁面上定義以下內容:

8.照片的站點地圖

圖片Sitemap(image-sitemap.xml)可幫助Google更好地閱讀和索引我們在網站上的圖片。與標準XML網站地圖類似,可以使用Search Console在網站地圖區域中提交圖像網站地圖。

在Search Console中添加站點地圖

當使用各種帶有腳本和各種效果的畫廊時,圖像站點地圖特別有用-谷歌通常很難進行掃描。

有一些用於使用圖像站點地圖的參數。

如何創建站點地圖?

WordPress-和往常一樣,如果您使用WordPress,您的生活將會很輕鬆。 Udinra All Image Sitemap插件為您關閉了角落。您所要做的就是安裝插件,在設置中標記一些V,創建站點地圖,然後通過Search Console將其啟動到Google。

在任何其他平台上-這取決於。如果沒有像插件之類的開箱即用的解決方案,則可以使用Screaming Frog完成。

青蛙可以幫助您輕鬆生成圖像的站點地圖。唯一的問題-它不會自動更新(與插件不同),並且必須不時刷新。

你是怎樣做的?

必須對請求的站點進行全面掃描,然後在軟件的頂部菜單中轉到站點地圖->創建圖像站點地圖。您將收到的是一個原始XML文件,該文件將在Search Console中使用和啟動。

9.鼓勵分享照片

如果您大肆使用原始圖片(無論是物理圖片還是圖形元素),並且圖片是網站的主要內容或至少是網站的基本組成部分,那麼鼓勵用戶在社交網絡上分享圖片非常值得網絡,使他們更容易這樣做。

像往常一樣,我有有關WordPress平台的實用技巧,在其他系統中,我建議使用程序員或檢查是否有專用的插件。

WordPress為此有兩個不錯的插件:

10.圖像縮小和優化工具

小小PNG -一項出色的服務,可讓您使用特別方便的拖動界面在線壓縮圖像。他們還有一個API,可讓您自動進行大量工作,還有WordPress的出色插件,可讓您壓縮網站上的所有圖像-要求使用其API(每月免費提供500張圖像)。
攝影者 -精美的桌面軟件,可讓您大量編輯圖像-不僅可以壓縮圖像,而且還可以縮小尺寸,為圖像添加水印和各種效果以及許多其他精美功能。

結論

您剛剛了解優化網站圖像的重要性。但是,如果您想知道網站的當前狀態,則可以免費使用它,這要歸功於Semalt的 SEO諮詢
塞瑪特將幫助您確定與您的網站有關的SEO問題。此外,借助Semalt Experts,您可以輕鬆實現 提高在線業務的績效 以較低的成本。

mass gmail