SEO初级优化--HTML、CSS、JS

HTML:

1.标签的有开有合。

2.避免冗余代码,例如去除空格字符。

3.合理利用标签语义化。

4.合理的嵌套规则,避免行元素内嵌套块元素。

5.img标签内需要添加title属性和alt属性。

6.a标签内需要添加title属性。

7.Meta标签的优化(过去搜索引擎优化的重要手法,现在已经不是关键因素,但仍不可忽略)主要包括: Meta description、Meta keywords的设置  关键字密度要适度,通常为2%-8%,也就是说你的关键字必须 在 页面中出现若干次,或者在搜索引擎允许的范围内,要避免堆砌关键字。

8.<title>页面标题,必须列出信息的标题、网站的名称以及相关关键字,避免堆关键字。

9.合理使用注释。

CSS:

1.避免将css代码写在标签内。

2.如果css代码量少,可直接写在头部。否则请使用外部引入的方式。

3.请不要使用通配符选择器 *{margin:0;padding:0;} 这不仅仅因为它是缓慢和低效率的方法,而且还会导致一 些不必要的元素也重置了外边距和内边距。请引用reset文件,引用reset文件在自己定义的css文件之前。

4.css代码缩写可以提高你写代码的速度,精简你的代码量,包括margin,padding,border ,font, background和颜色值等。

5.利用css继承,如果一个父元素内有多个子元素拥有相同的样式,可将相同的样式定义在元素上。

6.如果多个元素拥有相同的样式,可定义一个通用的class或使用群组选择器。

7.使用背景图合并技术。

8.适当的代码注释。

JS:

1.采用外部引入的方法。

2.合理合并JS代码,可减少服务器的压力。

3.良好的JS代码习惯。例如:减少页面重绘,减少作用域链上的查找次数。

时间: 2025-01-06 09:06:25

SEO初级优化--HTML、CSS、JS的相关文章

flask前端优化:css/js/html压缩

1.先压缩再传输,可以减少传输的大小,减少传输时间,但是压缩需要时间,所以最终页面显示是快了还是慢了,需要比较 2.先看html压缩模块:pip install Flask-HTMLmin 压缩前:大小1.9M,完成时间1.20s 压缩后:大小1.3M,完成时间2.35s,反而时间更久了 2.再看css压缩和js压缩:pip install cssmin; pip install jsmin

CSS &amp; JS 制作滚动幻灯片

==================纯CSS方式==================== <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { padding: 0px; margin: 0px; } .show-box { height: 80

HTML/CSS/JS编码规范

最近整理了一份HTML/CSS/JS编码规范,供大家参考.目录:一.HTML编码规范二.CSS编码规范三.JS编码规范 一.HTML编码规范 1. img标签要写alt属性 根据W3C标准,img标签要写alt属性,如果没有就写一个空的.但是一般要写一个有内容的,根据图片想要表达的意思,因为alt是在图片无法加载时显示的文字.如下不太好的写法: <img src="company-logo.svg" alt="ABC Company Logo"> 更好的

网站用户体验是王道 网站seo如何优化?

网站用户体验建设是网站seo优化的王道,就象我们每个人的性格一样,性格影响一生,网站用户体验好,网站访客都喜欢这个网站,就算搜索引擎把你 的网站全部k光,对你来说也不会有很大的影响.网站的用户体验好坏反映在2个指标上,第一是网站的跳出率,第二网站的访问时长.那我们应该怎么样做才能降 低网站的跳出率,增加网站的访问时长呢?今天曾维健将带领大家从策略的角度来分析这2个问题! 跳出率优化 首先我们要温习一下什么是网站跳出率.就是网站访客到达网站后,马上就关掉网站跟网站在总访问量的比例.那网站访客到底会

SEO之优化代码

Meta标签:如果要做的非常简单,meta标签只需要设置一个字符编码就可以了,咱们在任意地方购买的模版都会写上字符编码,另外Title标题.关键词.Description描述这里也列为meta标签去优化,这三个地方,一半在模版中会直接调用到后台,可以直接在后台设置,所以代码上需要基本是不需要操作. CSS/JS引用:在我们购买到网站模版后,大多数的网站均是调用JS或CSS的,这里需要主意的是最好使用绝对路径调用JS/CSS,如下所示: <LINK rel=stylesheet type=text

seo网站优化要点解析

如何让自己的网站能进入搜索引擎第一页,下面分享下,网站优化的要点: 第一:网站的名字很重要,实事求是的写下自己网站的名字,当然,网站的名字要考虑好,最好包含网站的主要内容. 第二:页面头不优化,页面头部指的是代码中部分,具体一点就是中的"Description(描述)"和"Keywords(关键字)"两部分,这部分也是SEO们比较花心思的地方,理论一大堆! 总结起来就是:1."描述"部分应该用近乎描述的语言写下一段介绍你网站的文字,在这其中,你应

WordPress引入css/js两种方法

WordPress引入css/js 是我们制作主题时首先面对的一个难点,任何一款主题都要加载自己的css,js,甚至很有可能还需要加载Jquery文件,网上方法特多,说法不一,我们今天借鉴wordpress官方最新的twentysixteen主题来学习总结一下WordPress引入css/js各种常用方法,以及最优化的加载方法. 其实网上的N种方法总结起来就两种:一.模板文件header.php中直接引入文件二.在主题的functions.php中通过WP自带的函数wp_enqueue_scri

vs合并压缩css,js插件——Bundler &amp; Minifier

之前做了一个大转盘的抽奖活动,因为比较火,部分用户反馈看不到页面的情况,我怀疑js加载请求过慢导致,所以今天针对之前的一个页面进行调试优化. 首先想到的是对页面的js和css进行压缩优化,百度了下vs集成的插件,貌似没有很好的支持,自己在vs里找了一个非常满意的插件——Bundler & Minifier 这个vs插件下载地址:点我 插件功能说明: 1.合并多个css,js,html文件为一个单独的文件 2.保存源文件自动重新组合. 3.压缩css,js,html文件 等等...(其他我没用到,

Gulp:静态资源(css,js)版本控制

为了防止客户端的静态资源缓存,我们需要每次更新css或js的时候,通过md5或时间戳等方式重新命名静态资源: 然后涉及到的html模板里的src也要做相应的修改,静态资源需要优化(压缩) 文件目录结构 html模板文件 <html> <head> <link rel="stylesheet" href="../styles/one.css"> <link rel="stylesheet" href=&qu