Google 2007 年已经支援 Universal Seach, 就是搜搜索结果可以包含多媒体内容,以前仅限于网页、影片、图片、PDF文件;现在更加入 Apps,Facebook Fan Page 专页。
图像 SEO (Image SEO) 可由几个不同的层次理解:1) 图像本身如何在搜寻检索中争取更高排名,2)图像在网页内如何协助该网页争取更高排名,3) 当网页连结被分享到社交媒体时图像如何更得更多曝光。图像 SEO 其实和网页 SEO 的做法和概念非常一致。
搜寻界面亦独立有一个选项可以限制输入关键字的搜索对象只限于图片。要网站中的图片有机会显示在搜寻结果,以下几点要注意事项意:
图像本身优化
图像要以加入 HTML alt 代替文字标签以标示图像和什么有关,简单就是代替文字中含有所瞄准的关键字。例如:
<img src=”https://blog.welldevelop.com/wp-content/uploads/2018/01/image-url.jpg” alt=”图片 SEO” width=”687″ height=”274″ />
文件名称在索引中的地位就如同网页的网址。所以图像的文件名称中包合所瞄准的关键字 Keyword 会有利排名。
图像需要被搜寻引擎索引 Index。与其让搜寻引擎自由发现图像,更好的做法当然是主动在提交给搜寻引擎的网站地图 Sitemap 中加入图像的地址,让搜寻引擎进行索引。从 Google Search Console 可以看到多少图像被提交,多少被索引。
根据 Google 的说法,搜寻图像的结果不会看以 CSS 形式定义的图像,所以要图像能被搜寻引擎正常捡索, SEO 图片优化就最好以标准的 HTML 标签显示。
搜寻引擎的一些机制亦很可能同样应用于图片。例如处理重复内容 Duplicated Content 的机制。当搜寻引擎发现 SERP 中存在来自不同网站的重复内容。搜寻引擎只会列出最好的一个。沿用些逻辑推理,图片 SEO 时采用罐头网片 Stock Photo 自然就不利搜寻排名。
又例如当原来的图片被更新,重新上载了新的图片,伴随而来的就是网址会和旧的不一样,如果原来的图片已经成功被索引并带来相定搜寻流量,就有需要为新旧图片进行 301 重定向转址。
图像在网页中
图片常常并不是单独存在,而是网页内容有一部份。从多样性 Diversity 角度看,网页中的图片和网页瞄准的关键字一致,等同多一个不同类的相关性 Relevance 讯号,而图文并茂可提升阅读性,网页排名分数理应有所增加。更重要的原因是 Google 在 SERP 片段中愈来愈多列出 (并排或者滚动形式)文字和图片,令 snippet 变得更显眼更吸引点击。
网站载入的速度被公认为影响排名的一个重要因素,而图片的大小又影响下戴速度,直接影响网页的载入时间。图片格式又影响图片大小,例如 PNG 由于有透底图层结构,所以在同样解像度下,PNG 档案较 JPG 档案大。而 gif 有动画作用但颜色限制大。相同的图片格式,不同的压缩方法得出来的大小还可能有很大 (如几十百分比)的差异,所以不妨测试不同的批量图片压缩程序看看能否将档案大小尽量减少。
今天的数码相机可以拍摄非常高分辨率的照片。高分辨率的照片用于网站是绰绰有余,可以消耗大量的带宽,使您的网页加载非常缓慢。在这种情况下,您应该使用免费工具(例如:Paint.net)调整图像分辨率。。
图像分享到社交媒体
使用 Open Graph 是标签,当网页地址被分享到社交媒体时,社交平台可以根据 Open Graph 标签显示分享网址的特选图片 meta property=”og:image” 标签,自然有利图片曝光,有利提升点击率 CTR, 这又和网页 SEO 优化中的 Repurposing 一致。
<meta property=”og:site_name” content=”Well Develop” />
<meta property=”og:image”
content=”https://www.welldevelop.com.hk/wp-content/uploads/2012/06/onlineshop-live-demo.jpg”/>
<meta property=”og:image:secure_url”
content=”https://www.welldevelop.com.hk/wp-content/uploads/2012/06/onlineshop-live-demo.jpg”/>
<meta property=”og:image”
content=”https://www.welldevelop.com.hk/wp-content/uploads/2016/06/os_customers.jpg”/>
<meta property=”og:image:secure_url”
content=”https://www.welldevelop.com.hk/wp-content/uploads/2016/06/os_customers.jpg” />
<meta property=”og:image”
content=”https://www.welldevelop.com.hk/wp-content/uploads/2014/03/os11.jpg”/>