web前端使用工具的总结

                     首先来说下几个名词，xhtml，html，seo。

      一、HTML与XHTML的对比

      其实做前端的我们应该都很了解html，但是针对xhtml的解释我感觉我并不清晰，也不知道如何去解释一下，所以针对这两个我想对比一下：

                     1.HTML 是用来描述网页的一种语言。

        HTML 指的是超文本标记语言 (Hyper Text Markup Language)

        HTML 不是一种编程语言，而是一种标记语言 (markup language)

        标记语言是一套标记标签 (markup tag)

        HTML 使用标记标签来描述网页

       2.XHTML 是什么？

        XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）。XHTML 的目标是取代 HTML。

        XHTML 与 HTML 4.01 几乎是相同的。

        XHTML 是更严格更纯净的 HTML 版本。

        XHTML 是作为一种 XML 应用被重新定义的 HTML。

        XHTML 是一个 W3C 标准。

      二、SEO

        SEO是由英文Search Engine Optimization缩写而来， 中文意译为“搜索引擎优化”。SEO是指通过对网站内部调整优化及站外优化，使网站满足搜索引擎收录排名需求，在搜索引擎中提高关键词排名，从而把精准用户带到网站，获得免费流量，产生直接销售或品牌推广。   

        内部优化

       （1）META标签优化：例如：TITLE，KEYWORDS，DESCRIPTION等的优化
　　     （2）内部链接的优化，包括相关性链接（tag标签），锚文本链接，各导航链接，及图片链接
　　     （3）网站内容更新：每天保持站内的更新(主要是文章的更新等)

　　     外部优化

　　     （1）外部链接类别：博客、论坛、B2B、新闻、分类信息、贴吧、问答、百科、社区、空间、微信、微博等相关信息网等尽量保持链接的多样性。
　　　    （2）外链组建：每天添加一定数量的外部链接，使关键词排名稳定提升。
　　　　   （3）友链互换：与一些和你网站相关性比较高,整体质量比较好的网站交换友情链接,巩固稳定关键词排名。

　　     链接优化

　　     网站结构优化

　　     1、建立网站地图只要有可能，最好给网站建一个完整的网站地图sitemap。同时把网站地图的链接放在首页上，使搜索引擎能很方便的发现和抓取所有网页信息。

  

　　     2、每个网页最多距离首页四次点击就能到达。

　　     3、网站的导航系统最好使用文字链接。

　　     4、网站导航中的链接文字应该准确描述栏目的内容。

　　     5、整站的PR传递和流动。

　　     6、网页的互相链接。

　　     搜索引擎如何抓取网页

　　     1.搜索引擎如何爬取。（按什么规则，怎样爬取）

　　     2.物理及链接结构

　　     3.url静态化

　　     4.绝对路径和相对路径

　　     5.内链的权重分配及网站地图

　　     6.避免蜘蛛陷阱

　　     链接结构

　　     网络结构的第二个结构形式：链接结构也称为逻辑结构，也就是有网站内部链接形成的链接的网络图。比较合理的链接结构通常是树形结构。

　　     关键词选择

　　     1.使用百度推广助手中关键词工具进行选择适合推广的词；

　　     2.做调查来选取关键词；

　　     3.通过查看统计日志来选取关键词；

　　     4.长尾关键词 ；

　　     5.将关键词进行多重排列组合；

　　     6.尽量不要使用行业通用词；

　　     7.擅于利用地理位置；

　　     8.确定关键词的价值；

　　     9.长尾词的选择；

　　     10.关键词的时效性；

　　     11.分析竞争对手；

　　     12.有些词是从百度的相关搜索中过来的，而非用户搜索的关键词。

      三、10款Web前端开发人员更轻松的实用工具