SEO爱站网 logo SEO爱站网

学过前端的可以做seo吗?前端学习SEO有更大的优势

高阶白帽 1035 0 2020-08-11 12:36:19

前端指的就是web前端程序员,这是一个技术工种,公认的互联网高薪职业。在一线城市上班,一个月能拿到2万-3万元都是很正常的事情,很多小伙伴都羡慕得不要不要的。

现如今互联网公司竞争大,工作强度也大,程序员通宵加班也是常有的事,在高强度的工作压力下,很多程序员都有掉发、腰椎病等职业病隐患。

这时候很多的web前端程序员就想着转行了,有些人想到了要做SEO,不想在搞什么技术了。做程序猿是真心累啊,今天还在笑呵呵的敲打着代码,明天就有可能会收到公司高层发过来的辞退书。

那么,问题来了,对于web前端程序员来说,究竟适不适合参加呢?学过前端的可以做seo吗?

先来看看前端,做的工作和SEO的关系:

前端是构建网站中很重要的一个环节,本片重点从前端的角度来讲解一下SEO的实施方法。前端的工作主要是负责页面的HTML+CSS+JS,优化好这几个方面会为SEO工作打好一个坚实的基础。突出重点内容可以让搜索引擎判断当前页面的重点是什么,提升网站的访问速度可以让搜索引擎的蜘蛛顺利、快速、大量的抓取页面内容。

下面再看看SEO优化中和前端的关系:

①:合理的利用title、description和keywords

title:只要强调重点即可,重要关键词出现不要超过2次,而且要靠前,每个页面的title要有所不同。

description:把网页内容高度概括到这里,长度要合理,不可过分堆砌关键词,每个页面的description要有所不同。

keywords:列举几个重要的关键词即可,不可过分堆砌。

②:语义化书写html代码

对于搜索引擎来说,最直接面对的就是网页html代码,如果网页写的于下一话,搜索引擎就会很容易的读懂该网页要表达的意思。例如文本模块要有大标题,合理利用h1-h6,列表形式的代码使用ul或ol,重要的文字使用strong等等。

③:重要的内容不要用js输出

蜘蛛不会读取js里的内容,所以重要的内容必须放在html里。

④:慎用ajax

ajax加强用户体验的效果很赞,但是不要过度使用。ajax生成的内容无法被连接到。一个不错的thumb原则是:如果你用ajax加载的可能是一个独立的页面,就尽量不要使用它

⑤:尽少使用iframe框架

搜索引擎不会抓取iframe里面的内容,重要的内容不要放在框架里。

⑥:为和title属性

⑦:保留文字效果(切忌用图片代替文字):
如果需要兼顾用户体验和SEO效果,在必须应图片的地方,例如个性文字的标题,我们可以利用样式控制,让文本文字不出现在浏览器的上,但页面代码中是有该文字的。

例如:可以让文字缩进设置成足够大的负数,偏离出浏览器之外,也可以利用设置行高的方法让文字隐藏。注意:不可使用display:none的方法让文字隐藏,因为搜索引擎会过滤掉display:none里面的内容,就不会被蜘蛛检索了

提升访问速度:

①:尽量外链css和js,css放在头部,js放在尾部。

这样做的好处也可以把内容,表现和行为分离,保证代码整洁的同事也方便维护。

②:css sprites

减少http请求,利用css sprites技术可以把网页用到的图片整合到一张图上,这样就减少了http请求数,又使的样式图片一次加载,避免网页“白”的尴尬。

③:为图片设置高度和宽度,可以提高页面的加载速度。

④:为静态资源文件增加过期时间,让用户通过本地缓存来更快的访问网站。

⑤:压缩、格式化代码。

相信,大家通过上述对前端和SEO两者之间的关系,讲解分析。可以看出来,前端在SEO优化中是不可少的。所以,小编这里想要说的就是:学过前端的可以做seo吗?答案是肯定的,前端可以做SEO。

而且,懂前端的去,后续自己做SEO的时候,前端的问题都可以自己解决,不必要求于他人,相对于只懂SEO的来说,有一个明显的优势。当然SEO还是需要不断的探索的,不像写代码,是哪个就哪个。SEO是要根据不断更新迭代的脚步前进的。

网友跟帖
展开