圖片SEO友好性，圖片結(jié)構(gòu)化數(shù)據(jù)及圖片站點地圖

1. 1.????選擇與頁面內(nèi)容相關(guān)的圖像，并保障圖片是獨特的、高質(zhì)量的、與頁面主題一致的，在意義內(nèi)可以補充文本區(qū)域

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

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

4. 4.????為圖片創(chuàng)建良好的網(wǎng)址結(jié)構(gòu)，Google會利用網(wǎng)址路徑以及文件名來理解圖片

5. 5.????提供適當?shù)南嚓P(guān)信息，確保視覺內(nèi)容如圖片與其所在網(wǎng)頁的主題相關(guān)，僅在能為網(wǎng)頁增添原創(chuàng)價值的情況下展示圖片

6. 6.????優(yōu)化圖片放置的位置，盡可能將圖片放置在相關(guān)文字附近

7. 7.????創(chuàng)建信息豐富的優(yōu)質(zhì)網(wǎng)站，網(wǎng)頁內(nèi)容可用于為圖片生成一段文本摘要，而且 Google 在進行圖片排名時會考慮網(wǎng)頁內(nèi)容質(zhì)量

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

9. 9.????還有一種方法是添加圖片的結(jié)構(gòu)化數(shù)據(jù)字段，目的是讓Google 了解您的圖片元數(shù)據(jù)

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

11. 11. 為產(chǎn)品、食譜和視頻提供結(jié)構(gòu)化數(shù)據(jù)

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

13. 13. 使用延遲加載，節(jié)省網(wǎng)站初始加載的時間并提高其性能

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

15. 15.優(yōu)化圖像以進行安全搜索，從搜索結(jié)果中排除成人內(nèi)容

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

?

谷歌搜索指南列出的3種圖片結(jié)構(gòu)化數(shù)據(jù)模板，如下：

1. 1. ???單張圖片的結(jié)構(gòu)化數(shù)據(jù)模板：

<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>

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

標記含義：contentUrl：指向?qū)嶋H圖片內(nèi)容的網(wǎng)址。Google 使用 contentUrl 來確定照片元數(shù)據(jù)適用的圖片。

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

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

copyrightNotice：用于聲明此照片的知識產(chǎn)權(quán)的版權(quán)通知，用于標識照片的當前版權(quán)所有者。

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

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

1. 2. ??? 包含多張圖片的結(jié)構(gòu)化網(wǎng)頁模板：

<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>

此多圖片結(jié)構(gòu)化數(shù)據(jù)適用于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 標記中有單張圖片的結(jié)構(gòu)化數(shù)據(jù)模板：

<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>

該圖片結(jié)構(gòu)化數(shù)據(jù)適用于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網(wǎng)站上的圖片結(jié)構(gòu)化數(shù)據(jù)模板：

<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>

說明：

圖片結(jié)構(gòu)化數(shù)據(jù)類型為ImageObject

標記含義列表：

contentUrl：網(wǎng)址，圖片url

author：組織或者個人，內(nèi)容或評級的作者

contentLocation：地方，內(nèi)容中描繪或描述的位置，圖片的位置

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

description：圖片描述內(nèi)容

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月棄用這些標簽，目前使用也不會產(chǎn)生負面影響，但在這些更新被納入圖片和視頻擴展的下一個架構(gòu)版本中時，Search Console 可能會顯示警告。

被棄用的還有視頻結(jié)構(gòu)化標簽里的category, player_loc[@allow_embed],player_loc[@autoplay], gallery_loc, price[@all], tvshow[@all]

?

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