我们检测到您可能使用 AdBlock 或者其他广告屏蔽插件,导致网页出现错位、变形以及丢失的情况,影响网站内容的阅读。
本站无任何商业广告!为了伍林堂平台的生存,恳请您能够理解,将伍林堂旗下交互产品加入白名单(方法点此),万分感谢!
网站优化

网站优化

首页 > 新闻资讯 > 网站优化 > SEO之增加文字与HTML代码的比例

SEO之增加文字与HTML代码的比例

2018-03-16 热度:2873 ℃

上一篇里,我们从网站运营的角度说了说SEO的网站内部链接。

今天,从网站建设的角度,既设计师的角度来说说如何SEO一个网站的文字和HTML代码比。

其实对于搜索引擎来说,最友好的,当属文字了,虽然现在图片的抓取不断在改进,但是任何一位有经验的老手都会告诉你,SEO,文字最合适。也正因为此,比方说网站建设博客里,图虽有,但仍是文字居多。

这里给大家举个简单的例子,说明如何增加网站的文字与HTML代码比:

如:
很多人喜欢这样写H1:

这里是标题


众所周知,一个页面不会出现两个H1,如果有两个,那好比一个人身上长着两个脑袋一样很难看。这不仅是常识,也是标准。所以给h1加上这些那些class或id是画蛇添足。
应这样写:

这里是标题


然后样式需要在CSS中定义。
这是很简单,那页面中有圆倒角如何做?网上有N多办法,其中最典型的就是HTML+CSS实现圆角矩形,HTML代码部分如下:















其实,我们完全不必用这些代码,可以简化到:



毫无疑问,这样可以很明显的减少HTML代码,当然,光这样写是失去了圆角效果,效果我们可以借助JS加上。
我们完全可以用纯粹的代码来写,为了方便,我们采用jQuery来写:
jQuery(function($){
$('.panel').prepend('

‘).append(’

‘);
})
需要注意的是,这个代码要写到一个独立的js文件中。

如果页面中,用到多个圆角,则只管设置class为panel即可。

这样,我们可以减少HTML代码,实现了增加内容和HTML代码比的目的。
在不牺牲用户视觉效果的情况下,给爬虫看一个干净的页面代码,并且在网速相等的条件下,一定的减少抓取时间,有利于抓取,毫无疑问,也将有利于搜索引擎的排名。

除了这个圆角外,滑动门等,完全可以用jQuery进行代码优化,说点不客气的话,国内常用的那些滑动门实在是恶心,还得加一大堆没用的id,其实滑动门可以做的更简单。

这里是HTML代码:


滑动门标题1

滑动门1对应的内容

滑动门标题2

滑动门2对应的内容

......

文章版权为成捷信息科技所有,转载请注明出处:http://www.inwebsite.com.cn/blog/webdesign/words_html_code

 SEO之增加文字与HTML代码的比例 网站优化

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

相关文章

人工智能在搜索算法中的应用

人工智能在搜索算法中的应用

2016 年以来,IT行业最大的技术突破应该是人工智能了,不仅在一年左右时间,在最后一个人类曾经自以为机器很难战胜人类的游戏项目上完胜人类,前几天更是出现了逆天的AlphaGo Zero,完全不用借鉴...

4个月内,如何将一个濒死的社区论坛做火起来的?

4个月内,如何将一个濒死的社区论坛做火起来的?

对于如何运营一个社区,本文作者总结了一个“七步运营”的方法,七个环节分别为:熟悉产品——竞品分析——社区氛围与种子用户——拉新与促活——留存与转化——老用户召回——站好最后一班岗。力挽狂澜, 4 个月...

易名中国:7月21日前没实名制的域名将诶限制过户、交易等操作

易名中国:7月21日前没实名制的域名将诶限制过户、交易等操作

站长之家注:近年来,境内域名注册服务发展迅速,顶级域名种类、注册量均不断增多,为了进一步规范境内域名服务市场,工信部于 2017 年年初对《互联网域名管理办法》进行了修订,要求域名服务商完成域名实名制...

商城类网站产品单页SEO优化技巧

商城类网站产品单页SEO优化技巧

当SEOER在关注网站排名的时候,产品页面搜索引擎优化(单页面SEO)的好处往往会被人们所忽视,仅仅提供一些基本的产品信息、图片和简要的描述。那么,怎么从搜索引擎营销(SEM)的角度去充分利用它呢?以...

【官方说法】网站安全风险及应对方案

【官方说法】网站安全风险及应对方案

5 月 25 日,VIP大讲堂-网站安全那些事儿成功举办,百度云加速为大家带来网站安全风险及应对方案,学院君将现场演讲提炼成图文概括版,快来看吧!百度云加速主要给大家带来:一、网站安全风险介绍二、网站...

不是外链没用,而是你发的外链没用

不是外链没用,而是你发的外链没用

网站外部链接的价值取决于你对链接的维度是否掌握到位,百度曾公开发布过一篇文章关于谈外链判断由于现在发布的博客外链,论坛外链这类人为性链接效果越来越低,造成了SEO圈子里面各种外链无用论说法。...

什么是用户体验五要素?

什么是用户体验五要素?

用户体验五要素是我们在做产品分析时经常用到的一种分析方法,很多人将之作为自己做竞品分析、产品设计等等文档的模板使用。 个人觉得用户体验五要素可看不可用,可看是因为里面的一些分析思路真的很好很全面,...

从零开始,这个产品经理手把手教你做小程序

从零开始,这个产品经理手把手教你做小程序

文 | 王伟我能做的就是,做好手头的事情确保,就算这事对公司来说又黄了,我也要通过这事有所收获。(一)产品定位:微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时...

 
QQ在线咨询
公司总部
0513-66814553
战略合作
0513-86212895
本站会员尊享VIP特权,现在就加入我们吧!登录注册×
»
会员登录
新用户注册
×
会员注册
已有账号登录
×
请先 登录 再评论,若不是会员请先 注册