摘 要：搜索引擎优化（SEO）作为一种有效的网站推广方式，可使网站达到自然搜索排名优势，本文从搜索引擎优化角度出发，建立基于成功要素的搜索引擎优化模型，分别从网站结构、网站设计、关键词几个方面进行了详细阐述，以期为企业网站的SEO提供建议和帮助。
　　关键词：成功要素；搜索引擎；优化模型
　　中图分类号：TP391.3
　　搜索引擎优化（SEO）作为一种有效的网站推广方式，就是通过对搜索引擎运作原理的解析，将网站结构与内容调整到最符合搜索引擎需要的状态，让用户在搜索过程中，使目标网站以最自然的方式达到搜索排名优势的操作，而且最重要的是不会因为点击广告而付费。搜索引擎优化的最终效益评估就是搜索引擎的搜索结果页面的网站排名，并且通过搜索带入的流量，转换成网站最终希望达成的目的（如销售量或会员数目等）。
　　根据CNNIC调查数据，截至2008年底，中国搜索引擎用户规模达到2.03亿人，年增长率达到33.6%。目前，搜索引擎在全国网民中的使用率为68%，通过搜索引擎查找所需信息已经成为网络用户的行为习惯之一[1]，而针j对搜索引擎进行的营销已经成为广大中小企业最认可、最依赖的推广方式[2]。对于数目庞大的搜索引擎返回结果，约85%的用户只翻看搜索引擎返回结果的前10个结果，即返回结果页面的第一页，因此企业只有争取让自己的网站排名靠前，才能创造商机[3]，而搜索引擎优化使网站以最自然的方式达到搜索排名优势。
　　本文就是在大量文献研究、专家访谈、亲身实践等的基础上，对搜索引擎优化进行深入研究，针对当前网站优化存在的问题，提出了基于成功要素的搜索引擎优化模型，从而对网站推广主要策略之一——搜索引擎优化（SEO）提供建议及参考应用价值。
　　1 模型建立
　　搜索引擎存在的目的是希望让用户得到想要找寻的内容，只有达成这样的目的，搜索引擎才能够生存下去。搜索引擎改进各种技术，无非是希望让好的内容提升并淘汰劣质的内容，因此只要把握“协助搜索引擎”的重点，搜索引擎自然会让你的内容呈现优秀的搜索结果。决定搜索引擎访问的因素有：网站与搜索信息的贴合度、网站的重要性与网站的更新率[4]，本文通过大量的文献研究、案例分析、专家访谈及企业实践，得到了影响网站搜索引擎优化的五个关键成功要素，受《一张图揭秘SEO》[5]的启发，建立了基于成功要素的搜索引擎优化模型，如下图所示：
　　搜索引擎处理网站的资料有三类：网址与网站描述资料、网站内各网页的内容资料、内部与外部链接资料。网址与网站描述资料就是搜索引擎维护的目录资料中的主要内容，如百度的目录资料是http：//hao123.com，也就是你网站的Title与Description内容，再加上Keywords就是搜索引擎认识你的网页的起点；网站内各网页的内容资料除了要有适当比例的关键字外，就是要善用header Tag与Bold Tag。内容优化应遵循以下原则：原创的独特性、快速且经常；内部与外部链接资料就是在网页内容中提供其他与内容的有效参考链接。
　　1.1 网站结构
　　（1）网站的扁平化规划
　　栏目设置是否合理是网站成功的一大关键因素。从搜索引擎的角度看，单一的目录结构为最佳。搜索引擎对普通网站的搜索深度为3层，对于访问深度4层以上的页面不在继续收集。
　　（2）网站导航的清晰化
　　网站导航要易于搜索引擎的爬行程序进行索引收录，制作清楚有效的网站地图、网站导航。网站的栏目、文章分类、“您当前位置”等称为网站导航。
　　（3）选择合适的域名
　　拥有自己独立的域名，能够树立网站的信誉。在选取域名的过程中，最好能够选择便于用户记忆的关键词，同时，域名不要过长，否则难于记忆。
　　（4）虚拟主机策略
　　与其他网站共享一台虚拟主机，如果共享同一IP地址的某一网站被搜索引擎惩罚，将连累其他网站也无法登录到搜索引擎。因此选择虚拟主机服务的时候，需要对该主机的使用情况进行了解和选择，经济条件允许的情况下，尽量使用独立的主机。
　　（5）向搜索引擎提交网址
　　向各大主要搜索引擎提交网址，不要使用软件或自动提交服务。
　　1.2 网站设计
　　（1）静态化设计
　　与动态化的网站相比而言，搜索引擎的蜘蛛程序喜欢静态化的网站，用asp、php、jsp等技术做成的动态网页，是不容易被搜索引擎收录的，因此在进行SEO时，要把URL稍作改变，去掉这些特殊字符：“？”、“=”、“&”、“%”。
　　（2）框架充分利用 <br>　　搜索引擎是无法读取框架里的内容的，优化时，最好加上<noframes></noframe>标签。<no-frames>标签是防止浏览器无法正确显示框架时显示的文本。优化时，可以在中<noframes>包含丰富关键字和关键短语的重要文字和内容。 <br>　　（3）建立站点地图 <br>　　这样将更有利于爬行机器人的爬行索引，通知搜索引擎哪些页面修改过，各页面的重要程度，自定义更新频率等，这样将提高索引网站内容的效率和准确。 <br>　　（4）CSS+div技术的使用 <br>　　利用Table对网页进行分割，是目前大多数中小型网站采用的方式。近两年来，一些大型商业网站纷纷采用了CSS+div技术对网站进行了改版，采用CSS技术，能够使得网页制作不需要使用大量的Table表格嵌套，减少冗余代码，提升网页加载速度，符合W3C标准，并且由于样式放在CSS里面，这样搜索引擎在抓取时就不会管CSS，只需要采集静态页面里的内容就可以了，提高了抓取效率，对搜索引擎的爬行器友好度高。 <br>　　（5）网站中网页标题与网页内容的相关度要强 <br>　　（6）网站结构比较差的是首页Flash开屏、图片导航、整站图片等 　　1.3 关键词 <br>　　关键词是搜索引擎算法中的一个重要因子，用来确定网页与特定搜索之间的相关性。 <br>　　（1）关键词出现的位置 <br>　　1）网页代码中的标题、关键词和网页描述 <br>　　它们对搜索引擎来说非常重要，其在HTML语言中形式如下： <br>　　<title>标题</title> <br>　　<meta name="keywords" content="关键词"> <br>　　<meta name="description" content="网页描述"> <br>　　这些需要界面设计人员通过标签的方式预留在模板中，内容维护人员上传内容的时候提供关键词，从而自动插入到页面相应位置。 <br>　　2）图片的ALT属性 <br>　　图片的替代关键词也不要忽略，其另外一方面的作用是，当图片不能显示的时候，可以给访问者一个替代解释语句。对于链接图片的ALT文字，其关键词应为被链接网页的关键词，而非本页的关键词。 <br>　　3）网页具体内容 <br>　　网站内容SEO应该迎合搜索引擎的抓取习惯，即从左到右、由上及下的抓取习惯，在这些地方出现关键词是有利的。 <br>　　（2）关键词选择、分布及密度控制 <br>　　1）关键词选择 <br>　　首先确定核心关键字，再围绕核心关键字进行排列组合产生关键词组或短句。“优化”一个页面就是在此页面上重复出现某个特定的搜索词条，突出强调这个词的重要性。 <br>　　2）关键词分布 <br>　　选取关键词后应在控制密度的情况下对其在网页中进行合理分布。关键词分布应遵循“无所不在，有所侧重”的原则[6]。 <br>　　3）关键词密度 <br>　　即关键词在某一网页中出现的频数占该页面总文字数的比例。研究表明，关键词密度在2%-8%时有益于网站的排名[7]，过度使用关键词则会造成关键词堆砌（Keyword stuffing），不仅可能触发搜索引擎的过滤器（Filter），更可能被搜索引擎归入恶意行为（Spam-ming），从而遭到惩罚。 <br>　　2 结论 <br>　　在互联网的高速发展蓬生出数亿计网站的今天，要想使企业抢得先机，为以后发展占据更多的竞争优势，对企业网站搜索引擎优化成为重要的工作之一。本文从搜索引擎优化角度出发，建立基于成功要素的搜索引擎优化模型，分别从网站结构、网站设计、关键词几个方面进行了详细阐述，以希为企业网站的SEO提供建议和帮助。 <br>　　参考文献： <br>　　[1]2008年中国搜索引擎用户行为研究报告[R].CNNIC，2009. <br>　　[2]中国中小企业生存现状调查报告[R].百度公司.2009. <br>　　[3]余慧佳，刘奕群，张敏等.基于大规模日志分析的搜索引擎用户行为分析[J].中文信息学报，2007.01. <br>　　[4]（美）格拉波内，（美）库辛.搜索引擎优化[M].清华大学出版社.2009.11. <br>　　[5]http：//www.seomq.com/archives/398. <br>　　[6]付真真，陆伟.基于关键词的搜索引擎优化策略及效果分析[J].现代图书情报技术.2009年第6期）. <br>　　[7]王永策，张义良.搜索引擎优化（SEO）的认识误区及优化技巧[J].萍乡高等专科学校学报.2010.6. <br>　　作者简介：余长杰（1978-），男，江西都昌人，主任科员，博士，研究方向：计算机网络，数据中心建设等。 </div> </section> <!-- 其他文献块 --> <section class="article-other"> <div class="article-other-header" style="color:#2162e4"><span>其他文献</span></div> <div class="article-other-content"> <div class="tit"><a href="/periodical/4c3eedbdae90d46e6802252078a42bc6.html" target="_blank" title="基于K-均值动态聚类分析的企业信用等级划分法"> 基于K-均值动态聚类分析的企业信用等级划分法 </a></div> <div class="con"> 企业信用等级分类监管是工商行政管理部门为提高监管能效开展的重要工作，利用计算机自主、高效地对企业科学的信用等级划分可以避免人为干扰，也是工商部门关注的内容。聚类分析 </div> <div class="typ"> <div class="typ-nam"> <span>期刊</span> </div> <div class="typ-con"> <span><a href="/tags/K-%E5%9D%87%E5%80%BC" target="_blank">K-均值</a></span><span><a href="/tags/%E8%81%9A%E7%B1%BB%E5%88%86%E6%9E%90" target="_blank">聚类分析</a></span><span><a href="/tags/%E4%BF%A1%E7%94%A8%E7%AD%89%E7%BA%A7" target="_blank">信用等级</a></span><span><a href="/tags/%E5%88%86%E7%B1%BB" target="_blank">分类</a></span><br /> </div> </div> </div> <div class="article-other-content"> <div class="tit"><a href="/periodical/faf6facc970a5f15fb7e8acf6e435fb7.html" target="_blank" title="自防御网络的架构与应用"> 自防御网络的架构与应用 </a></div> <div class="con"> 随着网络不断发展，网络环境变得日趋复杂，网络安全问题日渐凸出，各种病毒、间谍软件、木马程序以及黑客攻击等给网络安全带来了很大的挑战，使网络对安全的要求越来越高。提高网络 </div> <div class="typ"> <div class="typ-nam"> <span>期刊</span> </div> <div class="typ-con"> <span><a href="/tags/%E7%BD%91%E7%BB%9C%E6%8A%80%E6%9C%AF" target="_blank">网络技术</a></span><span><a href="/tags/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8" target="_blank">网络安全</a></span><span><a href="/tags/%E6%99%BA%E8%83%BD%E5%8C%96%E8%87%AA%E9%98%B2%E5%BE%A1%E8%83%BD%E5%8A%9B" target="_blank">智能化自防御能力</a></span><br /> </div> </div> </div> <div class="article-other-content"> <div class="tit"><a href="/periodical/638160c2f9844f6004246be00573bb48.html" target="_blank" title="基于纹理和颜色特征的目标跟踪检测算法研究与实现"> 基于纹理和颜色特征的目标跟踪检测算法研究与实现 </a></div> <div class="con"> 对运动目标进行跟踪,常采用粒子滤波跟踪算法。本文为了减少相似背景像素点及光照变化对机动目标跟踪的干扰,采用了基于目标纹理特征和颜色特征融合的自适应粒子滤波算法,通过采用了不同的状态转移模型和观测模型,该模型优点在于能够根据不同的实验环境给出相应的实验方案。试验证明,该算法在跟踪的性能和鲁棒性方面的改进。 </div> <div class="typ"> <div class="typ-nam"> <span>期刊</span> </div> <div class="typ-con"> <span><a href="/tags/%E7%9B%AE%E6%A0%87%E8%B7%9F%E8%B8%AA" target="_blank">目标跟踪</a></span><span><a href="/tags/%E8%87%AA%E9%80%82%E5%BA%94%E9%80%89%E6%8B%A9" target="_blank">自适应选择</a></span><span><a href="/tags/%E7%B2%92%E5%AD%90%E6%BB%A4%E6%B3%A2" target="_blank">粒子滤波</a></span><span><a href="/tags/%E7%9B%B4%E6%96%B9%E5%9B%BE" target="_blank">直方图</a></span><span><a href="/tags/%E9%B2%81%E6%A3%92%E6%80%A7" target="_blank">鲁棒性</a></span><br /> </div> </div> </div> <div class="article-other-content"> <div class="tit"><a href="/periodical/e83f70e81ed1ef8aefe68765a699b5e3.html" target="_blank" title="大学英语教学中计算机主导的跨文化能力培养研究"> 大学英语教学中计算机主导的跨文化能力培养研究 </a></div> <div class="con"> 以计算机主导理论为基础,重点分析了大学英语教学中跨文化能力培养的策略。这些策略集中体现在技能训练、动机培养、跨文化交际实践等多个方面。根据这几个方面,衍生出协作学 </div> <div class="typ"> <div class="typ-nam"> <span>期刊</span> </div> <div class="typ-con"> <span><a href="/tags/%E5%A4%A7%E5%AD%A6%E8%8B%B1%E8%AF%AD%E6%95%99%E5%AD%A6" target="_blank">大学英语教学</a></span><span><a href="/tags/%E8%AE%A1%E7%AE%97%E6%9C%BA%E4%B8%BB%E5%AF%BC" target="_blank">计算机主导</a></span><span><a href="/tags/%E8%B7%A8%E6%96%87%E5%8C%96" target="_blank">跨文化</a></span><span><a href="/tags/%E8%83%BD%E5%8A%9B%E5%9F%B9%E5%85%BB" target="_blank">能力培养</a></span><span><a href="/tags/College+English+teaching" target="_blank">College English teaching</a></span><span><a href="/tags/Computer-based" target="_blank"> Computer-based </a></span><span><a href="/tags/Cross-culture" target="_blank"> Cross-culture </a></span><br /> </div> </div> </div> <div class="article-other-content"> <div class="tit"><a href="/periodical/630f1e7af6c475625267ed9051b4f7d1.html" target="_blank" title="新医改背景下的医用耗材阳光采购与管控研讨会顺利召开"> 新医改背景下的医用耗材阳光采购与管控研讨会顺利召开 </a></div> <div class="con"> 由上海市医学会临床医学工程学分会医用耗材管理学组和上海医疗器械行业协会植入介入器材专业委员会共同主办的＂新医改背景下的医用耗材阳光采购与管控研讨会＂于2018年3月17日 </div> <div class="typ"> <div class="typ-nam"> <span>期刊</span> </div> <div class="typ-con"> <span><a href="/tags/%E5%8C%BB%E7%94%A8%E8%80%97%E6%9D%90" target="_blank">医用耗材</a></span><span><a href="/tags/%E9%98%B3%E5%85%89%E9%87%87%E8%B4%AD" target="_blank">阳光采购</a></span><span><a href="/tags/%E6%96%B0%E5%8C%BB%E6%94%B9" target="_blank">新医改</a></span><span><a href="/tags/%E5%8C%BB%E7%96%97%E5%99%A8%E6%A2%B0%E8%A1%8C%E4%B8%9A%E5%8D%8F%E4%BC%9A" target="_blank">医疗器械行业协会</a></span><span><a href="/tags/%E4%B8%B4%E5%BA%8A%E5%8C%BB%E5%AD%A6%E5%B7%A5%E7%A8%8B" target="_blank">临床医学工程</a></span><span><a href="/tags/%E4%BC%81%E4%B8%9A%E4%BB%A3%E8%A1%A8" target="_blank">企业代表</a></span><span><a href="/tags/%E4%B8%AD%E5%9B%BD%E7%A7%91%E5%AD%A6%E9%99%A2" target="_blank">中国科学院</a></span><span><a href="/tags/%E4%B8%93%E4%B8%9A%E5%A7%94%E5%91%98%E4%BC%9A" target="_blank">专业委员会</a></span><br /> </div> </div> </div> <div class="article-other-content"> <div class="tit"><a href="/periodical/8aacd76b17c139b0f79c3185906362ff.html" target="_blank" title="水稳拌和站拌和质量的关键技术研究"> 水稳拌和站拌和质量的关键技术研究 </a></div> <div class="con"> 本研究说明了水稳拌和站的特点和分类,说明了水稳拌和站利用功率——产量法进行动态标定的方法,提供了水稳拌和站检验动态标定的方法和要点,并对水稳拌和站骨料称重系统的标 </div> <div class="typ"> <div class="typ-nam"> <span>期刊</span> </div> <div class="typ-con"> <span><a href="/tags/%E6%B0%B4%E7%A8%B3%E6%8B%8C%E5%92%8C%E7%AB%99" target="_blank">水稳拌和站</a></span><span><a href="/tags/%E5%8A%A8%E6%80%81%E6%A0%87%E5%AE%9A" target="_blank">动态标定</a></span><span><a href="/tags/%E6%8B%8C%E5%92%8C%E8%B4%A8%E9%87%8F" target="_blank">拌和质量</a></span><span><a href="/tags/%E6%8A%80%E6%9C%AF" target="_blank">技术</a></span><br /> </div> </div> </div> <div class="article-other-content"> <div class="tit"><a href="/periodical/b6c26fc7e72c4b8e9d94768f0bca5f1e.html" target="_blank" title="浅谈高校节能监管平台建设的应用"> 浅谈高校节能监管平台建设的应用 </a></div> <div class="con"> 能源节约问题已成为全社会瞩目的重要问题,高校最为能源消耗的一个重要社会组成,如何对高校能源消耗进行科学管理和监控也受到越来越多的关注,本文从对建设节约型校园的重要 </div> <div class="typ"> <div class="typ-nam"> <span>期刊</span> </div> <div class="typ-con"> <span><a href="/tags/%E9%AB%98%E6%A0%A1%E8%8A%82%E8%83%BD" target="_blank">高校节能</a></span><span><a href="/tags/%E8%8A%82%E8%83%BD%E7%9B%91%E6%8E%A7" target="_blank">节能监控</a></span><span><a href="/tags/%E7%9B%91%E6%8E%A7%E5%B9%B3%E5%8F%B0%E5%BB%BA%E8%AE%BE" target="_blank">监控平台建设</a></span><br /> </div> </div> </div> <div class="article-other-content"> <div class="tit"><a href="/periodical/20fd2e9e4c6321798f17d3de8c2be97d.html" target="_blank" title="新时期计算机网络通信现状及发展趋势研究"> 新时期计算机网络通信现状及发展趋势研究 </a></div> <div class="con"> 本文围绕新时期计算机网络通信技术的现状及问题探析、计算机网络通信技术中存在的问题、如何推动计算机网络通信技术的发展、新时期计算机网络通信的发展趋势预测四大方面展 </div> <div class="typ"> <div class="typ-nam"> <span>期刊</span> </div> <div class="typ-con"> <span><a href="/tags/%E8%AE%A1%E7%AE%97%E6%9C%BA" target="_blank">计算机</a></span><span><a href="/tags/%E9%80%9A%E4%BF%A1%E7%BD%91%E7%BB%9C" target="_blank">通信网络</a></span><span><a href="/tags/%E5%A4%9A%E5%AA%92%E4%BD%93%E6%8A%80%E6%9C%AF" target="_blank">多媒体技术</a></span><span><a href="/tags/3G" target="_blank">3G</a></span><br /> </div> </div> </div> <div class="article-other-content"> <div class="tit"><a href="/periodical/e4b091f6d10133eab51ebd658db1dd66.html" target="_blank" title="330MW 机组大修中汽轮机汽封径向间隙的合理配置"> 330MW 机组大修中汽轮机汽封径向间隙的合理配置 </a></div> <div class="con"> 汽轮机动静之间的密封装置，称为汽封或轴封。若汽封检修调整不当，既影响了机组效率，也对机组开机造成影响。在汽轮机大修中如何合理的配置汽封间隙对机组运行经济性和安全性有直 </div> <div class="typ"> <div class="typ-nam"> <span>期刊</span> </div> <div class="typ-con"> <span><a href="/tags/%E6%B1%BD%E8%BD%AE%E6%9C%BA" target="_blank">汽轮机</a></span><span><a href="/tags/%E6%B1%BD%E5%B0%81" target="_blank">汽封</a></span><span><a href="/tags/%E8%86%A8%E8%83%80%E9%97%B4%E9%9A%99" target="_blank">膨胀间隙</a></span><span><a href="/tags/%E5%BE%84%E5%90%91%E9%97%B4%E9%9A%99" target="_blank">径向间隙</a></span><span><a href="/tags/Steam+turbine" target="_blank">Steam turbine</a></span><span><a href="/tags/Steam+seal" target="_blank">Steam seal</a></span><span><a href="/tags/Expansion+clearance" target="_blank">Expansion clearance</a></span><span><a href="/tags/Radial+clearance" target="_blank">Radial clearance</a></span><br /> </div> </div> </div> <div class="article-other-content"> <div class="tit"><a href="/periodical/0922cfda7133fb498ef4dd7c6a9f8208.html" target="_blank" title="对建筑施工中后浇带功能应用及施工技术的探讨"> 对建筑施工中后浇带功能应用及施工技术的探讨 </a></div> <div class="con"> 随着我国城市化进程的不断加快,对企业的施工进度及施工质量提出了更高的要求,有些企业为了追求施工进度,忽视了工程质量,这就导致工程在后期的使用过程中出现问题.其中,建筑 </div> <div class="typ"> <div class="typ-nam"> <span>期刊</span> </div> <div class="typ-con"> <span><a href="/tags/%E5%BB%BA%E7%AD%91%E6%96%BD%E5%B7%A5" target="_blank">建筑施工</a></span><span><a href="/tags/%E8%A3%82%E7%BC%9D" target="_blank">裂缝</a></span><span><a href="/tags/%E5%90%8E%E6%B5%87%E5%B8%A6" target="_blank">后浇带</a></span><span><a href="/tags/%E6%96%BD%E5%B7%A5%E5%B7%A5%E8%89%BA" target="_blank">施工工艺</a></span><span><a href="/tags/%E5%8A%9F%E8%83%BD%E5%BA%94%E7%94%A8" target="_blank">功能应用</a></span><br /> </div> </div> </div> </section> </div> </div> <!-- 右侧边栏 --> <div class="col-lg-3 col-md-3 hidden-sm hidden-xs"> <div class="content-right"> <div class="sid"> <div class="tit"> <h3>与本文相关的学术论文</h3> </div> <div class="con3"> <ul> </ul> </div> <!-- <div class="bot"> <a href="#" target="_blank"><button class="btn btn-default btn-block">更 多</button></a> </div> --> </div> <div class="sid-img-ad"> <script src=/d/js/public/new5.js></script> </div> </div> </div> </div> </section> </main> <!-- 页面底部 --> <footer class="public-footer"> <section class="top"> <div class="container"> <div class="row"> <div class="col-xs-120 gongjujianjie">期刊论文基于成功要素的搜索引擎优化模型研究发表于2013年16期计算机光盘软件与应用作者余长杰，本篇论文的所有权归原作者余长杰所有，如果您对本文有版权争议，可与客服联系进行内容授权或下架。 </div> </div> </div> </section> <section class="bottom"> <div class="container friend-link"> <div class="row"> <div class="col-xs-12"> <span class="title">友情链接：</span> <a href="https://www.soolun.com/" target="_blank">搜论网</a> <a href="https://www.soolun.com/" target="_blank">论文下载</a> </div> </div> </div> <div class="container service-link"> <div class="row"> <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12"> <div class="aboutus"> <a href="/about.html">关于我们</a> <a href="/about.html">联系我们</a> <a href="/about.html">广告服务</a> <a href="/about.html">版权声明</a> <a href="/about.html">新手指南</a> <a href="/about.html">网站地图</a> </div> <div class="kefuqq"> 客服qq：184688754 客服qq：184688754 </div> <div class="disclaimer"> <span>声明：本文档内容版权归属内容提供方，如果您对本文有版权争议，可与客服联系进行内容授权或下架</span><span>搜论网</span> &copy; CopyRight 2018-2024 </div> </div> <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 wechat"> <div class="wechat-item"> <img src="/image/weixin.png" alt="微信客服" > <div class="img-name">微信客服</div> </div> <div class="wechat-item"> <img src="/image/weixin.png" alt="微信服务号"> <div class="img-name">微信服务号</div> </div> </div> </div> </div> </section> </footer> <script src="//cdn.bootcdn.net/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="//cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script> <script src="//cdn.bootcdn.net/ajax/libs/bootstrap-hover-dropdown/2.2.1/bootstrap-hover-dropdown.min.js"></script> <script src="//cdn.bootcdn.net/ajax/libs/bootstrap-select/1.13.14/js/bootstrap-select.min.js"></script> <script src="/js/js.js?v=1.0"></script> </body> </html>