CSS网页标题图案和LOGO SEO优化

favicon图标

  • 将网页的头名字旁边放入一个图案

  • 想将想要的图案切成png图片

  • 然后把png图片转换成ico图案可以借助进行访问

  • 将语法引用到head里面

  • SEO译为搜索引擎优化。是一种利用搜索引擎的规则提高网站有关搜索引擎的自然排名的方式

  • SEO的目的是对网站进行深度的优化,

  • 网站TDK三大标签SEO优化

  • description网站说明

css 复制代码
< meta name="description" content="商品内容">
< meta name="keywords" content="商品内容">
  • LOGO SEO优化

  • < a href="index.html" title="志祥购物网">志祥购物网</a>

    • 行内元素可以设置margin-left:29px;只能设置左右

    • text-align可以让行内块和行内元素居中

    • 如果是直接插入图片则在html代码中< img src="图片地址" alt="">

    • 如果是图表模式则在css中背景代码中定位找到backgrund

    • 当文字超出宽的范围则可进行隐藏操作

    css 复制代码
    overflow: hidden;//超出隐藏
    white-space: nowrap;//强制不换行
    text-overflow: ellipsis;//文字溢出用省略号代替
    • 兼容性问题:一般情况下,a如果包含有宽度的盒子,a需要转为块级元素
相关推荐
_大学牲1 分钟前
Flutter 之魂 GetX🔥(三)深入掌握依赖管理
前端·flutter
渣哥16 分钟前
从 AOP 到代理:Spring 事务注解是如何生效的?
前端·javascript·面试
toobeloong31 分钟前
Electron 从低版本升级到高版本 - 开始使用@electron/remote的改造教程
前端·javascript·electron
悠哉摸鱼大王34 分钟前
前端获取设备视频流踩坑实录
前端·javascript
铅笔侠_小龙虾43 分钟前
深入理解 Vue.js 原理
前端·javascript·vue.js
西西学代码1 小时前
Flutter---showCupertinoDialog
java·前端·flutter
你的眼睛會笑1 小时前
vue3 使用html2canvas实现网页截图并下载功能 以及问题处理
前端·javascript·vue.js
ZTLJQ1 小时前
植物大战僵尸HTML5游戏完整实现教程
前端·游戏·html5
struggle20251 小时前
AxonHub 开源程序是一个现代 AI 网关系统,提供统一的 OpenAI、Anthropic 和 AI SDK 兼容 API
css·人工智能·typescript·go·shell·powershell