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优化

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

相关推荐
码上暴富2 分钟前
vue2迁移到vite[保姆级教程]
前端·javascript·vue.js
土了个豆子的18 分钟前
04.事件中心模块
开发语言·前端·visualstudio·单例模式·c#
全栈技术负责人31 分钟前
Hybrid应用性能优化实战分享(本文iOS 与 H5为例,安卓同理)
前端·ios·性能优化·html5
xw541 分钟前
移动端调试上篇
前端
@菜菜_达44 分钟前
Lodash方法总结
开发语言·前端·javascript
YAY_tyy1 小时前
基于 Vue3 + VueOffice 的多格式文档预览组件实现(支持 PDF/Word/Excel/PPT)
前端·javascript·vue.js·pdf·word·excel
Yvonne爱编码1 小时前
AJAX入门-AJAX 概念和 axios 使用
前端·javascript·ajax·html·js
在路上`2 小时前
前端学习之后端java小白(三)-sql外键约束一对多
java·前端·学习
Pu_Nine_92 小时前
10 分钟上手 ECharts:从“能跑”到“生产级”的完整踩坑之旅
前端·javascript·echarts·css3·html5
東雪蓮☆3 小时前
从零开始掌握 Web 与 Nginx:入门详解
运维·服务器·前端·nginx