JSON-LD 片段標記的有效圖像大小

已發表: 2017-01-07

有效 JSON-LD 片段標記的 PC 和 AMP 圖像大小

2021 年 7 月 20 日更新

本文將幫助您了解如何為使用有效 JSON 代碼測試的豐富網頁摘要選擇最佳圖像大小，以及網頁和帖子中使用的圖像的基本最佳實踐。

在最近的一次網站管理員聚會中，谷歌的約翰·穆勒談到了這家搜索巨頭計劃如何在 2020 年及以後使用圖像搜索來完成更多交易、更多教育、更多與搜索相關的任務。 我們已經看到 Rich Cards 和其他包含視覺效果的豐富功能片段中的圖像的興起，並預計這種情況將繼續下去。 這意味著擁有有效的圖像尺寸比以往任何時候都更加重要。

讓我們馬上回答您的關鍵問題。

AMP 網頁上的圖片是否有尺寸要求？

是的。 每個網頁應至少有一個或最好是多個高分辨率圖像，當乘以寬度和高度時，這些圖像至少為 800,000 像素。 寬度方面應至少為 800 像素。

此警告是什麼意思：圖像尺寸小於推薦尺寸？

頁面會被此通知標記並被評估為不太理想的頁面，因為它包含一個或多個小於建議大小的圖像。 通常，此警告來自特色圖像。

例如，如果您的企業希望在 Google News Carousel、Top Stories 或 Product Carousel 中贏得知名度，則需要特定的圖像尺寸才能獲得正確的佈局。 它還確保當搜索者到達頁面時，他們可以期待高質量的圖像來支持該主題。

遵守 AMP 圖像規範有什麼好處？

  • 通過遵循這些準則，您的文章更有可能在精選片段和搜索結果頂部獲得精選展示位置。 它不會影響標準 HTML 頁面的索引。
  • 通過滿足最低建議，您的媒體內容支持您在 AMP 輪播中展示文章的機會。
  • 人們比以往任何時候都更經常通過進行圖像搜索來開始搜索。 通過表彰最適合搜索引擎查找和顯示您的內容的方法，您可以贏得新業務。

徽標圖片是否也對 AMP 有尺寸要求？

是的。 AMP 頁面有基本的徽標格式、尺寸和填充要求。 徽標應適合 60 x 600 像素的框； 但是，它將在 AMP 輪播中以 16 x 160 大小呈現。 AMP 徽標的尺寸必須為 60 x 600 像素框。

網站標誌圖片

為了理解模式中圖像的總體使用，“logo”和“照片”被歸類為“圖像”的子屬性。 正確使用意味著獲得對企業 Google 知識圖譜中填充內容的更多控制權。

每個網站都有一個標誌（或應該有一個），正確的logo標記可以讓網站管理員告訴谷歌他們想在他們的知識圖顯示中使用哪個圖像。

Google 的圖片指南說：“您可以指定 Google 應該在搜索結果和知識圖譜中使用哪個圖片作為您組織的徽標。 為此，請將 schema.org 組織標記添加到您的官方網站，以標識您首選徽標的位置。”

企業提升其在 SERP 中的地位的能力不斷增長，谷歌算法現在更加依賴這種形式的標記。 Schema.org 提供了其新版本的列表。 圖像的模式已經提供了一段時間。 2014 年 7 月 8 日的 1.7 版本聲明：“此版本修改了 image 屬性，指出ImageObject是一個合理的值。” 而且它正在迅速發展，因此企業有更多使用標記的機會。

谷歌更新其結構化數據圖像指南

谷歌正在採取一種更加結構化的方法，在其結構化數據圖像中提供細節以供圖像使用。

我們已開始從 Google devoloper 產品頁面製作副本，以跟踪這些指南如何更新並比較變體。 在進行消費者行為分析時，通過圖像搜索觀察哪些受眾群體到達您的網站。

無論是本地企業、食譜、產品標記、書籍、活動、電視電影等，現在都需要特別注意其形象指南。 某些數據類型已從推薦屬性更新為所需類型。

我們以前的指導方針很少，幾乎沒有說什麼，只是提供了一個形象； 但是，現在實施模式的個人必須遵守​​更具描述性的新指南。 一個新的準則是顯而易見的：“圖片 URL 必須是可抓取和可索引的”。

以前我們只需要為每張圖片提供一個 URL。 現在谷歌表示它想要“ ImageObject或 URL 的重複字段”。雖然我們的一些頁面不包含圖像，但新指南說，“每個頁面必須至少包含一個圖像，並且它沒有指定這個僅適用於包含架構標記的頁面和帖子。差異可能意味著您的內容是否顯示在流行的 Google Cards中。

Google 建議使用 content=”max-image-preview:large” 來鼓勵在 Google Discover 中對非 AMP 網址進行排名。

Google 使用本地圖像檢測 Web 實體

谷歌正在更深入地研究本地實體映射，並洩露跡象表明它即將將圖像搜索提升到一個全新的水平。

但現在我們知道，谷歌會通過考慮每張圖片的比例和分辨率來選擇牠喜歡在搜索結果中顯示的圖片。 有趣的是，現在引用了“分辨率”，這表明用戶從頁面上使用的圖像中了解了很多關於頁面的信息，並且谷歌正在詳細說明哪些因素在圖像選擇中很重要。 進行全面的網站審核，以便有機會改進您的圖像在視覺搜索中更有效的使用方式。

只是任何舊圖像對觀看者都沒有幫助，因此自然而然地，我們一直都知道圖像需要與帶有模式標記的內容相關。 一個明顯的變化是，谷歌現在透露它更喜歡不同縱橫比的圖像數組。 與精彩內容一樣，您的圖片應該以消費者為中心並吸引您的觀眾。 我們了解到，“為了獲得最佳效果，請提供多個具有以下縱橫比的高分辨率圖像（寬度和高度相乘時至少 800K 像素）：16×9、4×3 和 1×1。”

如果您使用的是thumbnailUrl圖像屬性，那麼相同的準則（包括對多個縱橫比的建議）將發揮作用。 並非所有事情都朝著更具體的方向發展。 電視和電影以前需要“至少 140 像素寬 x 210 像素高，寬高比為 2:3”的圖像，而目前，這些規範已被這些新的“標準”圖像格式所取代，這意味著谷歌要求“16× 9、4×3 和 1×1" 縱橫比。

面臨返回並更新和替換以前的圖像以符合Google 新的結構化數據圖像請求的任務的網站管理員會很高興知道文章圖像準則沒有改變。 它們對圖像像素寬度保持相同的規範：代表文章的圖像的 URL。 只應指定直接屬於文章的標記圖像。 以前，圖像至少需要 696 像素寬； 請務必及時了解 Google 的最佳做法，以便更好地讓您的圖片出現在 Google 地圖中。

文章圖片

正如目前在谷歌指南中找到的那樣：“ImageObject; 必需（AMP），推薦（非AMP）

附加圖像指南：

  • 只應指定直接屬於文章的標記圖像。
  • 圖像應至少為 1200 像素寬（以前為 696 像素寬）。
  • 每個頁面必須包含至少一個圖像（無論您是否包含標記）。 Google 將根據寬高比和分辨率選擇要在搜索結果中顯示的最佳圖片。
  • 圖片 URL 必須是可抓取且可編入索引的。
  • 圖片必須代表標記的內容。
  • 圖片必須為 .jpg、.png 或。 gif 格式。
  • 為獲得最佳效果，請提供多個具有以下縱橫比的高分辨率圖像（寬度和高度相乘時至少 800,000 像素）：16×9、4×3 和 1×1。

如何在您的 Google 帖子中獲得理想的文章、博客和 BlogPosting 圖像

電子商務網站可以通過正確的產品圖像架構增加銷售額。

這是您的網站何時可以從正確使用圖像中受益的一個示例。 當在 Google 上發布新帖子時，它可能會在生成的鏈接中包含一張引人注目的圖片。 谷歌呈現預覽或 SERPs 片段，今天由頁面標題、簡短描述和縮略圖組成，以吸引觀眾的注意力。

頁面上的每個圖像都應該有一個與頁面主題相關的 alt 標籤，並支持匹配搜索意圖。

Google 提供了有關呈現文章圖像的大量詳細信息。

自 2017 年 1 月 6 日起，我們需要根據以下準則使用具有圖像大小的圖像架構標記：

* 圖片寬度至少為 400 像素

* 圖像的縱橫比不超過 5:2（寬：高）。

當您的 +Snippet 圖片無法顯示時

谷歌揭示了一個潛在的原因：“即使圖像被 schema.org 微數據或 Open Graph 標記明確引用，圖像太小或不夠方形也不包含在 +Snippet 中。 具體來說，高度必須至少為 120px，如果寬度小於 100px，則縱橫比不得大於 3.0。”

視頻圖像尺寸縮略圖

互聯網用戶正在推動視頻內容消費水平上升。 這對您意味著什麼意味著用結構化數據的視頻網絡片段標記您的網站將有助於Google 語義搜索提供一個入口點，以發現並幫助將搜索查詢與您在線可用的相關視頻進行匹配。

必須提供一個thumbnailUrl來指示可以在搜索引擎結果頁面 (SERP) 中顯示的視頻縮略圖圖像文件。 “圖像必須至少為 160×90 像素，最多為 1920×1080 像素。 我們建議使用 .jpg、.png 或 .gif 格式的圖像。 所有圖片 URL 都應該是可抓取和可索引的。 否則，我們將無法在搜索結果頁面上顯示它們，”谷歌目前表示。

提供了以下視頻圖像大小和分辨率的自定義縮略圖最佳實踐：“您的自定義縮略圖圖像應盡可能大，因為該圖像還將用作嵌入式播放器中的預覽圖像。 我們推薦您的自定義縮略圖：

* 分辨率為 1280×720（最小寬度為 640 像素）。

* 以 .JPG、.GIF、.BMP 或 .PNG 等圖片格式上傳。
保持在 2MB 限制以下。

* 嘗試使用 16:9 的寬高比，因為它是 YouTube 播放器和預覽中最常用的。”

您的視頻內容是具有高度可見性和互聯網用戶需求的圖像。 花點時間選擇宣傳您的視頻內容的封面圖片。 最大化您的圖片在頁面和搜索中的影響，以增加興趣並鼓勵用戶參與。

AMP 圖像輪播AMP 網頁的有效圖片尺寸

它使用 amp-carousel-0.1.js 文件和width: 100% 。 編碼人員依靠類型carousel來將類似大小的圖像列表顯示為連續的條帶。 amp-carousel 組件可理想地利用智能手機上較小的屏幕空間，讓移動查看者通過單擊水平軸上的圖像從提供的多個相似內容縮略圖中進行選擇。

RelayMedia 的文章題為“傳播旋轉木馬之愛”**，文章開頭寫道：“任何對 AMP 猶豫不決的出版商都應該考慮他們錯過的機會。 發表 AMP 文章基本上沒有風險，而且在搜索知名度和學習方面有很多收穫。”

我們看到產品圖片輪播得到更廣泛的使用。 這是書籍作者、電影製作人、名人和電子商務商店的高價值房地產。 它的使用預計會增長。

AMP by Example頁面為每個輪播圖像使用 400px 寬 x 300px 高度。

非放大器圖片庫

具有結構化數據圖片庫的非 AMP 頁面

如果您的網站還沒有準備好享受 AMP 帶來的好處，非 AMP 頁面也可以成為 SERP 豐富結果列表中的豐富結果，或者在顯示類似非 AMP 網頁的輪播中。 豐富的搜索結果可以包括標題和圖片。 儘管 Google 嘗試自動提取足夠的信息，以便網站能夠獲得此類功能的資格，但如果網頁正確實現了結構化數據，它可以幫助搜索引擎更好地解釋您的內容並提高您獲得豐富卡片圖像或圖像輪播的可能性結果。 Schema 數據已經融入了基本的 SEO 實踐。

與事物相關的縮略圖


"primaryImageOfPage": {
"description": "Indicates the main image on the page.",
"$ref": "file://imageobject.json"
},
"image": {
"oneOf": [
{
"$ref": "file://imageobject.json"
},
{
"type": "string",
"format": "uri"
}
],
"description": "An image of the item. This can be a href=\"https://schema.org/URL\">URL or a fully described href=\"https://schema.org/ImageObject\">ImageObject."
},
"thumbnailUrl": {
"type": "string",
"description": "A thumbnail image relevant to the Thing.",
"format": "uri"
},

Github JSON Schema Form Repository 是一個理想的站點，可以參與收集代碼示例並為網絡領域的擴展做出貢獻。 由於谷歌非常關心具有交易意圖的搜索查詢； 新型電子商務模式標記正在出現和擴展。

為什麼網站需要針對圖片搜索進行優化

Rand Fishkin 在 2017 年 3 月 14 日的一篇題為The State of Searcher Behavior Revealed Through 23 Remarkable Statistics 的文章中報告了他對 Google 圖片搜索的分析。

Rand 報告了他對 Jumpshot 和 Moz 數據的 Google 圖片搜索分析，發現：

• Google Image Search 使用率第二高的搜索平台，緊隨 Google.com 之後，位居第一。

• 它的搜索量超過了其餘 10 大網絡資產的總和。

• 是 Bing 或 Yahoo 上的任何搜索的 10 倍以上。

• 他們統計的圖片搜索次數是 Facebook 平台內圖像搜索次數的 40 倍以上。

Rand 表示，“因為人們自然會被圖像所吸引，並且因為谷歌使用點擊數據來專門顯示獲得最多參與度的圖像”，所以更多的點擊來自圖像塊。 隨著 JSON 標記的使用越來越多，正確添加此模式可以使我們管理的網站在 SERP 中提高可見性。

確切的、指定的圖像詳細信息在 Google 架構指南中

當今用於圖像識別的許多創新技術都依賴於深度學習技術、機器學習的高級形式以及人工智能的不斷進步。 以前，語義搜索專業人員在將image屬性用於適用於 LocalBusiness 、文章和 NewsArticle 的模式標記時，需要遵守不那麼嚴格的準則。 最初，只需要一個圖像 URL。 然後它指出“[a] URL，或指向代表性圖像文件的 URL 列表”以及建議。 許多早期的建議現在已經成為規則，特別是對於文章。

修訂後的指南現在旨在確保圖像本身的可見性為頁面增加價值。 雖然 GoogleBot 無法用肉眼看到它，但這家搜索巨頭現在表示，該圖像應該是“文章的代表圖像……直接屬於文章”。

在您的支柱常青內容中優先考慮圖像。 鑑於一篇文章中可能有多個圖像； 當顯示帶有隨附圖像片段的文章時，這消除了搜索引擎選擇過程中的猜測。 指示最小尺寸也很有趣：“[i] 圖像應至少為 696 像素寬。” 人們可能會猜測這指向頁面上圖像的值，並且它不應該是令人討厭的縮略圖大小。

必須包含圖像高度和寬度的當前條件表明，富文章片段不再支持image的簡單 URL 聲明，並且會產生嚴重錯誤。 毫無疑問，這是 Google 推動網站管理員遷移到加速移動頁面 (AMP) 的一部分。 AMP 元素旨在快速加載，並且在移動文章的佈局中刪除或定義了很多內容。 在您的 UX 設計中融入 AMP 理論以改善用戶體驗。

明確添加圖像尺寸後，Google 能夠在不同設備上正確呈現與 AMP 文章關聯的圖像。 它試圖“用尺寸適合觀看者視口的圖像替換圖像參考”。 這是在 PC 上查看 AMP 版本時圖像可能溢出邊界的原因之一。 未進行圖像尺寸交換，因為它已準備好用於更大屏幕的測量。 它應該作為您的交互式網頁設計的基礎要求考慮在內。

雖然以前 amp-img 要求標籤“必須包含明確的寬度和高度”，但現在這對於桌面來說是通用的。 對於傾向於使用相對 URL 進行圖像插入的 Web 設計人員，他們必須針對 AMP 進行調整，其中 ImageObject URL 聲明需要絕對 URL 而不是相對 URL 版本。 在考慮瀏覽器為呈現網頁而執行的任務時，這是有道理的。 總的來說，它只會減慢谷歌的速度，因為它必須解析代碼才能計算圖像尺寸。

畢竟，AMP 的目的是更快地加載頁面。 這來自不想等待的用戶。 那麼為什麼不簡單地預先提供圖像數據呢？ 有效的 SEO 是為了更好的用戶體驗而進行的優化，而速度對他們來說很重要。

產品輪播電子商務圖片

經常需要選擇哪個頁面最適合向圖像添加結構化標記。 在購物車中的單個產品頁面上實施它，而不是在列出多個產品的類別頁面上實施。 這將避免潛在買家的困惑。

在有效的豐富網頁摘要和圖像搜索結果中找到的圖像可以包含電子商務購物者想要的豐富產品信息。 注意：您的網頁設計師可以使用產品輪播設計功能在您的電子商務網站的任何區域內顯示產品輪播； 這與穀歌自願選擇在移動電子商務豐富搜索結果中以輪播方式展示您的產品不同。

規定 JSON-LD 圖像尺寸的方法

根據具體情況，嘗試首先使用 JSON-LD 註釋您的標記，除非指南指定不同的格式作為首選。

使用 JSON-LD 標記時，不使用引號的圖像值是“數字”，而引號內表示的值是“字符串”。 這意味著當數值是期望的結果時，編碼人員需要慎重避免使用引號。

規定圖像高度和寬度的常用方法是"width": "600px" ，但對於許多現代瀏覽器來說，這會引發“寬度”的預期值問題，因為它需要“距離”或“定量值” . 包含“width”：“600px”的測試運行已被 Google 更改為：


"width":{
"@type":"Intangible",
"name":"600px"
}

這仍然缺乏關於正在使用什麼類型的測量單位的信息。 嘗試使用以下內容替換“距離”：


"width":
{
"@type":"Distance",
"name":"600 px"
}

除了在這裡獲得有效標記之外，它仍然會留下一些關於測量單位的歧義，並迫使搜索引擎嘗試找出使用“px”的含義。 我們的偏好是使用Linter 結構化數據工具，牠喜歡使用“QuantitativeValue”的圖像：

"contentSize":"298 Bytes",
"width": {
"@type": "QuantitativeValue",
"value": "700"
},
"height": {
"@type": "QuantitativeValue",
"value": "490"
}
},

描述圖像實體的 URL 應該是穩定的，並且不依賴於可變數據。 此圖像標記示例將被解釋為引用，而不是字符串文字，因為（在發佈時）schema.org JSON-LD 上下文將圖像定義為@id:
用於編碼 JSON 圖像的 schema.org 上下文片段示例：

{
"@context": {
...
"image": { "@id": "schema:image", "@type": "@id"},
...
}
}
如果在遠程上下文中沒有這樣表達，則給定的術語可能在本地上下文中（重新）定義：

類型化圖像關係示例：

{
"@context": ["https://schema.org", {
"image": { "@id": "schema:image", "@type": "@id"}
}],
"id": "https://www.wikidata.org/wiki/Q22686",
"type": "Person",
"name": "Donald Trump",
"givenName": "Donald",
"familyName": "Trump",
"jobTitle": "President-elect of the United States of America",
"image": "https://en.wikipedia.org/wiki/Donald_Trump"
}

由於人們與圖像的關係非常好，而且 Google 圖片搜索正在增長，因此了解圖像如何代表您的業務和建立您的品牌非常重要。

JSON 標記有助於理解文章的視覺組件

鑑於視覺搜索的興起，這是 SEO 的一個重要方面。 如果網站在 WordPress 平台上並且依賴插件來呈現結構化標記，則可能會出現需要修復 Image 屬性的問題。 在這種情況下，通常是因為頁面或帖子必須使用特色圖片。 如果插件遇到兼容性和折舊代碼問題，可能值得花時間手動編寫模式。

如果沒有此設置，插件將無法識別哪張照片最能代表該文章的內容。 該插件依賴此信息來添加ImageObject及其大小尺寸。 無論您的網站是否依賴插件，您都可以在 Google Search Console 中找到一些解決問題的最佳 SEO 工具。

SEO Skeptic 的 Aaron Bradly 建議“谷歌希望從文章標記中獲得的好處，一般來說，是能夠更好地操作谷歌生態系統中的文章，因為它可以更好地理解文章的組件和出處，而不是使用標記來更好地理解一篇文章的內容。”*******

現在將這種想法與圖像價值一千字這一熟悉的說法結合起來，並將強大的圖像選擇與圍繞它的適當架構結構化數據結合起來。

注意：使用逗號表示更多屬性即將到來。 例如，當包含多個圖像時，這是必需的。 最後一個屬性“image”不使用逗號。 測試您的新代碼，並確保所有錯誤都已替換為正確的語法。

其他圖片建議

以下僅是 Hill Web Marketing 的意見，並且具有有效的圖像尺寸：

1.盡可能避免圖庫攝影

許多客戶詢問他們應該使用什麼類型的圖像。 如果可能的話，找一張裡面有人物的照片； 一個看起來很幸福的人會提振觀者的精神，也許是在不知不覺中，是強大的。 人臉和肢體語言講述了一個故事，這使得引人注目。 有沒有註意到一個孩子如何毫不掩飾地凝視？ 與任何其他圖像類型相比，凝視面部是很自然的。 每個網頁都應該有人物的照片，或者至少有一張照片。

網站訪問者可以立即識別庫存圖像。 這種人的形像似乎是最嚴重的罪犯，因為他們只是感覺不真實。 不要對簡單地使用智能手機相機過於謹慎。 由完美的燈光、一塵不染的辦公室、不真實的完美主義照片以及由 50/50% 不同種族的人組成的圖像並不是生活的方式。

鑑於圖像的力量，投資一些原創的專業攝影。 打扮但仍然，在拍照日看起來很自然。 除非它們很明顯，否則請跳過編輯小瑕疵； 傳達唯美主義的圖片比炫耀“拋光”的存在狀態更重要。

使用圖庫攝影時最常見的錯誤是選擇隨機圖像，而不是與文章或博客文章主題充分相關的圖像。 為了保護您對庫存圖片的依賴，如果購買，請選擇像 Getty Images 或 Fotolia 這樣的一般照片質量更高的網站。 確保您的圖片可以推動消費者參與您的 Google Ads 廣告系列。

在對不同在線領域的 41 個博客的圖片使用情況進行了研究後，Neil Patel****** 得出結論：“平均而言，當一篇博客文章使用庫存攝影圖片時，它會收到 152 條推文和 83 個 Facebook 贊”。 觀察您的形像如何影響或分散您的社交平台，如果需要，請聘請專業的社交媒體營銷經理。

2.對於較輕的加載圖像使用壓縮

請注意，在我們頁面頂部的圖像中，背景是褪色的，這會降低這些空間的分辨率，同時可以在該圖形的焦點（女性）上留下更高分辨率的方面。

有許多在線工具資源列表可以幫助圖像壓縮。 嘗試不止一種方法來確定您喜歡的流程，以最好地編碼您的圖像，以最少的字節提供相同的圖片，同時不會陷入過度優化的境地。 重要的是測試、測試、測試符合 JSON 圖像要求的正確代碼。

預先，知道使用哪種照片格式最適合圖像壓縮。 例如，將（非動畫）GIF 文件轉換為 PNG 圖像平均會降低 21%。 Guy Podjarny *** 宣稱，“將（非透明）PNG 文件轉換為 JPEG 可以節省更多，通常將文件大小減少 3-5 倍。 WebP 和 JPEG XR 等新格式可以更進一步，並以減少 25-50% 的字節數傳達相同的視覺效果”。

3.修復阻礙更快加載圖像的問題

然後還有更多的事情要考慮：你的圖像如何加載是瀏覽器要做的工作，它決定了你的圖像顯示的速度。 網頁設計師依賴於帶有冗長指令的 CSS、JavaScript 來管理圖形或依賴 WordPress 插件來完成一些工作，這通常會使事情過度複雜化。 每個方面都需要仔細檢查，最好在全站技術 SEO 審核中完成。

4. 圖片應符合頁面的意圖和主題

故意需要更多時間，但尤其是頁面上的主圖像應該清楚地符合頁面的意圖。

尼爾還報告說，在使用圖表和圖表圖像時，他收到的引用次數最多。 “平均而言，他們收到的引用比使用其他類型圖片的博客文章多 258%。”

在具有長篇內容的頁面中添加更多圖像可能有助於分解長文本塊並加強您的觀點。

著陸頁上的圖片值得特別注意，因為它們是推動銷售的關鍵。 包含圖像數據的帖子可能不會引起大眾關注，但從教育和商業角度來看，它們具有自己的優點。 他們為教學利基博客（比如這個）增加了價值，並經常獲得指向它們的鏈接。 僅出於研究目的，可操作或靜態的嵌入式圖表實際上可能會增加價值。 在某些形式的圖形內容在多年後變得過時的情況下，尼爾發現“其他博客仍將鏈接到帶有圖表的數據豐富的帖子，無論帖子的年齡如何。”

Hubspot 說，“如果將相關圖像與相同的信息配對，人們會保留 65% 的信息”。 2017 年 1 月 3 日2 2017 年文章中您應該知道的視覺內容營銷統計。 *

5. 使用手繪、3-D 圖形和動畫圖像

對所有合格的 JSON-LD 標記使用有效的圖像大小。

手繪、3-D 圖形或動畫圖像很受歡迎，而且通常重量較輕，尤其是在使用淺色背景時。 快速瀏覽一下 Rand Fishkin 在廣受歡迎的 White Broad Friday 博客文章 (moz.com/blog/) 中使用的圖片。 也許“柔和的背景”不是您的品牌外觀，但選擇它可能是有充分理由的。 如果您沒有時間創建或喜歡這些圖像類型，請嘗試圖表、信息圖表或圖庫攝影。

請記住使用模式標記的圖像大小要求。 為什麼只關注圖像的視覺吸引力來限制頁面的未來使用？

並非所有在線圖像都已正確標記，因此請使用正確的元數據使您的圖像豐富，以進行正確的優化。 會話聊天機器人消息可能包含按鈕、文本、圖像和其他元素，或者完全基於語音響應。 傳統的應用程序或網站可以一次在屏幕上請求並顯示多條信息，機器人將使用多條消息收集相同數量的信息。

為什麼有效的圖像尺寸很重要？

人們是強大的視覺學習者。 您的圖像傳達了與您的主題和您個人的聯繫。 豐富的 SERP 中的新機會可以讓您的品牌獲得更好的曝光率。 制定靈活的營銷計劃將使您最好地滿足新興的圖像尺寸要求。

“網絡正變得越來越豐富。 在高分辨率移動屏幕、Pinterest 風格的設計和大背景圖形之間，平均圖像有效負載在過去三年中增加了一倍多。 雖然視覺上很吸引人，但這些圖像帶來了巨大的性能成本，而且——如果沒有得到正確的優化——可能會使網絡體驗變得緩慢和痛苦，無論它多麼美麗。” ——Guy Podjarny 談 Oreilly

“你知道傳遞到大腦的 90% 的信息是視覺的嗎？ 大腦處理視覺的速度也比文本快 60,000 倍，研究表明 40% 的人對圖像的反應比純文本更好，” shiftelearning.com **** 表示，這是值得花時間研究你的市場利基的了解哪些圖像類型會激發與用戶的聯繫。 一旦您的圖像大小和標記都得到優化，請提交圖像 sitemap.xml。 Google 可以索引您的圖像以及頁面 URL 。

谷歌如何使用一些圖片來突出真實、可靠的信息

JSON-LD 和您的圖像如何努力建立您的品牌知名度和 EAT。

“照片和視頻是一種令人難以置信的方式，可以幫助人們了解世界上正在發生的事情。 但是視覺媒體的力量也有它的缺陷——尤其是當圍繞圖像的來源、真實性或背景存在問題時。 從今天開始，我們將在全球範圍內的 Google 圖片中顯示事實核查信息，以幫助人們解決這些問題，並對他們在網絡上看到的內容做出更明智的判斷。 這建立在搜索和新聞中的事實核查功能之上，人們每年會遇到數十億次。

現在，當您在 Google 圖片上搜索時，您可能會在縮略圖結果下方看到“事實核查”標籤。 當您點擊其中一個結果以查看更大格式的圖像時，您將看到顯示在基礎網頁上的事實核查摘要。 這些標籤可能會出現在關於特定圖像的事實核查文章和故事中包含圖像的事實核查文章中。” - 谷歌

谷歌還通知我們“在谷歌圖片結果中添加這個標籤不會影響排名； 我們的系統旨在展示最相關、最可靠的可用信息。” 在 2020 年 7 月 22 日發布的將事實核查信息帶入 Google 圖片中，Google 的產品經理 Harris Cohenm 談到了確保人們能夠訪問有關他們在網上遇到的信息的關鍵背景——包括圖片—— .

Minneapolis digital marketing consultant Jeannie Hill 與 Hill Web Creations 的創始人Jeannie Hill合作，他與明尼阿波利斯的企業合作以確保使用有效的圖像大小並擁有無錯誤的代碼來改進有機搜索、移動優先世界的搜索引擎優化以及在線競爭優勢的機會. 時刻保持警惕，了解並遵守 Google SEO 指南中的更新。
我喜歡住在明尼蘇達州明尼阿波利斯市，在那裡我為都會區及其他地區提供數字營銷服務。

概括

Authoritative business sites that rise to the call for AMP pages, use a planned structured approach when building content, and incorporate schema image SEO data to be among those early adopters. They already are able to enjoy the first-mover benefits of winning more viewer clicks from the scrolling images.

A relevant image that has Microdata has the potential to enhance a site's CTR within search results from anywhere between 10-25%, according to builtvisible.com*****. In the case of the need to troubleshoot your markup for an image code error, currently, two types of errors are produced. We can resolve errors and fix both for you.

1. The “image is required” error that can be found in the Google Structured Data Testing Tool (SDTT).

2. An image error that when checking for the Accelerated Mobile Pages (AMP) version.

Your photos reached a new record on Google Maps! Your photos reached a new record on Google Maps!

After adding the above image strategies to one client site, they received a message directly from Google that their images uploaded to their Google Profile had a significant increase in views. Ready to start a more advance approach to how your business site uses imagery?

“Your photos helped people over 3,000 times, a new record for you on Google Maps. 恭喜！ Millions of people rely on photos like yours when they search for places. Thanks for sharing your photos with the world.” – Google Maps

“More records this week…(One Photo)reached 3,320 views.” – Google Maps

Leverage cutting-edge opportunities to make your site's image use more advantageous to both and viewers and your business. Call 651-206-2410 to get on our Schema Site Audit Schedule

NOTE: Topic image source: PHLEARN. Consider hiring a professional photographer to make critical image edits that can transform an flawed image into one perfect to use. Start with great images, then add JSON-LD snippet markup wherever you can – that fits.

NOTE: Informative references have been listed in context at time of use.

* https://blog.hubspot.com/marketing/visual-content-marketing-strategy#sm.000000iy0z9nnp3d6210gl3qzksok

** https://www.relaymedia.com/2016/03/06/spread-the-carousel-love/

*** http://www.oreilly.com/pub/e/3425

**** http://info.shiftelearning.com/blog/bid/350326/Studies-Confirm-the-Power-of-Visuals-in-eLearning

***** https://builtvisible.com/micro-data-schema-org-guide-generating-rich-snippets

****** https://www.quicksprout.com/2014/08/13/what-type-of-images-should-you-use-within-your-blog-posts/

******* http://www.seoskeptic.com/google-article-rich-snippets-guide-updated-for-amp/