网站优化之SEO开发标准_知乎_

转载请联系我,站内信,shadowpress,都可以谈!SEO对于一个独立站,类似于钢结构对于建筑的作用。不紧包含前期的基础优化,也包含中后期的站外外链建设和内容营销。今天来讲下SEO的开发标准,希望能对网站的建设者有


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

(0)
墨羽SEO的头像墨羽SEO
上一篇 2022年5月8日
下一篇 2022年5月8日

相关推荐

分享本页
返回顶部
欢迎来到互联网运营人学习交流技术网站!