独立站品牌建设怎么做:首页品牌形象与全站一致性落地步骤

倪叶明

作者

更新于

独立站品牌建设最容易做反的一步,是先花钱找设计师做一套VI,回头才发现搜索结果里自己连个正经站点名称都没显示出来。落到能动手的地方,其实只有5处:站点名称、站点图标、站点标识、首页标题、组织信息。这5处按官方文档逐项设对,再让页眉页脚这些模板部件全站统一,品牌形象这件事就算落地了。Google把话说得很清楚:站点名称、站点图标、标题链接全是自动生成,你只能表明偏好,不能手动指定。

对出海做站的人来说,这意味着品牌建设有明确的入口,也有明确的验收方式。首页做得漂亮、搜索结果里却只显示一个域名的站不少见。用户点进来之前,认的就是那行小字。

  • 这是什么:把站点名称、站点图标、站点标识、首页标题、组织信息这5处「品牌落点」按官方文档逐项设置,并让全站模板保持一致
  • 官方怎么说:Google明说站点名称、站点图标、标题链接都是自动生成,只能表明偏好;WordPress明说站点标识、站点图标、页眉页脚属于全站生效的模板部件
  • 怎么做:在WordPress站点编辑器Identity里设站点标题、标语、站点标识、站点图标;在首页加WebSite与Organization结构化数据;用模板部件统一页眉页脚
  • 要多久:WordPress本身免费开源;Google明说抓取与重新处理需要几天到几周

本文把品牌建设收窄成首页品牌形象优化加全站一致性这一件能照着做的事。刚接触独立站的话,可以先看独立站入门指南,把基本概念补上。

独立站品牌形象到底指什么:5处品牌落点

独立站品牌形象落到操作层面,就是5处:站点名称、站点图标、站点标识、首页标题、组织信息。前3处在WordPress后台就能改,后2处一个在title元素里,一个在首页的结构化数据里。这5处共同构成用户在搜索结果和网站页面上看到的品牌信息。

站点名称是Google搜索结果里显示的「页面来自哪个站点」的名字,和每页各自的标题链接不是一回事。搜一个词,结果里那行大字是标题链接,下面那行小字就是站点名称。

站点名称、站点图标、站点标识、首页标题、组织信息各是什么

站点图标是浏览器标签、书签栏里站点标题旁边的小图,也可以出现在Google搜索结果里。站点标识是网站页面上放的代表网站身份的标志或图片,只在你自己的网站页面上可见,比如首页页眉那个logo。两者出现在不同的地方,用途不一样。

首页标题是首页title元素里的文字,也就是搜索结果里那行可点击的大字。Google用多种来源自动确定标题链接。组织信息是首页或关于我们页上的Organization结构化数据,帮助Google理解你这个组织的名称、地址、联系方式这些行政信息。

为什么品牌形象要先落在首页而不是先做一套视觉

因为用户第一次接触你的站,多半不是在首页上,是在搜索结果里。搜索结果里显示的站点名称、站点图标、标题链接,是品牌形象的第一层。这三样在Google那边都是自动生成的,你能做的只是把偏好表明清楚。

首页是所有品牌落点的汇聚地。WebSite结构化数据只能放在首页,Organization结构化数据建议放首页或关于我们页。你先把首页这几处设对,后面每个页面都会继承页眉页脚的模板部件,一致性是自然带出来的。反过来,先做一套视觉再回来补这些设置,会碰到一个问题:页眉页脚改一处,全站所有用这个模板的页面都跟着变,你得回头检查每个页面的title和结构化数据有没有跟视觉对不上。

新手做独立站三个方向那篇里讲的第一件事就是先把站定位清楚,品牌落点这5处是把定位落到搜索结果里的具体方式。

Google和WordPress官方怎么规定这几处品牌落点

官方规则分两层。Google那边管搜索结果里显示什么,WordPress那边管你后台怎么设置、哪些改动会全站生效。两层规则合起来,才是完整的操作依据。

Google站点名称文档说明独立站站点名称自动生成只能表明偏好每站点一个
官网说明截图:站点名称自动生成,只能表明偏好,每站点一个。

站点名称:自动生成,只能表明偏好,一个站点只能一个名

Google生成站点名称完全自动化,会参考首页内容以及网络上对这个站点的引用。你要表明偏好,就在首页加WebSite结构化数据。系统也会看og:site_name、title、标题元素和首页其他文字,但WebSite结构化数据最重要。

Google不能手动修改自动选出的站点名称,但你可以提供备选名称供系统考虑。每个站点只支持一个站点名称,站点按域名或子域名界定,不支持子目录级别。站点名称要选独特、准确反映站点身份、不误导用户的名字,用简洁、被普遍认知的叫法,比如用Google而不是Google, Inc。

站点图标:正方形、格式有限、不保证显示

站点图标要在首页header加link标签,语法是link rel="icon" href="/path/to/favicon.ico"。URL可以是相对路径,也可以是绝对路径,不必托管在自己站点上,放在CDN上也可以。

图标必须是正方形,宽高比1:1,尺寸和格式有明确要求,具体数值在后面的数字和限制表里集中列。即使满足全部指南,站点图标也不保证出现在Google搜索结果里。URL必须稳定,不要频繁更换。Google不会显示它认为不合适的图标,发现色情或仇恨符号会替换成默认图标。

标题链接:每页title要不同,品牌名只放开头或结尾

标题链接是搜索结果里指向网页的标题,Google用多种来源自动确定。每个页面都要在title元素里指定标题,写得描述性强且简洁,避免用Home这类含糊描述。不要关键词堆砌,同一个词或短语在title里重复出现没有理由。

品牌化标题要简洁。首页title可以放站点的补充信息,但把这段文字放到每个页面会显得重复,建议只在每个title开头或结尾放站点名,用连字符、冒号或竖线分隔。title要使用与页面主体内容相同的语言和书写系统。Google不能手动修改单个站点的标题链接。

组织信息:没有必填属性,放首页或关于我们页

Organization结构化数据没有必填属性,建议尽量多加适用于你组织的属性。优先关注对用户有用的,比如name或alternateName是业务名称,address或telephone体现现实存在感,url或logo体现线上存在感。

建议把组织信息放在首页或一个描述组织的单独页面,比如关于我们页,不需要加到每个页面。建议使用最具体的Organization子类型,电商站用OnlineStore而不是OnlineBusiness。组织结构化数据加在首页可以帮助Google更好理解组织的行政信息,并在搜索结果中区分你的组织。

怎么做:从装主题到加结构化数据的12步

动手之前先确认一件事:站点编辑器只在安装并启用区块主题后可用。如果你现在用的是经典主题,第一步要先把主题换了。下面每一步都写清楚动作、理由,以及出问题往哪里回查。

独立站品牌建设WordPress站点编辑器Identity设置面板填写站点标题标语标识图标
实操截图:站点编辑器Identity里一次填齐站点标题、标语、站点标识、站点图标。
  1. 安装并启用一个区块主题。后台外观 > 主题 > 添加新,在添加主题页选Block Themes。站点编辑器和Identity设置都依赖区块主题,没有它后面几步都走不了。装完如果找不到外观 > 编辑器,回查主题是不是真的启用了,或者是不是装了一个经典主题。
  2. 进入站点编辑器。外观 > 编辑器。站点编辑器能设计整站,包括页眉、页脚以及中间所有部分。打开后如果发现编辑的是某个具体页面而不是整站,回查左上角的导航层级。
  3. 在Identity里统一填站点标题、站点标语、站点标识、站点图标。这是品牌落点的核心动作。填完点Save,弹出列表会列出改过的模板和模板部件,确认保存范围。如果保存后发现前台没变,回查是不是只保存了部分项目。
  4. 在Styles里统一全站排版、配色和布局。这里也可以改单个区块在全站的样式,目的是让首页和所有内页看起来是一套东西。改完如果某个页面样式不跟随,回查那个页面是不是用了单独的模板。
  5. 用模板部件统一页眉页脚。外观 > 编辑器 > Patterns > Template Parts > Header,点铅笔图标编辑。模板部件管的是页眉、页脚、侧边栏这些重复出现的全局区域,改一次全站生效。如果改完发现某个页面页眉不一样,回查那个页面有没有单独指定页眉模板。
  6. 加站点标识区块。新建页面或打开站点编辑器,点区块插入器图标搜索Site Logo,也可以在新段落区块输入/site-logo回车。站点标识只在首页等网站页面上可见。加图之后改动会应用到网站上所有站点标识区块。
  7. 开启Use as site icon。这个选项只有在给站点标识区块加图之后才可用。同时确认Link image to home处于开启状态,这个选项默认就是开的,点了标识图会回首页。
  8. 在首页加WebSite结构化数据。url要设为域名或子域名的规范首页。如果站点已经有WebSite结构化数据,把站点名称属性嵌在同一个节点里,不要新建一个WebSite区块。标记只需加在首页,不需要加到每个页面。
  9. 在首页或关于我们页加Organization结构化数据。按需加name、alternateName、url、logo、address、telephone这些属性。组织信息放一处就行,不用每页都加。
  10. 用Schema Markup Validator校验标记语法。站点名称不支持在Rich Results Test里测,别用错工具。校验报错的话,回查JSON-LD里的引号、逗号、括号是不是配对。
  11. 用URL Inspection工具测试Google看到的页面。确认首页可访问,没有被robots.txt、noindex或登录要求屏蔽。这一步是看Google实际抓到的内容和你以为的是不是一回事。
  12. 页面没问题就请求Google重新抓取该URL。抓取和重新处理需要几天到几周,不是点完就变。请求之后过几天再回URL Inspection看结果。

结构化数据这部分如果觉得手动写JSON-LD麻烦,用集成到CMS的插件可能更省事。日常运营要盯的指标和工具,独立站运营工具清单那篇里有整理。品牌落点设好之后,独立站邮件营销和网站推广方法是接下来要做的两件事,页眉页脚统一了,发出去的邮件和推广落地页才能对得上。

独立站品牌建设站点标识区块开启Use as site icon与Link image to home开关
实操截图:加图后打开Use as site icon,并确认标识图链接回首页。

数字和限制:尺寸、期限、支持范围一张表

品牌落点这几处,官方给的具体数字不多,但每一条都卡在关键位置上。下面这张表把尺寸、期限、数量限制和必填项集中列一次,后面不再重复。

项目 数值 / 规则
站点图标尺寸 正方形1:1,最低8x8px,建议大于48x48px
站点图标格式 BMP、GIF、ICO、PNG、JPEG、PPM、TIFF
站点名称长度 无限制,过长会在部分设备被截断
站点名称/图标数量 每站点各1个,按域名或主机名界定,子目录不支持
抓取与重新处理 几天到几周
WebSite结构化数据必填 name、url两项

这张表里最容易被忽略的是「每站点各1个」和「子目录不支持」。意思是你在example.com/news下面再做一个站,没法单独给news这个子目录设站点名称和favicon。要做独立品牌,只能用子域名或独立域名。

站点图标建议尺寸48x48px是最低要求8x8px的6倍边长,面积比是36倍。这个差距说明官方那个8x8px只是最低门槛,真按8x8px做,显示出来就是一个模糊的小点。抓取与重新处理需要几天到几周,这个时间不是你能控制的,请求重新抓取之后只能等。

常见误区与排查顺序

下面六个误区,每一个都能在官方文档里找到对应的错误做法。先把结论说清楚,再给一句依据。

六个误区

误区一:以为设了favicon就一定显示。官方明说即使满足全部指南,favicon也不保证出现在搜索结果里。

误区二:给子目录单独设站点名称或favicon。Google搜索不支持子目录级别的站点名称,favicon也只支持每个主机名一个。

误区三:只给规范页加结构化数据。同一内容有重复首页时,比如HTTP和HTTPS、www和非www,所有重复页面都要用同一份结构化数据,不只是规范页。

误区四:在已有WebSite结构化数据时又新建一个WebSite区块。应该把站点名称属性嵌在同一个节点里,尽量避免额外新建。

误区五:每个页面title都堆同一句品牌语。电商站每页都叫Cheap products for sale,用户就无法区分两个页面。

误区六:title语言与页面主体语言不一致。Google判断title的语言或书写系统和页面主体不匹配时,可能改选其他文字作为标题链接。

站点名称没被选中时的六步排查顺序

  1. 确认首页WebSite结构化数据里的站点名称就是你要的名字。这是系统首选的名称来源。
  2. 确认结构化数据没有错误。用schema测试工具查语法,Rich Results Test不支持站点名称,别用错工具。
  3. 确认首页其他来源也用同一个偏好名称。og:site_name、title、标题元素、首页其他文字,系统都会看。
  4. 确认没有给子目录设站点名称。子目录不支持,只认域名或子域名。
  5. 确认重定向正常,Googlebot能访问重定向目标,然后请求重新抓取。如果页面重定向到Googlebot可见的页面,站点名称会反映重定向目标。
  6. 站点有多个版本时,比如HTTP和HTTPS,确认一致使用同一个站点名称。

做到这里还是不显示,就是系统对你提供的名称信心不足,它可能用其他来源生成,或者直接显示域名。这种情况没有手动改的入口,只能把首页上所有称呼统一,等下一次抓取。中文站和英文站的区别那篇里讲过语言和书写系统的问题,title用什么语言、站点名称用什么语言,两边要对齐。

AI能帮哪几步、人要核什么

AI在这件事上能帮的,是那些有明确规则、可以批量处理的活。判断和验收还是得人来做,因为品牌名称选哪个、首页长什么样,这些没有标准答案。

AI能帮的4步

先说站点名称候选。规则有三条:简洁且被普遍认知、不是通用名称、与首页其他来源一致。把候选和首页上所有称呼一起丢给AI,让它逐条判断,输出保留项和淘汰项。

还有个活是批量起草title。按页面类型每页一条,避免重复模板句,顺便检查语言与页面主体语言是不是一致。JSON-LD草稿也能让它先写一版,字段只填官方列出的属性,缺的地方标注待人工补。最后让它把全站页面清单做成一致性检查表,站点标题、站点标语、站点标识、站点图标、title、结构化数据六列,逐页打勾。

三条能直接照抄的提示词

下面三条是本文给的示例,不是官方模板。

提示词一:「你是独立站品牌一致性检查员。下面是我的站点名称候选和首页上出现的所有站点称呼,请按这三条规则逐条判断:简洁且被普遍认知、不是通用名称、与首页其他来源一致。输出保留项、淘汰项和理由,每条理由不超过20字。」

提示词二:「按页面类型给我起草title:首页、关于我们、产品列表、单品页、博客列表、404。要求每页文字不同、描述性强且简洁、不使用关键词堆砌、站点名只放在开头或结尾并用竖线分隔。每页给2个版本。」

提示词三:「根据我给的站点名称、首页URL、logo地址、客服邮箱、电话、地址,生成WebSite和Organization两段JSON-LD。只使用我给的字段,缺的字段写TODO,不要自己编造任何值。」

人要亲手做的三个动作

在WordPress后台外观 > 编辑器 > Identity里亲手填站点标题、站点标语,上传站点标识和站点图标,点Save时在弹出列表里确认保存范围。AI不知道你的品牌叫什么,这一步只能人填。

在站点标识区块设置面板里亲手打开Use as site icon开关,确认Link image to home处于开启状态。这个开关在界面上,点一下的事,但AI够不到。最后在Search Console的URL Inspection里输入首页地址,看抓取结果和结构化数据是不是被识别,据此决定是改标记还是请求重新抓取。这一步是验收,AI替不了。

title草稿、结构化数据草稿、全站一致性检查表这类活,猎者出海的AI Agent能接。判断和验收还是人的事。

常见问题

站点名称支持哪些语言和设备?

站点名称在所有提供Google搜索的语言中可用,移动端和桌面端都支持。它可以出现在域名级和子域名级站点上。

www和m开头的子域名算不算独立站点?

一般视为等同。Google把www和m开头的子域名当作同一个站点处理。

子域名首页没有结构化数据会怎样?

可能回退使用域名级的站点名称。子域名首页最好也加上WebSite结构化数据。

偏好站点名称没被选中怎么办?

系统对你提供的名称信心不足时,可能用其他来源生成站点名称,或者显示域名、子域名。没有手动修改的入口,只能把首页上的称呼统一,等下一次抓取。

站点标识和站点图标有什么区别?

站点标识只在首页等网站页面上可见,站点图标是浏览器标签里站点标题旁的小图。两者出现在不同的地方,用途不一样。

Use as site icon选项什么时候可用?

只有在给站点标识区块加图之后才可用。没加图之前,这个选项是灰的。

发表评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注