如何从前端优化SEO

如何从前端优化SEO

SEO的优化,我觉得跟前端工程师有着密不可分的关联,今天我们来总结下,如何从前端方面来优化页面的SEO。


最先开始要从META标签的设置开始,要设置关键词META,描述META这两个,因为现在主流的搜索引擎都是从这两个META的设置来进行检索的。


1.META标签的设置

<meta name="keywords" content="web前端开发工程师" />
<meta name="description" content="520UED是一个关注前端开发的博客" />


2.给LOGO添加替代文本

第一种是给图片加LOGO

<img src="logo.png" alt="520UED.com站点的logo">


第二种是如果你用背景图来实现logo的话,也可以添加title属性来告诉搜索引擎图片的内容

<a class="logo" href="http://www.520ued.com" title="520UED.com站点的logo">520UED.com站点的logo</a>


3.定义表格描述

<table>
    <caption>Class Schedule</caption>
    <tr>
    ……

表格其实和图片一样有专用的caption标签来描述表格的内容。


4.定义H1-H4之间的标签

这个应该算是SEO优化重点之一,我建议每个网站的每个页面都定一个一个H1标签,这个标签是有利于搜索引擎确定你当前页面的重点关键词是哪个,或者你想优化哪个关键词就设置为H1但是,每个页面只能出现一次H1标签。H2标签一个页面出现2-3个左右,H3也出现2-3个左右,有些人可能会给自己的网页从H1设置到H6,其实我觉得H4之后的标签在搜索引擎上面就已经没那么重要了。可以不设置了。


5.设置一个云标签页面

什么是云标签页面呢,简单的说就是一个存放关键词的页面,不同的关键词指向相对应的文章,有点类似一个导航菜单一样,详情大家可以看下我的站点是怎么做的云标签 http://www.520ued.com/index/cloudtag.html


6.给自己的站点做一个sitemap或者RSS订阅

很多SEO专家都会建议网站建立一个sitemap的页面,给搜索引擎爬虫去抓数据,其实做一个Rss的订阅功能一样可以达到这种用途。


今天总结的前端优化的SEO的方法是我平时积累的,希望对大家有帮助,不过前端优化并不仅仅只有这些方法,还有许多方法没有列举出来,但是以上都是些最基本,最常用的,也是对搜索引擎有帮助的。


其实不知道大家有没有用过百度的统计工具,他的工具里面就有一个SEO检测的功能,还不错,推荐大家可以去全面的检测下自己的网站SEO分数,还有可以帮助改进。


转载请注明来自 520UED http://www.520ued.com/article/53881eedb992a7c43f5c2039

comments powered by Disqus