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

网站优化

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

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

2018-03-16 热度:14790 ℃

上一篇里,我们从网站运营的角度说了说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

相关文章

公众号运营2年涨粉200?一个失败的公众号运营人的独白

公众号运营2年涨粉200?一个失败的公众号运营人的独白

没错,题目所说就是我本人,我是连长,运营着一个个人公众号。 2 年增长到 200 多粉丝,真的可以说是非常失败的运营了。正式接触公众号是在 2016 年,那时公众号的黄金期已过,流量获取愈发困难。但公...

为什么你做的设计总是不耐看?

为什么你做的设计总是不耐看?

@菜心设计铺 :不知道大家有没有这样的情况发生,自己设计的作品,“乍一看不怎么样,仔细一看,还不如乍一看”!其实不耐看,或者不敢放大看的原因都是细节做的不到位。最近在做手机OS的主题图标,对细节的感触...

为什么你找到了用户痛点 , 还是写不出好文案?

为什么你找到了用户痛点 , 还是写不出好文案?

来源 | 创意很关键作者 | 关键明“如果说文案写两句煽情的话,或是巧妙运用了排比之类的技巧,我认为那还称不上走心,走心的文案背后,一定有一个牛逼的洞察。”——关健明写文案,先学会洞察,别急着...

《网页设计综合指南》(一):网站地图优化篇

《网页设计综合指南》(一):网站地图优化篇

后两篇:《网页设计综合指南》(二):内容布局、页面结构等《网页设计综合指南》(三):移动适配、无障碍设计等本文将重点介绍创建出色用户体验的主要原则、方法和具有启发性的案例;从用户体验地图等整体结构开始...

从YouTube改版看“移动优先”附移动优先网站设计案例赏析

从YouTube改版看“移动优先”附移动优先网站设计案例赏析

注:移动化必将是未来互联网行业的发展趋势。2011 年,Luke Wroblewski大神提出了移动优先的设计理念。在当时看来这无疑是一个打破行业常规的新型设计原则。而在移动互联网大行其道的今天,...

知识付费是如何从“共享经济”变成智商税的

知识付费是如何从“共享经济”变成智商税的

“我原以为这和开直播一样,谈点经验,外带讲几段相声,没想到这么难啊。”  文/南七道   2017 的下半年,也是知识付费人设崩塌事故期。 8 月,罗永浩宣布停更“创业课“,上面那句话,是媒体...

内容产品的那些年:互联网演进史上历久弥新的产品形态

内容产品的那些年:互联网演进史上历久弥新的产品形态

注:文章追溯内容产品发展的三种阶段,随着互联网的迭代,内容产品也一次次地变更、进化。内容产品,可能是互联网演进长河中最古老而又历久弥新的产品形态。它们的存在,是人类对信息获取的孜孜以求,更是人类对各种...

iPhoneX响应式网页设计

iPhoneX响应式网页设计

iPhone X正式发售了。随之而来的是一个新的白色线条,幸福地坐在底部的触摸板上,它替代了原有的home键。这也唤起了人们对物理home键的怀旧情结。 顶部的黑色凹槽采用了许多最先进的技术:红外...

 
QQ在线咨询
公司总部
0513-66814553
战略合作
0513-86212895