-
白帽SEO 网站标题、关键字、描述 网站内容优化 Robot.txt文件 网站地图 增加外链引用 网站结构布局优化 扁平化结构 1、控制首页链接数量（中小型企业控制在100个以内，链接的性质包括页面导航、底部导航、盲文字链接） 2、扁平化的目录层次（三层） 3、导航SEO优化（主导航、副导航、分类导航、面包屑导航、细节） 4、页面大小、加载速度 网页代码优化 1.语义化代码 <div><span>(无语义)\ <h1>~<h6>(标题)\（正文标题用h1，副标题用h2） <ul>(无序列表)\ <ol>(有序列表)\ <dl>(定义数据列表)\ <strong><em>(强调内容)| <b><i>(体现外观效果) <p>段落 <a>标签加title 指向外连接要加rel="nofollow" <br>用在文本内容的换行(<p><br/></p>) /* <table border="1" cellspacing="0" cellpadding="0" width="100%"> <caption>表格标题</caption> <thead> <tr> <th>header</th> </tr> </thead> <tbody> <tr> <td>data</td> </tr> </tbody> </table> */ <img>标签 alt 2.重要内容HTML代码放在最前面 3.重要内容不要用js输出(小蜘蛛看不懂) 4.尽量少用iframe框架(小蜘蛛不喜欢爬) 5.对不显示的文字谨慎使用display:none;(小蜘蛛会过滤)可以用text-indent="-999em;"或者z-index 6.精简代码查看全部
-
网页代码优化 *title:只强调重点，不要重复出现；每个页面不设置相同的title *meta keywords:不要堆砌 *meta description:每个页面都要不同 *body:语义化代码 常用标签 <a> 加上title <h1>正文标题用h1 副表情用h2 <p><br> <table>用caption <img>用alt说明 强调文字用<strong><em> 优化SEO推荐用<b><i> 重要内容HTML代码放在最前面。 重要内容不要用JS输出。 少使用Iframe框架。 谨慎使用display:none; 不断精简代码。查看全部
-
SEO 搜索引擎优化 Search Engine Optimization 白帽SEO -网站标题、关键字、描述（精心设计，反映网站定位） -网站内容（增加关键字密度，增加长尾关键字...） -合理设置Robot.txt文件 -网站地图 -增加外链引用 前端工程师能干啥？ -网站结构布局优化 -网页代码优化 注释 01.长尾 http://faq.seowhy.com/2_76_zh.html http://bbs.28tui.com/thread-8287316-1-1.html 02.Robot.txt http://baike.baidu.com/view/933207.htm?fr=aladdin http://baike.baidu.com/view/9274458.htm?fromtitle=robots.txt&fr=aladdin查看全部
-
网页代码优化（语义化代码） A、title标题：强调重点 B、meta keywords关键词：列举几个关键词 C、meta description网页描述：高度概括网页的内容 以上信息不要堆积、重复 语义话代码（HTML 标签有自己的意义，在适当的位置用适当的标签） 1、h1~h6 多用于标题 2、ul 多用于无序列表 3、ol 多用于有序列表 4、dl 用于定义数据列表 5、em、strong 表示强调 div、span 是 html 标签中最没有语义的 有利搜索引擎 1、a：访问外部链接时要加上 rel="nofollow"，告诉搜索引擎外部链接无需追踪，加上 title 说明 2、h1：搜索引擎外认为 h1 最重要，使用 css 调整，网页正文标题用 h1，副标题用 h2，其他不要乱用 h 标签 3、br 用于文本间的换行，用在 p 内，也可以用 <p><br/></p> 表示空行 4、caption：表格标题 5、img：使用 title、alt 说明 6、<strong><em>表示强调，<em>的权重仅次于<strong>,如果只想表示加粗斜体，建议使用<b><i>,表示强调则使用<strong><i> 7、重要内容 HTML 代码放在最前面（使用 css 改变布局） 8、重要内容不要用 JS 输出（搜索引擎看不懂 JS） 9、尽量少使用 iframe 框架（搜索引擎不喜欢） 10、谨慎使用 display:none（搜索引擎会过滤掉其内容，设置 z-index 代替） 11、精简代码查看全部
-
网站结构布局优化 避免使用table布局——1）不利于后期维护 2）不利于SEO（小蜘蛛不喜欢table布局） ——扁平化结构（目录层次越少越容易被搜索，因为层次结构超过三层小蜘蛛就不愿意爬了） 1.控制首页链接数量（中小网站100以内，页面导航、底部导航、锚文字链接等有实质性的链接） 2.扁平化的目录层次（顶多跳转三次进入内容页） 3.导航seo优化（导航尽量用文字，如果为了用户体验或整体风格而用图片，则图片代码一定要优化，必要的title、alt要添加；面包屑导航：用户体验，让用户知道当前所处位置以及当前页面在整个网站中的位置，了解网站的组织形式） 4.细节：1）见图片，右边的相关文章——1.留住访客2.对于SEO，这些文章对于正文来说属于相关链接，增强了页面相关性，也会增强页面的权重；2）分页：1.首页-上页-下页-尾页；2.首页 1 2 3 4 5 6 下一页；3.首页 1 2 3 4 5 6 下拉选择，小蜘蛛最喜欢第3种（可以直接进入每一页）；3）网页加载速度，过慢小蜘蛛不会等待，一个页面最好不要超过100k查看全部
-
1.网站结构布局优化： *控制首页连接数量：100个以内；页面导航、底部导航等； *扁平化结构：不要超过3层； *导航SEO优化：主导航、副导航；尽量用文字做导航； *面包屑导航：每个网页上提供当前位置；让用户了解网站形式； *细节问题：内容页面布局 @@@LOGO及导航 @@@面包屑导航 @@@正文 @@@热门文章/相关文章 @@@版权信息及友情连接 @@@首页1 2 3 4 5 6 7 8 9 10 V下拉选择 *页面大小不要超过100K 2.网站代码优化：查看全部
-
1.<p><br/></p>很赞的写法 <br/>写在p内部 2.外链 要加上 rel=“nofollow” 避免搜索引擎爬网爬跑掉其他网页去了 3.<a>标签加title描述 4.<img>标签加alt描述 5.标签中的内容就是内容，不要加的代码， 尽量设置padding/margin/缩进来实现效果查看全部
-
网页代码优化（语义化代码） A、title标题：强调重点 B、meta keywords关键词：列举几个关键词 C、meta description网页描述：高度概括网页的内容 以上信息不要堆积、重复 语义化代码（HTML 标签有自己的意义，在适当的位置用适当的标签） 1、h1~h6 多用于标题 2、ul 多用于无序列表 3、ol 多用于有序列表 4、dl 用于定义数据列表 5、em、strong 表示强调 div、span 是 html 标签中最没有语义的 有利搜索引擎 1、a：访问外部链接时要加上 rel="nofollow"，告诉搜索引擎外部链接无需追踪，加上 title 说明 2、h1：搜索引擎外认为 h1 最重要，使用 css 调整，网页正文标题用 h1，副标题用 h2，其他不要乱用 h 标签 3、br 用于文本间的换行，用在 p 内，也可以用 <p><br/></p> 表示空行 4、caption：表格标题 5、img：使用 title、alt 说明 6、<strong><em>表示强调，<em>的权重仅次于<strong>,如果只想表示加粗斜体，建议使用<b><i>,表示强调则使用<strong><i> 7、重要内容 HTML 代码放在最前面（使用 css 改变布局） 8、重要内容不要用 JS 输出（搜索引擎看不懂 JS） 9、尽量少使用 iframe 框架（搜索引擎不喜欢） 10、谨慎使用 display:none（搜索引擎会过滤掉其内容，设置 z-index 代替） 11、精简代码查看全部
-
搜索引擎（SEO：Search Engine Optimization） A、黑帽 SEO（欺骗） B、白帽 SEO（正规） ①、网站标题、关键字、描述 ②、网站内容优化 ③、Robot.txt 文件 ④、网站地图 ⑤、增加外链引用 优化：1、网站结构布局优化 2、网页代码优化查看全部
-
2.网页代码优化 2.1<title> 标题 强调重点即可，重要的关键词放在前面，不要重复出现，每个页面的title不要相同 2.2<meta keywords>关键词 列举几个关键词即可，不要过分堆积 2.3<meta description>网页描述 要高度概括网页的内容，不要过长，也不要过分堆积关键词，每个页面的description要不同 2.4语义化代码（html标签都有自己的意义，在适当的位置用适当的标签） 包括 1）.H1—H6标签多用于标题 2）.UL标签多用于无序列表 3）.OL标签多用于有序列表 4）.DL标签用于定义数据列表 5）.em、strong表示强调 div、span是html标签中最没有语义的（导航栏的代码比较，见课件，尽量用css表现样式，避免用html标签来表现样式） 尽量用ul li 这类的标签描述导航 2.5 细节 标签详解 ①超链接<a>标签.要写title这样，小蜘蛛能更好读懂。对于外链，要加上"rel=nofollow"属性，让小蜘蛛不要爬，一爬出去就不回来了。 ②h标签:正文标题，一定要用<h1>.副标题用 <h2>,这个小蜘蛛很喜欢 <br>标签只用于文本内容换行。 ③table标签。子元素要习惯加入<caption>表格标题</caption> ④img标签。加入alt,alt起到对图片的注释作用，让小蜘蛛读得懂。因为它对图片的读取有限。 <a>标签 <h1> 标签正文标题 推荐用 注意<br >只用于文本格式的换行 用<caption>第一表格标题 1.<img> 标签应使用alt说明 2.<strong><em>与 <b><i> strong权重最大 b、i 权重小 em群众仅次于strong 3.重要内容HTML代码放在最前面 4.重要内容不要用JS输出 5.尽量不要使用iframe框架 6.谨慎使用display:none;（小蜘蛛会过滤掉的） （ 使用Z-Index使暂时不显示的代码隐藏，或者设置为浏览器显示范围外） 7.不断精简代码查看全部
-
一、SEO基本介绍 1. 搜索引擎工作原理 2. SEO简介 ○ Search Engine Optimization 搜索引擎优化 ○ 白帽SEO ○ 灰帽SEO 3. 白帽SEO（内容上的SEO） ○ 网站标题、关键字、描述 ○ 网站内容优化 ○ obot.txt文件 ○ 网站地图 ○ 增加外链引用 二、白帽SEO（前端工程师） 1. 网站结构布局优化 a. 扁平化结构 § 控制首页链接数量（不能太大，太少，有实质内容 ） § 扁平化的目录层次（不要使用纵深型目录，最多三层） § 导航SEO优化（多导航，主导航，次导航，侧边导航等，） b. 面包屑导航（一般放在正文左上角） § 让用户了解当前所处位置 § 使用户可以了解网站组织形式 c. 不可忽略的细节（页面布局） § 首页--上页---下页--尾页 § 首页 1 2 3 4 5 6 7 8 9 10下一页 § 首页 1 2 3 4 5 6 7 8 9 10 下拉选项 d. 其他 2.网站代码优化 (1) <title>标题 (2) <meta keywords>关键词 (3) <meta description>网页描述 (4) 语义化标签 • H1-H6标签多用于标题 • UL标签多用于无序列表 • OL标签多用于有序列表 • DL标签多用于定义数据列表 • em,strong表示强调 (5) <a>标签 (6) <h1>标签（正文标题，h2代表副标题） (7) <p>标签和<br>标签 (8) <table>标签 (9) <img>标签应使用alt说明 (10) <strong><em>（更需要）与<b><i>标签 (11) 重要内容HTML代码放在最前面 (12) 重要内容不要用JS输出 (13) 尽少使用iframe框架 (14) 谨慎使用display:none; (15) 不断精简代码查看全部
-
网站结构布局优化 1.扁平化结构 (1)控制首页链接数量（中小型企业网站，一般在100个一下） （2）扁平化的目录层次（顶多跳转三次进入内容页） 2.导航SEO优化 （1）导航尽量采用文字，如果为了用户体验或整体风格而用图片，则图片代码一定要优化，必要的title、alt要添加； （2）面包屑导航，用户体验，让用户知道当前所处位置以及当前页面在整个网站中的位置，了解网站的组织形式； 3.不可忽略的细节 （1）见图片，右边的相关文章——1.留住访客2.对于SEO，这些文章对于正文来说属于相关链接，增强了页面相关性，也会增强页面的权重； （2）分页：1.首页-上页-下页-尾页；2.首页 1 2 3 4 5 6 下一页；3.首页 1 2 3 4 5 6 下拉选择，小蜘蛛最喜欢第3种（可以直接进入每一页）； （3）网页加载速度，过慢小蜘蛛不会等待，一个页面最好不要超过100k查看全部
-
网页代码优化 1<title> 标题 强调重点即可，重要的关键词放在前面，不要重复出现，每个页面的title不要相同 2<meta keywords>关键词 列举几个关键词即可，不要过分堆积 3<meta description>网页描述 要高度概括网页的内容，不要过长，也不要过分堆积关键词，每个页面的description要不同 4语义化代码（html标签都有自己的意义，在适当的位置用适当的标签） 包括 1）.H1—H6标签多用于标题 2）.UL标签多用于无序列表 3）.OL标签多用于有序列表 4）.DL标签用于定义数据列表 5）.em、strong表示强调 div、span是html标签中最没有语义的（导航栏的代码比较，见课件，尽量用css表现样式，避免用html标签来表现样式） 尽量用ul li 这类的标签描述导航 5.细节 <a>标签，设置title，以及如果不希望爬虫跑出去的话，设置rel为nofollow。 <h1> 推荐使用。h1优先级最高，如果嫌大可以css样式控制大小。 注意<br >只用于文本格式的换行 用<caption>第一表格标题 <img> 标签应使用alt说明 <strong><em>与 <b><i>：strong和em显示效果分别与<b>和<i>相同，但是前两者都有强调作用，权重大，后两者权重小。所以不希望强调的地方就使用后两者而非前两者。 重要内容HTML代码放在最前面，可以使用css等具体控制在页面渲染中的位置。 重要内容不要用JS输出 尽量不要使用iframe框架 谨慎使用display:none;（小蜘蛛会过 滤.掉的） （ 使用Z-Index使暂时不显示的代码隐 藏，或者设置为浏览器显示范围外） 不断精简代码查看全部
-
网站结构布局优化（扁平化结构） 1、控制首页链接数量（首页权重高、链接数量100以内、必要的 titlt、alt） 2、扁平化的目录层次（适宜三层链接导航找到内容、横向设计） 3、导航 SEO 优化（主导航、副导航、分类导航，面包屑导航【网站架构、用户位置】，尽量用文字） 重要细节 1、布局（上、中【左{面包屑}、右】、下） 2、页码（建议 1 2 3 4 下拉选项）查看全部
-
<p><br/></p>很赞的写法查看全部
举报
0/150
提交
取消