多语言展示
当前在线:1024今日阅读:195今日分享:41

前端开发需要注意的seo设置

在开发完网站后,总是希望能被较快的搜到,或者在搜到相关领域的时候,能排到比较靠前的位置,要实现这些效果,离不开SEO优化了。这篇经验就讲讲作为前端开发需要注意的一些SEO设置。
方法/步骤
1

合理使用title、description和keywords,使得重要内容突出。title:只强调重点即可,重要关键词出现不要超过2次,而且要靠前,每个页面title要有所不同。description:把网页内容高度概括到这里,长度要合理,不要过分堆砌关键词,每个页面description要有所不同。keywords:列举出几个重要关键词即可,也不要过分堆砌。

2

语义化书写HTML代码,使用符合W3C标准的标签对。对于搜索引擎来说,最直接面对的就是网页HTML代码,如果代码写的语义化,搜索引擎就会很容易的读懂该网页要表达的意思。

3

重要位置放置重要内容。利用布局,把重要内容HTML代码放在最前。搜索引擎抓取HTML内容是从上到下,利用这一特点,可以让主要代码优先读取,让爬虫最先抓取。

4

尽量避免使用js输出重要内容。重要内容不要用JS输出,爬虫不会读取JS里的内容,所以重要内容必须放在HTML里。

5

尽量避免使用iframe框架。搜索引擎不会抓取到iframe里的内容,重要内容不要放在框架中。

6

图片需使用alt标签。为图片加上alt属性,alt属性的作用是当图片无法显示时以文字作为代替显示出来,对于SEO来说,它可以令搜索引擎有机会索引你网站的图片。

7

需要强调的地方可以加上title属性。在进行SEO优化时,适合将alt属性设置为图片本来的含义,而将 ttitle属性为设置该属性的元素提供建议性的信息。

8

为图片设置尺寸。为图片加上长宽的属性,图片大的会排在前面一点。

10

通过代码精简,使用CDN资源,云加速等方式提升网站打开速度。网站速度是搜索引擎排序的一个重要指标。

11

使用nofollow属性。对于指向外部网站的链接要使用rel=”nofollow”属性告诉爬虫不要去爬其他的页面。

12

SEO优化是一整套的方案,任何一项都做好也不一定效果明显,但是只要做好了,一定会 比同类的其他网站有更好的SEO排名。优化不容易,且行且珍惜吧。

推荐信息