头部标签的优化总结

Feb 12, 2019

概述

对于喜爱折腾个人网站的新手朋友们来讲,知道及运用标签的写法是非常重要的,其中包含很多SEO相关的信息都在里面,在博友那里看到有一篇博文总结的非常好,就搬了过来是关于网页中头部标签的优化的总结的,这里记录分享一下。

代码

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>网站标题</title>
<meta name="keywords" content="网页关键字">
<meta name="description" content="网页描述">
<link rel="stylesheet" href="layui/css/layui.css">
<!-- 引用font-awesome 字体图标(资源需要到官网下载到本地才能预览到效果) -->
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<!-- 网站的ico图标 -->
<link rel="shortcut icon" href="/images/favicon.ico">
<!-- ios用户添加到主屏幕上显示的图片,一下尺寸兼容各种移动设备 -->
<link rel="apple-touch-icon" sizes="57x57" href="touch-icon-iphone-114.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone-114.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad-144.png" />
<link rel="apple-touch-icon" sizes="144x144" href="touch-icon-ipad-144.png" />
<link rel="canonical" href="网站绝对地址" />
<!-- 告诉搜索引擎站点作者 -->
<meta name="Author" contect="qinshoushou">
<!--用以说明生成工具(如Microsoft,FrontPage 4.0,typecho)等-->
<meta name="generator" content="Typecho 1.1/17.10.30" />
<!-- 告诉搜索引擎站点模版的作者 -->
<meta name="template" content="molerose" />
<meta http-equiv="Page-Exit" contect= "revealTrans(duration=20,transtion=6) ">
<!-- H5手Q分享通用接口代码片段 -->
<meta itemprop="name" content="网页标题">
<meta itemprop="description" content="网页描述">
<meta itemprop="image" content="缩略图200*200最佳">
</head>

不懂的请仔细查看注释内容。

最后

其实小编也是一个不折不扣的代码小白,根本不会网页设计...这里记录一下,如果您觉得还缺少些什么?您可以在文章下方评论即可,也可以分享出去哦!非常感谢。

引用:html网页中头部标签的优化总结

  • 美好八月
  • 关于博客的三两事
  • 怎么完美截取整个网页截图
  • WordPress如何修改并自定义前台字体
  • 给Typecho文章页面添加百度谷歌收录检测