seo简介

SEO : Search Engine Optimization 搜索引擎优化。

SEO 现在主要分为两种: 白帽seo 、黑帽seo

白帽seo可以做哪些?

    网站的标题、关键字、描述进行设计;
    网站内容的优化、增加关键字的密度;
    在网站上合理设置Robot.txt文件;
    增加外链引用;
    当然,对于一个前端工程师,还可以通过网站结构布局优化、网页代码优化进行seo优化。

网站结构布局优化
提倡扁平化结构,一般来说,建立的网站结构目录越少,越容易被勤劳的“小蜘蛛”抓取。
1.要控制首页的链接数量。
网站的首页是权重最高的地方,一定要好好的利用。
2.扁平化的目录层次。
尽量要让“小蜘蛛”跳转三次就可以到达网站内任何一个内页。
比如网站的设计,可以定为主页-栏目-内容页。这样三级扁平铺开的结构。尽量避免纵深结构。


seo简介_第1张图片
Paste_Image.png

3.导航seo优化。
主导航、副导航、面包屑导航

网页代码优化
标题<br> <meta keywords>关键词<br> <meta description>网页描述<br> 除了做以上的这些,我们可以更好的标签进行语义化代码</p> <br> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 265px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/86a4e6e3a66f4b9682d21f9b5bded4a2.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/86a4e6e3a66f4b9682d21f9b5bded4a2.jpg" width="650" height="233" alt="seo简介_第2张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> Paste_Image.png </div> </div> </blockquote> <p>例如:</p> <pre><code><title>慕课网(IMOOC)-程序员的梦工厂

你可能感兴趣的:(seo简介)