会员登录|免费注册|忘记密码|管理入口 返回主站||保存桌面|手机浏览|联系方式|购物车
综合案例:品优购项目(品优购项目流程,SEO优化,TDK三大标签,代码)后期逐步优化
2024-12-29IP属地 湖北0

品优购项目流程

SEO优化

SEO(Search Engine Optimization)汉译为搜索引擎优化,是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排名的方式。

SEO 的目的是对网站进行深度的优化,从而帮助网站获取免费的流量,进而在搜索引擎上提升网站的排名,提高网站的知名度。

页面必须有三个标签用来符合 SEO 优化

TDK三大标签

T -- Title(网站标题)

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

D -- description(网站描述)

简要说明我们网站主要是做什么的。

我们提倡,description 作为网站的总体业务和主题概括,多采用“我们是…”、“我们提供…”、“×××网作为…”、“电话:010…”之类语句。

K -- keywords (关键字)

keywords 是页面关键词,是搜索引擎的关注点之一。

keywords 最好限制为 6~8 个关键词,关键词之间用英文逗号隔开,采用 关键词1,关键词2 的形式

对于我们前端人员来说,我们只需要准备好这三个标签,具体里面的内容,有专门的 SEO 人员准备

 

的优化

里面首先放一个 标签,目的是为了提权,告诉搜索引擎,这个地方很重要

里面再放一个链接,可以返回首页的,把 的背景图片给链接即

为了搜索引擎收录我们,我们链接里面要放文字(网站名称),但是文字不要显示出来

        方法1: 移到盒子外面() ,然后 ,淘宝的做法

        方法2:直接给 就看不到文字了,京东的做法

最后给链接一个 属性,这样鼠标放到 上就可以看到提示文字了

tab栏切换需求

栏的布局是

有多少个选项卡,那么对应就有多少个内容

但是每一次只会显示一个内容块,其他内容进行的隐藏

代码

base.css初始化CSS

 

common.css公共CSS

 

index.html首页HTML