搜外SEO：织梦移动端友好度建设，这些注意事项漏一个都影响排名
织梦这个站点的手机端兼容情况好不好, 它会对手机端上的搜索结果的抓取、收录还有排名的样子产生直接的影响。从搜外做SEO的实际操作角度来看, 在下面列出的一些建立站点和改变模板时候需要一项项去检查的事情。
Viewport与响应式基础
所有模板, 包括列表页、内容页和专题页的头部, 必须要包含 这一段代码。你需要在织梦后台里面, 去“模型管理”下面找到“模板修改”, 然后对这些地方逐一进行仔细的检查。
禁止写死宽度（如 width:750px）, 统一使用 max-width:100% 与媒体查询适配。
确认这个页面没有发生横向滚动, 要重点排查一下表格是不是有问题, 还要看看那些宽度被固定住的 div 元素是否存在情况, 同时也得检查一下那些没有设置最大宽度的图片会不会导致溢出。
内容与元数据一致性
在移动版本以及电脑版本之间, 它们的核心正文内容必须保持完全一致, 页面标题也需要做到一样, 描述部分与关键词部分同样不得有任何出入, 绝对不可以借由“移动端进行了精简处理”这样一个理由去直接把那些大段的文字内容给删掉。
结构化数据, 也就是 JSON-LD 格式的数据, 在移动版的模板里是同步输出了的, 这一点一定要搞清楚, 不可以仅仅只是在电脑版模板这个地方放置。
如果是采用了独立移动站这种情况, 像 m.example.com 这样的网址形式的话, 那么 pc 站和移动站就必须要互相标注 rel=”alternate” 与 rel=”canonical”, 而且内容要保持在同一个源上面。
加载速度
把首屏的图片压缩到目标尺寸, 优先使用webp格式或者avif格式；首屏的资源禁止做懒加载处理。
织梦后台的系统参数性能优化这一项里, 要把静态缓存功能给打开。另外, 还得把 Gzip 或者 Brotli 压缩这些方法也启用掉, 这样才能让网页加载变快一点。
对首屏的 JavaScript 体积进行缩减处理, 对于非关键性的脚本代码需要添加 defer 或者 async 属性, 彻底删除那些没有用的第三方统计工具脚本。
考虑到中文字体文件本身的尺寸确实是比较庞大的, 我们在实际开发过程中应当优先选择调用系统中已经存在的字体列表, 以此来尽可能地避免对完整的字库资源进行整体性的加载动作。
交互与体验
用户在点击按钮或者链接的时候, 那个区域的大小一定得是不小于四十四乘四十四像素的, 同时要让相邻的那些链接之间留出足够的间距来防止出现误触的情况。
禁止强制下载 App、全屏弹窗遮挡正文——百度冰桶算法将重点治理此类行为。
底部固定导航这一部分, 它使用的是 env(safe-area-inset-bottom) 这个方式来进行适配, 目的是为了让手势操作区域以及刘海屏的情况都能够得到处理, 结果就是不会遮挡住正文内容。
要把表单的输入框和手机的键盘类型相匹配，并且减少必填填写的项目数, 还有错误提示的文字位置要紧邻在输入框旁边。
抓取与索引验证
用户需要先去百度搜索资源平台那里找到叫做“移动适配”的那个工具, 然后在该工具里进行提交操作, 接着还要去核对一下适配以后的那个结果。
我们去查看了服务器日志里面 Baiduspider 移动端抓取的记录, 以此确认没有出现过批量404错误, 也没有出现5xx错误。
你可以用 PageSpeed Insights 这个工具来测试移动版本的情况, 需要确保 LCP 小于或者等于 2.5 秒, CLS 小于 0.1, 以及 INP 小于或者等于 200 毫秒。
我们需要去检查那个移动版 robots 指令的情况, 并且要确认没有错误地添加 noindex 这个指令, 同时也没有添加禁止抓取相关的规则。
高频误区
在移动端只显示摘要内容, 并引导用户去网页版电脑端查看完整文章, 这一做法在搜索优化采取移动版优先的策略背景下, 会因为搜索引擎主要依据移动版本页面的情况来进行评估判断, 而直接导致网站页面被收录数量减少以及排名位置下降的问题出现。
在动态服务的这种模式里面, 因为没有加上Vary: User-Agent这个头部信息, 所以就导致了爬虫软件去抓取网页的时候, 拿到了一个不完整的HTML的内容。
那些弹窗里面的关闭按钮, 有的会搞得特别小, 或者是视觉上隐藏了起来, 这属于是诱导性的点击行为, 然后就会被搜索引擎实施降权处理。
把上面的那些事情, 一个接一个的都弄好了之后, 织梦站点在移动设备方面的那种友好程度呢, 就能够达到主流搜索引擎在进行内容抓取以及排名时的要求了, 这样的话, 就完全不需要再去花费精力查找其他的那些方面的资料了。
常见问题
《搜外SEO：织梦移动端友好度建设，这些注意事项漏一个都影响排名》主要讲什么？
织梦这个站点的手机端兼容情况好不好, 它会对手机端上的搜索结果的抓取、收录还有排名的样子产生直接的影响。
文章提到了哪些重点？
禁止写死宽度（如 width:750px）, 统一使用 max-width:100% 与媒体查询适配；我们去查看了服务器日志里面 Baiduspider 移动端抓取的记录, 以此确认没有出现过批量404错误, 也没有出现5xx错误