css:项目

这是一个完整的网站制作的流程

美工会先制作一个原型图:

原型图写的不详细,就是体现一个网页大致的布局

然后美工再做一个psd样例图片

然后再交给程序员

项目

模块化开发:把代码的不同的样式封装起来,需要用到相同样式的标签就施加相同的样式

显示favicon图标

左边就是favcion图标

制作:将图片(png)通过第三方转化为ico图标

然后引入到head里

复制代码
    <link rel="shortcut icon" href="favicon.ico">

效果有了

TDK的SEO优化

seo:搜索引擎优化,利用搜索引擎规则,提高网站在有关搜索引擎内自然排名方式(除了花钱打广告的)

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

页面必须有三个标签符合seo优化:title、description、keyword

举个栗子:

title标签具有不可替代性,是内页的第一个重要标签,是搜索引擎了解网页的入口和对网页的最佳判断点(方便seo优化)

一般的格式是:网站名(产品名)-网站的介绍(尽量不超过30个字)

复制代码
<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物!</title>

description标签简要说明我们网站是做什么的,我们提倡description作为网站的总体业务和主题概括,一般都是用"我们是..."、"我们提供..."、"电话:010..."之类的语句

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

keywords:页面关键词,也是搜索引擎的关注点,最好写6-8个关键词

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

类名的统一规范

制作logo给logo施加和标签,目的是提权,告诉搜索引擎它很重要

h1里放一个链接,通过点击链接回到首页

为了满足seo优化,要在链接里放文字(网站名称),但是文字不能显示出来

隐藏文字的做法:直接font-size:0;看不见文字

或者text-indent移动到盒子外面,然后overflow:hidden;

给链接一个title属性,这样鼠标放到logo上回看到提示文字

注册页不需要做seo优化

感觉这篇写的乱七八糟的。。。就这样吧

相关推荐
JYeontu37 分钟前
肉眼难以分辨 UI 是否对齐,写个插件来辅助
前端·javascript
fox_37 分钟前
别再踩坑!JavaScript的this关键字,一次性讲透其“变脸”真相
前端·javascript
盛夏绽放39 分钟前
uni-app Vue 项目的规范目录结构全解
前端·vue.js·uni-app
少卿1 小时前
React Native Vector Icons 安装指南
前端·react native
国家不保护废物1 小时前
Vue组件通信全攻略:从父子传到事件总线,玩转组件数据流!
前端·vue.js
写不来代码的草莓熊2 小时前
vue前端面试题——记录一次面试当中遇到的题(9)
前端·javascript·vue.js
JinSo2 小时前
pnpm monorepo 联调:告别 --global 参数
前端·github·代码规范
程序员码歌2 小时前
豆包Seedream4.0深度体验:p图美化与文生图创作
android·前端·后端
urhero2 小时前
工作事项管理小工具——HTML版
前端·html·实用工具·工作事项跟踪·任务跟踪小工具·本地小程序
二十雨辰2 小时前
eduAi-智能体创意平台
前端·vue.js