前言:
很早以前就总结过一个版本的搜索引擎优化,不过那时候只是做了一些表面的meta、、和一些简单的语义标签,并没有在谷歌搜索引擎中心找到我的网站。这次更新才是真正的优化,并且实现了收录和嵌入事件、百度统计等。
上一篇总结的SEO优化前端小白谈SEO优化和网站性能优化解决方案
我们项目这次迭代使用的技术架构是vue+ssr+nuxt.js服务端渲染。一个电商网站,需要SEO的页面(也就是需要收录的网站)大致有首页、商品详情页、类目页、店铺页、搜索页。如果商品被搜索引擎收录了,那么就可以在搜索引擎里搜索到你网站上的商品。
我们的项目主要是跨境电商,所以这里我们主要关注,,
如何让您的网站出现在 搜索引擎中 (SEO)
网站:搜索引擎中心
网络性能分析 -
网页性能分析
接下来我们来说说这次SEO优化该如何实现。第一步:首先是网站标题的描述
-1、如果是网站的首页,则描述的是网站的内容。
-2、如果是商品详情页,则是对商品的描述。
-3、如果是分类页,则是所有分类的描述
Buydo.com: Adjustable USB Rechargeable Dual Fiber Shiny LED Pet Collar Cat Dog Neck Band Buy on Buydo
第二步:首先我们来谈谈meta标签的具体问题,其实meta标签在SEO中是非常重要的一个部分。
在下面的代码中我会详细介绍各个meta标签的来源以及作用。
og是一个新的HTTP头标签,即Open Graph,这个协议可以让一个网页成为一个富媒体对象,使用这个标签就意味着你同意你的网站可以被其他社交网站引用,目前这个协议在社交网站上被广泛使用。
如果你想让你的网站被这些社交网站收录,你需要在这些网站上注册一个账号,查看如何收录,并按照网站上的提示去做需要收录的事件和内容。
以下是根据说明在我的网站上收集的内容。这里是
官方答案会告诉你每个标签的作用。
第三步:代码层面需要优化的地方第四步:网站采集事件(,)和嵌入点第五步:网站站点地图
网站地图应该列出网站的所有静态页面,以及网站上商品的类别和产品,并添加所需网站地图页面的链接,全部符合XML标准。
有关如何在项目中添加站点地图的更多信息,请前往 nuxt.js 制作站点地图(.xml)
第 6 步:最后和如果——因为
所有页面都必须设置 Last- 和 If--Since 标头,这对于爬虫索引和检索索引页面的速度非常重要。
扫一扫在手机端查看
-
Tags : 前端seo优化
我们凭借多年的网站建设经验,坚持以“帮助中小企业实现网络营销化”为宗旨,累计为4000多家客户提供品质建站服务,得到了客户的一致好评。如果您有网站建设、网站改版、域名注册、主机空间、手机网站建设、网站备案等方面的需求,请立即点击咨询我们或拨打咨询热线: 13761152229,我们会详细为你一一解答你心中的疑难。