前端学习笔记-html-ico图标网站三大标签优化

news/2024/5/8 20:02:13/文章来源:https://blog.csdn.net/qq_36434637/article/details/100535414

引入ico图标

代码:

 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>    

注意:

  1. (它)不是iconfont字体哦 也不是图片。

  2. 位置是放到 head 标签中间。

  3. 后面的type="image/x-icon" 属性可以省略。

  4. 为了兼容性,请将favicon.ico 这个图标放到根目录下。

 

转换ico图标

我们可以自己做的图片,转换为 ico图标,以便放到我们站点里面。 http://www.bitbug.net/

 

网站优化三大标签

SEO是由英文Search Engine Optimization缩写而来, 中文意译为“搜索引擎优化”!SEO是指通过对网站进行站内优化、网站结构调整、网站内容建设、网站代码优化等)和站外优化,从而提高网站的关键词排名以及公司产品的曝光度。 简单的说就是,把产品做好,搜索引擎就会介绍客户来。

我们现在阶段主要进行站内优化。

 

 

 

网页title 标题

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

 

建议:

首页标题:网站名(产品名)- 网站的介绍

例如:

京东(JD.COM)-综合网购首选-正品低价、品质保障、配送及时、轻松购物!

小米商城 - 小米5s、红米Note 4、小米MIX、小米笔记本官方网站

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

 

Description 网站说明

对于关键词的作用明显降低,但由于很多搜索引擎,仍然大量采用网页的MATA标签中描述部分作为搜索结果的“内容摘要”。 就是简要说明我们网站的主要做什么的。 我们提倡,Description作为网站的总体业务和主题概括,多采用“我们是…”“我们提供…”“×××网作为…”“电话:010…”之类语句。

京东网:

<meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!" />

注意点:

  1. 描述中出现关键词,与正文内容相关,这部分内容是给人看的,所以要写的很详细,让人感兴趣, 吸引用户点击。

  2. 同样遵循简短原则,字符数含空格在内不要超过 120 个汉字。

  3. 补充在 title 和 keywords 中未能充分表述的说明.

  4. 用英文逗号 关键词1,关键词2

<meta name="description" content="小米商城直营小米公司旗下所有产品,囊括小米手机系列小米MIX、小米Note 2,红米手机系列红米Note 4、红米4,智能硬件,配件及小米生活周边,同时提供小米客户服务及售后支持。" />

 

Keywords 关键字

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

京东网:

<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />

小米网:

<meta name="keywords" content="小米,小米6,红米Note4,小米MIX,小米商城" />

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_905715.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

零距离泛目录网站站群二级程序源码 【程序开源无限制】

网络最火的零距离泛目录 泛解析站群 最牛案例5天权重7 这个程序就是根据以前老程序 无后台 泛解析站群 二次开发的 通过推送或者百家号提交 达到收录的效果 近期流传一套泛站群单域名日收录上万的程序,此程序需配合软件使用,各行各业都能实现秒收。 本软件免打码、无需蜘…

10个有创新意的网站

第一个&#xff1a;在线生成网站图片&#xff0c;输入任意网站的URL就可以生成多图片格式&#xff0c;而且生成图片的大小你任意定义&#xff0c;还可以根据网站自身的大小自动生成相应大小的图片

程序员门儿如何增加的第三者收入(搬砖网站)

谁不想过着下班后就无所事事打打游戏&#xff0c;难道电影不好看&#xff0c;妹子不好聊。可是我要买车买房买包包偶买噶啊&#xff1a; ) 程序员如何利用空余时间挣零花钱&#xff1f;比如说周末可以赚外快啊&#xff0c;在网上接点活干&#xff0c;那么&#xff0c;都有哪些…

如何去格式化网站上的源码

在线格式化Js 一些看不懂的源码&#xff0c;使用在线格式化就可以展现了 https://tool.oschina.net/codeformat/js/

【杂谈】挂一些垃圾网站

某些垃圾网站真的让人恶心&#xff0c;在那边co我的blog。。。。我还这么蒻啊。。。 例如什么bubuko和mamicode&#xff0c;这我都不想说什么了。。。。 上图。 本文由Melacau编写&#xff0c;Melacau代表M星向您问好&#xff0c;如果您不是在我的博客http://www.cnblogs.com/M…

一图速读《大型网站技术架构》

全称《大型网站技术架构 核心原理与案例分析》 已更新完毕&#xff0c;由于与《亿级流量网站架构核心技术》重复部分较多&#xff0c;且该书内容较为粗浅&#xff0c;有章节略过。 适合刚入行人士了解时阅读 有相关经验人士建议直接阅读《亿级流量网站架构核心技术 跟开涛学搭建…

一图速读《大型网站系统与JAVA中间件实践》

适合需要了解中间件设计思路的人士&#xff0c;大部分内容与《亿级流量网站架构核心技术》一书类似&#xff0c;本书主要亮点在从头还原中间件设计时的初衷和碰到的问题&#xff0c;思路写的比较清楚。 如果不需要设计或者了解中间件&#xff0c;可以用《亿级流量网站架构核心技…

一图速读《亿级流量网站架构核心技术》

全称《亿级流量网站架构核心技术 跟开涛学搭建高可用高并发系统》 已更新完毕 - 已更新 系统设计原则 - 已更新 业务设计原则 - 已更新 高可用 - 已更新 隔离术 - 已更新 限流术 - 已更新 超时/重置机制 - 已更新 回滚机制/系统压测 - 已更新 高并发-缓存 - 已更新 连接池/线程…

网站是如何进行访问的

网站是如何进行访问的 在浏览器中输入一个域名&#xff08;如&#xff1a;www.baidu.com&#xff09;&#xff0c;然后回车进行访问。系统会检查本机的&#xff1a;C:\Windows\System32\drivers\etc\hosts 配置文件下有没有这个域名的映射&#xff0c;会出现以下两种情况&…

很难理解这个网站,睡觉的中国人

http://www.sleepingchinese.com/ 转载于:https://www.cnblogs.com/shootero/archive/2009/12/29/1635048.html

Python开发【项目】:生产环境下实时统计网站访问日志信息

日志实时分析系统 生产环境下有需求&#xff1a;要每搁五分钟统计下这段时间内的网站访问量、UV、独立IP等信息&#xff0c;用直观的数据表格表现出来 环境描述&#xff1a; 网站为Nginx服务&#xff0c;系统每日凌晨会对日志进行分割&#xff0c;拷贝到其他位置&#xff0c;当…

视频教程-SEO优化——从入门到实战-网络营销

SEO优化——从入门到实战 陈琪老师专注于SEO领域&#xff0c;从业近10年。 毕业于香港城市大学&#xff0c;曾赴北京大学、奥克兰大学交流。 曾获Google GAIQ认证和香港计算机协会会员。 参与编写《跨境电商实务》 。 曾担任北京航空航天大学、广东开放大学、北京商贸学院、新东…

SEO网页中的应用

一、SEO基础知识&#xff1a; SEO原理&#xff1a;搜索网站都有一个搜索引擎数据库&#xff0c;是通过搜索引擎蜘蛛抓取的关键字组成的&#xff0c;每个关键字对应着不同的网址。当一个关键字对应多个网站时&#xff0c;则需要通过关键字优化来提升网站的排名。 SEO分为&#x…

优化网站结构

优化网站结构有两方面的意思,一是物理结构,二是逻辑结构。 网站物理结构指的是网站真实的目录及文件所存储的位置所决定的结构。 一般来说比较好的物理结构可以有两种,一是扁平式的,也就是所有网页都存在网站根目录下。像这样: http://www.domain.com/pageA.htmlhttp://www…

大型网站架构演变和知识体系

之前也有一些介绍大型网站架构演变的文章&#xff0c;例如LiveJournal的、ebay的&#xff0c;都是非常值得参考的&#xff0c;不过感觉他们讲的更多的是每次演变的结果&#xff0c;而没有很详细的讲为什么需要做这样的演变&#xff0c;再加上近来感觉有不少同学都很难明白为什么…

IT老铁们,推荐几款实用的网站代码及工具(上)

1.Git 还在担心自己辛辛苦苦写的代码被误删了吗&#xff1f;还在担心自己改错了代码不能挽回吗&#xff1f;还在苦恼于多人开发合作找不到一个好的工具吗&#xff1f;那么用Git就对了&#xff0c;Git是一个开源的分布式版本控制系统&#xff0c;用以有效、高速的处理从很小到非…

IT老铁们,推荐几款实用的网站代码及工具(下)

8.SAE SAE的强大不用多说了&#xff0c;强大的虚拟主机提供商。提供各种各样的编程语言在线运行&#xff0c;同时提供云存储Storage&#xff0c;各种数据库&#xff0c;应用十分广泛。不仅提供代码托管&#xff0c;还提供在线服务器运行&#xff0c;JAVA&#xff0c;PHP&#x…

如何实现网站的防盗链

如何实现网站的防盗链 背景 A是网站站长&#xff0c;在A的网站的网页里有一些图片和音频视频的链接&#xff0c;这些静态资源都保留在阿里云对象存储OSS上。B是另一个网站的站长&#xff0c;B在未经A允许的情况下&#xff0c;偷偷使用A的网站的图片资源&#xff0c;放置在自己…

使用selenium爬取fofa中链接的网站正文

如题,可能有人不明白啥意思,看下图,本文就是爬取fofa中红色圈圈的内容,红色圈圈是fofa存储的其他链接的HTML,点击这个图标就会弹出界面,界面里面就是HTML,我们就是爬这个东西。 由于登录后只能爬5页,所以我们只爬5页。 import requests from bs4 import BeautifulSoup…

使用selenium爬取fofa中的网站链接

上一次爬取fafo给的HTML是被处理过的,不能用,这次我们直接爬取他们给到网站链接,然后自己去爬ip的网站 由于登录后只能爬5页,所以我们只爬5页。 import requests from bs4 import BeautifulSoup from selenium import webdriver import os,time import pandas as pd from …