前端如何做网站的SEO

今天面试遇到这个面试题,感觉自己说的并不是很全面,所以上网查了一下,顺便在这里帮大家总结一下

1.什么是seo

所谓seo(Search Engine Optimization)即搜索引擎优化。简单说就是百度、谷歌搜索引擎的‘蜘蛛’,如下图


2.seo目的

seo是通过总结搜索引擎的排名规律,对网站进行合理的优化是你的网站在搜索引擎的排名提高,从而利用搜索引擎给自己带来客户。

3.seo工作原理

搜索引擎蜘蛛是通过,连接地址来找到你的网站的,seo就是让你的网站符合蜘蛛的胃口,让你的网站连接地址刚好的呈现在搜索引擎蜘蛛面前,从而让他抓取你网站的连接地址。


4.前端优化内容

seo的核心思想是:每个页面抓取几个关键字(一般不超过5个)进行核心优化,想试图通过一个页面就做完所有关键字,是不可能的。

seo优化的基础思路:(四处一词)

(1)当前页面的title上出现这个关键字;

(2)当前页面的keywords和description中出现这个关键字;

(3)当前页面的内容里多次出现这个关键词,并且在第一次出现的时候,加粗;

(4)其他页面的锚文本里,出现这个关键词。


下面来说说看对于网站seo优化的具体方法总结。

(1)调整页面代码结构和标签。这里我觉得就算不从seo的角度来看,有良好编码习惯的前端开发人员也都是应该做到的。css,js和html分离本来就是最最基础的开发习惯。这样不仅仅能够提高编码速度和代码整洁度,更有利于搜索引擎抓取有用的内容。图片使用雪碧图也是好习惯,因为每一张图片都会发送请求,通过css来调整一张雪碧图的不同显示位置也是提高用户体验的很好的方法。

(2)让重要内容优先加载。搜索引擎蜘蛛爬行抓取页面的顺序是从上到下,从左到右,所以最先出现的的链接和关键字权重也会越大。可以通过人为调整html结构来完成seo优化。而金三角,指的是google抓取关键字重点位置一般分布在页面左上,呈三角形。

(3)title。title标签是最最最重要的一个部分。要放在description和keywords之前。最好是不同的页面都能考虑到title的书写合理性,不同的页面,都能根据页面的特点,设置不同的title,优化重点突出。

京东标题优化的思路是:从京东品牌,到热门商品分类,再到具体商品分类,再结合长尾关键字。长尾关键字也是很重要的一环,我们后面再说。

(4)每个页面只出现一个<h1></h1>标签。<h1></h1>标签的权重仅次于title。一般资讯详情页和商品详情页标题,都放在<h1></h1>里。

(5)<meta>标签优化。meta标签的作用是跟搜索引擎解释你的网页是有关于哪些信息的。这里我们只说和seo优化有关的description和keywords标签。description标签通常排在title之后,keywords之前。是用于描述网站,这些描述将鼓动人们浏览你的网站而不是你的竞争对手的,一般在150字之内。keywords中只能包括与你本页内容相关的关键字列表。所有关键字必须与本页内容相关。“逗号”表示“或”,“空格”表示“与”,搜索引擎会把空格分开的关键字根据一定的方式进行组合。关键字不宜以统一形式重复3——6次,重复过多会产生关键字垃圾,因此还有可能会受到惩罚。

(6)关键字合理布局,合理使用<h1>-<h6>,<strong><em><b>这类的标签,都有利于影响关键词排名

(7)图片的alt属性。所有图片都加上alt属性,title属性可选,如果商品详情页,都写上了title和alt,容易造成关键词堆砌,所以一般建议只加alt属性。

(8)链接可根据实际需求添加title属性和nofollow属性。nofollow这个标签的意义是告诉搜索引擎"不要追踪此网页上的链接或不要追踪此特定链接"。非特殊性链接,一定要写href,因为搜索引擎对js的支持通常来说很差,图省事用click事件的程序员看到这里估计已经哭晕在厕所。快从厕所出来,以后改掉这个坏毛病。对于不需要排名的链接,请一定加上nofollow属性。加上此属性的链接,权重就不再传递。

(9)页面内容尽量不要做成flash和图片,视频。因为搜索引擎抓取不到抓取不到抓取不到。重要的事要说三遍。

(10)网站结构尽量呈扁平状,目录结构不宜过深,否则不利于搜索引擎抓取。

(11)ajax动态加载的内容,搜索引擎无法识别。(这里不知道现在是否还是这样,有懂得大大可以出来说一说)。对于一些关键的链接组和商品,采用直接输出到页面的方式,优化用户体验的同时兼顾seo。

(12)站内锚文本。<a href="*****.com">站内锚文本</a>.搜索引擎会根据这个“站内锚文本”来理解这个href是做什么的。如果一个页面的站内锚文本足够精确,那这个网站页面在搜索引擎里面的排序就有极大的机会排在靠前的位置。

(13)反向链接。友情链接就是反向链接的一种。优化关键字排名的核心就是获取大量高权重,高PR的反向链接,能在短时间内将关键字排名提高到首页前三位。

(14)长尾关键词 单次搜索次数比较少,但总体数量巨大的非热门关键词。从流量来源来看,seo整站优化带来的流量,特别是大量长尾关键词带来的流量将远远大于其首页带来的流量。

(15)站点地图和rss订阅。给自己的网站做一个站点地图和rss订阅也会影响排名。

(16)做好404页面。不仅是为了提高蜘蛛体验,也是为了用户体验的更好。

文章转自知乎!

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,406评论 6 503
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,732评论 3 393
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,711评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,380评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,432评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,301评论 1 301
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,145评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,008评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,443评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,649评论 3 334
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,795评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,501评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,119评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,731评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,865评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,899评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,724评论 2 354

推荐阅读更多精彩内容