对于那些正在做独立站的从业者来说, 他们肯定都遇到过类似的情况, 就是把产品图片放到谷歌的搜索结果里去展示的时候, 图片看起来非常模糊, 根本看不清细节, 直接导致点击了一半的用户都不愿意进来查看。
至于说谷歌独立站上的图片一定要保持高清, 这可不单单只是说图片的分辨率要非常大这一点事情, 这里面还深深牵扯到了对图片格式的选择问题, 还有怎么设置图片加载的策略问题, 最后还涉及到如何给页面进行合理的权重分配等一系列复杂的操作和内容。
独立站图片高清怎么做
主题里面经常会出现的一个状况, 就是管理员直接把尺寸是 2000px 的原始图片硬塞进去。其实正确的操作应该是这样的。先把产品的主图导出成 WebP格式。
然后把宽度控制在 1200px 以内。再用 srcset 这个功能, 给不同大小的屏幕提供对应合适尺寸的图片。这样做了之后, 小屏幕的设备就不会去加载那些大尺寸的图片了。
这样高清呈现和加载速度就能兼顾。建站时把CDN和懒加载配好，独立站SEO建站|https://www.sansseo.com/du-li-zhan-jian-zhan 里这块是标配。
后续做谷歌SEO整站加速|https://www.sansseo.com/jia-su-seo 的时候，图片管道不用单独再折腾。
独立站图片模糊怎么解决
现在已经站起来了, 移动端图片还是糊的, 这是因为响应式设计基本上没做。去检查img标签中的sizes属性, 如果没有就手动补上, 不要等到谷歌下一次核心更新的时候才想起来。
谷歌在获取缩略图的时候, 实际上使用的是 og:image 这个标签所指向的图片。我们单独地把图片设置为分辨率是1200×630像素的WebP格式, 同时将图像的压缩质量设定为80%。这样的处理结果, 明显要比直接采用默认的截图方式所产生的清晰度要好得多。
隔一会儿就去跑一次PageSpeed的检查, 要是发现LCP指标被大的图片给拖累了, 那就立刻替换压缩好的版本, 同时配合着谷歌SEO和网站内容更新的那个节奏来进行改动, 具体可以参考链接https://www.sansseo.com/nei-rong-seo给出的建议, 这样就不用非得攒着等到季度大改版的时候再动了。
只要图片优化这项事情做得足够到位, 整个网站的加载速度得分就能从50分提升到90分, 而且搜索排名会跟着一起上涨。如果您想看看同类型网站在这方面的实际表现是什么样子, 那么您可以去查看案例部分里面的数据分析对比内容链接地址是https://www.sansseo.com/case。
如果您是想要找一个一站式的服务, 把包括图片调整到代码修改这些方面全部解决掉的话, 那么搜索引擎排名优化相关的服务内容链接地址是https://www.sansseo.com/services, 能够为您覆盖完整的服务流程细节。
