前端攻城狮与SEO

原创 zax 随笔 前端攻城狮与SEO 591阅读 2017-05-18 14:10:19 举报

网站结构布局的优化:
[ol]
[li]严格控制网站首页链接的数量。链接类别包括站内链接、底部链接和锚点链接等,数量最好不要超过100个。[/li]
[li]扁平化目录层次。目录结构最多不要超过三层,使用纵向导航。【例如】:树-果树-桃树、梨树、苹果树[/li]
[li]导航优化。导航有主次之分,必要可使用面包屑导航。[/li]
[/ol]

网站代码优化:

内容:
[ol]
[li]title标题。展现主题内容。[/li]
[li]<meta keywords>标签。网站关键字[/li]
[li]<meta description>标签。网站描述[/li]
[li]<meta description>标签。网站描述[/li]
[li]把重要的HTML代码放在最前面。不重要的广告信息等放在后面,用css布局。[/li]
[li]重要的内容不要用js输出。[/li]
[li]尽量减少使用iframe框架。[/li]
[li]谨慎使用display:none。小蜘蛛会过滤掉。[/li]
[li]不断精简代码。去掉没用的空格等。[/li]
[li]页面中不要用&nbsp;使用margin或者padding解决边距问题。[/li]
[/ol]

语义化代码标签:
[ol]
[li]<a>标签。超链接标签。外部链接时使用rel=“nofollow”阻止小蜘蛛继续爬行。[/li]
[li]<img>标签。使用title标题,alt说明。[/li]
[li]<h1>标签。页面标题使用<h1>标签,且只能有一个<h1>标签。其他h标签根据标题级别依次使用。[/li]
[li]<p>标签。段落标签。[/li]
[li]<br>标签。换行标签,用于文本内部的换行。[/li]
[li]<table>标签。表格,使用<caption>表格标题</caption>标签。[/li]
[li]<strong>和<em>标签。表示强调作用。[/li]
[li]<b>和<i>标签。单纯表示加粗和斜体用这两个标签。[/li]
[li]<ul>标签。无序列表标签。[/li]
[li]<ol>标签。有序列表标签。[/li]
[li]<dl>标签。多用于定义数据列表。[/li]
[/ol]

其他:
[ol]
[li]每个页面的大小不要超过100k[/li]
[li]页面中分页条可以使用下拉选择框来跳转页面。[/li]
[/ol]

评论 ( 2 )
最新评论
zax 1F 2017-05-19 14:53:47 2F

厉害厉害~~有不对的还请多多指教

帝都灬春哥 2017-05-19 11:56:39 1F

我从 SEO 转 前端的 。吼吼 。 多学多看中~