前端进阶之路（三）仿京东项目实战

最新推荐文章于 2024-04-16 17:35:06 发布

小王的进阶之路

最新推荐文章于 2024-04-16 17:35:06 发布

阅读量748

点赞数

分类专栏：前端文章标签： html css javascript

本文链接：https://blog.csdn.net/qq_43712409/article/details/96890115

版权

56 篇文章 0 订阅

订阅专栏

1. 引入CSS初始化文件

<link rel="stylesheet" type="text/css" href="css/normalize.css" />

SEO，搜索引擎优化。SEO是指通过对网站内优化（网站结构调整、网站内容建设、网站代码优化等）和站外优化，从而提高网站的关键词排名和公司产品的曝光度。
需要优化的三大标签：title、description、keywords。

title具有不可替代性，是我们的内页第一个重要标签，是搜索引擎了解网页的入口，和对网页主题归属的最佳判断点。

标题的长度：Google：70KB，35个中文；Baidu：56KB，28个中文
关键字分布：最先出现的词语权重最高
关键字词频：主关键词出现3次，辅关键词出现1次

建议：
网页标题：网站名（产品名）- 网站的介绍
例如：
京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！
小米商城 - 小米CC9、小米MIX 3、Redmi K20，小米电视官方网站

对于关键词的作用明显降低，但很多搜索引擎仍然大量采用网页的MATA标签中描述部分作为搜索结果的内容摘要，就是简要说明我们网站主要是做什么的，即网站的主体业务和主题概括。

京东：

<meta name="description" content="京东JD.COM-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。" />

注意：

描述中出现关键词与正文内容相关，这部分是给人看的，所以要写的很详细，让人感兴趣看，吸引用户点击。
同样遵循简短原则，字符数含空格在内不要超过120个汉字。
补充在 title 和 keyword 中未能充分表述的说明。
用英文逗号关键词1,关键词2

keywords 是页面关键词，是搜索引擎关注点之一。keywords 应该限制在6-8个关键词左右，电商类网站可以多少许。

京东：

<meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东" />

网址：https://icomoon.io/

关注

专栏目录