外贸小6

Shopify和SEO独立站教学

优化JS从而实现谷歌排名优化

外贸小6

,2019年开始进入到跨境电商行业,稀掘数据创始人。公司有自营电商业务,也有与第三方公司进行独立站推广合作。目前已与多个大型品牌合作,平时会在我的公众号上分享更多海外引流技巧,也同时会在我的B站频道上分享一些操作教学视频

谷歌位列SEO的工作已经到了不得不重视网页Javascript了,即使现在基本全部网站都有JS的影子,而JS也影响了网站的UX、停留时间和读取速度。说实在,在SEO的话题中,Javascript一直并非一个亲善的象征。过度的采用javascript可能会导致Google无法正确完备的收录于和读取你的网站。 今天我就给你们讲一下究竟JS是什么、目前Javascript究竟在谷歌SEO当中究竟是什么角色和怎样为他们的网站优化好JS。

首先,假如你是一个非技术宅,对代码方面一无所知,那么我能告诉你,这篇文章也不会讨论过多的代码详细知识。这篇JS优化教程将会站在小白的角度,教会你怎样很好的为他们的SEO工作处理好JS。

怎样优化JS进而提升SEO位列

Javascript是网页代码中的魔法师

JS是针对网页的编程语言。JS除能动态的更新Html和Css代码,还能做数据处理。这两个核心功能让JS在现代的网络世界当中具有了不可取代的地位。 JS也具有许多的编写网站的架构,这些架构为众多程序员在设计网站的时候提供便利:

  • React JS
  • Angular JS
  • Vue JS

无论是哪个,都有巨大的采用量。Vuejs相较于其他两个虽然更晚问世,但Vuejs已经成了现代互联网后端设计中不可或缺的一部分。透过这些架构设计出来的网站,往往存在极其多JS代码,花里胡哨的特技,和数据处理。

Javascript对于SEO而言,是双刃剑

强大的功能同样伴随着采用的缺点。Google也并非原本就能完备的收录于JS的内容。即使JS的代码的复杂性要顺利完成100%正确完备收录于纯粹是一件不可能的事情。

最大的优点是:

  • 能增加页面停留时间
  • 提供很好的ux体验
  • 减少跳出率

最大的缺点是:

  • 降低读取速度
  • 假如没采用polyfill可能会导致部分浏览器访问出现问题
  • 低布局的电脑可能会卡
  • 爬虫收录于页面可能会碰到收录于不完备的情况

我他们的其中一个站点Xuggest.com是采用VueJS写的。你能对比下xuggest.com和我他们的博客xmgseo.com的代码不同之处。其中Xuggest.com的代码是非常少的,根本没页面内容在代码当中。页面内容存在了JS文档当中了。我们会把Xuggest.com统称为SPA(Single Page App)。这类SPA网站在被Google收录于的时候经常都会碰到收录于不完备的问题。

Google面世了图形功能,能收录于JS内容

Google去年面世了页面图形功能,来保障JS网站能恒定认知JS和被恒定收录于。但并非所有JS的代码都能在Google的图形引擎中正确图形,想知道他们的网站能不能被Google恒定认知,最好的办法之一是采用最新的搜索引擎后台中的URL检查器。只须要进入Search Console,然后输入了URL就能看得到图形情况。

很大要检查谷歌的图形结果

当你顺利完成了他们的网站的时候,很大要保证检查过Google的动态图形,保证Google能看懂你的网站。假如你在图形结果当中并没看到他们想的结果,那么你就须要第一时间检查一下是模板问题还是他们代码的问题了。假如你是Shopify或者Wordpress,采用了第三方的模板,最直接的方法是联系模板客服。每一模板贩售商都会有客服服务的,你能透过客服去咨询下为什么你的网站无法正确图形和收录于。

慎重可以选择主题模板

无论你是做Shopify还是Wordpress,你都会须要采用模板。即使毕竟绝大多数的人并非建站高手,能透过网站模板解决的问题就不须要考量他们去单独写代码顺利完成。 但许多模板的都对搜索引擎和SEO不亲善。一方面纯粹模板作者并没太过考量这个问题,其次是模板的初衷是迎合用户购买。而绝大多数用户都会被特技和模板的外貌所迎合,所以就更为避免不了大量的采用css和js了。 假如你不知道究竟怎么去判断模板对SEO的亲善程度,最简单的做法是跟随大众的可以选择。Shopify全部免费的主题模板都是对SEO非常亲善的。而Wordpress我个人推荐的最普通的博客模板是Genesis,许多Wordpress网站的模板其实都是基于Genesis去写的。你也能看我写的这篇关于怎样透过提升网页速度进而提升SEO的博客得到更多的意见。

假如他们写代码就请保证代码提炼

我他们也算是个业余全栈工程师,对于后端各方面的代码我也都略知一二。假如网站须要他们开发的时候,最重要的是记住很大要保证JS和css/scss运用要保持提炼,保证最少的多余代码,保证尽少采用不必要的JS。一方面除对Google SEO有帮助,更重要的是,对用户的浏览器也会更为亲善。即使并并非每一用户的电脑都是三路泰坦,100GB内存和i9布局的。