Warning: Illegal offset type in isset or empty in /www/wwwroot/www.moyuseo.com/wp-content/themes/justnews/themer/core/wpcom.php on line 263
Warning: Illegal offset type in isset or empty in /www/wwwroot/www.moyuseo.com/wp-content/themes/justnews/themer/core/wpcom.php on line 264
Warning: Illegal offset type in isset or empty in /www/wwwroot/www.moyuseo.com/wp-content/themes/justnews/themer/core/wpcom.php on line 290
Warning: Illegal offset type in isset or empty in /www/wwwroot/www.moyuseo.com/wp-content/themes/justnews/themer/core/wpcom.php on line 291
Warning: Illegal offset type in isset or empty in /www/wwwroot/www.moyuseo.com/wp-content/themes/justnews/themer/core/wpcom.php on line 263
Warning: Illegal offset type in isset or empty in /www/wwwroot/www.moyuseo.com/wp-content/themes/justnews/themer/core/wpcom.php on line 264
Warning: Illegal offset type in isset or empty in /www/wwwroot/www.moyuseo.com/wp-content/themes/justnews/themer/core/wpcom.php on line 290
Warning: Illegal offset type in isset or empty in /www/wwwroot/www.moyuseo.com/wp-content/themes/justnews/themer/core/wpcom.php on line 291
转载请联系我,站内信,shadowpress,都可以谈!
SEO对于独立站,类似于钢结构对建筑的作用。
不紧包括前期基础优化、中后期站外链建设和内容营销。
今天来讲下SEO希望对网站建设者有所帮助。
1. 开发标准
1.1. W3C标准
1.1.1. 什么是W3C作为一名网站技术开发人员,标准通常是从自己的开发角度实施网站部署(阅读数据和开发的便利性等),而不是从网站访问者和搜索引擎的角度。因此,大多数网站都不够直观或方便,尤其是现在w3c在大多数网站开发人员心中,标准是一片空白。更何况百度 ,google、msn、yahoo其他专业搜索引擎有自己的搜索规则和判断网页等级的技术,所以网站优化的目的只有一个:符合标准,符合蜘蛛爬行标准,更重要的是符合网站访问者浏览的方便性和易用性。你知道吗W3C标准,有必要先弄清楚什么是什么W3C?W3C其实就是World Wide Web Consortium,全球万维网联盟的缩写。W3C主要职责是确定万维网未来的发展方向,并制定相关建议 (recommendation,由于W3C是一个没有约束力的民间组织,所以只提供建议)。HTML4.01规范建议(HTML4.01 Specification Recommendation)就是由W3C制定负责制定。XML,MathML其他网络语言规范。
1.1.2. 如何符合w3c规范?确保所有标签都使用小写字母,确保所有属性值都放在引号中,确保所有成对标签的顺序和不成对标签都使用/>/和结束>两者之间没有空间
1.1.3. 使用正确的文档类型文档类型声明HTML第一行文档:<!DOCTYPE html>如果您想像其他标签一样使用小写,请使用以下代码:<!doctype html>
1.1.4. 直接声明你的编码语言DOCTYPE在声明后面添加以下代码:<meta charset="utf-8"><title>
1.1.5. 直接声明你的网站语言DOCTYPE在声明后面添加以下代码:<html>其中en要使用多语言,如fr、es等
1.1.6. 使用小写元素名HTML5 元素名可以使用大写字母和小写字母。推荐使用小写字母:混合大小写的风格很差。不推荐:<SECTION> <p>这是段落。</p></SECTION>非常糟糕:<Section> <p>这是段落。</p></SECTION>推荐:<section> <p>这是段落。</p></section>
1.1.7.关闭所有 HTML 元素在 HTML5 所有元素可能不会关闭(例如 <p> 元素),网页也显示正常,但我们建议每个元素添加关闭标签。不推荐:<section>
<p>这是段落。
</section>推荐:
<section>
<p>这是段落。</p>
</section>
1.1.8. 使用小写属性名HTML5 属性名允许使用大写字母和小写字母。但建议统一使用小写字母属性名:不推荐:
<div>
推荐:
<div>
1.1.9. 属性值HTML5 当属性值不需要引号时,网页显示也可能正常,但我们统一使用引号的属性值:
如果属性值含有空格,则需要使用引号。
不推荐混合风格,建议统一风格。
使用引号容易阅读属性值。
以下实例属性值包含空格,不使用引号,因此不能工作:
<table striped>
使用双引号是正确的:
<table class="table striped">
1.1.10. 图片属性图片,尤其是主要图片banner一定要添加alt属性,title属性可选:蜘蛛不知道图片上的内容,只能通过alt属性来判断,alt属性值应该是图片的意思。没有这个数据,你应该写网站的名字
<img src="domain/banner.jpg" alt="rosegal-Thanksgiving Sale">
<img src="domain/banner.jpg" alt="rosegal">
1.1.11. 空格和等号前后使用时,网页显示也可能正常
<link rel = "stylesheet" href = "styles.css">
但建议不要有空格:
<link rel="stylesheet" href="styles.css">
1.1.12. 空行和缩进不要无缘无故添加空行。
为每个逻辑功能块添加空行,更容易阅读。
缩进使用两个空间,不建议使用 TAB。
不要使用不必要的空行和缩进代码间。
不必要的空行和缩进:
<body>
<h1>W3Cschool教程</h1>
<h2>HTML</h2>
<p>这是一行文案</p>
<p>这是一行文案</p>
</body>
推荐:
<body>
<h1>W3Cschool教程</h1>
<h2></h2>
<p>这是一行文案。这是一行文案</p>
</body>
表格实例:
<table>
<tr>
<th>Name</th>
<th>Description</th>
</tr>
<tr>
<td>A</td>
<td>Description of A</td>
</tr>
</table>
列表实例:
<ol>
<li>London</li>
<li>Paris</li>
<li>Tokyo</li>
</ol>
1.1.13. HTML 注释注释可以写在 <!-- 和 --> 中:
<!-- 这是注释 -->
长评论可以在 <!-- 和 --> 中分行写:
<!--
这是一个长评论。这是一个长评论。这是一个长评论。
这是 长评论 这是长评论。这是 长评论。
-->
长评论第一个字符缩进两个空间,更容易阅读。最好使用注释。smarty或php不要使用注释或英语注释html中文出现在注释中。
1.1.14. 风格表使用简单的语法格式 ( type 属性不必要):
<link rel="stylesheet" href="styles.css">
短规则可以写成一行:
p.into{font-family: Verdana; font-size: 16em;}
长规则可以写成多行:
body{
background-color: lightgrey;
font-family: "Arial Black",Helvetica,sans-serif;
font-size: 16em;
color: black;
}
把左括号和选择器放在同一行。
左花括号与选择器之间增加空间。
用两个空间缩进。
冒号与属性值之间添加一个空格。
逗号和符号后使用空格。
符号应用于每个属性和值的结尾。
引号只在属性值包含空间时使用。
右括号放在新的一行。
1.1.15. 在 HTML 中载入 JavaScript用简单的语法输入外部脚本文件 ( type 属性不必要 ):
<script src="myscript.js"></script>
1.1.16. 避免空的src和href对爬虫不友好,尽量避免。注意这两个属性的标签,如link,script,img,iframe等
1.1.17. 合理使用html5语义化标签遵守W3C语义规范避免单一重复div/span例如,我们必须制作导航标签
<!-- 不建议 -->
<div>
<span>NEW</span>
<span>CHRISTEMAS</span>
<span>PLUS SIZE</span>
</div>
<!-- 建议 -->
<ul>
<li>NEW</li>
<li>CHRISTEMAS</li>
<li>PLUS SIZE</li>
</ul>
h1使用文本标题h1标签,可以通过浏览器中的简单命令来计算document.getElementsBy
而且每个页面只能出现一次h1使用标签和副标题h2。可以使用CSS设置显式风格。记住:不要在不重要的地方随意使用h1标签。
强调应使用网页中的重要内容strong避免使用标签b标签(对搜索引擎不友好)的原则是使用新的html用标签代替旧标签,使用样式css替代。
1.2.DOM结构优化
1.2.1.优化和减少网站结构布局DOM元素数量,DOM嵌套不超过4层,尽量简化(使用图标、按钮等伪元素可有效减少标签嵌套),提倡扁平结构<!-- 不建议 -->
<div>
<span>
<img src="...">
</span>
</div>
<!-- 建议 -->
<div>
<img src="..."></div>
1.2.2. 想知道你的网页上有多少元素,
T
原创文章,作者:墨羽SEO,如若转载,请注明出处:https://www.moyuseo.com/tutorials/wzyh/33174.html