前端开发SEO注意事项

1.<title>标题:只强调重点即可,尽量把重要的关键词放在前面,关键词不要重复出现,尽量做到每个页面的<title>标题中不要设置相同的内容。

2.<meta keywords>标签:关键词,列举出几个页面的重要关键字即可,切记过分堆砌。

3.<meta description>标签:网页描述,需要高度概括网页内容,切记不能太长,过分堆砌关键词,每个页面也要有所不同。

4.<body>中的标签:尽量让代码语义化,在适当的位置使用适当的标签,用正确的标签做正确的事。让阅读源码者和“蜘蛛”都一目了然。比如:h1-h6 是用于标题类的,<nav>标签是用来设置页面主导航的等。

5.<a>标签:页内链接,要加 “title” 属性加以说明,让访客和 “蜘蛛” 知道。而外部链接,链接到其他网站的,则需要加上 el="nofollow" 属性, 告诉 “蜘蛛” 不要爬,因为一旦“蜘蛛”爬了外部链接之后,就不会再回来了。

6.正文标题要用<h1>标签:“蜘蛛” 认为它最重要,若不喜欢<h1>的默认样式可以通过CSS设置。尽量做到正文标题用<h1>标签,副标题用<h2>标签, 而其它地方不应该随便乱用 h 标题标签。

7.< br >标签只用于文本内容的换行

8.表格应该使用<caption>表格标题标签

9.<img>应使用 "alt" 属性加以说明

10.<strong>、<em>标签 : 需要强调时使用。<strong>标签在搜索引擎中能够得到高度的重视,它能突出关键词,表现重要的内容,<em>标签强调效果仅次于<strong>标签。

11、巧妙利用CSS布局,将重要内容的HTML代码放在最前面,最前面的内容被认为是最重要的,优先让“蜘蛛”读取,进行内容关键词抓取。

12.重要内容不要用JS输出,因为“蜘蛛”不认识

13.尽量少使用iframe框架,因为“蜘蛛”一般不会读取其中的内容

14.js代码如果是操作DOM操作,应尽量放在body结束标签之前,html代码之后。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,448评论 25 709
  • SEO,搜索引擎优化,通俗点说就是指从自然搜索结果获得网站流量的技术和过程。 这篇读后感我想换一种方法,简写一些我...
    小江在不在阅读 5,020评论 0 2
  • 又: 《三国志·蜀志·董允传》“七年,以侍中守尚书令,为大将军 费禕 副贰” 裴松之 注引 晋 常璩 《华阳国志》...
    Peregrination阅读 2,166评论 0 0
  • 那是一个午后 她偷偷漏了头 她说 你为什么在这里 我为什么在这里呢 本来要去海洋的 却出现在这群山 昨日的海棠花未...
    有段无段阅读 2,372评论 2 3
  • 你们看奥运看什么? 金牌?逆袭?人鱼线? 观影专业人士如Sir,是看故事。 因为项目嘛,年年差不多。 每一个运动员...
    Sir电影阅读 4,492评论 1 10