html页面代码优化最细节的常识

2018-03-07 分类：网站建设

我们常常谈优化，都基于大框架、大数据，各种用户体验分析，而忽略了最基本的html基础代码优化，今天创新互联为大家分享下建站以来的优化经验（因为工作关系已经不太注重创新互联官网的优化和推广，但对于优化我们还是有研究的！）：

一、<title></title>标题的重要性：
首先需要强调下，一个网站的每个页面<title></title>只能有一个，并且位于<head></head>标签内。具体这个表里的长尾关键词和标题应该怎么写，我们分到下次细讲，但这次主要是针对与html常规知识教程，所以不详细阐述。
title是一个网站最重要的核心信息传递标签，无论是百度、360、搜狗、google还是其他搜索引擎，均会根据该标签输出的信息来分析网站的的内容是否匹配，所以<title></title>内的信息一定要和内容想传递的信息相对应，经常有很多朋友为了做标题党，标题的信息与内容不符，这样常常会引起K站（传说中的惩罚、降权、被拉入黑名单）。
在这里，我们还要讲下至关重要的h1标签应用，其实H1标签也和title标签一样申请，并且H1标签一个页面也只能出现一次，因为h1标签会将信息进行强调处理，搜索引擎会直接抓取该标签的重要内容，同时它也向title标签一样，搜索引擎均会根据h1标签输出的信息来分析网站的的内容是否匹配。所以h1标签一个网站的每个页面只能出现一次，那有人说，我有多个标签岂不是好事，我告诉搜索引擎，我有多个关键词，这样更有利于搜索，其实你如果真的这样做了，正好相反，反而让搜索引擎迷茫，直接把该页面视为无效（无核心内容）的普通页面处理。
二、<img/>图片标签
img图片标签，虽然现在搜索引擎技术已很发达，但是抱歉的是搜索引擎依然无法直接读懂图片内的信息，你展示的图片无法直接告诉用户展示的是美女、还是帅哥、还是一道美丽的风景。有人可能又会说，那你看我在百度一搜索关键词，就会有相对应的图片显示出来，并且来自于其他网站，创新互联你说的这个不对。在这里，创新互联必须纠正一下你这个话题，其实这些被百度搜索的到的标签都是经过代码优化过的，你如果查看细节，你可以看到这些图的代码里均有alt=""标签，如果你的图片上没有这个标签说明，那么对搜索引擎而言其实是没有意义的，因为他根本无法读懂它这个图的意思，如果你想让搜索引擎认识这张图片，那就必须要加上alt=””标签，
<img src="/upload/pic9/16032300295110039.jpg" alt="新加坡SiMECO公司网站设计" />
这样就解决了搜索引擎无法读懂图片的难题。当如细节的设计，你也可以直接给这个图片加上关键词，让他更有利于搜索，但切记一点，一定不要在一个页面里给多个图使用一个关键词，这样会让搜索引擎觉得你在作弊。
另外如果在HTML标准下，应该把图片的高和宽直接标注上，这样更加有利于搜索引擎的爬取，当然这个不是最重要的。75*75以下的小图片可以不声明大小。
三、css的加载方式
我们经常能看到很多网站因为开发的时间关系，常常会把多个CSS链接放在一个页面里，这样使得用户还是搜索引擎打开一个页面都需多次加载link信息，甚至有很多人写的N个CSS里很多定义样式是重复的，相当影响访问速度。所以CSS样式文件能合并就合并，做到请求次数更低。
四、JS代码引用
其实js代码使用方式基本类似CSS，能合并就合并，更好放在页面底部最后加载，但是这里需要强调的一点是，很多用户为了达到酷炫的效果，把很多数据加载信息都封装在了JS调用里，这样使得搜索引擎无法读取js里的文字信息，而导致抓取难的现象。并且一个网页JS多了，也是很占网站打开速度的，建议优化页面加载速度和JS的内容。
五、iframe框架标签
创新互联再三强调一下，任何想通过搜索引擎来提升排名的网站，iframe框架没有特殊情况更好不要使用，iframe这个标签对于搜索引擎来说也是非常不友好的，蜘蛛无法抓取里面的内容，如同上面我们说的JS封装内容（但唯独比JS封装强点的是，给一个iframe调用真实地址，搜索引擎还是会搜到引入页面信息，但是价值很低）。同时有一定的加载速度影响。

当前题目：html页面代码优化最细节的常识
文章网址：https://www.cdcxhl.com/news27/77127.html

成都网站建设公司_创新互联，为您提供做网站、网站改版、商城网站、搜索引擎优化、移动网站建设、云服务器

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容