前端SEO_SEO知道

更新时间:
2019-08-24 03:34:24
前端SEO_SEO知道:

WEB前端开发中的几个SEO注意点

近几年来,SEO在国内得到了蓬勃的发展,其中很多的SEO技术越来越体现在web前端的一些细节上。要做好SEO,web前端这一块也要做必不可少的优化。
这就要求我们WEB前端工程师在开发页面的时候,要写出规范标准的代码,符合SEO,做好用户体验。
以下是一些在平时工作中总结的一些前端开发中的SEO注意点,其实很多也是前端的基础知识,仅供大家参考。
1、网站布局要做到样式与页面分离,删除页面中不必要的标签和元素。
2、页面生成要尽量小,要压缩页面的大小,页面尽量使用静态或伪静态。
3、所有的CSS、JS都要使用外部调用。
4、外部调用的JS文件的代码能放在底部的尽量放在底部,页面调用的css文件的代码尽量都放在head内,同一页面尽量不要超过3个JS外部调用。
5、每个页要只能出现一次H1标签,H2~H6标签可以多次,这样做是为了加重H1标签的权重。
6、除首页外别的页面要加面包屑型路径,导航一定要清晰。
7、网站一定要兼容脑残的IE各版本和FF等主流浏览器,这个虽然感觉对SEO影响不大,但是作为前端,这也是最基本的吧。
8、图片一定要添加alt属性,链接一定要添加title属性。
9、网站结构呈扁平状树型,目录结构不宜过深,每个页面离首页最多点击3次,过深不利于搜索引擎的抓取。
10、做好404页面,并测试其返回状态码为404。
11、确保网站代码无误,HTML能通过W3C版本。

前端到底需不需要懂SEO

需要的。
简单的就网站前端来说,需要考虑是否会影响网站的收录,关键词密度等等。所以前端对优化的作用是很大的。

在前端开发中如何做好seo优化

很多人学会了一些SEO的常识,就觉得自己已经学会了SEO了,能够给很多网站提供意见,但是其实他们提出的意见,很多时候都是靠猜,靠感觉。至于实际上有没有效果,会不会给网站带来正面的影响,只能走一步看一步。

其实一个SEO做得如何,最了解的还是自己,好的SEOER,能够通过平时一点一滴的数据,进行汇总,通过数据指导,来看清SEO的方向。

SEO是什么,在我看来,SEO就是做搜索引擎的排名,而SEO最终的目的是什么,答案只有一个,那就是通过有排名的关键词,来获得流量,也就是说我们最终的目的就是流量。那么我们很多时候,SEO不要局限在自己的站点上面,我们要把思路拓展,拓展到各个不同的模块领域去。

那么作为SEO,如何科学的去分析自己做的效果如何,如何去更好的通过数据,来指导自己的思维呢?

我们都知道,流量跟排名点击率、排名数、收录数有关系,那么我们的数据,最主要的就是监控这三个维度。

1、排名点击率:

如果是自身网站的话,就比较简单,装个流量统计工具,就可以很好的监控到关键词的点击率。如果是外部的站点,可以通过关键词覆盖的查询,来预估自己的排名点击率。其实在站点和内容都不变的情况下,点击率一般不会有太大的变化。所以排名和收录的因素,就会影响比较大。

2、网站排名:

网站的排名主要看两大块,一块是重点词的排名,一块是看长尾的关键词覆盖率。

2.1、重点词的排名:

每天都要监控,重点词是你的核心词,这个主要用来监控自己站内的关键词变化情况,如果重点词排名出现大幅度的变化,要就意味着在这个周期,你的排名有有极大的波动。排名监控可以用分析牛关键词排名监控,可以记录一个月的排名数据,一个月内的排名变化情况清晰可见。如果发现排名有明显的变化,就要去分析近一个月内的网站日志,看看有什么变化,从而找出问题的原因。

2.2、长尾关键词覆盖率:

长尾词的关键词覆盖率,主要用来监控站外的排名。

之前跟一个做推广的聊,跟他说查一下关键词覆盖率,他反问我,什么是关键词覆盖?

关键词覆盖,目的就是把你的关键词尽可能的覆盖到搜索引擎结果中,比如百度搜索结果第一页有10个排名,10个都是你所发的排名,那么用户就只能点到你了,点不到别人。

而做医疗的长尾关键词,一般都是地域性的,都是尽可能长的关键词。

之前做的关键词覆盖,当你覆盖率达到60%的时候,一天有10个有效对话,当你的覆盖率达到50%的时候,你的有效对话只有8个,当你关键词覆盖达到30%的时候,你的有效对话只有4个。

那么长的长尾关键词能来对话吗?答案是肯定的,能,太能了。有的人说那么长,谁能搜索得到啊?对,那么长的词可能不一定有人搜,但是通过分词所带来的长尾呢?最重要的是,这种长尾有足够的量,当量大的时候,蚂蚁也能干过一个军团。

所以关键词覆盖率,能够很好的体现你关键词所做的情况。

有的人会问,站外推广那么难做,都没有什么地方可做的。其实有的平台,永远都是好的,只是你没去认真研究而已,为什么别人都在做,你却做不了呢?

3、网站收录:

站点的收录是非常关键的,当你排名、覆盖率比较稳定的情况下,收录越多,也就意味着你的长尾关键词能够越多。

而我们看收录,并不是看单个链接的收录,而是看整体的收录变化比。这时候可以通过链接权重查询,来查询网址的收录情况。

在排名率不变的情况下,当你的收录越来越高,你的流量就会越来越多。所以如何提高收录,也是一个非常重要的手段。

总结:

总体来看SEO的主要核心还是数据分析,具体的数据分析可以参考(百度排名只需分析关键词数据)。其实SEO只要观察细致,很多问题都会变得很简单,你要真正搞清楚你想要什么,你想要的流量,而流量跟网站的排名、网站的收录、排名的点击率是有直接关系。搞清楚这些关系,去逐一分析每一个细节,你会发现SEO会变得很简单。

如何给前端开发做SEO培训

1. 抓取系统(Spider)    首先,我们需要了解搜索引擎的工作原理,以便更好得理解SEO。搜索引擎有一个抓取系统,俗称Spider,你可以把它想象成一群在互联网上乱爬的蜘蛛(有点恶趣味...),它们会读取各个页面的HTML,并且通过页面上的链接关系,不断抓去新的有价值的页面内容,再将其发回搜索引擎。根据Spider传回的信息,搜索引擎来给你的页面排名。对于这个Spider,你需要注意什么呢?1. 搜索引擎无法很有效地抓取flash的内容。HTML5的出现解决了这个问题。HTML5可以达到很多flash能达到的效果,并且它与搜索引擎更加兼容。2. 搜索引擎无法读取图片中的文字。所以你需要给图片配上标记(alt tags),告诉spider这个图片是什么内容。3. 搜索引擎对于PDF,word,PPT等格式的文件没什么好感,这些格式在排名上会有劣势。4. 不要过度重复关键词。讲一个有趣的宝马公司的例子,宝马公司的营销人员为了提高产品页面的搜索排名,在每个产品上都贴上BMW的标签,导致Spider读到这个页面的时候的效果是“BMW...BMW...BMW...BMW..."这个就属于SEO中的黑帽手段(black-hat)了,这也是GOOGLE所不能接收的,这样做的一般后果是从Google搜索结果中除名。想象一下如果你是某公司的营销总监,你的行为让贵公司被GOOGLE除名,你会是什么下场不用我说了吧?幸好,宝马是个大公司,GOOGLE也不想用户搜宝马的时候只能跳出奔驰,最后这件事双方就协商着解决啦。

2. 关键词调研(Key-phrase research)    关键词调研的目的是了解用户如何搜索,了解关键词的竞争情况,以及搜索热度的发展趋势。我们需要研究出哪一个词语更能回答用户的问题,能让我们的页面被用户找到。搜索引擎通常都提供工具帮助网站分析优化关键词。英文网站可以使用Google Trends来了解和比较关键词的热度,地区来源等。同时,Google Keyword Planner可以告诉你确切的相关关键词的搜索次数,竞争程度。(需登录google账户才能使用)。中文网站可以使用百度指数和关键词工具。

3. 页面优化 (On-page Optimization)    页面优化就是要把恰当的关键词放在恰当的位置,这样搜索引擎才能知道你的页面是关于什么的。具体可以从以下这些方面着手。

1)页面标题(page titles)    标题是一个页面中最重要的部分。它显示在页面顶端的标签上。你应该为每个页面内容总结出最重要的关键词。要避免一些一般性描述,比如“主页”“博客”“产品”,你要表现你的独特性。通常,你会有多个关键词,你需要把更重要的放在前面。

2)页面地址(URL)   你可以设置自己的页面地址,应该用一些有含义的单词;需要连接两个词语的时候用连字符(-)而非下划线(_)。3)标题(Headings)你需要在标题中用说明页面的主要内容是什么,关键词需要在这里再次出现。如果一个页面有多个标题,尽量指出它们之间的共同点,否则Spider很难理解你的页面到底是关于什么。4)文章主题(Body copy)如果你的页面标题,文章标题里都重复了你的关键词,那么你不需要再在文章中像祥林嫂一样反复唠叨“我的阿毛”了,Spider倒不会嫌你烦,但是会认为你作弊,就像上面说得宝马案例一样。5)文字链接(Text Links)在你的网站中,你可能时不时的需要引入链接,连到其他网站或页面去。你的用户所点的超链接文字就是文字链接。很多网站喜欢用“请戳这里”“请猛戳这里”...错了!!你们错了!!这样的词语完全没有说明这个链接的内容,Spider不会理解“请戳这里”是什么东西。你要直接写链接的内容,比如“文章姚笛马伊俐”。6) 标签(Alt tags)刚才也提到了,alt tags就是用来描述页面上的图片的,提高页面的可达性(accessibility),同时也有利于搜索排名的优化。4. 外链建设(link building)    目的是增加链接到你的网站的其他网站数目,让搜索引擎可以由此判断你的内容是权威的有用的。