微信客服
Telegram:guangsuan
电话联系:18928809533
发送邮件:[email protected]

为什么你的公司介绍(About Us)页面也需要SEO

本文作者:Don jiang

公司介绍(About Us)页面也需要SEO,因为这是用户判断企业是否可信的关键页面。超过52%的用户会在转化前查看“关于我们”,且优化后的品牌词搜索点击率可提升20%以上。通过明确公司背景(成立时间、团队规模、服务案例)、加入权威背书(资质、媒体报道)并布局品牌相关关键词实施。

关键词布局

别只写“关于我们”,要写“关于谁”

拿着信用卡准备付款的客人,脑袋里想的绝不是那些空洞的口号。Ahrefs的一份调查报告写得很清楚,94.6%的B2B采购员签合同前会去翻供货商的老底。他们在浏览器里敲打的英文字母非常具体。一家西雅图的牙科诊所想添置设备,采购专员会在Google里敲下西雅图牙科椅批发商。

网页上光写一家充满梦想的医疗公司毫无用处。搜索引擎的机器爬虫只认死理,它们到处翻找带具体位置和资质证书的短句。写网页要把公司大名和最细分类别的买卖紧紧绑在一起。什么服务第一、质量过硬的宽泛词语一个都别留。

打开SEMrush工具输入同行的网址。你能看到别人家网站每个月靠什么词汇招揽客人。挑出月搜索量在50到500次区间的短句。词汇太宽泛很难在网页堆里抢到客人。密歇根州废水处理方案每个月被搜120次,拿来签单的成功率远远跑赢每个月搜8000次的水处理。

挑好的短句通通丢进Google Keyword Planner。查看单次点击出价CPC的金额数字。广告商愿意花十几美金高价竞标的词语,背后藏着极强的掏钱欲望。你得把公司的家底拆解成机器能看懂的零碎信息标签:

  • 哪年哪月开的公司(1998年创立)
  • 能把货送到哪个州(覆盖北美东西海岸)
  • 手里有哪家机构发的证(ISO9001体系认证)
  • 专门做哪类客人的生意(只服务SaaS软件企业)
  • 用了哪门子独家手艺(冷萃取提纯工艺)

写老板过去干了什么的时候顺手加点行业黑话。提到CEO在麻省理工学院念过材料物理学,马上补一句他把高分子抗压测试用在了如今的建筑外墙业务里。机器的神经元算法能读懂高分子和建筑外墙有着紧密关联。

带有具体项目数据的页面,网页跳出率比纯排比句的网页低27%。生动的买卖细节能把进店的访客多留住一会。文字里老老实实写着帮佛罗里达州的酒店砍掉30%洗涤费,机器顺手就记录下了你们准确的业务经纬度坐标。

买家想换掉现在的供货商,常常会在搜索框敲某某品牌加替代方案。你们家卖的设备刚好便宜又好用,在网页里做个表格把两边的发热量参数对比一下就成了。普通人考察一家陌生的店,习惯上网查几样固定的东西:

  • 老板以前是干嘛出身的
  • 设备主板坏了怎么保修
  • 开车五英里内有没有办事处
  • 技师上门修一次多少美金

把带有问号的句子放在网页底部的常见问题FAQ区域。用Schema标记代码把整块内容包扎起来。带代码的问答内容很容易钻进搜索结果第一页的People Also Ask折叠框里。不用花一分钱广告费的点击量大约能暴涨150%。

介绍公司里干活的人,把人家辛辛苦苦考的证件全称亮出来。AWS认证架构师几个字印在屏幕上,比虚头巴脑的资深IT技术员容易揽到大公司的外包私活。把空洞轻飘飘的词都换成硬邦邦的数字。

别写拥有超大面积的仓库,写占地45000平方英尺的恒温仓库。描述发货速度用48小时内抵达欧洲主要港口代替毫无生气的极速发货。丢掉谁都能抄去用的大话,留下只属于你们公司的准确数字和专业称呼。

关键词放在“黄金位置”

给网页排版就像是在给路边的广告牌刷油漆。机器每天要翻看上百亿个网址,它们只认死理,完全按照固定的代码框去读内容。Moz机构在2023年扫描了上百万个网页,没按规矩把标题写进代码框的网页,72%连搜索结果第二页都挤不进去。

浏览器最顶上那个标签页里的字,最多只能塞下60个英文字母。芝加哥一家修屋顶的店嫌麻烦只写公司简介四个字,客人在手机屏幕上根本刷不到他们。店主把标签改写成芝加哥南区20年漏水抢修经验的屋顶工,Ahrefs后台记录显示当月搜索点击量猛涨了36%。

紧挨着大标题下边的两行灰色小字,是留给店老板的150个字符免费橱窗。把老掉牙的成立于哪一年删掉,换成带明确金额的售后赔偿承诺。正在四处比价的访客看到白纸黑字的包退换数字,手里的鼠标马上就会停下来。

代码位置乱写的后果招揽客人的改法预期点击率变化
网页大标题关于我们 – 约翰机械俄亥俄州约翰机械:专注农用拖拉机大修15年提升 36%
搜索展示灰字成立于1990年,我们是一家优秀的公司。位于哥伦布市。30名持证技工,提供48小时内下田抢修服务,换件保修2年。翻倍

访客点进网页第一眼看到的粗体大字,被程序员叫作H1标签代码。一个页面里绝对不允许出现两次H1代码。把干瘪的团队介绍四个字扔掉,换成服务过300家曼哈顿餐厅的灭鼠专家。

机器从上往下扫视网页内容,最开头的150个英文字母分量极重。搜索引擎的机器大拿会给网页开头第一段文字分配普通段落2.5倍的识别权重。把公司拿得出手的数字硬实力全塞进前三行文字里。

开头第一段必须交代清楚的几件小事:

  • 办公大楼所在的具体街道名字与门牌号
  • 车间里能接哪种特殊规格尺寸的零配件订单
  • 公司墙上挂着什么行业协会颁发的资质证书
  • 仓库里究竟有多少名全职干活的熟练工人
  • 客户退换货自己需要倒贴多少美金的邮费

没人愿意在电脑屏幕前盯着密密麻麻的一整块文字发呆。Nielsen Norman机构做过一组真人视线追踪测试,79%的网民全都是跳着扫视网页。遇到长篇大论必须用粗体短句把文字切碎。

每隔大概300个单词就得换行空出一大截。用醒目的短句给下一段文字起个头。写到库房面积的时候,顺手在段首标上我们在休斯顿拥有两万平方英尺的恒温仓

网页里的照片需要敲打代码挂上文字说明。肉眼看到的是一张高清晰度机器照片,爬虫眼里全是一串叫作IMG_9876.jpg的空白乱码。给图片加上代码文本标签,机器就能看懂图片里装了什么。

给网页里各种照片起名字的死规矩:

  • 坚决不用手机默认的数字乱码串做图片文件名
  • 准确写出2018年购入的德国产数控切割机全称
  • 顺带写上工件日常加工精度能达到0.01毫米
  • 照片里拍到人脸写明是干了五年的早班质检员

每天有高达22%的搜索流量是网民在Google图片里点进来的。西雅图的一家花店把几十张玫瑰照片改名为西雅图派克市场当天送达的红玫瑰。那个月花店的线上订花电话多接了140多个。

网页和网页之间需要用带有下划线的蓝色文字互相串门。这些蓝字是把整站骨架连接起来的关节。搜索引擎顺着带颜色的文字能非常顺滑地爬到别的页面去翻找产品报价单。

讲到老板精通看账本的时候,把看账本三个字变成蓝色,指向那页写满收费明细的商业税务审计网页。往一段话里放上3个互相跳转的蓝字,机器往网站深处钻的概率会提高40%。

那些在车间里待了十几年的老师傅,名字完全可以单独做成一个页面。把介绍页里提到的技术骨干名字变成可点击状态。客人点进去能看到维修工在技校拿的全套A级电工证书扫描件。

老老实实把准确的街道地址、营业执照注册年份、发电机设备型号填进对应的代码框里。机器扫描完代码的排列组合,就把你们家的网址推荐给四处乱逛询价的买家。加利福尼亚一家卖冲浪板的店按规矩把乱七八糟的段落重新整理了一遍,他们的网店每个月白白多赚了六千美金的零售利润。

用户体验大于算法

Google在2023年9月悄悄上线的帮扶内容审查程序管得非常严。靠着机器瞎拼凑短句霸占搜索第一页的网站不到一个星期访问量就掉光了70%。目前的机器爬虫像极了一个挑剔的真人买家。50个字的自我介绍里硬塞进六次俄亥俄州屋顶翻新只会引来SpamBrain反作弊雷达亮起红灯。

生硬拼凑出来的机器词汇会把看网页的客人全吓跑。Nielsen Norman Group用眼动仪记录了一组极高频的真人浏览反应数据。访客视线在遭遇突兀的商品推销短语时平均会下意识停顿0.4秒。高达68%的浏览者会移动鼠标点击浏览器左上角的返回按钮。

写公司发家史去骗搜索引擎千万别干下边几件傻事:

  • 第一段硬塞十几个不带标点的相邻城市地名
  • 用非常别扭的倒装句把主推商品重复写上三遍
  • 硬凑字数把一句完整的话拆成三行孤立短句
  • 在网页代码角落用极小字号藏竞争对手商标

防弹玻璃生产商不需要反反复复念叨买防弹玻璃找大厂。客人点开你们的介绍页脑袋里盘算的是屏幕背后的那群人究竟靠不靠谱。把生硬枯燥的推销词换成买家日常生活中真实遇到的麻烦。

写上2022年冬天帮芝加哥南区150个家庭修补了漏水的屋顶比敲下一万句芝加哥修屋顶管用得多。带有明确年份和街道名称的抢修经历能让访客掏出信用卡的几率瞬间翻倍。去Flesch-Kincaid阅读难度打分网站测一下你们的网页文案。

得分落在60到70分之间的文本读起来就像两个喝着热咖啡的老朋友在闲聊。把客服接电话时最常用的大白话原封不动地搬到网页上。

真正能换来信任的网页通常包含下边几样东西:

  • 放上三张用iPhone实拍的工厂无尘车间照片
  • 清清楚楚写明买卖在2023年交了多少州税
  • 列出两名在厂里干了10年以上的资深老技工全名
  • 标明退货包裹寄回德克萨斯州仓库的具体邮费金额

爬虫光顾网页的频率由文本内容的健康度决定。Semrush的一项千万级网址抽样检查发现一个非常夸张的事实。判定为人为干预痕迹过重的页面,机器光顾的间隔时间会被拉长到夸张的45天。

公司刚买的新款数控机床参数大半个月都见不到天日。老老实实把文笔理顺让屏幕上的文字重新流畅地表达出来。给每一段文字配上经得起查证的业务单据。放上那份经过会计师事务所盖章的SOC 2 Type II年度审计PDF文件下载链接。

A/B测试工具VWO跑出的后台访客行为报表显示了非常夸张的数字。带有实体PDF文件下载按钮的介绍页底部询价表单真实提交率生生拔高了34%。每周抽出十分钟去翻一翻客户发来的售后抱怨邮件。把信件里客人原原本本的提问方式一字不落地摘抄下来。

客人发邮件问换个冷凝器风扇要等几天千万别改成空调温控组件保修时效。原汁原味的粗糙大白话本身就是极佳的长尾搜索入口。 强行套上西装革履的官方辞藻只会赶走真实掏钱的访客。

老老实实写下2019年搞砸过一笔佛罗里达的加急订单。用三百字写清楚后来倒贴了两万美金运费补救的完整经过。机器算法并不会拿你们亏了钱去扣减收录分数。Backlinko对1180万个搜索结果的分析报告里有一项具体的读秒指标。

放上加利福尼亚州橘郡的仓库租金账单截图比敲打一万个加州仓库出租有效得多。写到员工流失率时大大方方承认2021年走掉了15个包装工人。紧接着放上给剩下45个老员工上调12%时薪的财务审批单。带血肉的数字会让挑剔的采购员打消疑虑。

密苏里州一家卖二手拖拉机的农机店在网页上贴了15张发动机大修发票。他们每个月收到的跨州买车定金高达八万美金。不要害怕让别人看到厂房里堆在墙角的废料。

录一段60秒的短视频拍一拍次品粉碎机每天销毁的600磅不合格塑料件。附带具体的损耗数字能让网页的付钱单量狂涨22%。

增强可信度

获奖与资质转化

把15张ISO证书的图片传到网页上,服务器后台会看到谷歌搜索机器只停了0.4秒就走了。机器看不懂纯图片,没有配上文字说明的图片毫无用处。

把光秃秃的图片换成300字左右的文字介绍。写清楚谁发的奖、哪一年发的、具体的获奖类别。一家卖机械设备的B2B公司在2023年给“2022年工业设计金奖”加了详细的文字后,30天里相关搜索的点击次数涨了41%。

机器需要读懂文字才能把网页放进排名库里。在文字里加上带链接的文字,连到发证机构的官方网站上。Ahrefs网站的数据报告显示,连向评分超过90分的权威大网站,能让自家网页变得更可信。

让访客点击链接,跳到发奖机构官网的获奖名单PDF文件去。那个PDF文件里要清清楚楚印着自家公司的全名。网页代码深处还要动手脚,方便抓取程序更快读懂。

程序员要在网页背后的代码里埋下固定的格式标签

  • 用 award 标签写准奖项全称
  • 用 datePublished 标出拿奖的准确日子
  • 用 url 给出官方验证页面的链接
  • 用 description 填进去50个字的评选要求

加上特定的代码后,Search Console后台的统计图表会显示网页被抓取的次数猛增1.5倍。带有详细标记的资质介绍,有22%的概率会被谷歌挑出来,放在搜索结果页面的解答框里展示给看客。

放几张《纽约时报》变灰的标志在网页最底下用处不大。Hotjar录屏工具的追踪记录标明,100个访客里不到3个人会把鼠标停在点不开的图片上。死气沉沉的图片白白浪费了访客的时间,切断了机器顺藤摸瓜去查证的路线。

给每一个媒体的标志都加上能点击跳转的链接,直达外媒报道的那一页。在一项SaaS软件公司的测试里,把点不开的标志换成带链接和报道短语的样式,网页上看完就跑的访客比例从68%掉到了54%。

挑出报道里夸赞品牌的15到20个英文单词放在标志旁边。在引用的句子底下,老老实实写上写这篇报道的记者真名和发稿的具体日期。谷歌的程序在读这页代码时,会把知名记者的名字当成极高分数的信任特征。

看完公司的荣誉,访客经常会去翻看具体办事人员的介绍。做服务行业的员工手里往往拿着PMP、CPA证书。把员工个人的LinkedIn主页地址贴进他们的简历介绍里。

带有完整工作经历链接的团队成员页面,放在网上一百天左右,常常能带动整个公司名字的搜索次数往上窜15%到20%。展示人员资历要按规矩排版

  • 大字号标明真名和真实职位
  • 写出证书的编号和查询网址
  • 放上400×400像素、50KB以下的清晰大头照
  • 标记出他们以前读过哪所大学

细致到连一张头像大小都算计在内的简历,让网页在面对搜索算法大改版时极其耐扛。医疗和金融网站的后台运行日记证实,做了详细资历标记的网页,遇到大更新时排名掉下去的几率不到5%。

那些负责人工抽查的审核员,会挨个去第三方发证机构的数据库里查验页面上的证书编号。挂在网上的营业执照扫描件若是过了期。票面上的日子过期超过60天,页面在特定搜索结果里的排名常会掉落3到5个名次。

把旧文件换掉,用带有年份的文件名“2024-certification-update.pdf”去替换原来乱码一样的旧名字。不少企业喜欢搞个荣誉白皮书的PDF让访客下载。

降低跳出率

Google Analytics 4 后台趴着一串刺眼的数据。贴满图库模特假笑照片的网页,看一眼就关掉的比例常年挂在78%以上。看客手指滑动鼠标滚轮到底部只需2.5秒,连一行字都没看进脑子里就划走了。

换上公司上周五下午茶时抓拍的真实团队合影。给每一张JPEG格式的图片压缩到150KB以内。配上带具体地名和业务词汇的Alt标签,老老实实写上“2023-seattle-warehouse-team”。

搜索程序读不懂画面的真诚,服务器日志会死死记录下访客停留的每一秒钟。

看客点开介绍页,浏览器顶部的加载进度条转圈超过3秒钟,跑掉的人数就会越过53%的红线。拿H2和H3标签把密密麻麻的1200字长文切碎,剁成三五行的小方块。

把手机端浏览器的正文字体调大到16px,行间距拉开到1.5倍。网页测速工具Lighthouse的评判标尺下,文字跟背景颜色的对比度必须符合WCAG定下的4.5:1界限。

排版稍微松快一点,后台监控到的网页向下滑动深度立马能跨过50%的及格线:

  • 把挂牌成立的1998年份用粗体字单独拎成一行
  • 把难懂的术语换成小学六年级能读懂的短句
  • 段落上下留出20像素宽度的纯白间距
  • 三分钟的实景视频代码体积卡死在10MB以下

屏幕上每一行文字的字母数不能太多。超过80个英文字母的长句子会让人眼睛发酸。前端把文字展示框的最大宽度定死在680像素。看客的视线左右来回扫视一趟花掉2秒钟,阅读节奏不被打断。

几十张工作照片全挤在打开网页的头一秒钟加载,页面会卡成幻灯片。给排在屏幕下半截的图片装上Lazy Load延迟加载代码。看客的手指往下滑动到离图片还有200像素的位置,图片才开始往外蹦。首屏加载耗时被压在1.2秒以内。

放上一个冷冰冰的文字地址没人愿意多看一眼。去Google Maps API接口抓一段实时的地图代码贴进网页代码区。在坐标轴上打一个带有准确经纬度的红点地标。

寻找本地服务的人瞧见那个支持双指缩放的地图框,平均停留时间会从45秒钟拉长到1分20秒。Chrome浏览器会把看客鼠标在地图上拖拽停留的动作打包上传。

鼠标指针的每一次点击与悬停,全被算作真实的互动记录存进排名数据库。

只留一个邮箱地址的留言表单让人心里没底。放上带有准确区号的座机号码。旁边标明从早晨9点到傍晚6点的太平洋标准时间客服在线接听时段。热力图工具跑过两套测试版:

  • 只放邮箱的网页跳转去产品页的比例仅有4%
  • 添上带区号的真实电话版本能涨到11%
  • 加上实体门牌号码的完整排版
  • 访客去点击“产品目录”的比例往上浮动了14%

去Trustpilot平台上拉取最近一周的5条带文字的客户评价。用API数据接口原封不动地嵌进网页下半截。展示框里要有买家所在的城市名字、具体的交易月份和打出的4.8颗星评分。带有第三方真实评价的网页,访客停留时长往上加35秒。

手里拿着iPhone 14 Pro设备的访客占了总流量的大头。打开移动端网页调试工具,查验手指点击屏幕按钮时会不会发生误触。两个按钮间的距离得大于8毫米。

消除所有的网页排版错位毛病,把CLS监测数值死死压在0.1以下。画面安稳不乱跳,看客才愿意安安稳稳地把一整页的创业故事读完。

结构清晰

用标题标签(H1-H3)

Google的爬虫机器人每次访问一个网页,分配的停留时间只有短短的15毫秒。机器看不懂网页上的图片有多漂亮,它们只认识HTML代码。H1到H6标签就像给机器看的专属路标。Moz机构扫描了一百万个网页发现,带有H1专属路标的网页排进搜索前十名的概率多出22%。

普通的加粗黑体字在人眼里很醒目,在机器眼里只是一段普通的文本代码。给一段文字套上<h1>的外衣,搜索引擎会把它当成整页的主题。很多公司喜欢在页面最上面写上“关于我们”四个大字。放着最好的位置只写四个字,白白浪费了获取排名的好机会。

德克萨斯州一家生产注塑机的工厂修改了他们网页最上方的大字。他们把H1改写成“拥有20年经验的达拉斯精密注塑加工厂”。短短三个月,他们网页的每个月搜索曝光量从12次涨到了340次。HTML5的代码书写规范里写得很明白,一个网页只能放一个H1标签。

大段密密麻麻的文字需要用到H2标签来切分。把一大块文字切成小块,访客才愿意往下看。Semrush调查了十万个公司介绍页面。数据表明用H2标签分块的网页,访客看完的比例有58%,没分块的网页只有14%的人会看完。

  • 1998年建立的初始生产线
  • 位于加州的5000平米仓储
  • 两位斯坦福毕业的创始人
  • 年度客户满意度调查得分

人在看网页的时候,眼睛的视线轨迹是一个大写的英文字母F。Nielsen Norman Group用眼动仪测试了成千上万个测试者。人眼扫过字号大于24px的H2大号标题时,会稍微停顿0.4秒。机器会收集访客的停顿数据来给网页打分。

H2大标题下面有更细碎的说明内容,要把H3标签安排上。主标题写了“质量认证体系”,下面的小标题就用H3写上“ISO9001认证”和“CE欧洲标准”。Ahrefs的爬虫日志记录显示,带有三级树状代码的网页,被收录的速度比别的网页快两倍。

  • 单个网页里塞进六个H1代码
  • 跳过H2层级乱用H3
  • 把80字的段落塞进大标题里
  • 用图片代替文字来做H1
  • 单纯放大字号不写H代码

W3C国际标准组织给网页代码的读取定过规矩。Chrome浏览器把一个带有完整H1到H3标签的网页显示出来,只需要400毫秒。乱七八糟的代码层级会让网页晚显示1.2秒。Google的官方指南里写过,网页打开时间少于2.5秒才能及格。

视力有障碍的人上网需要依靠屏幕阅读器。JAWS软件会专门挑出H1到H3的文字念给盲人听。符合WCAG 2.1无障碍阅读标准的网页,分到的流量比普通网页多12%。WebAIM扫描了全球前一百万个网站验证了上面的说法。

现在的智能手机屏幕宽度大多在375像素上下。人们用大拇指滑屏幕的速度远远快过用鼠标滚轮。Backlinko分析了五百万个手机端网页。带有清晰H2分割线的页面,手机端访客马上关掉网页的比例比没标题的页面低29%。

  • 按键盘F12调出网页源代码
  • 用Ctrl+F查找h1代码位置
  • 统计h2和h3的嵌套比例
  • 核对H标签与正文字号差距
  • 检查移动端的排版折行

像WordPress建站后台都带有一个古腾堡可视化编辑器。用鼠标点一下下拉菜单选“标题2”,系统就在暗地里套上了一层<h2>代码。HubSpot的报表里记录过,68%不懂写代码的普通人都是用鼠标点点来完成排版的。

把一段少于45个单词的文字说明放在H2标题正下方。一段话被Google抽出来放在搜索结果最顶端当做精选摘要的概率有8.6%。Search Engine Land记录了500次本地商家的搜索情况,带有规范H标签的网页拿走了70%的靠前位置。

芝加哥一家只有四个人的咖啡豆烘焙坊修改了他们的网页文字。他们把1200字的流水账全部删掉。换上了包含“哥伦比亚豆源”、“烘焙曲线记录”的H2标签。六个星期后,他们网店的咨询量从每个星期2单涨到了15单。

长尾搜索词大多散落在H3标签的细节描述中。客户很少搜索空泛的企业名词。网民会在搜索框输入“支持小批量定制的五金厂”。把相关的短语拆解进H2或H3标签里,对应页面的曝光展现量会提升近三成。

优化视觉排版

眼睛盯着挤成一团的黑体字看上五秒钟就会流泪。网页设计师把行距调宽到1.6倍,读者的阅读速度能变快。麻省理工学院眼科实验室找了五十个人盯着屏幕测试。行距从单倍变成1.6倍后,测试者眨眼的频率每分钟减少了三次。

文字两边留出大块的空白区域不是在浪费版面。Craigslist那种满屏都是蓝色字体的排版早就过时了。人类视线在网页上的移动轨迹像是一个英文字母Z。加上占屏幕三分之一宽度的留白,文章被完整读完的概率高达43%。

  • 段落上下空出20个像素的距离
  • 图片和文字之间保持15像素间隔
  • 左右两端留白占据屏幕宽度的20%
  • 按钮四周必须留出大拇指按压的距离

字体大小决定了访客会不会按下浏览器左上角的返回键。十年前做网页流行用12号的小字。Smashing Magazine调查了排名前一百的知名博客,现在92%的网站把正文字体改成了16像素甚至18像素。视网膜屏幕上看16像素的字正好跟拿着一本纸质书看差不多。

黑底白字的排版对人的眼睛极度不友好。看久了黑底白字,视线转移到白墙上会看到横条纹的视觉幻影。W3C无障碍阅读指南规定了文字和背景的对比度数值。正常的深灰字配上浅色背景,对比度达到4.5比1眼睛看着最舒服。

背景颜色设定正文字体颜色对比度数值测算连续阅读500字的疲劳感
纯黑代码#000纯白代码#FFF21比1极度刺眼,极易流泪
浅米色#F5F5深灰色#3337比1视线柔和,无疲劳感
浅灰色#EEE浅蓝色#ADD2.5比1边缘模糊,眼睛发酸

大段的文字里面夹一张图能让紧绷的神经喘口气。BuzzSumo机器扫描了一百万篇网络文章。每隔75到100个英文字母放一张图片的网页,被网友转发到社交平台的次数多了一倍。配图不能随便找个模糊的电脑截图凑数。

单反相机拍出来的高清照片动不动就5兆大小。把十几张5兆的大图塞进公司介绍页面,网页转圈加载的时间会超过六秒。亚马逊在2012年算过一笔账,网页加载每慢一秒钟就会损失16亿美元的在线销售额。

  • 用在线工具把图片压缩到100KB以内
  • 格式全部换成体积更小的WebP后缀
  • 给盲人阅读器加上ALT文字描述
  • 设置往下拉才显示图片的懒加载功能
  • 用真实的工厂合照代替假买来的图库素材

把一大段文字拆成带黑点的小短句。人眼看到前面带有小圆点的内容会自动停下来逐字阅读。眼动仪捕捉到的屏幕热力图上一片通红,说明视线在那里停留了很久。带有项目符号的清单,访客记住的信息量是普通段落的四倍。

长得像旧报纸一样的网页吓跑了大部分用手机上网的人。手机屏幕的物理宽度只有三四百个像素。把电脑上长达八十个字的一行挪到手机上,得折成六七行。一行字超过十个单词,大脑处理信息的速度就会大幅度下降。

给文字底下加上不同颜色的底色区块能划分阅读区域。把创始人故事放在浅蓝色的方块里,把荣誉资质放在白色的方块里。A/B测试工具VWO跑过一次几千人的实验,加上色块区分的网页,访客找到底部联系电话的速度快了1.4秒。

网页的字体样式不能像大街上花里胡哨的传单。一个介绍页面里用了楷体、宋体、黑体加上花体英文字母,看着极为廉价。排版干净的网站全站只会用两种字体。Google Fonts字库里每天被调用几千万次的是Roboto和Open Sans这两款无衬线字体

自动播放的视频严重干扰阅读视线。读文字的时候旁边有个东西一直晃动,人的注意力瞬间就被打散了。纽约大学心理学系做过屏幕干扰测试,带有闪烁动图的网页会让网民对文字的短期记忆力下降30%。安安静静的静态排版远比花哨的动画好用。

部署内部链接

Google的机器人在网线里爬行。它们遇到带href代码的地方,会顺着线索钻进下一个网页。Moz机构查阅了海量日志,完全没有蓝字链接的孤岛页面,被收录的时间会比正常页面晚15天。

公司介绍网页里的普通文字能变成一扇门。写上“我们生产金属齿轮”只是一句普通陈述。给“金属齿轮”套上链接代码,访客点一下就能跳进产品页。ConversionXL记录了5000次鼠标点击,文字链接被点击的次数是顶部菜单的4.5倍。

算法机器人靠读取蓝色文字的字面意思来猜想下一个网页长什么样。写“点击此处”给不了机器线索。Semrush查了二十万个网页链接,用三个字的描述短语做文字链接,目标网页的搜索排名会往上爬14%。

  • 用代码把字变成蓝色
  • 设置点击后打开新窗口
  • 鼠标放上去会改变颜色
  • 用下划线标出可点区域

西雅图一家手工家具厂写了一篇900字的品牌故事。访客看完文字就按下了浏览器的关闭按钮。后台显示马上关掉网页的人数比例高达88%。网站管理员在文章结尾加上了四个蓝色文字,分别指向木椅图册和定制表单。

两个星期内关闭比例掉到了61%。访客顺着蓝色的字走到了网站更深处的地方。Google Analytics后台记录到,单次访问的停留时间从45秒变成3分12秒。

搜索引擎给每一个域名都算了一个分数。流量高的公司介绍页把链接指给新上线的产品页,分数会顺着代码流过去。Majestic测试工具专门测量链路上的分数。拿到5个链接的新网页,排名的位置比完全没链接的页面高30%。

网页上堆满蓝色的字会让眼睛极度不舒服。500字的段落里塞进20个带链接的字看起来像是垃圾广告。机器会狠狠惩罚故意堆砌链接的域名。Search Engine Journal给出的排版建议是每150个纯文本字距保留一个链接。

  • 清理掉打不开的死链
  • 网址变了要更新旧代码
  • 统一网站里蓝字的色号
  • 别在网页最底下堆满链接

波士顿一家会计师事务所做过一次位置测试。他们把“税务咨询”的链接放在了团队成员介绍页的最底下。只有0.8%的人点了它。热力图工具Hotjar捕捉到的画面显示,绝大多数访客根本没有往下滚动屏幕。

管理员把“税务咨询”几个字挪到了网页第一段创始人照片旁边。文字链接的点击率暴涨到6.4%。放在哪儿决定了有几个人能看见。网页上半部分的链接拿走了全站70%的点击动作。

浏览器地址栏下面那一排小字写着“首页 > 关于 > 团队”。Baymard Institute找来普通网民做可用性测试,加上这排小字的网页能把访客迷路的概率降低22%。

网店的文字介绍极其依赖穿插在段落里的链接。在品牌故事里提到某个设计师,顺手放一个链接到该设计师的专栏。Shopify在2022年的商户报表里提到过,在文章里穿插链接的店铺,结账买单的比例高出1.8%。

点开一个链接出现找不到网页的提示会让人心生厌烦。网页后缀从.htm换成.php就会扯断原来的连接线。Screaming Frog软件专门在网站里找死胡同。修好一个404报错页面,能捞回15%流失掉的搜索流量。

  • 每个星期扫一遍全站
  • 用301代码给新网址带路
  • 删掉点开是空白的死代码
  • 放大手机上的手指触控区

手机屏幕上的字不能做得太小。苹果公司的iOS交互指南写过,手指触控区域最少要有44×44个点。大拇指很容易点错挤在一起的文字。把链接区域的代码稍微改大一点,误触屏幕的概率能减少18%。

Wikipedia就像一张巨大的文字链接网。词条里面的每一个名词都有线连着别的网页。一家科技博客学了操作,只要文章里出现API三个字就给出教程链接。六个月时间里,博客每月的浏览量从12000次涨到了28000次。

滚动至顶部