今天刚刚学了一些网站图片收录的处理,在这个Post中做一下总结👇 一、robots.txt 文件的配置 对网站 robots.txt 文件进行优化,比如添加以下代码是确保图片能够被抓取的关键: ``` Allow: /*.jpg$ Allow: /*.jpeg$ Allow: /*.png$ Allow: /*.gif$ Allow: /*.svg$ Allow: /*.webp$ ``` Allow: 规则:这些 Allow 规则明确告诉搜索引擎,尽管你可能在其他地方阻止了某些目录(比如 /wp-content/ 下的某些子目录),但所有以 .jpg、.png 等图片文件扩展名结尾的 URL 都是允许抓取的。 星号 * 和 $:* 表示匹配任何字符序列,$ 表示匹配 URL 的末尾。所以 /*.jpg$ 就是匹配任何以 .jpg 结尾的 URL。 二、图片自身和网页层面的优化(更重要) robots.txt 只是告诉爬虫“可以抓取”,但要让 Google 更好地理解和收录图片,还需要进行以下优化: 1. 优化图片文件名使用 ▪️描述性文件名:不要使用 IMG_1234.jpg 或 image001.png 这样的通用文件名。 ▪️包含关键词:使用与图片内容相关的关键词命名。比如: image-optimization-guide.jpg (图片优化指南) 2. 优化 Alt 属性 (当图片打不开时的替代文本) ▪️所有图片都应有 Alt 属性:这是图片 SEO 中最重要的元素之一。Alt 属性 是当图片无法显示时,浏览器会显示出来的文本,也是屏幕阅读器为视障用户朗读的内容。 ▪️Alt 属性应该准确描述图片内容,并自然地融入相关的关键词。比如: alt="图片优化指南" 3. 图片上下文相关 ▪️图片所在的页面内容与图片内容的关联性越强,搜索引擎越容易理解图片的主题,从而提高图片被收录和排名的机会。 ▪️图片标题 (Title属性 - 可选):title 属性会在鼠标悬停在图片上时显示,告诉用户图片是什么(通过相关的上下文来理解图片会更好),它对 SEO 的直接影响不如 Alt 属性。 4. 优化图片尺寸和大小 ▪️适当的尺寸:确保图片在网站上显示时尺寸合适,不要上传过大的图片再通过 CSS 缩小。 ▪️压缩图片:使用工具(如 TinyPNG 等)压缩图片文件大小,以提高页面加载速度。 ▪️响应式图片:确保图片在不同设备(手机、平板、桌面)上都能良好显示。 5. 懒加载 (Lazy Loading) 对于长页面或图片较多的页面,使用懒加载可以提高页面初始加载速度,只有当图片进入用户视口时才加载。相关 6. 添加并提交图片站点地图 (Image Sitemaps) 如果网站有大量的图片,特别是产品图片,可以考虑创建专门的图片站点地图,或者在现有的 XML 站点地图中包含图片的 URL。 图片站点地图格式规范如下: 三、小技巧:如何查询图片是否被谷歌索引? 1⃣ 打开 Google 图片搜索地址: ✅在搜索框中输入:`site: 你的域名.com 图片文件名.jpg ` 案例:site: my-image.jpg ✅如果你知道图片的一部分描述性文字或 Alt 文本,也可以尝试:` site:你的域名.com 关键词` 如果图片在搜索结果中出现,就说明它已经被索引了。 2⃣ 检查特定页面上的所有图片是否被索引: 在Google图片中输入:`site:你的页面URL` 案例:site: 这将显示 Google 为该页面索引的所有图片。