圖像優化以提高網站速度和網站推廣-Semalt Expert
圖像當然是緊隨其後的文字，是網絡上最重要的組成部分之一。與具有圖像的網站相比，沒有圖像的網站通常會很無聊，並且對沖浪者的動機較小。
此外，在相當多的地方，必須強制使用圖像，甚至有必要使用圖像來證明站點的合理性。
例如：
- 網上貿易網站
- 作品集網站和作品展示
- 照片是“產品”的圖像站點，例如，婚紗，活動攝影等。
- 社交網絡-越來越多的研究指出，與沒有照片的帖子和狀態相比，帶有照片的帖子會獲得更多的評論和分享，這一比例很高
Google圖片促銷：正確使用圖片
您是否從照片網站/圖像存儲庫投資併購買了照片，還是自己放大並拍攝了照片？您還應該將它們最大化以用於SEO！
Google圖片促銷是其中一種 增加網站流量的最佳方法 在某些領域-尤其是那些側重於視覺方面的領域。
儘管如此，不當使用圖片可能對網站造成的危害大於弊端，甚至大大損害了推廣工作。當談論圖像中的使用 有機促銷的背景，請務必牢記一些規則，圖片使用不當會嚴重影響網站的速度，因此可能會對推廣產生重大影響。
基本圖像優化規則：
1.圖像的重量和尺寸
在線推廣圖像的重要參數之一是圖像的重量。
一方面，我們希望使用高質量的圖像，但另一方面，它不會以犧牲網站速度，用戶體驗和提升為代價。建議始終將圖像“優化”（從詞優化）到最大可能，而不會顯著降低質量。為此，請遵循以下所有規則：
- 使用適合不同情況的格式（jpg，png，gif等）-有關以下不同類型格式的完整詳細信息。
- 重要-在站點上設置每個圖像的尺寸-避免顯示盡可能小於實際圖像大小的圖像，以免浪費不必要的資源。網站越大，移動性越大，意義就越大。
- 確保響應式匹配-如果您使用WordPress和現代模板，則很可能您已經關閉了這個角落。但是，如果不能，請務必確保網站上的圖像（尤其是帖子內的圖像）具有響應能力，並能在移動設備，平板電腦等上良好顯示，這一點很重要。
- 在不顯著降低質量的情況下最大程度地壓縮圖像重量（以下方法和方法的擴展）。
建議的照片重量
幾乎任何圖像都可以壓縮到一個程度或另一個程度，因此始終建議僅使用實際需要的尺寸以及實際顯示在現場的尺寸，並儘可能減少圖像的重量。這對於任何站點都是如此。但特別是對於具有大量圖像的網站。沒有一種規則在所有情況下都適用，但是建議確保圖像權重不超過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標籤？
有幾種方式：
- 整個過程-用鼠標單擊圖像->右鍵單擊->檢查元素（措辭在不同的瀏覽器中會有所不同）。
- 我們想在<img>命令中尋找標記，如前所述。
- 使用一個稱為Web Developer的插件（非常適合其他許多任務）。擴展程序使我們能夠通過單擊按鈕來顯示圖像在特定頁面上的所有alt標籤。
尖叫的青蛙 -當我們要對站點上的圖像進行徹底掃描時，請使用適合的青蛙。
該過程是輸入要掃描的URL，然後單擊“圖像”選項卡。
在那裡，我們將看到站點上的圖像列表，可以通過幾個參數對其進行排序：
- 重量超過100kb的圖片
- 沒有ALT標籤的圖像
- 帶有ALT標籤的圖片包含100個以上的字符（您可能應該將它們縮短一些）
當然，有更多的方式和各種插件，但是在我看來，我已經在這裡按照每頁的要點需求和對該站點的詳盡回顧進行了介紹。
Google圖片促銷-優化ALT標籤的提示
您不應強迫關鍵字，而應嘗試描述您在圖片中看到的內容。
- 如果可以結合使用圖像描述和相關關鍵字自然地脫穎而出-那就好了。
- 無需誇大描述，僅需2-5個單詞的alt標籤就足夠了。
- 建議圖像的alt標籤和title標籤不相同。
- 對於商業網站-如果產品具有型號，建議在alt標籤中使用它（出現在Google圖片搜索中）。
無需在牆紙/裝飾圖片上使用替代字體-甚至建議不要使用替代字體，以免Google懷疑您正在嘗試過度優化。
4.圖片的標題標籤
圖像標題或標題是一種工具提示，可以通過將鼠標移到圖像上來查看。許多人將其與ALT標籤混淆。
圖片標題是圖片的相關性和主題的另一種指示，可以幫助Google理解圖片的含義並提高其圖片搜索排名。與ALT標籤不同，title標籤通常更具描述性，並且更長一些，其目的是向衝浪者描述圖像中看到的內容和/或單擊圖像後會出現的內容。新聞站點經常使用此標籤。
這是代碼中的樣子：
<img class =“ alignnone wp-image-1323 size-full” title =“示例標題圖像”>
5.圖像類型和文件擴展名
在線使用圖像有幾種常見格式。我將簡要介紹它們中的每一個：
- JPEG/JPG -網絡上圖像的最早且可能是最常見的格式。 JPG格式的優點是能夠顯示相對高質量和低重量的圖像。 JPG圖像不支持不透明度。
- GIF- 從還有軟盤的日子開始，GIF格式就已經存在了很長時間。 Gif僅支持256色，因此它們是質量較低的圖像格式，主要用於用作各種圖標或裝飾。此外，GIP格式支持動畫，甚至Facebook最近也已開始在Feed中支持該格式。
底線-gif並非用於顯示圖像，尤其是在圖像質量方面，而是用於更簡單的圖標，動畫和元素。
- PNG -這是一堆（相對）新格式。 PNG文件的主要優點-與JPG和GIF相比，質量更高，並支持透明度。 PNG文件分為2種格式-PNG24質量更好（並且圖像權重相應），而PNG8是其中最經濟的。
還有許多其他圖像格式可用，但它們與網站上使用的相關性較低。
小費 -對於使用Photoshop的用戶，我始終建議您使用“保存為Web和設備”在不同格式之間比較圖像權重（保存文件之前先預覽圖像權重）。
選擇圖像格式的經驗法則
- 在大多數情況下，JPG格式即可完成工作。 JPG圖像可實現高質量和低文件重量。
- 不要在包含許多詳細信息的大文件中使用GIF，因為文件的重量會很大。該格式不是為此設計的，而是更適合與小型和簡單元素一起使用。
- 如果透明度起著重要作用-請使用PNG格式。始終建議比較PNG24和PNG8，以將圖像的權重降低到最小。
6.正確使用縮略圖
縮略圖（預覽）是某些網站（尤其是基於畫廊的網站和商業網站）的重要甚至至關重要的組成部分。縮略圖（一方面是Google Translate的“縮略圖”）可能很棒，但另一方面卻大大破壞了網站和用戶體驗。
使用這些圖像最關鍵的是保持合理的質量和盡可能低的重量。在依靠縮略圖顯示類別頁面和產品預覽的大型商業網站中，這一事實尤其重要。您是否知道，網站延遲加載的每一秒鐘都會使亞馬遜每年損失16億美元？在此類站點上，大部分加載時間是圖像。
的確，我們大多數人只能夢想擁有如此規模的場所。但是，您知道-大的變化是從下而上開始的，小的變化是從下而上。我們越早解決越好。
正確使用縮略圖的提示
強烈建議為縮略圖創建縮略圖，並為產品頁面本身創建較大的圖像。請勿將大圖用作縮略圖！這將加載站點負載的幾倍，尤其是當一頁上有很多縮略圖時。在各種CMS系統中，您將自動免除此問題。
當涉及圖像優化規則時，建議在大型圖像上而不是縮略圖上進行更多投資。例如-不要在圖片站點地圖中包含縮略圖（以下擴展名），在某些情況下甚至不為其設置ALT標籤。野心是Google會以縮略圖為代價而不是相反地索引大圖片。
建議將“圖像標題”設置為“縮略圖”，以幾個詞來描述產品，並通常單擊該圖像後瀏覽者會看到什麼。
如果每個產品類別頁面上都有很多產品（例如超過30種），建議使用“延遲加載”腳本，該腳本僅在衝浪者滾動到其所在區域時才加載圖像。
7.使用自動換行
通常情況下，圖像開始為文本服務，而不是相反。但是就圖像優化和Google圖像促銷而言，如果該站點是基於圖像的網絡，那麼即使它是基本內容，也不要忽略文本是非常值得的。
對於那些想要保持乾淨和簡約的外觀的人（例如，在攝影師的作品集網站上），建議他至少在每個帶有圖像的頁面上定義以下內容：
- H1根據圖像的主題
- 在圖片上進行簡短描述（即使10-20個字總比沒有好），最好使用一兩個相關的關鍵字
- 標題和描述當然是相關的（如果它是一個物理頁面而不是從圖庫中彈出的圖像）。
- Alt和照片標題-在這種情況下，強烈建議使用。
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為此有兩個不錯的插件：
- 適用於WordPress的Social Image Hover-付費插件（em；指甲油-$ 17）。
- Pinterest固定按鈕-一個為網站上的照片添加一個小的Pinterest圖標的插件。
10.圖像縮小和優化工具
小小PNG -一項出色的服務，可讓您使用特別方便的拖動界面在線壓縮圖像。他們還有一個API，可讓您自動進行大量工作，還有WordPress的出色插件，可讓您壓縮網站上的所有圖像-要求使用其API（每月免費提供500張圖像）。
攝影者 -精美的桌面軟件，可讓您大量編輯圖像-不僅可以壓縮圖像，而且還可以縮小尺寸，為圖像添加水印和各種效果以及許多其他精美功能。
結論
您剛剛了解優化網站圖像的重要性。但是，如果您想知道網站的當前狀態，則可以免費使用它，這要歸功於Semalt的 SEO諮詢。
塞瑪特將幫助您確定與您的網站有關的SEO問題。此外，借助Semalt Experts，您可以輕鬆實現 提高在線業務的績效 以較低的成本。