网站内容 优化(页面优化1)页面主题优化实事求是的写下(图))
优采云 发布时间: 2022-01-09 19:02网站内容 优化(页面优化1)页面主题优化实事求是的写下(图))
页面优化
1)页面主题优化
写下你的 网站 名字。网站的名称要合理,最好收录网站的主要内容。
2)页眉优化
向搜索引擎说明你的网页的关键词;
告诉搜索引擎你的站点的主要内容;
操作说明:
1、“描述”部分应收录一段以近乎描述性的语言向您介绍网站,您应在其中酌情重复您的网站功能。突出;
2、“关键词”部分应该列出你认为合适的关键词,能够突出网站内容的关键词就足够了。关键词不要设置太多,可以设置10-8个,搜索引擎只浏览排名靠前的关键词。
3)超链接优化
1、使用纯文本链接,少用,最好不要使用Flash*敏*感*词*设置链接,因为搜索引擎无法识别Flash上的文字。
2、按照规范写超链接,这个title属性,不仅可以起到提示访问者的作用,还可以让搜索引擎知道它的去向。
3、最好不要使用图片热点链接,原因和第一点一样
4)图像优化
图像优化不是要修改图像的大小和颜色,而是应该在每个标签中添加 alt 属性。alt 属性的作用是在图片无法显示时,将文字作为替代显示。对于 SEO,它可以让搜索引擎有机会索引你的 网站 上的图片。对于一些确实没有意义的图片,最好不要省略alt,而是留空,即alt=""。
5)PageRank(公关价值,友情链接)
PR值是Google提出的一个重要参数,表示某个网站的重要性,那么PR值是如何确定的呢?
目前常见的解释是:如果有3个ABC网站,相互友情链接,那么当访问者通过A上的友情链接来到B时,Google认为A给B投了“一票”,在同理,如果有人从 C 访问 B,那么 B 将获得另一票。如果全世界的网站 上都有指向B 的链接,那么B 将是世界上最重要的网站!
可扩展:回流(resflow)&重绘(repaint)
页面渲染过程
什么是 DOM 树
什么是风格结构
什么是表示树
渲染树特征
图像集成(sprites、css sprites、css sprites、sprites
有规律的整合网站中的小图标,使用background-position改变背景图片的位置,应用各个图标。
优势:
(1)CSS Sprites可以大大减少网页的http请求,从而大大提高页面的性能。这是CSS Sprites最大的优势,也是其广泛传播和应用的主要原因;
(2)CSS Sprites 可以减少图像字节;
(3)CSS Sprites解决了网页设计师对图片命名的问题。它只需要为一组图片命名,不需要为每个小图片命名,从而提高了网页制作的效率。
(4)CSS Sprites 只需要修改一张或几张图片的颜色或样式,就可以改变整个网页的样式。
缺点:
(1)图片合并麻烦:合并图片时,需要将多张图片有序合理的组合成一张图片,并留出足够的空间,防止版块中出现不必要的背景。
(2)图片适配性差:页面适配高分辨率屏幕,图片不够宽,背景会被破坏。
(3)图像定位比较麻烦:开发时需要通过工具测量计算出各个背景单元的精确位置。
(4)可维护性差:页面背景需要稍微改动一下,可能需要修改部分或者整个合并后的图片,然后再改css。在避免改图片的前提下,您只能(最好)向下附加图像,但这会增加图像字节。
- 结尾 -