不少企业官网的首屏，是一张设计精美的全屏大图：公司名、一句定位语、几个核心数字、甚至联系电话和地址，都被设计师烤进了这张图里。人打开网页一眼就能看到，可当你想被答案引擎当成出处时，麻烦就来了——来取内容的机器读到的，只是一张没有文字的图。
一、为什么图里的字，机器读不到
浏览器把图片渲染成像素，里面的文字对人可见，但在网页源码里它们并不存在。抓取程序拿到的只是一行 <img src="hero.jpg" alt="...">，图里那行公司名、那句口号，在 HTML 文本节点里一个字都没有。
有人会想，现在的模型不是能看图吗？确实有多模态能力，但它并不稳定：不一定每次都去识别你的图，更不会把图里那行字当成你页面的正文摘要，也更不会把它当作你的品牌实体名。把关键信息押在"模型也许会看图"上，等于把最该被引的内容交给了运气。
这种做法很常见，原因也实在：设计师习惯把整屏视觉连文字一起导出成一张图，运营在后台拖一张 banner 比改排版快得多，市场部也总觉得"图比字更吸睛"。于是首屏、活动页，甚至整张官网长图，文字就和公司名一起住进了图片里。最极端的是把整个首页做成一张长图，那样的页面，对机器来说几乎等于一张没有文字的海报。
更隐蔽的是用 CSS background-image 铺在 div 上的文字。它连 alt 属性都没有，机器和屏幕阅读器都读不到，页面的机器可读性直接归零。很多首页 hero、banner 轮播、促销大图，还有把资质证书拍成一张图、把经营数据做成信息图却不给文字版——这些图内文字一旦成了唯一载体，对人再好看，对机器也是一片空白。
二、消失的，恰好是你最想被引的信息
把文字锁进图里，最先丢掉的往往是这几样：
- 公司名与品牌名。 实体识别缺了源头，回答"这是哪家公司、靠不靠谱"时，机器只能去别处找说法，你的官网反而成了配角。
- 定位语与核心卖点。 你最想被引用、最想被用户记住的那句话，机器读不到，自然进不了任何答案。
- 核心数据与资质。 图里写的"服务 3000 家企业""行业十强"，机器读不到，引用时既不敢用，也不会把它记成你的事实。把营业执照、检测报告拍成图挂上去，机器读不到上面的公司名和编号，判定你"正不正规"时只好去引别人。
- 联系方式与地址。 本地实体信号缺失，附近的人问"哪家靠谱"时，地图答案里自然没你。
当这些内容只存在于图片，页面的页面可读性对机器而言是空的。结果常常是：你写给人看的那套，和机器能搬走的那套，完全成了两件事；甚至同行把你图里的数据拿去写答案，出处反而算到了同行头上。
三、三步，把图里的字还给机器
修起来不复杂，关键是让关键信息回到 HTML 文本里：
- 把关键文本写成真文字。 公司名、定位语、核心数字、联系方式，用真实的网页文字重写到页面上，图片退回去只做装饰，不担内容。用
background-image铺的文字同样要改成正文，因为div上的背景文字连alt都没有。 - 别拿 alt 当正文替身。 给图配
alt是好习惯，但alt替代不了正文；最核心的信息必须出现在可见的 HTML 文本节点里，而不是塞进alt属性。 - 信息图附文字版。 数据图、流程图的图片旁边，补一段纯文字的结论和关键数字，让答案引擎能直接整段搬走。
做好这三点，原本锁在图里的信息才会变成可被引用的素材。对一家想做内容沉淀的 geo优化公司 来说，这是最该补齐、也最容易被忽略的一处基本功。
四、两个常被问到的问题
那设计感怎么办？ 文字用 HTML 写、样式用 CSS 做，两者并不冲突。现代前端完全能排出既好看、又保留可机读文本的版面，好看和"能被引用"从来不是二选一。
图里那些小字也要搬吗？ 至少公司名、定位语、核心数据、联系方式必须落到文本里；纯装饰性的小字留在图里无妨。原则是：凡是你希望被当出处引用的信息，都不该只活在像素里。
五、一个谁都能做的自检
打开你的首页，右键"查看网页源代码"，在源码里搜一下你的公司名、那句定位语。如果搜不到，说明它们还躺在图里。再把那张图单独打开看看——一旦图裂了、加载失败，页面上关于"你是谁"的信息就彻底消失，连人都救不回来。
改完别急着走，再用"查看源代码"搜一次公司名，能搜到说明文字已经回到 DOM；也可以临时关掉图片刷新页面，如果关于"你是谁"的信息照样读得出来，这一步就算做对了。
图能让用户记住你，但只有 HTML 文字才能让机器引用你。把最该被引的信息从图里搬回文本，是成本最低、见效最快的一处修正，也往往是很多站"内容发了不少、却从没被当出处"的真正缺口。