返回上一页 不同行业网站优化手段不一样 网站建设公司资讯 各种SKYPE网页代码,SKYPE在线代码

当前位置:首页 > 观点资讯 > 网站优化 > 详细内容

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

时间:2016-05-03 浏览:2685次 + 打印

我们常常谈优化,都基于大框架、大数据,各种用户体验分析,而忽略了最基本的html基础代码优化,今天藤设计为大家分享下建站以来的优化经验(因为工作关系已经不太注重藤设计官网的优化和推广,但对于优化我们还是有研究的!):

网站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="http://www.tengsheji.com/data/attachment/cases/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调用真实地址,搜索引擎还是会搜到引入页面信息,但是价值很低)。同时有一定的加载速度影响。
网站建设公司项目经理

扫二维码与项目经理沟通

我们在微信上24小时期待你的声音
解答:网站优化、网站建设、APP开发、小程序开发

藤设计是一家互联网开发公司,专注于为客户提供供网站建设网站优化APP开发小程序开发、网络营销推广等一系列解决方案。我们以客户需求为导向,并以客户利益为出发点,充分发挥自身的设计及专业建站优势,从基础建设到营销推广,为客户探索并实现商业价值的最大化,致力于为所有谋求长远发展的企业做出贡献。

Learn more

Teng Design 专业网站设计制作

Learn more

Our Service 上海网站建设
QQ客服 获取网站设计、app开发、VI设计报价 微信客服 返回顶部
网站制作
扫二维码与项目经理沟通
×
sitemap.txt sitemap.xml sitemap.htm 网站设计制作