美文网首页
前端开发SEO注意事项

前端开发SEO注意事项

作者: CHENPEIHUANG | 来源:发表于2018-03-22 15:18 被阅读0次

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代码之后。

相关文章

  • 前端开发SEO注意事项

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

  • 初入前端

    前端是做什么的 前端负责页面呈现和交互功能。 前端要会做哪些事情 Web前端开发技术,网站性能优化、SEO和服务器...

  • 移动前端开发项目学习记录

    2_移动端前端开发注意事项 移动端开发一般使用HTML5 3.移动端前端基础架构单词释义:a)mkdir: ma...

  • 常用meta标签

    作为前端开发,我们经常与meta标签打交道,meta标签中有和seo相关的keyword、description等...

  • 前端开发必备SEO技能

    什么是SEO SEO(Search Engine Optimization)是一种方式:利用搜索引擎的规则提高网站...

  • 关于前端SEO要点(二)

    背景:前端SEO并不难理解,对资深SEO来说,前端SEO性能优化方案也有掌握的必要。 一、页面级优化 1、js、c...

  • 移动前端开发项目-2_移动端前端开发注意事项

    2_移动端前端开发注意事项 一、关于meta** (一)、常用的公共meta属性1、viewport width=...

  • 前端开发注意事项

    元素要预留空间,要充分考虑文字、金额过长的情况,,如果可能会出现严重布局问题,如果设计师的原型图没有出现换行的情况...

  • 前端开发注意事项

    表单提交注意事项 1、避免重复提交,提交按钮做loading

  • 前端SEO

    权重 title -> description -> keywords 逐级递减 title 不同的页面要有不同的...

网友评论

      本文标题:前端开发SEO注意事项

      本文链接:https://www.haomeiwen.com/subject/awpaqftx.html