如何实现图片SEO友好性?
1. 选择与页面内容相关的图像,并保障图片是独特的、高质量的、与页面主题一致的,在意义内可以补充文本区域
2. 避免把文字做成图片形式,标题、菜单项和其他重要信息应放在正文中
3. 为移动设备优化图像,对于每种类型的设备,使用适当格式的图像,保障图片显示不变形,不被裁减
4. 为图片创建良好的网址结构,Google会利用网址路径以及文件名来理解图片
5. 提供适当的相关信息,确保视觉内容如图片与其所在网页的主题相关,仅在能为网页增添原创价值的情况下展示图片
6. 优化图片放置的位置,尽可能将图片放置在相关文字附近
7. 创建信息丰富的优质网站,网页内容可用于为图片生成一段文本摘要,而且 Google 在进行图片排名时会考虑网页内容质量
8. 填写元标记,谷歌图片搜索结果图片下的标题链接内容为图片所在的页面的meta title,文本摘要内容可能为页面上离图片最近的文本内容,或schema结构里的描述内容,或是谷歌在页面上自动抓取和组织的内容
9. 还有一种方法是添加图片的结构化数据字段,目的是让Google 了解您的图片元数据
10. 定义 Alt 属性,替代文本传达图像的含义并可用作锚点
11. 为产品、食谱和视频提供结构化数据
12. 提升网站加载速度,53% 的用户不会等待网站加载超过3 秒,将 AMP 标记添加到图片页面,站点会收到AMP徽标并加载得更快
13. 使用延迟加载,节省网站初始加载的时间并提高其性能
14. 使用图片站点地图,可能包含索引所需的附加信息
15.优化图像以进行安全搜索,从搜索结果中排除成人内容
16. 为图片添加描述性的标题、说明、文件名和文字
二、图片的结构化数据模板示例
谷歌搜索指南列出的3种图片结构化数据模板,如下:
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:此网址指向的网页说明了用户可在何处找到如何就该图片获取许可的信息。以下是一些示例:该图片的结账网页,用户可在其中选择特定的分辨率或使用权限,介绍如何与您联系的常规网页
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">这样格式的图片代码
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">这样格式的图片代码
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>
说明:
XML 命名空间:xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"
sample1.html页面包含2 图片,sample2.html页面包含1张图片。
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。
文章为作者独立观点,不代表DLZ123立场。如有侵权,请联系我们。( 版权为作者所有,如需转载,请联系作者 )
网站运营至今,离不开小伙伴们的支持。 为了给小伙伴们提供一个互相交流的平台和资源的对接,特地开通了独立站交流群。
群里有不少运营大神,不时会分享一些运营技巧,更有一些资源收藏爱好者不时分享一些优质的学习资料。
现在可以扫码进群,备注【加群】。 ( 群完全免费,不广告不卖课!)
发表评论 取消回复