怎么优化网站(网页优化教程)

这次给大家带来的是如何使用HTML meta优化网页，使用HTML meta优化网页有哪些注意事项。下面是一个实际案例。让我们来看看。

摘要

选项卡提供了关于HTML文档的元数据。元数据不会显示在页面上，但机器可以读取。它可以用于浏览器(如何显示内容或重新加载页面)、搜索引擎(关键字)或其他web服务。—— W3School

请参考文档中的页面关键字

。每个页面都应该有一组独特的关键字来描述页面的内容。
使用描述性和代表性的关键字和短语，人们可以搜索并准确描述网页上提供的信息。如果标记的内容太短，搜索引擎可能认为它不相关。此外，标签不应超过874个字符。

页面描述，每个页面都要有一个不超过150个字符，能够准确反映页面内容的描述标签。

在搜索引擎索引中，robotterms是一组用逗号(，)分隔的值，通常有以下值:none、noindex、nofollow、all、index和follow。请确保nofollow和noindex属性值使用正确。

& ltmeta name = & quot机器人& quotcontent = & quot索引，跟随& quot/& gt；
& lt；！-
all:将检索文件，并可查询页面上的链接；
none:不检索文件，无法查询页面上的链接；
index:将检索文件；
follow:页面上的链接可以查询；
noindex:将不会检索该文件；
nofollow:无法查询页面上的链接。
-& gt；

页面重定向和刷新:内容中的数字代表时间(秒)，即刷新需要多长时间。如果添加了网址，就会被重定向到指定的网页(搜索引擎可以自动检测，很容易被引擎惩罚为误导)。

其他的

移动设备

viewport:可以优化移动浏览器的显示。如果它不是一个响应网站，不要使用初始缩放或禁用缩放。
大多数4.7-5英寸设备的视区宽度设置为360px；5.5寸设备设置为400px；Iphone6设置为375px；Ipone6 plus设置为414px。

1.width: width(数值/设备宽度)(范围从200到10，000，默认为980像素)
2.height: height(数值/设备高度)(范围从223到10，000)
3.initial-scale。0到10)
4 .最小比例:允许用户缩放的最小比例
5 .最大比例:允许用户缩放的最大比例
6 .用户可缩放:用户可以手动放大(否，是)
7 .最低限度。(已弃用)
注意，很多人对无响应网站使用initial-scale=1，会以100%宽度渲染网站，用户需要手动移动页面或缩放。如果user-scalable=no或maximum-scale=1与initial-scale=1一起使用，用户将无法放大/缩小网页以查看所有内容。

WebApp全屏模式:变相App，离线应用。

隐藏状态栏/设置状态栏颜色:仅在WebApp全屏模式开启时生效。内容的值是默认|黑色|黑色透明。

添加到主屏幕的标题

忽略该号码，并自动将其识别为电话号码。

忽略标识邮箱

添加智能App banner:告诉浏览器该网站对应的App，并在页面显示下载banner(如下图)。参考文件

网页相关性

声明编码

优先考虑最新版本的IE和Chrome。

浏览器内核控制:国内很多浏览器都是双内核(webkit和Trident)，webkit内核是高速浏览，IE内核兼容网页和老网站。添加meta标签的网站可以控制浏览器选择哪个内核渲染。参考文件

国产双核浏览器默认内核模式如下:

1.搜狗高速浏览器，QQ浏览器:IE内核(兼容模式)
2。360极速浏览器、漫游浏览器:Webkit内核(极速模式)。

禁止浏览器访问本地计算机缓存中的网页内容:如果设置了此设置，访问者将无法脱机浏览。

相信看完这些案例你已经掌握了方法。更多精彩请关注AdminJS.cn其他相关文章！

相关阅读:

如何在XHTML中使用标题标签和段落标签

如何处理响应式框架中表头的自动换行

如何在HTML中使用水平线注释和代码注释

以上就是如何使用HTML meta来优化网页的细节。更多信息请关注AdminJS.cn其他相关文章！