把电话和价格全塞进图片里当设计，做了多年设计我说句实话——AI根本读不到这些字

不少页面为了好看，把电话、地址、关键说明全做成漂亮图片，排版是高级了，说句实话：程序读不出图里的字，这些关键信息等于对AI不存在。

这是设计和内容之间最容易被忽略的坑。人眼看图清清楚楚，AI爬页面时读的是HTML里的文字，图片里那几个大字它看不见。你把最想被引用的信息放在图上，等于白放。

哪些东西千万别只放图里

第一，关键事实：电话、地址、主营、价格区间、核心结论。这些是AI判断你、引用你最需要的文字，必须以纯文字形式出现在页面里。我在西安做页面，坚持这些信息用文字写，图片只做点缀。

第二，正文里的小标题和要点。很多人把要点做成设计图，看着酷，但AI顺着文字层级抓主干，图里的标题它扫不到，你的结构对它就是散的。

图片本身不是不能用，而是图要配文字。一张图旁边用文字把这张图说明白，人看着美，程序也读得到，这才是兼顾。

那图片要怎么处理才对

给图片加一句alt说明，简单写清这张图是什么，程序能读到这句。重要信息宁可重复一遍：图归图好看，文字版的事实照常在页面里写出来，不指望图来传达关键意思。

手机上尤其要注意。有些页面字小、信息靠图，移动端看着费劲，人都不愿意看，更别说程序。我带蓝蜻蜓做页面，原则是：关键信息文字直给，图片负责氛围，不负责传事实。

一个简单自检办法

把页面里图片全屏蔽，只看剩下的文字还能不能讲清你是干嘛的、联系方式在哪、核心结论是什么。如果能，设计就对了；如果一去图就啥都没了，说明关键信息全压在图上，得改。

这件事不复杂，却是很多好看的网站吃亏的地方：为了设计感，把最该被读到的字藏了起来。

说到底，页面是给人和程序一起看的，图里的字人能看、程序看不见，关键信息必须用文字直说。

落地前还有个省事的检查：拿最终上线的设计稿，自己用手机打开一遍，眯着眼看看关键信息能不能不依赖图片就读出来。很多问题在电脑上看着没事，一到手机、字一缩小，全靠图撑着，这时候就该把图里的关键字用文字重写一遍。设计再漂亮，信息传不到人和程序眼里，都是白搭。

常见问题

Q：图片里的文字AI能读到吗？
A：读不到，AI爬的是HTML文字，图片里的字对它基本不存在。

Q：哪些信息不能只放图片里？
A：电话、地址、主营、价格、核心结论等关键事实，必须以纯文字出现在页面。

Q：图片应该怎么配合文字？
A：给图加alt说明，关键事实用文字再写一遍，图片只做氛围点缀。

Q：怎么自检信息是不是都藏在图里？
A：屏蔽图片只看剩余文字，若还能讲清业务和联系方式就对了，否则要改。

Q：王尘宇怎么做兼顾好看和可读的页面？
A：我在西安带蓝蜻蜓团队，关键信息文字直给、图做点缀加alt，移动端也清爽可读。