「seo moz」 seo搜索引擎优化具体是什么

　　seo moz： seo搜索引擎优化具体是什么-百度知道

　　简单来讲：SEO工作主要分为站内和站外：站内：主要针对对 合理优化网站的结构，网站title，文字的锚链接anchors，构建sitemap，网站的meta标签优化等等。站外：主要针对Link building. 建立有效的连接。所以根据上面的。选择你要学的内容。个人建议：学习建站语言。。HTML。javascript之类的。 我建议你经常看一些国外的网站。比较好。像Moz.。一定要多看多总结。 书的话。有本叫《seo实战密码的。貌似不错》。不过很老了。还是多看看国外的。 这条路比较漫长。慢慢加油吧。不懂你在追问吧。希望能帮到你。... 收起回答

　　其他答案:SEO(Search Engine Optimization)，汉译为搜索引擎优化。搜索引擎优化是一种利用搜索引擎的搜索规则来提高目的网站在有关搜索引擎内的排名的方式。SEO目的理解是：为网站提供生态式的自我营销解决方案，让网站在行业内占据领先地位，从而获得品牌收益。SEO可分为站外SEO和站内SEO两种。

　　从事这方面工作的就是search engine optimizer，搜索引擎优化师。他们利用工具或者其他的各种手法使自己的合搜索引擎的搜索规则从而获得较好的排名（也就是常说的网站优化）。无止境地追求较前排名是SEO们一世的目标。

　　在网络营销中，搜索引擎优化排名是一种非常重要的手段，SEO主要就是通过对网站的结构，标签，排版等各方面的优化，使Google等搜索引擎更容易搜索网站的内容，并且让网站的各个网页在GOOGLE等搜索引擎中获得较高的评分，从而获得较好的排名。

　　国外这方面发展得比较早，早在97年左右就有人从事相关方面的工作。如果按上述的几个阶段来说，应该是处于高速发展的阶段了。他们有专业的人员、专业的公司（而且是规模很大）从事搜索引擎研究、优化等工作。无论从哪方面来说都处于绝大的优势。

　　在国外，搜索引擎优化已经成为一个行业，在中国的SEO行业从2003年才正是起步。

　　其他答案:简单来说就是搜索引擎优化技术，迎合搜索引擎算法规律来做优化。

　　seo moz： SEO站长常用的工具有什么？

　　1、平台类：百度站长工具、站长之家、爱站网、Google 管理员工具等2、统计类：百度统计、cnzz、51la、ptmind等3、查询类：5118、站长之家、爱站网、百度推广等4、国外：seoquake、Google 分析、moz等

　　其他答案:很多啊，各种！SEO本身就是一个涉及面比较广的工作，什么都要了解。

　　其他答案:网站数据查询类的，推荐SEO查

　　seo moz： 做SEO常用的工具有哪些-百度知道

　　展开全部 chinaz 爱站 百度站长平台 关键词挖掘工具：5118 关键词规划师（百度竞价后台）数据分析工具：百度统计小云seo博客为你解答 望采纳...

　　seo moz： 成都开眼角最好的医院是？

　　个人觉得成都汉密尔顿还不错，你可以了解下。 MOZ seolgd

　　seo moz：SEO 如何入门？

　　快5年的回答了， 回来冒个泡，更新一点：

　　5年前，初入职场，一家处于上升期的互联网公司，有幸第一份工作就是SEO，一做就是2年多。

　　说说SEO这个职业的特点，互联网时代，5年变化太快，可能有失偏颇，个人感受权当参考。

　　1. 门槛较低

　　会发帖也能说自己是SEO，很多出入门的会陷如一些简单重复的工作，要自己多学多看。

　　2. 好的SEO需要个人有比较强的综合能力

　　涉及到基础代码优化，你需要懂点代码逻辑，有技术基础的如鱼得水；

　　需要有比较强的数据分析能力和敏感度，才能洞察网站问题和提出修改方向；

　　需要比较强的沟通亲和力，SEO所涉及的修改会大部分接触到产品和开发，你要知道你的这些修改在他们看来大部分都是可有可无的，也常会收到一些质疑的声音。

　　T型技能结构的人会比较吃得开，培养自己横向技能，有意想不到的化学反应。技多不压身，学习一些相关技能，例如Python，或者成为一个PPT/Excel高手，或者是一个写文字的高手。

　　3. 有点枯燥，要耐得住寂寞

　　SEO的大部分优化工作，基于的理论都不是板上钉钉的铁律，模糊，基本靠猜，加上搜索引擎对于网站的评级和索引也是周期性的，所以一个完整的SEO优化周期都得小半年甚至1年以上，性子急，今天做了明天就得出效果的朋友，很难适应。

　　所以如果想在SEO技术上有进步，自己做一个网站或者其他可以验证流量获取手法的产品是非常有必要的，少玩点游戏，多充实自己的下班时间。

　　4.思维要开阔

　　·对公司：

　　有志向的人，要时刻告诫自己，我将来是要创业的！我是要做老板的！我是要赚大钱的！

　　多去接触公司或者团队的核心问题，参与和思考，让自己的格局提到团队的层面。

　　要时刻有个意识：公司和产品核心的问题出在哪里？

　　·对行业内：

　　很多SEO的小技巧或者灰帽、黑帽（通过钻搜索算法的空子快速提升排名的一些优化手法），要多沟通行业内高手，自己摸索缺乏技术支持，错失很多窗口期

　　5. 有机会还是要转行或者多接触其他类流量的工作

　　你可以说什么东西做到行业专家，就能享受头部红利，没错。但单纯SEO这份工作从属性上讲，天花板挺低。

　　就跟玩游戏一样，你玩一个上限高的版本强势英雄，很容易show出来，带飞节奏，但如果是一个从机制上就上限低的英雄，不是不能carry，但容错率更低，更难。

　　狭隘的讲，SEO是针对WEB端的网站优化，因为WEB时代，产品或者流量的承载是网站，但是随着移动端的壮大，APP的排名优化：ASO，微信公众号排名优化，小程序的排名优化，其他音视频内容平台的排名优化。。。其实都是一套原始逻辑，找机会一定得多接触；

　　竞价是不是也要学习下？如果有机会一定得尝试下，甚至你会爱上SEM的感觉，SEO有点太慢了。

　　5.书籍

　　如果是入门的话，基础的几本书还是要看的，例如《SEO实战密码》

　　进阶点的，最近有个的概念：增长黑客（有一本书的名字就叫《增长黑客》）推荐看看，非常适合当下流量多元化时代，做流量职业的人研读。

　　在我的公众号“王早起”，回复：seo

　　可获取收集多年的SEO学习资料，一共55G网盘资源。

　　里面东西挺杂，有很多都是以前自己购买的一些课程，包含大部分SEO入门书籍（包括上面说的这本书），SEO工具包，还有国内主流的SEO大咖的视频教学。

　　！如果资源内容有涉及侵权的，请及时告知删除

　　资源本该秉承共享的原则，但我也想观察一下引流和小额付费的一些运营逻辑。

　　请注意：如果你懂的话，如上，我是在演示一套如何用资源引流和简单变现的方法，对你或者你推广的产品，虽然低级但确实非常实用的推广方式

　　2013.8.21的回答：

　　这里给些建议：

　　不必要条件：

　　简单程序知识，html/css/js等代码要识的，对建站有一定的了解，也就是说一个计算机理科生会非常占有优势，其次一些快捷工具需要熟悉，比如excel，太深不要了解，但起码要达到熟练运用数据透视图来分析数据。

　　以上都是不必要条件，不过如果都有会加分。

　　seo如何入门？

　　遇到这样的问题，首先我要给大家说说，不要去看一些很泛的书籍，参加一些坑人的培训！

　　入门通读一遍《seo实战密码》足够了，你需要的只是了解seo的基本操作点，好比上战场，你得先知道自己有哪些武器。其他一些比如搜索引擎原理类的书也推荐阅读。

　　好，深入之前，我问你：你所服务的网站出发点是什么？

　　1. 如果你是为了产出真实有用的内容给用户，比如论坛、资讯站点：

　　那么，请你以一个用户的心理来查看你的网站，是不是方便易用，内容可读性强，

　　对于这类内容型网站，内容和体验是最大的关键，至于如何做内容和体验，这是你需要去加强的地方；

　　做好基本优化和内容的呈现，外加顺滑的链接结构，流量蹭蹭上来只是时间问题。

　　2. 如果你的网站是为了做小型电商和淘宝客类网站：

　　那么，首先要解决的是原创内容，有用户的ugc内容最好，没有就得动动脑筋增加（造）页面，提高网站整体的页面级数。

　　另外就是小网站的通病，不在意性能，动不动就打不开的节奏，用户行为数据不好，会影响搜索引擎对网站的评级。

　　3. 如果你的网站是品类繁多的，例如大型电商，旅游网站等，门户网站等：

　　这样的网站体验一般不会差，首先页面级数已经很大了，收录将是一个挑战问题。

　　其次，如何独辟蹊径发觉一些新的流量增长点，有运气成分，也有你孜孜不倦阅读、沟通的功能。

　　做好常规优化，这样的大公司肯定有牛人了，跟着他们学从最基础的做起；

　　4. 如果你做的是赚流量广告费的垃圾站：

　　那么多去学学伪原创、采集还有建站知识。

　　5. 刷量刷点击

　　如今seo已经有大量的作弊空间而且做搜索引擎的公司已经不像多年前那么那么关注搜索体验了，多接触这些seo江湖上的奇淫巧技，会有意外收获。

　　但，切不可长期依赖，没有长久的用户的点击支持，你不该有的排名迟早还是会被拿走。（仅对于白帽seo企业来讲，如果对于捞一票就闪的特殊行业不在讨论范围内，那会很黄很暴力）

　　如今seo的操作点太广泛了，早就不是发发帖子改改标签就能牛逼到不行的时代，不要只纠结于自己网站这一亩三分地，

　　初入这行的同学都会有很多疑问，seo到底有多大的发展空间，将来有什么发展前途档次晋升？

　　其实我觉得就是自己做事情的极致有多高，你的上限就有多高。比如在小小友链做到极致的牟长青和夜息，这样的细节极致点很多。让这些工作去锻炼你吧。

　　大家常说的学seo之后能干什么？经常有一些国内的所谓seo人物，给出一些答案，一般是这么几个例子，例如：

　　1. 正常的在公司供职的，seo往上会精通策划、设计、产品，seo-产品经理-网站运营，是一般的发展轨迹，当然你也会接触竞价、会员、内容、曝光等，如果成长够快，渐渐晋升为营销部门经理或副总。

　　2、学会了SEO自己小规模创业，前期也可以兼职做，比如工业类产品，本地服务业，带个小团队，偶尔做下竞价，入驻一些平台，因为懂网络，生意可以做的很好。——我身边有些朋友，做小站：比如大厦旋转门、小区周边水电气维修，确实听闻过的很滋润；

　　3、SEO是一个起步和开始，通过它来接触人，接触事，找寻更合适的机会，适时转型。——比如换个平台，天猫淘宝现在非常吃香，自己有了好点子，精通淘宝优化的一定有很大的发展。

　　4、开一家SEO服务类的网络公司。——说时候现在这个还真比较难做，乙方seo空间越来越小，除非业内的那些大公司。

　　seo moz：针对谷歌SEO，你有哪些值得推荐的工具，插件，网站，app，或者技巧，或者一句指导性选择。?

　　这个问题还挺适合我的，从2011年开始接触谷歌到现在，自己也开发过一些辅助工具，这次主要说说当前做谷歌SEO需要用到那些工具吧。

　　站内的深度优化

　　Screaming Frog SEO Spider - 能够从万千个页面中找出网站内部的一些问题，比如元标签重复、死链接等等，比较适合大型网站的站内SEO。

　　链接分析

　　Majestic SEO， Ahrefs - 这两款都是用来分析反向链接的工具，国内做谷歌SEO用的比较多的是ahrefs， 老外喜欢用Majestic SEO。

　　关键词排名趋势，网站分析

　　SEMrush，这是一款非常不错的综合性数据分析工具，几乎海外SEO都人手必备的。可以查看所有关键词的排名趋势，SEO建议，关键词竞争难度等等。

　　浏览器插件

　　Moz， SEOquake - Moz开发的工具超级好用，特别是现在谷歌PR取消了，判断一个链接的权威度就要看DA和PA了。当然，还有Alexa排名。 SEOquake能够提供多方面的数据（除了DA，PA），有alexa排名，谷歌收录以及yandex收录等等，以及在谷歌SERP页面还有排序，值得推荐的插件。

　　当年为了谷歌查询外链的收录情况，我们还开发了JC software，不过现在已经停止更新了，因为用不上了哈！

　　如果你的SEO能力已经是从单纯的技术性数据跳转到营销层面，下面几个工具也很适合你

　　邮件营销

　　Mailchimp， 也是现在用的最多的一种。用来做做邮件营销很不错，能够锁住用户，让每次新资讯发布时都能吸引流量进来。

　　内容营销

　　Buzzsumo, 我用的最多的一个，用来查询文章热度，搜集文章资料用的。做内容营销必备的工具。

　　红人关系管理

　　Buzzstream目前是最好用的一款，当然Moz也开发了一个followerwonk，但是个人觉得Buzzstream更好用。

　　其实一个工具好不好用，要看你实际的情况和需求。假如你在公司只是负责发外链的，ahrefs这个就很适合你，但是你说Screaming Frog SEO Spider 这些就远远和你搭不上边。 结合自己的情况找到合适的产品比较重要。

　　seo moz：如何自学 SEO？

　　聊下 Google SEO和 Wordpress, 自己业余在运营几个Blog，通过Affiliate marketing变现，现在每个月收入可以稳定在5000刀上下。网站流量通过白帽SEO，写内容和作外链。

　　英文SEO，内容为王，外链为皇。虽然起步漫长，但是能积累，形成复利效应，我认为还是很值得认真去做。

　　其实早在15年就开始接触SEO和WordPress，那时英语不行，到处找国内的资源学习，折腾了小1年的时间，走的基本都是弯路...往事不要再提....

　　因为很多中文资源料是过时的，或者干脆就是骗钱的，浪费了太多时间，后来下定决心突破英语关。做谷歌SEO，如果英语不过关，那就太搞笑了。而且英语的门槛并没有想象中的那么高，1个月的时间，借助有道，自己就能读懂大部分英文Blog内容，当时很兴奋，因为能够了解最新的SEO技术和信息，回头再看国内的资料，可以说差距不止一个时代...

　　在看了很多国外大牛的Blog之后，对于英文SEO的了解越来越深入，自己的Blog也开始有收入，但是成长很慢，也走了一些弯路，最高时也就每个月几百刀。

　　那时比较颓，也找不到突破点。正好遇到一直关注的大牛在推他的付费课程，每年只开放一次，但是费用对于当时的我来说很高，1100多刀，咬咬牙买了。

　　学完之后，感觉整个人通畅了。最重要是对于英文SEO的流量认知形成体系，按照课程里的内容和外链方法操作下来，网站很快突破了月入1000刀，当时很high，至少学费赚回来了。

　　后来也陆续买了不少课程，自己深刻体会到，免费的才是最贵的。

　　知识认知体系这东西，除了你天赋过人，在公开的免费资料里自己想要琢磨出来，真的是需要耗费太多的精力和时间。

　　时间精力也是钱，而且比钱还贵。自己也养成了在学习新东西的时候，能付费就付费的习惯，收获确实很多。

　　聊了这么多，放点干货，这些是都是我平时关注的英文SEO博客, 希望对你有所帮助，

　　1. How Search Works

　　2. 搜索引擎优化 (SEO) 新手指南 (谷歌官方资源，中文版，建议认真读)

　　3. SEO Learning Center (MOZ出品，必属精品)

　　SEO Learning Center

　　1. The Lazy Writer’s Guide to 30-Minute Keyword Research

　　The Lazy Writer’s Guide to 30-Minute Keyword Research

　　2. Advanced Keyword Research Tutorial (5-Step Blueprint)

　　1. 7 Hacks for Increased Rankings + Traffic – Whiteboard Friday

　　2. On Page SEO – 9 Actionable Techniques That Work

　　3. Website Architecture and Internal Links

　　Website Architecture and Internal Links

　　1. 7 Actionable Ways to Loot Your Competitors’ Backlinks

　　7 Actionable Ways to Loot Your Competitors’ Backlinks

　　2. Sustainable Link Building: Increasing Your Chances of Getting Links

　　Sustainable Link Building: Increasing Your Chances of Getting Links - Whiteboard Friday

　　3. 17 Advanced Methods for Promoting Your New Piece of Content

　　17 Advanced Methods for Promoting Your New Piece of Content

　　1. Zero to One Million: an SEO Campaign Blueprint

　　Zero to One Million: an SEO Campaign Blueprint

　　2. How We Scaled a Startup from 0 Organic Traffic to 100,000 Visitors/Month

　　How We Scaled a Startup from 0 Organic Traffic to 100,000 Visitors/Mo (In About a Year)

　　欢迎关注我的知乎专栏和公众号：SEO增长研究院，定时更新最新英文SEO知识和信息，绝对诚意满满，不信你来看一看？

　　seo moz：怎样在网页中做出精彩的文字排版？

　　字体排版绝不仅仅是使用字体那么简单，它包括了关于文字”看上去会是怎么样？”的所有事情——例如文字的大小，行高，颜色甚至文字间留白这样的细枝末节的小事。一个好的文字排版会为你所写的内容定下情感基调，并且可以帮助读者更好的理解其内容和语境。

　　为了让你使用起来更像是在看一本参考书而不是说明书，本文将会非常精简清晰，如果你想进一步的了解更多细节，可以点击查看在每一章中的”扩展阅读”去深入了解。

　　这本手册将会在GitHub上开源，并且会持续更新一些最佳实践的范例，希望你们喜欢！

　　字体排版设计视觉层次

　　视觉层次是一种理念，它意在传达页面中的元素应该依照其重要性进行组织排版，以便读者可以很容易的通览整个页面，找到相关的内容。一个好的视觉层次可以引导读者在阅读时候的视觉流向。视觉层次被广泛运用于文字排版中，它构成了文字排版设计的理论基石。

　　请看下图的”爱丽丝梦游仙境”的字体排版设计，它展现了一个清晰的视觉层次：

　　点击这里 查看网页上的实际效果

　　视觉层次可以被分成以下4个部分：

　　字体大小 & 字体重量： 设置字体大小和字体重量是两种构建视觉层次的最简单的方式。他们可以很容易地告诉读者什么地方是最重要的，引导读者的目光落到这里的内容上来。只是简单地为文字加上这两种样式，文章的重点便一目了然了。

　　定位： 元素定位是另外的一种构建视觉层次的方式，就像上图中，文章的标题和作者信息通过置顶和居中表明了它们的重要性。

　　字体： 通过使用有对比度的字体可以提高不同元素之间的辨识度，从而构建视觉层次

　　颜色： 为重要的文字设置不同的颜色也是一种非常简单的构建视觉层次的方式。然而使用这种方式的时候一定要小心，因为颜色的滥用可能会造成重点部分辨识度的降低。

　　扩展阅读：

　　Visual Hierarchy： How Well Does Your Design Communicate?

　　Creating Exciting And Unusual Visual Hierarchies

　　字体排版中的格式塔原则

　　格式塔原则， 或格式塔法则， 是一种构建感性认知的规律。当我们观察这个世界的时候，我们通常会意识到，一个复杂的场景是由多个在某些背景之上的物体构成的，而这些物体则是由更小的一些物体构成的，依此循环下去。

　　在字体排版中我们需要理解的两个很重要的格式塔原则就是”距离原则”和”相似原则”。.

　　距离原则

　　为了更好地掌握元素定位的方法，了解距离原则是很重要的。距离原则表明，人们会将靠得近的物体视为有关联的物体，反之，隔得比较远的物体将会被看成属于不同类别。

　　点击此处查看原图

　　在字体排版设计中，”距离”指的是通过设置行高、内间距和外间距所制造出来的留白空间。在两段不同的段落之间应该留有明显的并且易于区分的留白间隔，请看下面的例子：

　　注意啦，你觉得应该把内容相关的部分都挤到一个很小的空间中去吗？当然不是这样，自由随意的留白也是很重要的。距离原则告诉我们，只需要为那些没有关系的段落之间额外的加上一些易于区分的留白就可以了

　　相似原则

　　格式塔的相似原则告诉大家，看起来很像的东西会被认为是一类的东西。举个例子，如果所有可点击的文字被设置为天蓝色，那么读者就会认为文章中所有天蓝色的文字内容都是可以点击的。

　　在字体排版中，相似原则就意味着，拥有同样功能的元素应该在样式上保持一致。如果两组元素的功能相似的话，那么它们也应该看起来很像才对。例如，两篇同为博客帖子的文章应该看起来很像。而相反的，两个功能不相同的元素也应该看起来不像。

　　扩展阅读：

　　Gestalt Theory in Typography & Design Principles

　　Proximity， Uniform Connectedness & Good Continuation

　　字体选择字体

　　选择字体是一个具有创造性和情感的过程。不同的字体可以传达不同的情感，你可以尽情挑选一个合适的字体让你的文字感情变得丰沛起来。

　　首先为你的文字的正文挑选一个合适的字体，当你需要搭配不同字体的时候，记得要保持正文字体的不变，然后试着依据这个字体选择和它相搭配的其他字体。

　　使用一些例如TypeTester 和 TypeCast 这一类的工具会让你进行字体选择的时候轻松一些。

　　从他人处获得灵感! Fonts In Use提供了大量的优秀的字体搭配范例。

　　有些字体本来就是为用作大标题而设计的，而有些字体天生就只适合那些小屏幕，你要依照每个字体的”天性”去使用它们。你可以在WebType 上面找到对于不同字体而言合适的尺寸。此外 TypeKit也标明了其上的字体是适合标题或者是正文。

　　为了达到最大程度上的兼容，我们建议使用上面列出的格式。或者，只使用 woff2 和 woff也会支持大部分的现代浏览器。

　　你需要为每个列出来的格式提供一个相应的字体文件。推荐使用 Transfonter 或者FontSquirrel's Web Font Generator，这样你就可以在只有一个字体文件的情况下，将其转换成不同的文件格式。

　　尽可能的压缩你的字体文件。 点击这里 查看更多信息。

　　将多个同源字体文件（细体、常规、半粗体、粗体等等）合并成一个font-family， 尽量不要为每个字体都起一个新的font-family的名字。

　　或者，你也可以通过线上字体资源服务，如Google Fonts 或者 Typekit引入你想要的字体。

　　扩展阅读：

　　Further Hardening Of The Bulletproof Syntax

　　FontSquirrel： How To Use The Generator

　　加载字体

　　在你引入的字体被渲染出来之前，他们需要先进行加载。下面是三种在加载的时候可能会发生的事情：

　　引入的字体没有被识别出来，字体应用了备用字体。

　　引入的字体虽然被识别出来但是没有加载，他需要在下载完成之后才会被应用。

　　引入的字体被成功识别并迅速应用。

　　场景1只发生在你尝试使用一个不存在的字体，或者声明时候的src指向了一个坏链， 这种情况可以并且应该彻底避免。接着我们跳到场景3，这种情况通常在字体被正确的缓存的时候发生，也是我们喜闻乐见的。场景2中包含着字体加载的过程，字体加载通常是难以避免的（至少是在第一次请求的时候），下面是几种处理方式：

　　1. 文档样式闪烁方案 （FOUT）

　　FOUT是指网页会在切换到合适的网页字体之前，使用默认或者备选字体显示文字。这种情况的出现是因为只有当HTML和CSS都被下载完成之后，字体请求才会发出。这就意味着，在HTML被显示出来而字体文件没有被完全下载下来中间存在着一段”空档”时间。 FOUT 算是对大部分的网页而言的最佳选择，主要是其他的选择也许更糟。如果使用得到的话，FOUT 很难被用户察觉出来。

　　2. 不可见文本闪烁方案（FOIT）

　　很多年前，一些现代浏览器开始使用一种新的技术来处理字体加载的问题 — FOIT. FOIT是指当浏览器检测到字体正在加载的时候，隐藏应用这段字体的文字，直到字体完全下载完才将其显示出来。 然而我们应该避免这种做法虽然这样做从理论上看起来还不错，但是这会带给那些网络速度比较差的用户十分糟糕的体验。有可能会在最初的FOIT后出现FOUT， 最坏的情况可能会是这段文字将永远看不到了。

　　3. 白屏方案

　　即在字体加载完成之前，整个网页都处于不可见的状态，或者也可以采用显示一个进度条.我们只推荐当FOUT 严重影响用户体验的时候使用这种方法。 我们通常在一个网页需要大面积显示一个特定的字体的时候使用该方法，否则，FOUT 总会我们的第一选择，因为”内容至上”。白屏方案与 FOIT很相似， 但对于你来说，你拥有控制在什么时候给用户展示你的内容的自由，这种感觉会似乎更棒一些，不是吗？而且在FOIT方案中， 不可见的文本有时候会给读者带来困惑，而彻底的白屏（或者一个进度条）会让人很自然的觉得是一个正在加载的信号。

　　不管你是打算使用 FOUT 方案或者白屏方案， 我们都推荐您使用Web Font Loader这个JavaScript库. Web Font Loader 可以让你对 @font-face加以控制， 而且你也为字体加载的体验添加控制事件。

　　注意： 有一个W3C 字体加载 API也会实现同样的功能，但是它现在的 支持不是很好_

　　异步地使用 Web Font Loader 很重要，只有这样做才不会延误页面其他部位的渲染。

　　写样式的时候，让你的备用字体尽可能近的靠近你的实际字体，这样才能最大程度的减少 FOUT造成的影响.点击 这里你将会看到一系列的备选字体. 使用 这个工具你将很容易的看到备选字体和你引入的字体的对比效果.

　　白屏方案

　　在这个例子里面，备选字体不需要和你引入的字体看起来很像，因为我们不会用到 FOUT. 依照你自己的喜好去选择备选字体吧。

　　如果你想要用一个进度条取代白屏，你可以使用Pace。这种方法在用户体验上效果会更好一些，特别是当字体文件很大的时候。

　　扩展阅读：

　　Type Study： Choosing Fallback Fonts

　　FOUT， FOIT， FOFT

　　Web Font Optimization

　　OpenType 的特性

　　OpenType 的特性可以被视为文字进行字体排版时的可选项，它们被用来加强文字的表现和易读性。

　　p { font-kerning： normal; font-variant-ligatures： common-ligatures contextual; -moz-font-feature-settings： "kern"， "liga"， "clig"， "calt"; -ms-font-feature-settings： "kern"， "liga"， "clig"， "alt"; -webkit-font-feature-settings： "kern"， "liga"， "clig"， "calt"; font-feature-settings： "kern"， "liga"， "clig"， "calt"; }

　　OpenType 特性被放置于字体之中，这就意味着对于不同的字体，会有不同的特性，在使用这些特性之前，我们需要看一看我们的字体是否支持这些特性。

　　使用 font-feature-settings来激活 OpenType 特性. 由于目前对于这个属性的支持不好，我们需要在属性之前加上前缀。

　　Kerning kern， ligatures liga， contextual ligatures clig， 和 contextual alternatives calt这四种适用于所有字体中 ######( 译者注：font-feature-settings这种属性仅支持拉丁文语系的字体使用，并不支持中文哦！ )

　　Web Style Guide相对大小

　　尽可能的使用相对大小。

　　html { font-size： 100% } p { font-size： 1em } @media (min-width： 64em) { html { font-size： 112.5%; } }

　　font-size： 100% 与浏览器的字体大小设定保持一致而不是去覆写它，根据大多数的浏览器的默认设置，这里也可以用1em 代替表示 16px.

　　通过改变html 的 font-size会影响到所有单位为 em和rem 的元素.如果是对于响应式设计的网页，这样做还是比较实用的。

　　用户的选择也很重要，所有不要偏离 font-size： 100%和1em太远.

　　对于font-size建议使用rem 和 em.

　　对于一些元素定位如margin， padding等等，建议使用 rem， em， 或者 % 。

　　对于媒体查询中尺寸建议使用em.

　　对于一些大的标题字或者配有图片的字，可以使用FitText来实现标题的缩放。尽量避免使用vw 和 vh因为现在的支持还不是很好，难于精确的配置，并且对于一些浏览器的字体和缩放设置并不适配 。

　　扩展阅读：

　　Type Study： Sizing The Legible Letter

　　5 Useful CSS Tricks for Responsive Design

　　REM vs EM – The Great Debate

　　PX， EM or REM Media Queries?

　　容器

　　容器，或者称为包装，指的是用来包裹一个或者多个元素的HTML元素。它将元素分组，从而更好进行语义化、修饰以及布局。

　　html { box-sizing： border-box; } *， *：before， *：after { box-sizing： inherit; } .container { max-width： 67rem; padding-left： 1.5rem; padding-right： 1.5rem; }

　　强烈建议使用 box-sizing： border-box. 点击这里 查看更多信息。

　　左/右内间距与最大宽度联合使用可以很容易地创建一个移动端友好的容器。

　　要为容器选择一个合适的宽度，既不能太大（因为太大的话读者的眼睛难以聚焦）也不能太小（这样读者的眼睛需要经常移动才可以看清）。永远记住，在进行网页字体排版的时候，没有一个适合所有字体、尺寸、行距和分辨率的铁律，你需要自己来做决定。

　　扩展阅读：

　　* { Box-sizing： Border-box } FTW

　　StackOverflow： Ideal Column Width For Paragraphs Online

　　字体大小

　　使用 缩放模块 可以帮助你决定在你的元素上面应用怎样的font-size .缩放模块指的是依照其内容安排的一系列比较合适的字体大小的数值。

　　缩放模块的说明. 点击此处

　　我们可以在编写CSS的一开始使用缩放模块，将它作为一个参考。

　　值的注意的是，尽管不同的字体有着不同的大写字母高度和x字母高度，可是大多数的模块化缩放工具都没有将这些考虑在内。

　　在你的样式表中，建议将你所使用到的缩放模块工具的配置信息写在注释之中。

　　响应式的缩放模块

　　只使用单独的一个缩放模块方案并不一定适合所有分辨率的设备，为了解决这个问题，你可以依据用户的设备的分辨率的不同提供不同的缩放方案

　　垂直距离

　　文字间的垂直距离是由 line-height， margin， 和padding构建出来的.

　　line-height 不应该带有单位。比较宽的容器里面文字的行高会大一些，而那些比较窄的容器里面行高相对来说小一些会比较合适。

　　为那些具有单方向的文本元素添加margin属性，建议使用margin-bottom.

　　要遵循距离原则.

　　垂直节律

　　垂直节律是指元素之间的垂直间隔要保持一致性。这一点十分重要，它可以带给读者视觉上放松的享受，给他们一种亲近的感觉。

　　Image source建立垂直节律很简单。首先，确定你使用的基础垂直内间距和基础垂直外间距的数值。然后，为你的容器，文字性元素或者其他相关元素的单方向的外边距（或者内边距）应用这个数值。如果你需要制制造更大的间隔的话，应用这个数值的倍数就好啦!

　　将基础间距的数值设置成与行高相同的数值，这样你的文字就像写在一个条格纸上那样整齐，就像我们传统的印刷字体设计的那样。然而，想要文字拥有垂直节律不一定需要按照上面的方法来做，只要你设置了一个基础间距，并且使得其他间距都是由这个间距成倍的得来的，那样就可以了。

　　文字底部对齐基线网格

　　文字底部对齐基线是垂直节律的一个更为严格的实现。在网页中，文字通常在line-height间居中对齐.但对于较大的文字来说会比较讨厌，因为这样做会导致在顶部和底部留有太多的空间。在传统印刷的时候，这个问题一般会通过让文字对齐基线网格的底部得以解决。

　　我们也可以通过为较大的文字添加一个负的margin-top和一个较小的margin-bottom，不需要使用基线网格而解决这个问题。

　　图片资源为不同的字体样式、字体大小和分辨率添加一个底部对齐的基线网格并不是一个很容易的方式，所以强烈建议你使用一个字体排版基线库例如 Sassline 或者 MegaType.

　　注意，垂直节律只是一个建议，而且基线网格也只是想象出来的。所以我们不需要在每个使用场合都遵循这个规律，也不用在每个元素中都去追求像素级别的完美。

　　扩展阅读：

　　Why is Vertical Rhythm an Important Typography Practice?

　　Aligning type to baseline the right way using SASS

　　Is Web Typography Completely Broken?

　　Single-direction Margin Declarations

　　颜色

　　颜色可以很大程度上的增加视觉辨识度，是字体排版中一个重要的组成部分。

　　不要随心所欲的挑选颜色，建议使用颜色板，建议你使用 Material Design colors 和 Flat UI colors 中提供的颜色板进行颜色选择.

　　不要过度滥用一个颜色，因为这样会造成辨识度的降低，同样也不要使用很多完全不同的颜色。

　　遵循相似原则.

　　不建议使用纯黑 #000 作为你的正文颜色，你可以选择一个非常灰的颜色如#333.

　　有时候，使用透明颜色比使用浅色会更好一些，如果你深入的了解，可以点击这里 。

　　确保文字和背景有较大的对比度，你可以使用 这个对比度检测工具 帮助你进行选择.

　　####扩展阅读：

　　Magic Of CSS： Color

　　Google Style – Color

　　下划线

　　在印刷品里，永远都不要使用到下划线，因为这样做会影响文字的阅读，重点是，它很丑！Practical Typography

　　一般的来说，在网页中下划线也会看起来并不美好！幸运的是， background-image 就包含一个方法，它可以使得下划线变得好看一点。 下面是Adam Schwartz使用Sass实现的下划线的例子 ：

　　SmartUnderline 是一个简化这个工作的库。建议你只在有链接的地方使用下划线，这是大多是网站都遵循的规律，如果不这么做的话，可能会引起误解。

　　seo moz：如何嵌入Gecko引擎？

　　由于工作需要，研究了一下gecko的引擎嵌入的问题，花了三天多的时间，总算成功让gecko在Gtk控件下正确显示网页了。其实并不复杂，如果能找对正确的做法。基本思路是：

　　下载mozilla的cvs代码。参考moziila官方的说明。这里重要的是要选择checkout

　　xulrunner。我在多次尝试后，发现只有xulrunner能够正常的运行自己写的demo和embedding的demo，当然官方提供的

　　TestGtkEmbed在browser下跑时也会有问题，如果不想走弯路，xulrunner是正确的选择。.mozconfig参考如下：

　　ff_topsrc=

　　. ${ff_topsrc}/xulrunner/config/mozconfig

　　mk_add_options MOZ_OBJDIR=${ff_topsrc}/xulrunner-build

　　ac_add_options --enable-application=xulrunner

　　ac_add_options --enable-optimize

　　ac_add_options --enable-default-toolkit=cairo-gtk2

　　ac_add_options --enable-xft

　　ac_add_options --enable-shared

　　ac_add_options --disable-static

　　ac_add_options --enable-debug

　　ac_add_options --enable-libxul

　　ac_add_options --disable-tests

　　编译xulrunner。编译的.mozconfig文件中记得按照xulrunner编写，必须enable libxul。

　　编译完成后，你可以在编译目录(MOZ_OBJDIR)下找到所有需要的嵌入依赖的库和头文件，官方的称呼大概是GRE。以下是一个最简单的demo参

　　考，可以正确编译和运行。我在embeding/config目录下make

　　showbuild得到makefile的框架，然后根据需要做了一下修改。估计不需要这么麻烦，现在也懒得管了。

　　seo moz：平时使用的一些seo站长管理工具有哪些？

　　1、平台类：百度站长工具、站长之家、爱站网、Google管理员工具等2、统计类：百度统计、cnzz、51la、ptmind等3、查询类：5118、站长之家、爱站网、百度推广等4、国外：seoquake、Google分析、moz等