SEO之小白都能懂教程

现在的学习方法有那些,今天看了一个视频讲到了五个点:跟人学,带着概念,缝合,互驯,目标。

好吧,那就概念开始吧!

SEO

SEO 是什么

搜索引擎优化(Search Engine Optimization,简称SEO)是一种利用搜索引擎(百度、google等)的搜索规则来提高目的网站在有关搜索引擎内的排名的方式。

粗理解:就是提升网站在搜索引擎排第几页第几行的引流量的技术。

搜索引擎是什么

搜索引擎是一个对互联网信息资源进行搜索整理和分类,并储存在网络数据库中供用户查询的系统,包括信息搜集、信息分类、用户查询三部分。

粗理解:就是一个大的图书馆,图书馆的书籍就是互联网生成的信息,有网站,有五花八门等。

搜索引擎优化(SEO是一门着眼于搜索引擎的一门技术)

一、内部优化

(1)META标签优化:例如:TITLE,KEYWORDS,DESCRIPTION等的优化

(2)内部链接的优化,包括相关性链接(Tag标签),锚文本链接,各导航链接,及图片链接

(3)网站内容更新:每天保持站内的更新(主要是文章的更新等)

二、外部优化

(1)外部链接类别:博客、论坛、B2B、新闻、分类信息、贴吧、知道、百科、相关信息网等尽量保持链接的多样性

(2)外链运营:每天添加一定数量的外部链接,使关键词排名稳定提升。

(3)外链选择:与一些和你网站相关性比较高,整体质量比较好的网站交换友情链接,巩固稳定关键词排名

SEO技术图例

SEO分类(就像这个世界有好人也就有坏人)

白帽SEO

  SEO白帽是一种公正的手法,是使用符 合主流搜索引擎发行方针规定的SEO优化方法。一直被业内认为是最佳的SEO手法,它是在避免一切风险也避免了与搜索引擎发行方针发生任何的冲突,它也是 SEOer从业者的最高职业道德标准。 因为搜索引擎是以文本为中心,许多有助于网页亲和力的同样手段同样便利于搜索引擎优化。这些方法包括优化图形内 容、包括ALT属性、和增加文本说明。甚至Flash动画可于设计该页时包括替代性内容,这本来用来给访客无法阅读Flash的环境用的,来帮助优化。

黑帽SEO

  笼统的说,所有使用作弊手段或可疑手段的,都可以称为黑帽SEO。比如说垃圾链接,隐藏网页,刷IP流量,桥页,关键词堆砌等等。SEO黑帽是一种不为 搜索引擎所支持的违规行为,因为黑帽SEO挑战了行业道德底线,因此为被广大白帽SEO而所不齿。垃圾索引(Spamdexing)意指通过欺骗技术和滥 用搜索算法来推销毫不相关、主要以商业为着眼的网页。许多搜索引擎管理员认为任何搜索引擎优化的形式,其目的用来改进站点的页排名者,都是垃圾索引。然 而,随时间流逝,业界内公众舆论发展出哪些是哪些不是可接受的、促进某站的搜索引擎排名与流量结果的手段。

灰帽SEO

  SEO灰帽 是指介于白帽与黑帽之间的中间地带。对于白帽而言,会采取一些取巧的手法,这些行为因为不算违规,但同样也不遵守规则,是为灰色地带。它注重了优化的整体 与局部的方方面面。SEO灰帽追求的是某种程度的中庸。SEO灰帽是白帽和黑帽手法的结合体,既考虑长期利益,也要考虑短期收益问题。

小编提醒大家

SEO常用术语

导航

  请确保你的网站导航(网址导航)都是以html的形式链接。所有页面之间应该有广泛的互联,要满足站内任何页面可以通过回连到达主页,如果无法实现这一点,可以考虑建立一个网站地图。

首页

  网站的首页(home或index页等)应该采用文本的形式,而不是flash等。这个文本里面要包含你的目标关键字或目标短语。

标签

   < /title>这是标题标签,里面应当包含你最重要的目标关键词。</p><p>  <keywords></keywords>这是关键词标签</p><p>  <description></description>这是描述标签</p><p><strong>PR值算法</strong></p><p>  PR(A) =(PR(B) /L(B)+PR(C) /L(C)+PR(D)/L(D)+...+PR(N)/L(N))q+1-q</p><p>  其中,PR(A):指网页A的佩奇等级(PR值)</p><p>  PR(B)、PR(C)...PR(N)表示链接网页A的网页N的佩奇等级(PR)。N是链接的总数,这个链接可以是来自任何网站的导入链接(反向链接)。</p><p>  L(N):网页N往其他网站链接的数量(网页N的导出链接数量)</p><p>  q:阻尼系数,介于0-1之间,google设为0.85</p><p><strong>链接场(Link Farm)</strong></p><p>  在 SEO 术语中,链接场是指一个充满链接的页面,这些链接其实没有实际作用,它们只作为链接存在,而没有任何实际的上下文。那些采用运用黑帽 SEO 方法的人利用链接场,在一个页面中增加大量链接,希望能通过这种方式使 Google 误认为这个页面很有链接的价值。</p><p><strong>交互链接(Reciprocal Link)</strong></p><p>  也称作双向链接,是对一个网页不光有超文本链接,同时对应有和原始网页的链接。</p><p><strong>有机列表(Organic Listing)</strong></p><p>  有机列表是 SERP 中的免费列表。有机列表的 SEO 通常涉及改进 Web 站点的实际内容,这往往是在页面或基础架构级别进行的。</p><p><strong>PageRank</strong></p><p>  PageRank是迷恋Google的人们用来测试其站点在 Google 中的排名的一种度量标准。SEO 和搜索引擎营销(SEM)专家也使用这个术语描述网页在 SERP 中的排名以及 Google 根据排名算法给予站点的分数。无论如何定义,PageRank 都是 SEO 的重要部分。</p><p><strong>付费列表(Paid Listing)</strong></p><p>  顾名思义,付费列表就是只有在付费后才能列入搜索引擎的服务。根据搜索引擎的不同,付费列表可能意味着:为包含于索引之中、每次点击(PPC)、赞助商链接(Sponsored Link)或者在搜索目标关键词和短语时让站点出现在 SERP 中的其他方式而付费。</p><p><strong>永久重定向(Permanent Redirect)</strong></p><p>  也被称为301 重定向,是一条对网站浏览器的指令来显示浏览器被要求显示的不同的URL,当一个网页经历过其URL 的最后一次变化以后时使用。一个永久定向是一种服务器端的重定向,能够被搜索引擎蜘蛛适当地处理。</p><p><strong>排名(Ranking)</strong></p><p>  排名是页面在目标关键词的SERP中列出的位置。SEO 的目标是提高 Web 页面针对目标关键词的排名。</p><p><strong>排名算法(Ranking Algorithm)</strong></p><p>  排名算法是搜索引擎用来对其索引中的列表进行评估和排名的规则。排名算法决定哪些结果是与特定查询相关的。</p><p><strong>搜索引擎营销(Search Engine Marketing,SEM)</strong></p><p>  SEM 这个术语可以与 SEO 互换使用,但 SEM 常常是指通过付费和广告向搜索引擎推销 Web 站点,同时应用 SEO 技术。</p><p><strong>搜索引擎优化(Search Engine Optimization,SEO)</strong></p><p>  SEO 就是根据对搜索引擎的吸引力和可见性来优化内容,从而使 Web 页面能够被搜索引擎选中。SEO 主要用来提高有机列表的排名。我使用SEO这个术语描述我推荐的技术,但是其中许多技术也可以归入 SEM 的范畴。</p><p><strong>搜索引擎结果页面(Search Engine Results Page,SERP)</strong></p><p>  SERP 是为特定搜索显示的列表或结果。SERP 有时候定义为搜索引擎结果的安排(placement)。根据本系列的目的,我将其称为页面而不是安排。在SEO领域中,在SERP中取得良好的表现就是一切。</p><p><strong>垃圾技术(Spamming)</strong></p><p>  垃圾技术是一种欺诈性的SEO手段,它尝试欺骗爬行器(Spider),并利用排名算法中的漏洞来影响针对目标关键词的排名。垃圾技术可以表现为多种形式,但是 “垃圾技术” 最简单的定义是 Web 站点用来伪装自己并影响排名的任何技术。</p><p><strong>关键字隐密字 (Hidden Text With Keyword Stuffing)</strong></p><p>  是另外一欺骗搜索引擎的做法。通常是指设置关键字的颜色和网页背景颜色一样,或通过 CSS Hidden Attribute (隐密特性) 来达到优化效果。这种做法一旦被Google发现,遭遇也会是该站点从Google的数据库中除名。</p><p><strong>爬行器(Spider)</strong></p><p>  爬行器在 Web 上漫游,寻找要添加进搜索引擎索引中的列表。爬行器有时也称为 Web 爬行榜(Webcrawler)或机器人。针对有机列表优化页面也就是为了吸引爬行器的注意。</p><p>  在SEO中过多使用flash和Ajax技术,会给搜索引擎带来很多麻烦,搜索引擎还不能很好地索引由flash、ajax表现的网页,原因就是搜索引擎只索引页面,而不会索引应用程序。</p><p>  还有即使搜索引擎做到了完全解释Flash文件或者ajax应用程序,并能分析和索引它们的相关内容,也还是没有任何办法使用url导航应用程序,对排 名没有一点帮助。搜索引擎的主要目标的是将搜索结果提交给用户,但当处理这些媒体信息时,搜索引擎将无法排列这些信息的顺序。总之,Flash和Ajax 将会带来更多有创意的设计,也会带来更难侦测的垃圾网站形式。</p><p>  谷歌索引的Flash,给的建议就是,网站设计者应该仅在需要使用Flash和 Ajax的地方使用它,应该主要还是多使用HTML语言设计网站,而将Flash和Ajax作为辅助技术,为用户提供切实的好处。通常,HTML和 JavaScript的混合也基本可以达到使用这些技术的效果。也就是说,在使用Flash和Ajax时应把它们当成页面上的单元,而不是页面本身。</p><p><strong>Link Popularity 网站的链接广泛度。</strong></p><p>  在搜索引擎排名中的作用已得到广泛的认同和重视。实际上,即使你没有在GOOGLE上提交你的站点,但与其它网站作了链接,Google也可能收录你的网站。搜索引擎还可能完全依据你的链接广泛度决定你的网站排名。</p><p><strong>Internal Links 内部链接</strong>:本网站内部网页之间的链接</p><p><strong>External Links外部链接</strong>:本网站外部的链接,一般是指其他网站连到本网站的链接</p><p><strong>Backward Links或Incoming/Inbound Links反向/导入链接</strong>:意义与“外部链接”接近,指其他网站连到本网站的链接</p><p><strong>Outgoing/Outbound Links导出链接</strong>:指从本网站连到其他网站的链接</p><p><strong>Search Engine Positioning 搜索引擎定位</strong></p><p><strong>Search Engine Ranking 搜索引擎排名</strong></p><p><strong>External Files外部文件存储</strong></p><p>  把JavaScript文件和CSS文件分别放在JS和CSS外部文件中。这样做的好处是把重要的页面内容放到页面顶部,同时能缩小文件大小。有利于搜索引擎快速准确地抓取页面重要内容。</p><p><strong>Keyword Density 关键词密度</strong></p><p><strong>ROBOTS 搜索机器人</strong></p><p>  Affiliate Marketing 联属网络营销(会员制营销、网站联盟等)</p><p>  联属网络营销 指的是一种网站A为网站B放置广告按钮,然后从为网站B带来的销售额中获得回佣的一种广告系统。某些广告主通过这种方式获得市场信息而不是现金销售。这种方式被营销费用比较紧张的新网站采用得比较普遍。</p><p><strong>Cost-Per-Click (简称CPC)按点击数付费</strong></p><p>  联属网络营销管理系统记录每个客人在联属会员网站上点击到商家网站的文字的或者图片的链接(或者Email链接)次数,商家(Merchant)按每个点击多少钱的方式支付广告费。</p><p><strong>Cost-Per-Lead (简称CPL)或Cost-Per-Acquisition (简称CPA)</strong></p><p>  按引导数付费或访问者通过联属会员的链接进入商家网站后,如果填写并提交了某个表单,管理系统就会产生一个对应给这个联属会员的引导(Lead)记录,商家按引导记录数给会员付费。</p><p><strong>Cost-Per-Sale (简称CPS) 按销售额付费</strong></p><p>  商家只在联属会员的链接介绍的客人在商家网站上产生了实际的购买行为后(大多数是在线支付)才给联属会员付费,一般是设定一个佣金比例(销售额的10%到50%不等)。</p><p><strong>Pay For Performance (按效果付费)</strong></p><p>  联属营销按效果付费的营销方式无论对于商家还是联属会员都是比较容易接受的。由于网站的自动化流程越来越完善,在线支付系统也越来越成熟,越来越多的联 属网络营销系统采用按销售额付费的方法。由于这种方法对商家来说是一种零风险的广告分销方式,商家也愿意设定比较高的佣金比例,这样就使得这种方式的营销 系统被越来越多地采用。</p><p><strong>Open Directory Project (简称ODP) 目录索引</strong></p><p><strong>Full Text Search Engine 全文搜索引擎</strong></p><p><strong>Search Index/Directory 目录索引类搜索引擎</strong></p><p><strong>META Search Engine 元搜索引擎</strong></p><p><strong>Spider 俗称“蜘蛛”</strong></p><p><strong>Indexer 检索程序</strong></p><p><strong>Free For All Links (简称FFA)免费链接列表</strong></p><p><strong>Stop Words/Filter Words 停用词/过滤词</strong></p><p>  这两者意义一样,都是指一些太常用以至没有任何检索价值的单词,搜索引擎碰到这些词时一般都会过滤掉。因此为节省空间,应尽量避免使用这一类的词,尤其是在对文字数量有严格限制的地方。</p><p><strong>Spam</strong>:搜索引擎垃圾技术的统称</p><p><strong>Frame Sets 框架结构</strong></p><p>  有些搜索引擎(如FAST)是不支持框架结构的,他们的“蜘蛛”程序无法阅读这样的网页。</p><p><strong>Image Maps 图象区块</strong></p><p>  当“蜘蛛”程序遇到这种结构时,往往会感到茫然不知所措。因此尽量不要设置Image Map链接。</p><p><strong>Dynamic Pages 动态网页</strong></p><p>  通过程序和数据库连接制作的网页,任何地址中带“?”号、“&”号(及其他类似符号)的网页都会把“蜘蛛”程序挡在门外。</p><p><strong>nvisable/hidden text 隐藏文本内容</strong></p><p>  意欲在不影响网站美观的前提下通过包含大量关键词的网页提高关键词相关性得分,从而达到改善搜索引擎排名的目的。</p><p><strong>Invisable/hidden links 隐藏链接</strong></p><p>  意欲在不影响网站美观的前提下通过在其它页面添加指向目标优化页的隐形链接,通过提升链接得分而改善搜索引擎排名。</p><p><strong>Misleading Words 误导性关键词</strong></p><p>  在页面中使用与该网页毫不相干的误导性关键词来吸引查询该主题的访问者访问网站。这种做法严重影响了搜索引擎所提供结果的相关性和客观性,为搜索引擎所深恶痛绝。</p><p><strong>Repeated Words 重复性关键词</strong></p><p>  这种作弊技术也被称为“关键词堆砌欺骗(Keyword Stuffing)”,它利用搜索引擎对网页正文和标题中出现的关键词的高度关注来对关键词进行不合理的(过度)重复。类似的其它做法还包括在HTML元 标识中大量堆砌关键字或使用多个关键字元标识来提高关键词的相关性。这种技术很容易被搜索引擎察觉并受到相应惩罚。</p><p><strong>Keyword Stuffing 关键词堆砌</strong></p><p><strong>Cloaked Page 隐形页面</strong></p><p>  对实际访问者或搜索引擎任一方隐藏真实网站内容,以向搜索引擎提供非真实的搜索引擎友好的内容提升排名。</p><p><strong>Deceptive redirects 欺骗性重定向</strong></p><p>  指把用户访问的第一个页面(着陆页)迅速重定向至一个内容完全不同的页面。</p><p><strong>Shadow Domain 鬼域</strong></p><p>  这是最常见的欺骗性重定向技术,通过欺骗性重定向使用户访问另外一个网站或页面。</p><p><strong>Meta Refresh刷新标识</strong></p><p><strong>Doorway Page 门页</strong></p><p>  也叫“Bridge/Portal/Jump/Entry Page”。是为某些关键字特别制作的页面,专为搜索引擎设计,目的是提高特定关键词在搜索引擎中的排名所设计的富含目标关键词的域名,且重定向至另一域 名的真实网站。搜索引擎的Spiders往往忽略对那些自动重定向到其它页的页面的检索。</p><p><strong>Mirror Sites镜象站点</strong></p><p><strong>通过复制网站或网页的内容并分</strong>配以不同域名和服务器,以此欺骗搜索引擎对同一站点或同一页面进行多次索引。大多数搜索引擎都提供有能够检测镜象站点的适当的过滤系统,一旦发觉镜象站点,则源站点和镜象站点都会被从索引数据库中删除。</p><p><strong>Link Spamming 作弊链接/恶意链接</strong></p><p><strong>link farms 链接工厂</strong></p><p><strong>Bulk Link Exchange Programs大宗链接交换程序</strong></p><p><strong>Cross Link交叉链接</strong></p><p><strong>Doorway Domain 门域</strong></p><p>  专为提高特定关键词在搜索引擎中的排名所设计的富含目标关键词的域名,然后重定向至其它域名的主页。由于搜索引擎一般忽略自动重定向至其它页的页面的检索,所以不提倡使用这种技术</p><hr><p>其实我今天发这条头条是因为觉得seo中的有些概念很重要,因为搜索引擎无处不在,你的名字取的好不好其实也是影响排名的,有些人叫的响亮,有些人名字叫不出口。还有网店标题、网店的宝贝,拿淘宝网举例,如果这些你名字没取好其实对于淘宝网站这个引擎是会影响曝光率,排名的,进而导致你的生意。</p><p></p><p class="pgc-img-caption">每天都学一点技术,加个粉咯</p><hr><p>以上内容部分来自SEO自学网,想深入的同学可以用搜索引擎搜索哦!</p></div> <!-- Post Single - Content End --> <!-- Tag Cloud ============================================= --> <div class="tagcloud clearfix bottommargin"> <a href="http://www.fxt.cn/article/tag/5.html">Flash</a> <a href="http://www.fxt.cn/article/tag/2.html">市场营销</a> <a href="http://www.fxt.cn/article/tag/24.html">Google</a> <a href="http://www.fxt.cn/article/tag/95.html">Links</a> <a href="http://www.fxt.cn/article/tag/13.html">文章</a> </div><!-- .tagcloud end --> <div class="clear"></div> </div> </div><!-- .entry end --> <!-- Post Navigation ============================================= --> <div class="post-navigation clearfix"> <div class="col_half nobottommargin"> <a href="http://www.fxt.cn/article/detail/2639.html">⇐ 对于原创文章的理解小小课堂SEO教程</a> </div> <div class="col_half col_last tright nobottommargin"> <a href="http://www.fxt.cn/article/detail/2641.html">SEO处理危机公关_SEO网络入门教程_小小课堂 ⇒</a> </div> </div><!-- .post-navigation end --> <div class="line"></div> <h4>相关资讯:</h4> <div class="related-posts clearfix"> <div class="col_half nobottommargin"> <div class="mpost clearfix"> <div class="entry-c"> <div class="entry-title"> <h4><a href="http://www.fxt.cn/article/detail/2642.html">百度熊掌号如何判断优质内容小小课堂seo培训教程</a></h4> </div> <ul class="entry-meta clearfix"> <li><i class="icon-calendar3"></i>2018-08-05</li> </ul> <div class="entry-content">小小课堂网总在提一句,“百度熊掌号会给予优质内容在收录、展现和排名上的优待”,但是,从来没讲过什么样的内容才是百度熊掌号认为的优质内容。</div> </div> </div> <div class="mpost clearfix"> <div class="entry-c"> <div class="entry-title"> <h4><a href="http://www.fxt.cn/article/detail/2644.html">秒懂百度熊掌号_SEO零基础教程_小小课堂</a></h4> </div> <ul class="entry-meta clearfix"> <li><i class="icon-calendar3"></i>2018-08-05</li> </ul> <div class="entry-content">今天,小小课堂网为大家介绍的是百度熊掌号的知识。一、百度熊掌号是什么百度官方的定义为:它是为内容和服务提供者入驻百度生态的认证账号。</div> </div> </div> <div class="mpost clearfix"> <div class="entry-c"> <div class="entry-title"> <h4><a href="http://www.fxt.cn/article/detail/2645.html">SEO人员怎么做聚合页面?小小课堂SEO入门教程</a></h4> </div> <ul class="entry-meta clearfix"> <li><i class="icon-calendar3"></i>2018-08-05</li> </ul> <div class="entry-content">聚合页面,它是SEO优化常用的手段之一,被搜索引擎优待过,也曾被搜索引擎打击过。只要被正确地应用,可以为网站带来更高的关键词排名和流量。</div> </div> </div> </div> <div class="col_half nobottommargin col_last"> <div class="mpost clearfix"> <div class="entry-c"> <div class="entry-title"> <h4><a href="http://www.fxt.cn/article/detail/2637.html">「SEO教程」seo入门第9课:什么是死链接?</a></h4> </div> <ul class="entry-meta clearfix"> <li><i class="icon-calendar3"></i>2018-08-05</li> </ul> <div class="entry-content">一个网站存在死链接不是什么好事,首先一个网站如果存在大量的死链接,必将大大损伤网站的整体。如果太多链</div> </div> </div> <div class="mpost clearfix"> <div class="entry-c"> <div class="entry-title"> <h4><a href="http://www.fxt.cn/article/detail/2636.html">用户搜索习惯分析小小课堂SEO教程</a></h4> </div> <ul class="entry-meta clearfix"> <li><i class="icon-calendar3"></i>2018-08-05</li> </ul> <div class="entry-content">很多SEO从业者可以利用各种关键词优化技巧,带来很多的流量,但往往容易犯的错误就是用户不买账,关键词不精准。</div> </div> </div> <div class="mpost clearfix"> <div class="entry-c"> <div class="entry-title"> <h4><a href="http://www.fxt.cn/article/detail/2631.html">为何教程那么多,你依然学不好SEO?</a></h4> </div> <ul class="entry-meta clearfix"> <li><i class="icon-calendar3"></i>2018-08-05</li> </ul> <div class="entry-content">在如今的互联网时代,任何想要知道的东西都能通过网络寻找到。很多高人在家自学成才,一切都要感谢互联网时</div> </div> </div> </div> </div> </div> </div><!-- .postcontent end --> </div> </div> </section><!-- #content end --> <!-- Footer ============================================= --> <footer id="footer" class="dark"> <div class="container" style="display: none"> <!-- Footer Widgets ============================================= --> <div class="footer-widgets-wrap clearfix"> <div class="col_two_third"> <div class="col_one_third"> <div class="widget clearfix"> <img src="https://fxt-web.oss-cn-hangzhou.aliyuncs.com/v1/front/images/footer-widget-logo.png" alt="" class="footer-logo"> <p>We believe in <strong>Simple</strong>, <strong>Creative</strong> & <strong>Flexible</strong> Design Standards.</p> <div style="background: url('https://fxt-web.oss-cn-hangzhou.aliyuncs.com/v1/v1/front/images/world-map.png') no-repeat center center; background-size: 100%;"> <address> <strong>Headquarters:</strong><br> 795 Folsom Ave, Suite 600<br> San Francisco, CA 94107<br> </address> <abbr title="Phone Number"><strong>Phone:</strong></abbr> (91) 8547 632521<br> <abbr title="Fax"><strong>Fax:</strong></abbr> (91) 11 4752 1433<br> <abbr title="Email Address"><strong>Email:</strong></abbr> info@canvas.com </div> </div> </div> <div class="col_one_third"> <div class="widget widget_links clearfix"> <h4>Blogroll</h4> <ul> <li><a href="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/support/forum/requests-and-feedback">Feedback</a></li> <li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/support/">Support Forums</a></li> <li><a href="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://wordpress.org/news/">WordPress Blog</a></li> <li><a href="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </div> </div> <div class="col_one_third col_last"> <div class="widget clearfix"> <h4>Recent Posts</h4> <div id="post-list-footer"> <div class="spost clearfix"> <div class="entry-c"> <div class="entry-title"> <h4><a href="#">Lorem ipsum dolor sit amet, consectetur</a></h4> </div> <ul class="entry-meta"> <li>10th July 2014</li> </ul> </div> </div> <div class="spost clearfix"> <div class="entry-c"> <div class="entry-title"> <h4><a href="#">Elit Assumenda vel amet dolorum quasi</a></h4> </div> <ul class="entry-meta"> <li>10th July 2014</li> </ul> </div> </div> <div class="spost clearfix"> <div class="entry-c"> <div class="entry-title"> <h4><a href="#">Debitis nihil placeat, illum est nisi</a></h4> </div> <ul class="entry-meta"> <li>10th July 2014</li> </ul> </div> </div> </div> </div> </div> </div> <div class="col_one_third col_last"> <div class="widget clearfix" style="margin-bottom: -20px;"> <div class="row"> <div class="col-md-6 bottommargin-sm"> <div class="counter counter-small"><span data-from="50" data-to="15065421" data-refresh-interval="80" data-speed="3000" data-comma="true"></span></div> <h5 class="nobottommargin">Total Downloads</h5> </div> <div class="col-md-6 bottommargin-sm"> <div class="counter counter-small"><span data-from="100" data-to="18465" data-refresh-interval="50" data-speed="2000" data-comma="true"></span></div> <h5 class="nobottommargin">Clients</h5> </div> </div> </div> <div class="widget subscribe-widget clearfix"> <h5><strong>Subscribe</strong> to Our Newsletter to get Important News, Amazing Offers & Inside Scoops:</h5> <div class="widget-subscribe-form-result"></div> <form id="widget-subscribe-form" action="include/subscribe.php" role="form" method="post" class="nobottommargin"> <div class="input-group divcenter"> <span class="input-group-addon"><i class="icon-email2"></i></span> <input type="email" id="widget-subscribe-form-email" name="widget-subscribe-form-email" class="form-control required email" placeholder="Enter your Email"> <span class="input-group-btn"> <button class="btn btn-success" type="submit">Subscribe</button> </span> </div> </form> </div> <div class="widget clearfix" style="margin-bottom: -20px;"> <div class="row"> <div class="col-md-6 clearfix bottommargin-sm"> <a href="#" class="social-icon si-dark si-colored si-facebook nobottommargin" style="margin-right: 10px;"> <i class="icon-facebook"></i> <i class="icon-facebook"></i> </a> <a href="#"><small style="display: block; margin-top: 3px;"><strong>Like us</strong><br>on Facebook</small></a> </div> <div class="col-md-6 clearfix"> <a href="#" class="social-icon si-dark si-colored si-rss nobottommargin" style="margin-right: 10px;"> <i class="icon-rss"></i> <i class="icon-rss"></i> </a> <a href="#"><small style="display: block; margin-top: 3px;"><strong>Subscribe</strong><br>to RSS Feeds</small></a> </div> </div> </div> </div> </div><!-- .footer-widgets-wrap end --> </div> <!-- Copyrights ============================================= --> <div id="copyrights"> <div class="container clearfix"> <div class="col_half"> Copyrights © 2018 版权所有 苏州闻道网络科技股份有限公司 <strong>官方热线:17706131719</strong><br> </div> <div class="col_half col_last tright"> <div class="clear"></div> <i class="icon-envelope2"></i> service@fxt.cn <span class="middot">·</span> <i class="icon-headphones"></i> 苏州工业园区旺墩路135号<br/> <a href="https://beian.miit.gov.cn/" rel="nofollow"> <span style="color:gray;">苏ICP备12066733号-12</span> </a> </div> </div> </div><!-- #copyrights end --> </footer><!-- #footer end --> </div> <div id="gotoTop" class="icon-angle-up"></div> <div id="public-alert" class="modal fade" data-backdrop="true" data-content='显示的内容' style="display: none;" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header" style="padding: 10px 15px;"> <h5 class="modal-title">温馨提示</h5> </div> <div class="modal-body text-center p-lg"> 温馨提示温馨提示温馨提示 </div> <div class="modal-footer" style="padding: 10px 15px;"> <button type="button" class="btn dark-white p-x-md no" data-dismiss="modal">取消</button> <button type="button" class="btn primary p-x-md ok" data-dismiss="modal">确认</button> </div> </div> </div> </div> <!-- External JavaScripts ============================================= --> <script type="text/javascript" src="https://fxt-web.oss-cn-hangzhou.aliyuncs.com/v1/front/js/plugins.js"></script> <!-- Footer Scripts ============================================= --> <script type="text/javascript" src="https://fxt-web.oss-cn-hangzhou.aliyuncs.com/v1/front/js/functions.js"></script> <script> function publicAlert(con, type, fn) { $('#public-alert .modal-body').html(con); $('#public-alert').modal('toggle'); if(!type) $('.modal-footer .no').hide(); $('.modal-footer .ok').on('click',function(){ fn ? fn() : ''; fn = false; }); }; </script> </body> </html>