Loading
0

SEO之增加文字与HTML代码的比例
被墙跳转TG:@qianhenetwork QQ 851617266

301免备案跳转微信公众号
腾讯云服务器大促销。
华为服务器

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

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

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

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

如:
很多人喜欢这样写H1:<h1 class=”title”>这里是标题</h1>
众所周知,一个页面不会出现两个H1,如果有两个,那好比一个人身上长着两个脑袋一样很难看。这不仅是常识,也是标准。所以给h1加上这些那些class或id是画蛇添足。
应这样写:<h1>这里是标题</h1>
然后样式需要在CSS中定义。
这是很简单,那页面中有圆倒角如何做?网上有N多办法,其中最典型的就是HTML+CSS实现圆角矩形,HTML代码部分如下:

<div class="panel">
<DIV class="t-o b1"></DIV>
<DIV class="t-o b2"></DIV>
<DIV class="t-o b3"></DIV>
<DIV class="t-o b4"></DIV>
<DIV class="content">
<!-- 这里放内容 -->
<DIV class=clear></DIV>
</DIV>
<DIV class="b-o b4"></DIV>
<DIV class="b-o b3"></DIV>
<DIV class="b-o b2"></DIV>
<DIV class="b-o b1"></DIV>
<DIV class="break"></DIV>
</div>

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

<div class="panel">
<!-- 这里放内容 -->
</div>

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

‘).append(’

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

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

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

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

这里是HTML代码:

<dl>
<dt>滑动门标题1</dt>
<dd>滑动门1对应的内容</dd>
<dt>滑动门标题2</dt>
<dd>滑动门2对应的内容</dd>
......
</dl>

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

301免备案跳转微信公众号
华为服务器
腾讯云服务器大促销。

声明:站长码字很辛苦啊,转载时请保留本声明及附带文章链接:https://www.zfcdn.xyz/showinfo-36-12953-0.html
亲爱的:被墙域名跳转TG:@qianhenetwork QQ:851617266,可否收藏+评论+分享呢?

最后编辑于:2019-02-28 19:49:05作者:

上一篇:选择关键词 必须使用几百甚至几千来组织
下一篇:从8点到12点 seo新手4小时解决网站链接