前端seo优化详细方案

   日期:2024-12-27    作者:tjyhqt 移动:http://ljhr2012.riyuangf.com/mobile/quote/70112.html

在好久之前就总结过一个版本的搜索引擎优化,但是那时只是很肤浅的做一些,以及一些简单的语义化标签,并没有在谷歌搜索引擎中心搜索到自己的网站,这次更新才是真正的做到优化,并且做到了,收录和埋点事件,百度统计等的一下事件。
之前总结的有关seo优化前端小白浅谈seo优化以及web性能优化方案


本次迭代更新的我们的项目用的技术架构是服务端渲染。再一个电商网站中需要做seo的页面(也就是需要被收录的网站)总结下来大概就是保证商品被搜索引擎收录就可以在google中搜索到自己网站的产品了。

我们的项目主要是跨境电商,所以这里主要是针对google,facebook,twitter做了收录

网址: 谷歌搜索引擎中心

网页性能分析

第一步:首先是网站的描述

-1 , 如果是网站首页则描述该网站的内容
-2 , 如果是商品详情页面则是针对该商品的描述
-3, 如果是分类页则是对所有分类的描述

 
第二步:首先谈谈具体的问题,其实标签是很重要的一部分,在seo中。

下面的代码中我会详细介绍每个meta标签的来源以及作用

 

og是一种新的HTTP头部标记,就是即这种协议可以让网页成为一个富媒体对象,使用了该标签就意味着你同意了你的网站被其他社会化网站引用,目前这种协议在上被广泛应用。

如果想要自己的网站被这些社会化网站收录,就要去这些网站注册账号,查看如何被收录,按照网站内的提示去做需要收录的事件和内容

下面写一下在我的网站内按照提示做的收录的内容,这里是Catalog Fields - Commerce Platform (facebook.com)
的官方解答,这里会告诉每一个标签的作用。

 
第三步:代码层面需要优化的事项
  • 1,所有的img标签要加alt属性,产品列表要加产品列表索引
  • 2,所有跳转到商品详情,店铺页面,分类页面,搜索页面都要是用标签跳转,这样爬虫才能沿着链接爬取下一个链式页面
  • 3,所有要写完整的路径:例如
  • 4,当在网站中输入错误的链接以及产品id,网站必须有正确的404,500页面以用来引导爬虫走完整个流程,而不是弹出错误的选项卡来告诉用户没有该商品之类的
第四步:网站收录事件(google,facebook)以及埋点
  • 1,去google和facebook开发者网站申请账号申请埋点事件,在自己的网站中做埋点,方便google和facebook收录自己网站内的商品和顾客购买某件商品的概率。
  • 2,nuxt+vue-ssr项目中如何做facebook和google统计以及埋点。详情请移步vue-nuxt-ssr 做谷歌,百度统计以及google,facebook埋点总结
第五步:网站站点地图

站点地图应列出站点的所有静态页面,以及网站中商品的类别和产品,并且在中添加指向所欲站点地图页面的链接,这些都要按照xml标准。

关于如何在自己的项目中添加站点地图请移步nuxt.js做站点地图(sitemap.xml)详解

第六步:

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


举报收藏 0评论 0
0相关评论
相关最新动态
推荐最新动态
点击排行
{
网站首页  |  关于我们  |  联系方式  |  使用协议  |  隐私政策  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号