圖片SEO友好性，圖片結構化數據及圖片站點地圖

1. 1.????選擇與頁面內容相關的圖像，并保障圖片是獨特的、高質量的、與頁面主題一致的，在意義內可以補充文本區域

2. 2.????避免把文字做成圖片形式，標題、菜單項和其他重要信息應放在正文中

3. 3.????為移動設備優化圖像，對于每種類型的設備，使用適當格式的圖像，保障圖片顯示不變形，不被裁減

4. 4.????為圖片創建良好的網址結構，Google會利用網址路徑以及文件名來理解圖片

5. 5.????提供適當的相關信息，確保視覺內容如圖片與其所在網頁的主題相關，僅在能為網頁增添原創價值的情況下展示圖片

6. 6.????優化圖片放置的位置，盡可能將圖片放置在相關文字附近

7. 7.????創建信息豐富的優質網站，網頁內容可用于為圖片生成一段文本摘要，而且 Google 在進行圖片排名時會考慮網頁內容質量

8. 8.????填寫元標記，谷歌圖片搜索結果圖片下的標題鏈接內容為圖片所在的頁面的meta title，文本摘要內容可能為頁面上離圖片最近的文本內容，或schema結構里的描述內容，或是谷歌在頁面上自動抓取和組織的內容

9. 9.????還有一種方法是添加圖片的結構化數據字段，目的是讓Google 了解您的圖片元數據

10. 10. 定義 Alt 屬性，替代文本傳達圖像的含義并可用作錨點

11. 11. 為產品、食譜和視頻提供結構化數據

12. 12. 提升網站加載速度，53% 的用戶不會等待網站加載超過3 秒，將 AMP 標記添加到圖片頁面，站點會收到AMP徽標并加載得更快

13. 13. 使用延遲加載，節省網站初始加載的時間并提高其性能

14. 14. 使用圖片站點地圖，可能包含索引所需的附加信息

15. 15.優化圖像以進行安全搜索，從搜索結果中排除成人內容

16. 16. 為圖片添加描述性的標題、說明、文件名和文字

?

谷歌搜索指南列出的3種圖片結構化數據模板，如下：

1. 1. ???單張圖片的結構化數據模板：

<script type="application/ld+json">

{

"@context": "https://schema.org/",

"@type": "ImageObject",

"contentUrl": "https://example.com/photos/1x1/black-labrador-puppy.jpg",

"license": "https://example.com/license",

"acquireLicensePage": "https://example.com/how-to-use-my-images",

"creditText": "Labrador PhotoLab",

"creator": {

"@type": "Person",

"name": "Brixton Brownstone"

},

????"copyrightNotice": "Clara Kent"

}

</script>

此單圖片結構化數據適用于html中圖片代碼為：<img alt="Black labrador puppy" src="https://example.com/photos/1x1/black-labrador-puppy.jpg">這樣格式的圖片代碼

標記含義：contentUrl：指向實際圖片內容的網址。Google 使用 contentUrl 來確定照片元數據適用的圖片。

Creator: 圖片的創作者，如攝影師，也可以是公司或組織

creditText：圖片發布后標注的出處人員或組織的名稱

copyrightNotice：用于聲明此照片的知識產權的版權通知，用于標識照片的當前版權所有者。

License：可獲授權標志，此網址指向的網頁描述了管理圖片使用情況的許可。例如，可能是您網站上的條款及條件。在適用情況下，還可能是知識共享許可（例如，BY-NC 4.0）。

acquireLicensePage：此網址指向的網頁說明了用戶可在何處找到如何就該圖片獲取許可的信息。以下是一些示例：該圖片的結賬網頁，用戶可在其中選擇特定的分辨率或使用權限，介紹如何與您聯系的常規網頁

1. 2. ??? 包含多張圖片的結構化網頁模板：

<script type="application/ld+json">

[{

"@context": "https://schema.org/",

"@type": "ImageObject",

"contentUrl": "https://example.com/photos/1x1/black-labrador-puppy.jpg",

"license": "https://example.com/license",

"acquireLicensePage": "https://example.com/how-to-use-my-images",

"creditText": "Labrador PhotoLab",

"creator": {

"@type": "Person",

"name": "Brixton Brownstone"

},

"copyrightNotice": "Clara Kent"

},

{

"@context": "https://schema.org/",

"@type": "ImageObject",

"contentUrl": "https://example.com/photos/1x1/adult-black-labrador.jpg",

"license": "https://example.com/license",

"acquireLicensePage": "https://example.com/how-to-use-my-images",

"creditText": "Labrador PhotoLab",

"creator": {

"@type": "Person",

"name": "Brixton Brownstone"

},

"copyrightNotice": "Clara Kent"

}]

</script>

此多圖片結構化數據適用于html中圖片代碼為：<img alt="Black labrador puppy" src="https://example.com/photos/1x1/black-labrador-puppy.jpg">

<img alt="Adult black labrador" src="https://example.com/photos/1x1/adult-black-labrador.jpg">這樣格式的圖片代碼

1. 3. ?? srcset 標記中有單張圖片的結構化數據模板：

<script type="application/ld+json">

{

"@context": "https://schema.org/",

"@type": "ImageObject",

"contentUrl": "https://example.com/photos/320/black-labrador-puppy-800w.jpg",

"license": "https://example.com/license",

"acquireLicensePage": "https://example.com/how-to-use-my-images",

"creditText": "Labrador PhotoLab",

"creator": {

"@type": "Person",

"name": "Brixton Brownstone"

},

"copyrightNotice": "Clara Kent"

}

</script>

該圖片結構化數據適用于html中img圖片代碼為：

<img srcset="https://example.com/photos/320/black-labrador-puppy-320w.jpg 320w,

https://example.com/photos/480/black-labrador-puppy-480w.jpg 480w,

https://example.com/photos/800/black-labrador-puppy-800w.jpg 800w"

sizes="(max-width: 320px) 280px,

(max-width: 480px) 440px,

800px"

src="https://example.com/photos/320/black-labrador-puppy-800w.jpg" alt="Black labrador puppy">這樣格式的圖片代碼

1. 4. ???參考 - Schema網站上的圖片結構化數據模板：

<script type="application/ld+json">

{

"@context": "https://schema.org",

"@type": "ImageObject",

"author": "Jane Doe",

"contentLocation": "Puerto Vallarta, Mexico",

"contentUrl": "mexico-beach.jpg",

"datePublished": "2008-01-25",

"description": "I took this picture while on vacation last year.",

"name": "Beach in Mexico"

}

</script>

說明：

圖片結構化數據類型為ImageObject

標記含義列表：

contentUrl：網址，圖片url

author：組織或者個人，內容或評級的作者

contentLocation：地方，內容中描繪或描述的位置，圖片的位置

datePublished：日期，圖片上傳的日期

description：圖片描述內容

name：圖片的名稱

?

<?xml version="1.0" encoding="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.com/sample1.html</loc>
? ? <image:image>
? ? ? <image:loc>http://example.com/image.jpg</image:loc>
? ? </image:image>
? ? <image:image>
? ? ? <image:loc>http://example.com/photo.jpg</image:loc>
? ? </image:image>
? </url>

<url>
? ? <loc>http://example.com/sample2.html</loc>
? ? <image:image>
? ? ? <image:loc>http://example.com/picture.jpg</image:loc>
? ? </image:image>
? </url>

</urlset>

說明：

1. XML 命名空間：xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"

2. sample1.html頁面包含2 圖片，sample2.html頁面包含1張圖片。

3. Image已棄用標簽：<image:caption>、<image:geo_location>、<image:title>、<image:license>

谷歌于2022年8月棄用這些標簽，目前使用也不會產生負面影響，但在這些更新被納入圖片和視頻擴展的下一個架構版本中時，Search Console 可能會顯示警告。

被棄用的還有視頻結構化標簽里的category, player_loc[@allow_embed],player_loc[@autoplay], gallery_loc, price[@all], tvshow[@all]

?

Google圖片支持以下格式的圖片：BMP, GIF, JPEG, PNG, WebP, and SVG。