?如何實(shí)現(xiàn)圖片SEO友好性?
1.????選擇與頁(yè)面內(nèi)容相關(guān)的圖像,并保障圖片是獨(dú)特的、高質(zhì)量的、與頁(yè)面主題一致的,在意義內(nèi)可以補(bǔ)充文本區(qū)域
2.????避免把文字做成圖片形式,標(biāo)題、菜單項(xiàng)和其他重要信息應(yīng)放在正文中
3.????為移動(dòng)設(shè)備優(yōu)化圖像,對(duì)于每種類型的設(shè)備,使用適當(dāng)格式的圖像,保障圖片顯示不變形,不被裁減
4.????為圖片創(chuàng)建良好的網(wǎng)址結(jié)構(gòu),Google會(huì)利用網(wǎng)址路徑以及文件名來(lái)理解圖片
5.????提供適當(dāng)?shù)南嚓P(guān)信息,確保視覺(jué)內(nèi)容如圖片與其所在網(wǎng)頁(yè)的主題相關(guān),僅在能為網(wǎng)頁(yè)增添原創(chuàng)價(jià)值的情況下展示圖片
6.????優(yōu)化圖片放置的位置,盡可能將圖片放置在相關(guān)文字附近
7.????創(chuàng)建信息豐富的優(yōu)質(zhì)網(wǎng)站,網(wǎng)頁(yè)內(nèi)容可用于為圖片生成一段文本摘要,而且 Google 在進(jìn)行圖片排名時(shí)會(huì)考慮網(wǎng)頁(yè)內(nèi)容質(zhì)量
8.????填寫(xiě)元標(biāo)記,谷歌圖片搜索結(jié)果圖片下的標(biāo)題鏈接內(nèi)容為圖片所在的頁(yè)面的meta title,文本摘要內(nèi)容可能為頁(yè)面上離圖片最近的文本內(nèi)容,或schema結(jié)構(gòu)里的描述內(nèi)容,或是谷歌在頁(yè)面上自動(dòng)抓取和組織的內(nèi)容
9.????還有一種方法是添加圖片的結(jié)構(gòu)化數(shù)據(jù)字段,目的是讓Google 了解您的圖片元數(shù)據(jù)
10. 定義 Alt 屬性,替代文本傳達(dá)圖像的含義并可用作錨點(diǎn)
11. 為產(chǎn)品、食譜和視頻提供結(jié)構(gòu)化數(shù)據(jù)
12. 提升網(wǎng)站加載速度,53% 的用戶不會(huì)等待網(wǎng)站加載超過(guò)3 秒,將 AMP 標(biāo)記添加到圖片頁(yè)面,站點(diǎn)會(huì)收到AMP徽標(biāo)并加載得更快
13. 使用延遲加載,節(jié)省網(wǎng)站初始加載的時(shí)間并提高其性能
14. 使用圖片站點(diǎn)地圖,可能包含索引所需的附加信息
15.優(yōu)化圖像以進(jìn)行安全搜索,從搜索結(jié)果中排除成人內(nèi)容
16. 為圖片添加描述性的標(biāo)題、說(shuō)明、文件名和文字
?
二、圖片的結(jié)構(gòu)化數(shù)據(jù)模板示例
谷歌搜索指南列出的3種圖片結(jié)構(gòu)化數(shù)據(jù)模板,如下:
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">這樣格式的圖片代碼
標(biāo)記含義:contentUrl:指向?qū)嶋H圖片內(nèi)容的網(wǎng)址。Google 使用 contentUrl 來(lái)確定照片元數(shù)據(jù)適用的圖片。
Creator: 圖片的創(chuàng)作者,如攝影師,也可以是公司或組織
creditText:圖片發(fā)布后標(biāo)注的出處人員或組織的名稱
copyrightNotice:用于聲明此照片的知識(shí)產(chǎn)權(quán)的版權(quán)通知,用于標(biāo)識(shí)照片的當(dāng)前版權(quán)所有者。
License:可獲授權(quán)標(biāo)志,此網(wǎng)址指向的網(wǎng)頁(yè)描述了管理圖片使用情況的許可。例如,可能是您網(wǎng)站上的條款及條件。在適用情況下,還可能是知識(shí)共享許可(例如,BY-NC 4.0)。
acquireLicensePage:此網(wǎng)址指向的網(wǎng)頁(yè)說(shuō)明了用戶可在何處找到如何就該圖片獲取許可的信息。以下是一些示例:該圖片的結(jié)賬網(wǎng)頁(yè),用戶可在其中選擇特定的分辨率或使用權(quán)限,介紹如何與您聯(lián)系的常規(guī)網(wǎng)頁(yè)
2. ??? 包含多張圖片的結(jié)構(gòu)化網(wǎng)頁(yè)模板:
<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">這樣格式的圖片代碼
3. ?? srcset 標(biāo)記中有單張圖片的結(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">這樣格式的圖片代碼
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>
說(shuō)明:
圖片結(jié)構(gòu)化數(shù)據(jù)類型為ImageObject
標(biāo)記含義列表:
contentUrl:網(wǎng)址,圖片url
author:組織或者個(gè)人,內(nèi)容或評(píng)級(jí)的作者
contentLocation:地方,內(nèi)容中描繪或描述的位置,圖片的位置
datePublished:日期,圖片上傳的日期
description:圖片描述內(nèi)容
name:圖片的名稱
?
圖片站點(diǎn)地圖模板:
<?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>
說(shuō)明:
XML 命名空間:xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"
sample1.html頁(yè)面包含2 圖片,sample2.html頁(yè)面包含1張圖片。
Image已棄用標(biāo)簽:<image:caption>、<image:geo_location>、<image:title>、<image:license>
谷歌于2022年8月棄用這些標(biāo)簽,目前使用也不會(huì)產(chǎn)生負(fù)面影響,但在這些更新被納入圖片和視頻擴(kuò)展的下一個(gè)架構(gòu)版本中時(shí),Search Console 可能會(huì)顯示警告。
被棄用的還有視頻結(jié)構(gòu)化標(biāo)簽里的category, player_loc[@allow_embed],player_loc[@autoplay], gallery_loc, price[@all], tvshow[@all]
?
谷歌圖片支持的圖片格式類型
Google圖片支持以下格式的圖片:BMP, GIF, JPEG, PNG, WebP, and SVG。
文章為作者獨(dú)立觀點(diǎn),不代表DLZ123立場(chǎng)。如有侵權(quán),請(qǐng)聯(lián)系我們。( 版權(quán)為作者所有,如需轉(zhuǎn)載,請(qǐng)聯(lián)系作者 )

網(wǎng)站運(yùn)營(yíng)至今,離不開(kāi)小伙伴們的支持。 為了給小伙伴們提供一個(gè)互相交流的平臺(tái)和資源的對(duì)接,特地開(kāi)通了獨(dú)立站交流群。
群里有不少運(yùn)營(yíng)大神,不時(shí)會(huì)分享一些運(yùn)營(yíng)技巧,更有一些資源收藏愛(ài)好者不時(shí)分享一些優(yōu)質(zhì)的學(xué)習(xí)資料。
現(xiàn)在可以掃碼進(jìn)群,備注【加群】。 ( 群完全免費(fèi),不廣告不賣課!)