1、HTML代码怎样做利于SEO优化
SEO代码优化入门的最佳HTML代码教程
我们先看下最基本的HTML标签元素
1、<!--页面注解-->
2、<html>
3、<head>
4、<title>页面标题</title>
5、<meta http-equiv=Content-Language content=zh-cn>
6、<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
7、<meta name="keywords" content="关键词">
8、<meta name="description" content="网站描述">
9、<link href="/img/index.css" rel="stylesheet" type="text/css" />
10、<script language="JavaScript" src="/include/dedeajax2.js"></script>
11、</head>
12、<body>
13、<div>
14、<h1>页面内容标题</h1>
15、<h2>页面相关性标题</h2>
16、<h3>标题系列</h3>
17、<h4>标题系列</h4>
18、<h5>标题系列</h5>
19、<h6>标题系列</h6>
20、<img src="xxx.jpg" alt="图片说明">
21、<a href="/" title="链接说明">链接词</a>
22、<strong>重点关键词强调</strong>
23、<b>关键词强调</b><u>关键词强调</u><i>关键词强调</i>
24、</div>
25、<div>
26、版权部分关键词强调
27、</div>
28、</body>
29、</html>
********************************************************
注：在<body>..</body>标签区中的罗列，都是一些基础的HTML标签，这些标签出现的次序是可以变化的。
我们一步一步来说。
第1行的<!--页面注解-->。这个标签是用来做HTML代码注解的，很多站在这里会写上关键词，这种形式的注解在浏览器中是不会显示的，而搜索引擎可以读到。所以这个标签有的时候会成为作弊的一种形式，不要过多的用这种标签到来注明你的关键词，否则如果搜索引擎认为你是作弊的话，就惨了。
第4行<title>页面标题</title>。这是相当重要的！这里字字值千金！对于做百度seo的朋友，一定要记得这个标签可能是你是否真正能够做到排名靠前的重点，而且这个重点绝对不容忽视。标题主要注意你的用词，如果你做垃圾站，堆关键词也无所谓，如果你要做正规站点，请你正确对待，写得标准一点，不要堆关键字，保持你的主要词在这里出现三次，太多对你没有好处，对排名也不会有好处。GG并不喜欢太长的标题，百度也偶尔提到只希望在标题的前20个字里出现你的关键词。明确这些以后，还要注意的是，你的主要关键词应该在标题里越靠前越好！
第7行<meta
name="keywords"
content="关键词">。这个的用途现在权重越来越低，但是再低都是有权重的，只要认真对待，这里的词是有效果的。这里注意两点：第一、大部分人都会选择在这里写关键词不会超过三个，有的人直接只写一个，这是有好处的，每一处标签都有权重，你强调的内容越少，那么它的权重会相对更高的，所以不要写太多，否则不如不写，而让搜索引擎自己去判断你的页面关键词。第二、几乎所有的SEO专业人员都会跟你说尽量在每一个页面写不同的关键词，避免被认为是重复页面的危险。
第8行<meta
name="description"
content="网站描述">。这个是主要为了在搜索结果里出现的索引结果的，索引结果就是在百度搜索你的站的时候标题下面的摘要内容。这是一个页面的导读，用来说明网页的主要内容，当然现在的权重不高，跟keywords标签一样，不太受重视。而且现在由于搜索引擎机器人的越来越智能化，基本上已经实现整个页面的摘要内容随意出现它的索引结果里了，搜索引擎会根据你搜索的内容不同显示不同的索引。你如果要写description，就认真去写，很多人是用这里来控制搜索引擎的索引显示的，因为网站描述写得越具体，就越有可能在索引的时候出现这个标签中的内容。
第9行<link
href="/img/index.css" rel="stylesheet" type="text/css" />
这个只是一个CSS样式表的 调用方式一共分2一种直接把CSS写进HTML 一种是这种相对方便 和减少网页代码量的做法 调用CSS样式表!
第10行<script
language="JavaScript" src="/include/dedeajax2.js"></script>
这个是调用JS(javascript)文件的方法 也可以直接把JS写进HTML网页 但这样和上面的CSS调用一样 方便减少网页代码量!
本来以为JS代码搜索引擎抓取不了 但实验结果表明SE已经能够抓取JAVASCRIPT内的代码! 实验页见( /seojs.html )
第14行<h1>页面内容标题</h1>。这个标签是一个页面最重要的标签，也是搜索引擎定位这个页面的主要依据，如果你的<h1>标签里没有出现你的页面关键字，那真是的一种很大的损失，这里的权重相对于其它的在<body>区的标签来说更加重要。在HTML代码中，它的重要性仅次于<title>。很多人放弃写这个标签，对于搜索引擎是很不友好的，你可以不出现其它的强调关键词的标签，但是这个标签一定要出现，这是告诉搜索引擎你的页面用一句话应该如何表达，如果这一行字都没有，再智能化的机器人可能都会以你的<title>来决定是否用来作为一个词的排名，很多时候一个网站的页面标题都是完全一样的，因为他们程序的原因，但是如果你没有办法修改title，已经损失很大了，而如果你的页面这个<h1>标签也没有出现的话，我不知道搜索引擎会怎么样去理解一个页面，对于SEO来说，那真很糟糕的一件事情。所以，认真对待你的页面<h1>，这是很重要的，要强调的是，这个标签一个页面不要出现太多，道理很简单，太多会让别人无法确定你页面中哪一个才是最重要的，无法确定重点跟没有这个标签我觉得没有太大的分别。所以，最好只出现1次，以达到明确说明的目的。
第15行<h2>页面相关性标题</h2>。这个标签与<h1>是一样和道理，但是权重相对来说较低，如果你的页面没有<h1>，那么这个标签对于页面来说基本上就相当于<h1>的重要性了。这里面你包含的是长尾关键词相关的内容，比如你的页面做几个关键词，主词应该出现在<h1>里，那么其它的词以及你想发展的词就可以出现在<h2>里，这样来说是一种合理的安排。
而<h3>~<h6>这些标签，重要性是依次递减的，在一个页面的权重越来越低。
第20行<img
src="xxx.jpg"
alt="图片说明">。我想这个标签很多人都知道，它的作用很明确，不是指定一张图片的说明文字，让搜索引擎知道这张图片是关于什么的。比如你的图片是"周杰伦"，那么你的alt="图片说明"中的"图片说明"就应该是与"周杰伦"相关的词或者句子。这样写当然也有利于你在图片搜索的结果里显示排名更前面一点，不过现在百度基本上是以页面标题作为一张图片排名的要素，当然，你的alt标记做得好，将会增加你的图片匹配度。关于图片说明的研究，以后我也许会写一篇分析性的文章，因为有<a>链接的图片里，还会有一个title标签，title与alt这两个谁重要，是有必要研究一下的。
第21行<a
href="/"
title="链接说明">链接词</a>。这是链接说明，同进也是一个页面链接的SEO重点，这里的"链接词"相当的重要，如果你跟别人交换链接，你这个词的写法是起着外链好坏与否的决定性因素的。"链接词"建议你最好写成自己的关键词，如果觉得实在不行或者怎么样，你一定要在"链接说明"里出现你的关键词。否则对于排名，你的链接做得没有太大的好处。这在SEO专业术语里还有一种叫法，叫做"google****"，就是用很多站点，同时做链接到一个网站，然后所有的"链接词"都写一个词-"周杰伦菲"，不久以后google就会将这个站当做"周杰伦"这个词最权威的站点，即使被那些站点链接的这个页面没有任何与"周杰伦"相关的内容，这个网站在"周杰伦"这个词的排名情况也会很好。不过google已经调整了算法，但是这样做链接肯定是有用的，一定要认真对待你的链接。还有一个重点，就是对方的链接，如果是JS调用的，你就别想在他那里得到任何权重，因为搜索引擎不会去读取JS里的内容，所以，建议大家好好做链接，不要做了链接你的站却跟没做一样。像百度空间的友情链接就是JS文件调用的，所以百度空间里的友情链接你是没有权重的。具体可以查看HTML代码，正常情况下一个页面你找不到你的网站地址在<a>..</a>标签内出现，基本上这就是属于无效链接。
第22行<strong>重点关键词强调</strong>。这个标签基实重要性仅次于<h1>，很多人都这样跟我讲。所以我也基本上认同，很确定的是它比<b>、<u>、<i>等标签要权重高。所以如果你的页面有很重要的词，而你想强调它，首先选这个<strong>标签吧，接下来相对不重要的词强调请你选<b>、<u>、<i>等标签。当然，不要用得太多了，用得太多没有重点就等于没有用了。
第27行版权部分关键词强调。我为什么要写这个？因为这个权重越来越高了，在底部版权部分，很接近版权部分出现的关键词，是一种SEO策划的手法。在这里强调你的关键词，是让你的关键词布局更加合理，而不是头部出现关键词，中部强调很多次，而底部却什么也没有关联，这个词在这个页面是否值得怀疑呢？
2、HTML5与SEO有必然的联系吗
HTML5与SEO没有必然的联系，但使用HTML5的确利于搜索引擎优化，主要表现在如下几点：
1、HTML5新增了不少新元素，这些新标签对SEO还是比较有影响的，适当运用，也许对SEO优化是有很大好处。
（1）<header>定义了站点的头部信息，也就是页眉，一般放置网站的站点名称以及LOGO和导航栏。搜索引擎更容易识别站点的类型。
（2）<nav>定义导航链接，也就是栏目或者频道的链接。搜索引擎可以更好了解网站的信息架构，分类等。良好的信息架构，更有利于蜘蛛的爬行和权重的分布。
（3）<footer>定义了底部信息，也就是页脚。放置页脚导航，一些比如公司介绍，联系我们之类的信息。一般来说对网站比较不重要，有可能搜索引擎会降低其位置的权重。
（4）<section>该元素用来表示网页中不同的分区。优势体现在每个部分都可以有其独立的HTML标题。这可以让搜索引擎更好的了解网页的结构是如何划分的。搜索引擎可能会根据网页中的<section>标签找出其信息架构。
（5）<article> 定义文章区域，可以更有利于搜索引擎识别网页的内容以及判断相关性。， <aside>定义页面内容之外的内容，在左侧或右侧边栏。aside标签的文字信息与article标签区域的文字信息最好是相关。这些结构元素有些在HTML4时代，一般是用div来定义。如<div id="header">、<div id="nav">和<div id="footer">，但是难免有些网站会采用其它的命名方式。而HTML就把这些都标准化了，规范化了，简洁明了。更有利于搜索引擎衡量网页上的内容和相关性，甚至分配权重的流向。
（6）块元素<figure>定义媒介内容的分组，以及它们的标题，<figcaption>定义 figure 元素的标题。这两个元素可以说非常好的使媒介和文字说明联系在了一起。有利于搜索引擎理解内容。文字说明是可见的。<time>定义日期/时间，time标签可能会作为一个来判断网页文字源，也就是能够通过time标签来识别哪篇文章是原创的。
（7）<audio>定义音频 <video>定义视频 这两个元素区域中间的文字信息将会让搜索引擎读懂视频和音频。据说很多国外社交网站都开始试用HTML5，就是因为搜索引擎可以更好识别社交网站更多出现的音视频。
2、新增的部分HTML5新标签，实现了以前Javascript才能做到的功能，利于搜索引擎优化。
3、HTML5部分替代了Flash的功能利于搜索引擎优化
3、html5如何提高性能优化，优化方式有哪些
1、css 整合为一个css文件引入到html页面
2、js 整合为一个js 文件引入html
3、特效文件放在最后引入可提升页面的打开速度
4、如何对移动端网站SEO优化
1、定位和 页面设计
无 论是PC端还是移动端，网站都要考虑清楚消费群体的定位问题。虽然智能手机用户数量非常普及，但是要明白中国的大部分手机用户使用的还是2G网络，一直高 喊的3G、4G手机用户只有大约15%左右。所以，在页面设计时，要考虑到用户打开网页的时长，一些炫丽的flash、JS等建议还是不用为好。这不仅仅 是用户体验的问题，也是尽量减少百度索引抓取的工作，让百度蜘蛛尽可能多的爬行和收录页面。
2、网站尽可能简洁
①手机网站比PC端网站的页面下载速度要慢得多，因此尽量把页面数和页面大小控制到最低。
②此外，由于是手机用户，用户浏览网页的时间是零碎的，不可能耐心点击很多的页面。因此，要尽可能精简移动网站设计。
③购买流程或者导购页面尽可能精简精简再精简，从消费者进入网站到购买尽可能提供最简单的步骤，直接摒弃那些冗余内容，为消费者呈现他们想要的。假如一个购买流程需要注册七八项，在购买时再填上七八项，那恐怕下次就不会有回头客了。
3、域名和robots设置
①域名尽可能简短易记，大部分手机版网站的域名是PC端网站的二级域名，当然这个也很好，与传统网站保持一致，更让重视用户信赖。但是如果是专门的手机网站，最好起一个简短而且易记的域名。
②robots 设置上最好不要任何限制，让所有搜索引擎抓取。另外小生在这里纠正一个很多站长想当然的误区，百度官方声明百度spider 的爬虫UA是Baispider(www 和wap 一致)，个别站长经常会误认为百度手机爬虫的UA是baiduspider-mobile，其实没这回事。
4、避免使用弹窗、flash、 java等行为。同 样道理，flash和弹窗等行为将会占用很大一部分流量，对于移动手机用户而言，无疑会浪费时间和流量，对于搜索引擎而言，基本理解不了。在技术层面来 讲，Apple产品不支持Flash功能，很大一部分智能手机用户用不了这项功能，同样，很多智能手机也不支持Java，所以这只是两方面都不讨好的做 法。所以说自己做的都是细节都是用户体验，学习SEO交流可以加我们的的群，前面是二六四，中间是783最后加上六零二就可以，欢迎是欢迎加入，但是打酱油来玩的就不建议来了。
5、页面细节优化
①专属的手机网站头部标签。对于手机网站的首页或者频道首页的网 页代码中的keywords、deion最好加上与PC端有所区别的meta标签和关键词，在每个页面的关键字及描述像做传统PC端网站一 样，做好针对性的填写工作。对搜索结果的展现(摘要)以及优化工作大有帮助。
②减少死链。如果没有内容，最好用状态码指定，比如404、403 等;如果内容死链希望重定向到首页，最好通过302跳转，不要使用java 跳转。
6、使用规范化的协议，做好浏览器兼容调试工作
一般来说手机建站有xhtml、html5、wml 三种协议，最好使用规范化、标准化的协议格式，避免造成不必要的麻烦。当然也可以做多个版本的站点，站点进行不同版式的自动适配。
url链接规范化。
① 对于多个板块的二级域名或者目录来说，使用规范、简单的url，尽量去除与页面内容无关的参数，如用来区分手机型号、区分访问用户，方便统计等的参数。如 手机版的“百度知道”http://wapiknow.baidu.com/②页面url链接跳转最好是正常格式的目标url，不要中间进行跳转。
7、做好移动版与PC版网站的转换
①确保在手机网站或者PC端网站各个页面上有相应的导航或者提示链接，让用户可以在手机版和PC版进行切换，也便于搜索引擎更好的收录。
②百度官方曾声明，对于移动站点，当baiduspider ua或者其它无法确定来源的ua访问时，建议默认情况下直接返回html5 或xhtml 类型的移动页面，不要重定向到PC页面。
手机网站适配声明。手机页面进行合适的 DOCTYPE 声明有助于搜索引擎识别该页面是否适合手机浏览。<!DOCTYPE>声明位于文档中的最前面的位置，处于<html>标签之前。例如：
xhtml 协议的手机页面中可以使用如下 DOCTYPE：
<!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum.org/DTD/xhtml-mobile10.dtd”>
wml协议的手机页面可以使用如下DOCTYPE:
<!DOCTYPE wml PUBLIC “-//WAPFORUM//DTD WML 1.1//EN” “http://www.wapforum.org/DTD/wml_1.1.xml”>
而HTML5协议的DOCTYPE为： <!DOCTYPE HTML>
其它优化事项。其它一些优化要点与传统PC端网站优化一样。如网站结构要用合理的树形结构，最好采用树形和扁平相结合；清晰的面包屑导航，方便搜索引擎爬行抓取和用户体验；title写法要尽量包含关键字，首页、频道页、内容页写法要有所侧重。
手机网站改版或变动时做好301重定向。百度官方对于手机网站改版或者更换域名指出，新老内容映射要尽量简单，换域名时，如果能够做到路径不变，则负面影响面会更小，而且影响时间也会更短。
5、是SEO有前景还是html5？
尽管现在html5还是在探索阶段，但作为一个seo人员，必须要洞察先机，了解一些关于html5的知识并分析是否会对seo造成影响。事实上html5对网页设计和开发人员的冲击和影响，远远超过seo人员，但这并不意味着seor无须就html5对搜索引擎优化策略做出调整。
html5新特性
html5是互联网技术逐年演变的一种产物，包含了很多新的标签和元素，具体可以查阅《图解html5》一文，但它仍然是基于xml的一种网页表达语言，和html4相比也不是发生了翻天覆地的变化，而且对它的父辈有很好的兼容性，所以我们大可不必忧虑什么都得重头学起，甚至认为html5很难。
html5的哪些变化可能会影响seo
作为seo人员，我们只会关注html5规范发生了哪些可能会影响到seo的变化，下面是其中的一些。
改进网页分块
现在的网页基本上都是分块的，网页分块意味着将一个页面划分为几个独立的部分，包括内容、菜单、头部、底部、链接等，但是站长没有办法告诉搜索引擎应该如何对一个网页进行分块，就是说没有办法告诉搜索引擎哪块是头部，哪块是底部。不过html5将可以改变这一现状，只要使用一些新的标签，如<header>和<footer>标签等。
新的<article>标签
估计这将会是对seo最有积极影响的html5新标签，因为这样可以直接标识文章内容部分，而且可以避免使用<div>这些标签从而让html代码变得更简洁，无疑对搜索引擎变得更加友好了。另一方面，放在<article>标签里的内容将比放在页面其他地方的内容能在搜索引擎那里获得更加多的权重。
新的<section>标签
<section>标签可以用来识别一个页面或者一本书里单独的章节，它的好处就是每一个章节都可以拥有单独的html标题，再结合<article>标签考虑，就可以推断到搜索引擎将会更加注重单独章节里的内容。举个例子，如果在某一章节里找到与搜索字符串相匹配的内容，将比在整个页面或者其他地方找到的能获得更高的相关性。
新的<header>标签
<header>标签对于seo人员来说是一个福音，因为相比于现在的head，它提供了更大的灵活性。<header>标签和<H1>标签的作用非常相似，但不同的是，<header>里面可以包含很多东西，包括可以是<H1>、<H2>括起来的内容，也可以是整段文字，又或者是链接，以及你觉得有相关的其他信息。
新的<footer>标签
<footer>标签没有<header>标签那么管用，但仍然可以包含一些重要信息在里面，它可以用作seo的一种手段。<header>和<footer>标签可以在一个页面里多次出现，例如，我们可以为一个单独的section配备一个<header>和一个<footer>，这无疑为我们提供了很大的灵活性。
新的<nav>标签
网站面包屑导航是seo的重要因素，一个导航友好的网站无疑可以在搜索引擎那里获得更高的排名，所以一切简化导航的做法都是对seo有作用的，而<nav>就可以做到这一点。
我们在这里只是列举了部分在某种程度上可能会对seo产生影响的html5新标签，html5还有很多新的标签，例如<audio>、<video>、<dialogue>等，但它们对seo的重要性相对较低，所以在此不作讨论。
总结
目前，html5对于大部分人来说还是很遥远的，当越来越多的网页应用上html5的时候，搜索引擎才会更加注重html5，并作出相应的策略调整，或者只有那时才会知道搜索引擎究竟会如何对待html5的页面。现在看来，html5的大规模普及并不是很快就会发生的事，所以我们无须过分担忧它对seo产生的影响，可以继续只关注html4。另一方面，浏览器也需要时间去为html5作出改变，所以html5无处不在的那一天还挺遥远的。
不过，一旦html5为所有浏览器和更多的用户所接受，它将成为未来很长时间的主导标准，所以我们要时刻关注它的动态、关注其他站长正在做什么，目的是为了确保不要错过当html5成为事实标准后应该马上作出反应的那一个时机。
6、HTML5网站对后期SEO工作有什么好处
第一点：相比较原来的flash网站来说，html5容易识别。还会被搜索引擎抓取；所以在比较重视网站和重视搜索引擎排名的站点可以做跳转。
第二点：其次可以提供更多的功能，提高用户的友好体验，使用HTML5的另一个好处就是它可以增加更多的功能。对于HTML5的功能性问题，我们从全球几个主流站点对它的青睐就可以看出。每天都有不断的基于HTML5的网站和HTML5特性的网站被推 出。保持站点处于新技术的前沿，也可以很好的提高用户的友好体验。
第三点：最后这种建站形式可用性高，用户的友好体验也会提高，HTML5可以更好的促进用户于网站间的互动情况。多媒体网站可以获得更多的改进，特别是在移动平台上的应用，使用HTML5可以提供更多高质量的视频和音频流。
7、HTML怎么样才有利于SEO搜索？
要求：
1、网页体积越小越好，能少1K少1K。
2、少用一点JS代码。
3、重要内容不要放在框架、程序组件中。反之，非重要内容放到框架、JS里面去
HTML标签权重分值排列
内部链接文字：10分
标题title：10分
域名：7分
H1，H2字号标题：5分
每段首句：5分
路径或文件名：4分
相似度(关键词堆积)：4分
每句开头：1.5分
加粗或斜体：1分
文本用法(内容)：1分
title属性：1分 (注意不是
8、HTML5页面对SEO优化的影响有哪些
HTML5分2种，一种是FLASH的和一种是代码特效形式的
FLASH多的那种对于网站优化是处于弊端的，除非是品牌网站非常好用！
html模式的适合优化。文字多，自由插入特效。
影响多少还是有，建议使用div+css代码效果还不错！
9、如何进行手机网站的SEO？
1、定位和页面设计。
2、网站尽可能简洁。
3、域名和robots设置。
4、避免使用弹窗、flash、java等行为。
5、页面细节优化。
①专属的手机网站头部标签。
②减少死链。
6、使用规范化的协议，做好浏览器兼容调试工作。
7、url链接规范化。
8、做好移动版与PC版网站的转换。
9、手机网站适配声明。
11、手机网站改版或变动时做好301重定向。
10、HTML5 对 SEO 有哪些影响
一、HTML5利于搜索引擎抓取和索引网站内容
对于一些特殊的网站来说，尤其是严重依赖于Flash的网站来说，Html5的面世给这些网站带来了福音。首先，搜索引擎蜘蛛能够更加轻易的抓取和索引使用Html5标准网站的内容。所有嵌入到动画中的内容将可以更好的被搜索引擎蜘蛛抓取。也就是说，html5有利于搜索引擎抓取和收录我们网站更多的内容，对SEO很友好，可以为网站带来更多的流量。
二、HTML5提供更多的功能和更好的用户体验
由于html5强化了Web网页的表现性能，也追加了本地数据库等Web应用的功能。使得使用html5的网站可以为用户提供更多的功能和更好的用户体验。关于这一点可以从全球几个主流网站对HTML5的钟爱就可以看出一二。 社交网站巨头Facebook已经推出他们基于HTML5的iPad平台上的应用，音乐网站潘多拉也推出基于HTML5的最新版本的音乐播放器等等。几乎每天都可以看到有新的基于HTML5的网站和服务被推出。因此让网站使用HTML5，可以使网站获得更多用户的青睐。
三、HTML5提高网站的可用性和互动性
最后可以从网站可用性的方面上看，html5可以更好的促进用户和网站之间的互动。多媒体网站可以获得更多的改进，特别是移动平台的应用，使用html5可以提供更多高质量的视频和音频流。都知道如今销量十分惊人的iPhone和iPad并不支持FLASH，同时Adobe公司也已经公开声明将停止基于移动平台的FLASH的开发与升级，目前基本可以这么说，移动平台日后的视频音频将会是HTML5的天下。 相信随着时间的推移，HTML5标准对SEO的影响会越来越明显，期待在新的一年里HTML5开发技术能有更加瞩目的发展。