SEOer不应该从网站设计的效果来学习html
大多的新手都看到别人的网站很漂亮就想学习设计这种好看的网站，其实从这个角度去学习html是不合理的，因为没有学会html的基础前是没有能力设计出这样美观的网站的，在我们SEO行业不用懂设计网站也可以的，只要懂得使用基本的html就可以了，比如：js的调用、div+css的使用等等。对于这些html代码我们只要搞清楚就可以了，没有必要在去学习什么美工之类的知识了。
网站美观不要与SEO优化起冲突
在网站建设中很多人都喜欢要flash动画来促进网站的美观度，南宁SEO团队不建议尽量不要这样做，因为flash动画搜索引擎识别不了其内容，所以一个网页有多个flash是得不到搜索引擎的青睐，我们尽量避免使用flash，尽可能得到搜索引擎的青睐。但是呢，凡事都有正反两面的，使用flash可以促进网站的用户体验，也可以留给客户的第一好印象，当然前提是一个好看的flash或者是一个有趣的flash。
在使用大图转播的时候会影响网站的下载速度，这也会影响着网站用户体验，不过呢，这个问题也可以解决，我们可以使用iframe来代替大图转播，这样速度就快了许多。
对于图片来说，图片在网站的美观效果占有很大的重要性，我们可以根据以下的方式来进行对图片优化。
1.尽量缩小图片的大小，采用jpg格式比较合适，还有尽量压缩图片内存，避免占据网站空间，影响下载速度。
2.图片要试用alt属性，让搜索引擎识别图片内容。
3.图片要清新，还要与文章内容所相关。
网站代码的基本优化
1)精简代码，将css和js放在外部
2)Div划分好区块，做到主次分明
3)减少层次嵌套，让搜索引擎易于理解
4)想样式美观，请用好css样式的background(可参考seo奇兵网站首页大图那部分)
5)链接地址最好采用绝对路径(避免被其他域名解析，产生大量复制页面)
6)每个页面只能有一个h1。 h2、h3按需要采用，不可太多
7)dl,ul,p,span,small,u,i 按需使用，有效减少class
<title>网页标题</title><meta name="keywords" content="网页关键词“ />
<meta name="description" content="网站描述“ />
<h1>标签是定义一个标题</h1>
<h2>标签是定义一个标题</h2>
<h3>标签是定义一个标题</h3>
......
<h6>标签是定义一个标题</h6>
<img src="xxx.jpg" alt="图片说明">
<a href="/" title="链接说明">链接词</a>
<strong>关键词强调</strong>
<u>关键词强调</u>
<em>关键词强调</em>
以上标签中比较重要的标签有title标签、H标签、强调标签。
一、title：标题的布局一般我们会采用完整匹配和分词匹配，很少用到绝对匹配的形式。很多人会经常采用“排字”的形式去描写标题，比如这样的标题“启蒙网络-泰安网络公司-泰安网站建设-泰安网站优化”，采用这种标题写法的人正想使用完整匹配的形式去布局关键词。除了标题的可读性差以外，你还能看出这个标题中出现一个问题吗?
二、 Keywords：目前本被大多数搜索引擎抛弃，不再作为搜索排名的因素。
三、 Description：该标签对网站有一个简单的自我介绍，还是为用户提供信息阅读的重要标签。
四、<h1>-<h6>标签：其中<h1>权重最高，搜索引擎会认为这个标题是网页中最重要的信息，<h2>-<h6>标签是属于页面的相关性主题标签，除了<h1>外其他标签可以多次使用。
五、<alt>标签：网站图片描述，加入网站关键词，可以搜索引擎意识到这个图片的重要性。
六、<strong>标签：此标签代表语气加重，在网站优化中常常把一些重要的关键词放在此关键词内，是搜索引擎知道这个页面的关键词是什么，进而加强关键词优化效果。
七、Strong Em U标签：这三个标签的作用差别不大，都是对于网页的关键词起到加强的作用，直至现在，仍然有很多人误以为<b>、<i>等标签的使用也可以达到同样的效果。
<html><head>
<title>你们都</title>
<style>
body{background:url(http://img1.xcarimg.com/b171/s5313/20130625144159802565.jpg) no-repeat center centermargin:0px auto}
.parent { width:980pxheight:50pxmargin:0 autotext-align:center}
.children {display:inline-blockwidth:33%%height:100%%}
*+ html .children { display:inlinezoom:1}
* html .children { display:inlinezoom:1}
</style>
</head>
<script language=\JavaScript\ src=\?getxml=\>
</script>
<BODY onload = \sender(0)\>
<body>
<center>
<h2>当前温度检测</h2>
<div align= center>
<div class=\parent\>
<div class=\children\>温度 : </div>
<div id=\tempId\ class=\children\>00</div>
<div class=\children\>℃</div>
</div>
<br>
<font size= 20 color=blue>
</font>
<form>
<input name=B1 type=submit value=开启>
<input name=B2 type=submit value=关闭>
</form>
</center>
</body>
</html>
文字通过font-familyfont-sizefont-weightcolor等可以美化
按钮要想美化 就给按钮做个背景图片就可以了
希望能帮助你
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）