4007654355
首页 电话咨询 短信咨询 QQ咨询
首页 > 运营学院 > 技术支持 > 织梦建站代码需求解析：模板修改与SEO优化

织梦建站代码需求解析：模板修改与SEO优化

时间 : 2025-03-11,00:00:00   编辑 ::网络

一、模板结构解析

织梦CMS模板文件位于/templets/default目录，需将HTML文件扩展名改为.htm。核心页面包含：

  • 首页：index.htm
  • 列表页：list_article.htm
  • 内容页：article_article.htm

系统通过{dede:field.title/}等标签动态加载数据，头部SEO元素需在模板中直接定义。

二、模板修改步骤

  1. 通过FTP下载原始模板文件备份
  2. 使用Notepad++等工具编辑.htm文件
  3. 修改</code>标签结构实现动态标题组合</li> <li>上传文件至服务器并清除缓存</li> </ol> <p>关键文件<code>include/typelink.class.php</code>控制栏目页标题逻辑，修改时需注意保留原始分隔符。</p> </section> <section id="section-3"> <h2>三、<span class="wpcom_tag_link">SEO优化</span>技巧</h2> <p>实现搜索引擎友好的三大要素：</p> <ul> <li><strong>标题优化：</strong>采用<code>{dede:field.seotitle/}+主标题</code>结构</li> <li><strong>元标签配置：</strong>在模板头部添加关键词、描述动态调用标签</li> <li><strong>URL伪静态：</strong>通过.htaccess文件实现/article/123.html格式</li> </ul> <figure> <table> <caption>SEO元素对照表</caption> <tr> <th>页面类型</th> <th>Title结构</th> </tr> <tr> <td>首页</td> <td>品牌词+核心业务</td> </tr> <tr> <td>栏目页</td> <td>栏目名称+分类特征</td> </tr> </table> </figure> </section> <section id="section-4"> <h2>四、性能优化建议</h2> <p>提升网站加载速度的关键措施：</p> <ul> <li>启用CDN加速静态资源分发</li> <li>配置Redis缓存数据库查询结果</li> <li>图片自动转换为WebP格式</li> </ul> <p>每月检测死链并分析爬虫日志，可提升搜索引擎收录效率。</p> </section> <section> <p>通过模板文件的精准修改与SEO标签的合理配置，结合服务器性能优化，可构建搜索引擎友好的织梦网站。建议定期审查<code>include</code>目录下的核心文件版本，确保系统安全性与兼容性。</p> </section> </article> <p><br> #<a href="/tag/%E5%BB%BA%E7%AB%99">建站</a>  #<a href="/tag/%E9%A6%96%E9%A1%B5">首页</a>  #<a href="/tag/%E5%8A%A0%E8%BD%BD">加载</a>  #<a href="/tag/%E4%B8%89%E5%A4%A7">三大</a>  #<a href="/tag/%E8%BD%AC%E6%8D%A2%E4%B8%BA">转换为</a>  #<a href="/tag/%E6%A2%A6%E7%BD%91">梦网</a>  #<a href="/tag/%E4%B8%8A%E4%BC%A0%E6%96%87%E4%BB%B6">上传文件</a>  #<a href="/tag/%E6%97%B6%E9%9C%80">时需</a>  #<a href="/tag/%E5%AF%B9%E7%85%A7%E8%A1%A8">对照表</a>  #<a href="/tag/%E6%95%B0%E6%8D%AE%E5%BA%93%E6%9F%A5%E8%AF%A2">数据库查询</a>  #<a href="/tag/%E6%96%87%E4%BB%B6%E6%89%A9%E5%B1%95%E5%90%8D">文件扩展名</a>  #<a href="/tag/%E6%96%87%E4%BB%B6%E5%A4%87%E4%BB%BD">文件备份</a>  #<a href="/tag/%E5%88%86%E9%9A%94%E7%AC%A6">分隔符</a>  #<a href="/tag/%E6%AD%BB%E9%93%BE">死链</a>  #<a href="/tag/%E7%9B%AE%E5%BD%95%E4%B8%8B">目录下</a>  #<a href="/tag/liantong">liantong</a>  #<a href="/tag/intr_b">intr_b</a>  #<a href="/tag/amount">amount</a>  #<a href="/tag/item_btn">item_btn</a>  #<a href="/tag/fanw">fanw</a>  </p> <p><br> #<a href="/jszc/?tag=%E5%BB%BA%E7%AB%99">建站</a>  #<a href="/jszc/?tag=%E9%A6%96%E9%A1%B5">首页</a>  #<a href="/jszc/?tag=%E5%8A%A0%E8%BD%BD">加载</a>  #<a href="/jszc/?tag=%E4%B8%89%E5%A4%A7">三大</a>  #<a href="/jszc/?tag=%E8%BD%AC%E6%8D%A2%E4%B8%BA">转换为</a>  #<a href="/jszc/?tag=%E6%A2%A6%E7%BD%91">梦网</a>  #<a href="/jszc/?tag=%E4%B8%8A%E4%BC%A0%E6%96%87%E4%BB%B6">上传文件</a>  #<a href="/jszc/?tag=%E6%97%B6%E9%9C%80">时需</a>  #<a href="/jszc/?tag=%E5%AF%B9%E7%85%A7%E8%A1%A8">对照表</a>  #<a href="/jszc/?tag=%E6%95%B0%E6%8D%AE%E5%BA%93%E6%9F%A5%E8%AF%A2">数据库查询</a>  #<a href="/jszc/?tag=%E6%96%87%E4%BB%B6%E6%89%A9%E5%B1%95%E5%90%8D">文件扩展名</a>  #<a href="/jszc/?tag=%E6%96%87%E4%BB%B6%E5%A4%87%E4%BB%BD">文件备份</a>  #<a href="/jszc/?tag=%E5%88%86%E9%9A%94%E7%AC%A6">分隔符</a>  #<a href="/jszc/?tag=%E6%AD%BB%E9%93%BE">死链</a>  #<a href="/jszc/?tag=%E7%9B%AE%E5%BD%95%E4%B8%8B">目录下</a>  #<a href="/jszc/?tag=liantong">liantong</a>  #<a href="/jszc/?tag=intr_b">intr_b</a>  #<a href="/jszc/?tag=amount">amount</a>  #<a href="/jszc/?tag=item_btn">item_btn</a>  #<a href="/jszc/?tag=fanw">fanw</a>  </p> </div> <div class="content_page"> <a href='/111374.html '>上一篇</a> <a href="/">返回首页</a> <a href="javascript:window.print();">打印</a> <a href="javascript:history.go(-1);">返回上页</a> <a href='/111376.html'>下一篇</a> </div> </div> <div class="related_info"> <div class="list"> <div class="tit">头条文章</div> <div class="box"> <ul> <li> <a href="/52063.html">git上怎么查询某个表的路径（两种方法）</a> <p>在git中，每个文件夹和文件都有一个唯一的路径。当我们需要查···</p> </li> <li> <a href="/149355.html">百度指数新表达：热门商品搜索热！</a> <p>高质量内容创作，创新表达之道 一、百度指数：洞察搜器利的势趋···</p> </li> <li> <a href="/44254.html">win7如何添加开机启动项</a> <p>win7添加开机启动项的方法是：1、依次点击开始、所有程序；···</p> </li> <li> <a href="/37100.html">Java实现微信公众号和扫码支付的案例</a> <p>微信支付已经成为生活中必不可少的付款方式，本篇文章主要介绍了···</p> </li> <li> <a href="/91922.html">成都网络营销公司助力企业数字转型策略分析</a> <p>引言</h共和国的西南重镇——成都，近年来在数字经济发···</p> </li> <li> <a href="/127700.html">京东单号查询方法是什么？</a> <p> 嘿， ！吧秘奥询查的亲爱的购物狂们···</p> </li> <li> <a href="/138437.html">精简资源，高效配置</a> <p>资源精简：开启代时新置配效高高效配置新时代 在当今快速发展的···</p> </li> <li> <a href="/121497.html">郑州网站托管专家</a> <p>郑州网站托管：揭秘高质量网站建设的秘密 在信。站网息爆炸的今···</p> </li> <li> <a href="/162135.html">AI写作新纪元，轻松创作高质量！</a> <p> 探索AI写···</p> </li> <li> <a href="/94267.html">基于云服务器创建多语言网站的最佳实践是什么？</a> <p>随着互联网的发展，越来越多的企业和个人开始关注全球市场。为了···</p> </li> <li> <a href="/80947.html">免费SEO编辑器：提升网站排名的秘密武器</a> <p>在如今的互联网时代，网站的流量是企业成功与否的关键之一。无论···</p> </li> <li> <a href="/33557.html">wordpress支持采集吗</a> <p> wordpress是一种使用php语言开发的建站程序平台，···</p> </li> <li> <a href="/19077.html">一个合格产品必有的意识：降低注册流程的流失率</a> <p>　注：看了很多文章，都没发现对注册流程流失率这块有比较详细介···</p> </li> <li> <a href="/86003.html">SEO优化教学：提升网站排名的核心策略与技巧</a> <p>在现代数字营销中，SEO优化（SearchEngineOpt···</p> </li> <li> <a href="/24791.html">搜索引擎关键字寻找及评估：提升网站流量的核心策略</a> <p>搜索引擎关键字寻找的重要性及方法 在互联网信息爆炸的···</p> </li> <li> <a href="/81190.html">如何识别稿子AI：揭开智能写作的神秘面纱</a> <p>AI写作的特点与识别难点 随着人工智能技术的飞速进步···</p> </li> <li> <a href="/58025.html">React 项目中 script 标签 src 属性没有斜杠，请求为什么是根路径而不是当前目录？</a> <p> script 标签相对路径转为绝对路径的妙招 你在处理 R···</p> </li> <li> <a href="/110092.html">安阳网络推广2024新渠道如何精准触达目标客户？</a> <p> 一、精准定位目标客户画像 二、多维渠道整合策略 三、内容营···</p> </li> <li> <a href="/31812.html">thinkphp5支持oracle吗</a> <p> 首先，我们知道php是完全支持oracle的，那么作为ph···</p> </li> <li> <a href="/57080.html">如何使用 Cordova 插件判断手机是否安装了微信或 QQ？</a> <p> 借助插件判断手机是否安装应用 您希望通过 javascri···</p> </li> </ul> </div> </div> <div class="list"> <div class="tit">推荐文章</div> <div class="box"> <ul> <li> <a href="/52063.html">git上怎么查询某个表的路径（两种方法）</a> <p>在git中，每个文件夹和文件都有一个唯一的路径。当我们需要查···</p> </li> <li> <a href="/149355.html">百度指数新表达：热门商品搜索热！</a> <p>高质量内容创作，创新表达之道 一、百度指数：洞察搜器利的势趋···</p> </li> <li> <a href="/44254.html">win7如何添加开机启动项</a> <p>win7添加开机启动项的方法是：1、依次点击开始、所有程序；···</p> </li> <li> <a href="/37100.html">Java实现微信公众号和扫码支付的案例</a> <p>微信支付已经成为生活中必不可少的付款方式，本篇文章主要介绍了···</p> </li> <li> <a href="/91922.html">成都网络营销公司助力企业数字转型策略分析</a> <p>引言</h共和国的西南重镇——成都，近年来在数字经济发···</p> </li> <li> <a href="/127700.html">京东单号查询方法是什么？</a> <p> 嘿， ！吧秘奥询查的亲爱的购物狂们···</p> </li> <li> <a href="/138437.html">精简资源，高效配置</a> <p>资源精简：开启代时新置配效高高效配置新时代 在当今快速发展的···</p> </li> <li> <a href="/121497.html">郑州网站托管专家</a> <p>郑州网站托管：揭秘高质量网站建设的秘密 在信。站网息爆炸的今···</p> </li> <li> <a href="/162135.html">AI写作新纪元，轻松创作高质量！</a> <p> 探索AI写···</p> </li> <li> <a href="/94267.html">基于云服务器创建多语言网站的最佳实践是什么？</a> <p>随着互联网的发展，越来越多的企业和个人开始关注全球市场。为了···</p> </li> <li> <a href="/80947.html">免费SEO编辑器：提升网站排名的秘密武器</a> <p>在如今的互联网时代，网站的流量是企业成功与否的关键之一。无论···</p> </li> <li> <a href="/33557.html">wordpress支持采集吗</a> <p> wordpress是一种使用php语言开发的建站程序平台，···</p> </li> <li> <a href="/19077.html">一个合格产品必有的意识：降低注册流程的流失率</a> <p>　注：看了很多文章，都没发现对注册流程流失率这块有比较详细介···</p> </li> <li> <a href="/86003.html">SEO优化教学：提升网站排名的核心策略与技巧</a> <p>在现代数字营销中，SEO优化（SearchEngineOpt···</p> </li> <li> <a href="/24791.html">搜索引擎关键字寻找及评估：提升网站流量的核心策略</a> <p>搜索引擎关键字寻找的重要性及方法 在互联网信息爆炸的···</p> </li> <li> <a href="/81190.html">如何识别稿子AI：揭开智能写作的神秘面纱</a> <p>AI写作的特点与识别难点 随着人工智能技术的飞速进步···</p> </li> <li> <a href="/58025.html">React 项目中 script 标签 src 属性没有斜杠，请求为什么是根路径而不是当前目录？</a> <p> script 标签相对路径转为绝对路径的妙招 你在处理 R···</p> </li> <li> <a href="/110092.html">安阳网络推广2024新渠道如何精准触达目标客户？</a> <p> 一、精准定位目标客户画像 二、多维渠道整合策略 三、内容营···</p> </li> <li> <a href="/31812.html">thinkphp5支持oracle吗</a> <p> 首先，我们知道php是完全支持oracle的，那么作为ph···</p> </li> <li> <a href="/57080.html">如何使用 Cordova 插件判断手机是否安装了微信或 QQ？</a> <p> 借助插件判断手机是否安装应用 您希望通过 javascri···</p> </li> </ul> </div> </div> <div class="clear"></div> </div> </div> <div class="main_r"> <div class="pushshow"> <div class="head">400电话优惠</div> <div class="bd"> <div class="tempWrap"> <ul> <li> <a href="/400tel/"> <img src="/style/picture/r_case_img2.png" alt="400电话办理" title="400电话办理"><strong>400电话办理</strong> </a> </li> </ul> </div> </div> </div> <div class="pushshow"> <div class="head">新闻动态</div> <div class="box news_category"> <ul> <li><a href="/qyxinwen/">企业新闻</a></li> <li><a href="/hyxinwen/">行业新闻</a></li> <li><a href="/yhff/">优化方法</a></li> <li><a href="/jszc/">技术支持</a></li> <li><a href="/twjc/">图文教程</a></li> <li><a href="/ztfb/">主题发布</a></li> <li><a href="/seo/">SEO优化</a></li> </ul> </div> </div> <div class="pushshow"> <div class="head">热门新闻</div> <div class="box"> <ul> <li> <a href="/144613.html">PHP入门必备，快速掌握编程技···</a> </li> <li> <a href="/109258.html">云建站APP开发指南：移动端自···</a> </li> <li> <a href="/158573.html">线上线下联动，精准触达用户</a> </li> <li> <a href="/165041.html">手把手教你从零开始建网站——全···</a> </li> <li> <a href="/123135.html">闲鱼发货步骤及虚拟物品设置详解···</a> </li> <li> <a href="/53607.html">linux x是什么权限</a> </li> <li> <a href="/159704.html">2021手机网址，安全可靠速览</a> </li> <li> <a href="/100749.html">如何解决宝塔面板创建网站后显示···</a> </li> <li> <a href="/153752.html">湖北工程职业学院，2021招生···</a> </li> <li> <a href="/91925.html">捕捉光影之美：一幅画中的四季变···</a> </li> <li> <a href="/27769.html">互联网广告推广引领品牌增长的必···</a> </li> <li> <a href="/139586.html">湖北科院咸安校区·智慧校园心选···</a> </li> <li> <a href="/114132.html">网站服务器升级进行时：流程解析···</a> </li> <li> <a href="/134567.html">优化排名搜索，高效提升网站曝光···</a> </li> <li> <a href="/30077.html">什么是录得量？房地产市场中的“···</a> </li> <li> <a href="/141065.html">专业SEO定制服务</a> </li> <li> <a href="/160534.html">“精准诊断，高效优化”</a> </li> <li> <a href="/41057.html">dedecms5.1升级为5.···</a> </li> <li> <a href="/114280.html">网站服务器架设指南：零门槛本地···</a> </li> <li> <a href="/75843.html">百度智能优化：引领数字时代的营···</a> </li> <li> <a href="/4434.html">网络营销精算盘：不只是阿里巴巴···</a> </li> <li> <a href="/44371.html">破火车头采集器：开启数据采集的···</a> </li> <li> <a href="/98259.html">使用免费手机商城建站系统时，如···</a> </li> <li> <a href="/89425.html">重庆南川出名的SEO：如何通过···</a> </li> <li> <a href="/99525.html">利用动态域名建站，是否可以创建···</a> </li> <li> <a href="/92598.html">DZ模板定制：如何选择和安装适···</a> </li> <li> <a href="/68083.html">如何去除超链接默认的下划线样式···</a> </li> <li> <a href="/112412.html">百度云服务器建站全流程：配置教···</a> </li> <li> <a href="/79512.html">WordPress发布软件：让···</a> </li> <li> <a href="/136718.html">闲鱼库存功能如何开通呢？</a> </li> <li> <a href="/25388.html">一键复制网站源码，让你轻松搭建···</a> </li> <li> <a href="/41996.html">关于微信小程序分页加载的代码</a> </li> <li> <a href="/57134.html">Nginx开源可视化配置工具N···</a> </li> <li> <a href="/36612.html">帝国cms收费吗</a> </li> <li> <a href="/155313.html">“BT种子新升级，一键分享更便···</a> </li> <li> <a href="/6895.html">网络营销之防骗秘笈</a> </li> <li> <a href="/7811.html">企业实现全网营销的必要性！</a> </li> <li> <a href="/137172.html">独步搜索前沿，首页霸屏新势力！</a> </li> <li> <a href="/30339.html">如何通过“主页引擎排行SEO方···</a> </li> <li> <a href="/5321.html">全网营销推广公司：企业为何做全···</a> </li> <li> <a href="/108678.html">高端网站定制开发：打造独一无二···</a> </li> <li> <a href="/146229.html">快手上热门的秘密是什么？</a> </li> <li> <a href="/105568.html">3G网站构建指南：打造高效移动···</a> </li> <li> <a href="/137605.html">品牌推广秘诀：精准定位，高效传···</a> </li> <li> <a href="/146349.html">网站SEO霸屏秘籍：关键词精准···</a> </li> <li> <a href="/9048.html">金华全网营销推广浅析客户搜索三···</a> </li> <li> <a href="/26352.html">株洲SEO排名优化：如何快速提···</a> </li> <li> <a href="/126209.html">如何成为天猫淘宝优惠券群代理？</a> </li> <li> <a href="/96959.html">从零开始，电商平台建站公司能提···</a> </li> <li> <a href="/30735.html">AI可以写文章吗？揭开人工智能···</a> </li> </ul> </div> </div> </div> </div> </div> <div class="links"> <p><a href="http://www.feiruoze.cn">南京互联网推广</a> <a href="http://www.kingsm.com.cn">连云港互联网营销</a> <a href="http://www.chunxia.net">南京数字媒体代运营广</a> <a href="http://www.arnf.cn">连云港短视频推广</a> <a href="http://m.feiruoze.cn">南京互联网推广</a> <a href="http://m.kingsm.com.cn">连云港互联网营销</a> <a href="http://m.chunxia.net">南京数字媒体代运营广</a> <a href="http://m.arnf.cn">连云港短视频推广</a> </p> </div> <style> .official-plat .weibo { position: absolute; top: -145px; left: -30px; background-image: url(/static/upload/image/20240910/1725941282200279.jpg); background-repeat: no-repeat; display: none; background-size:cover } </style> <div class="footer"> <div class="w1200 clearfix"> <!-- footer主要--> <div class="footer-floor1"> <div class="footer-left"> <div class="company-box"> <div class="company-name"> 公司：菲若泽科技<br> 地址：江苏省连云港市海州区花果山北路226号 </div> </div> <div class="official-plat"> <p class="weixin"><span class="corner wx-corner"></span></p> <p class="weibo"><span class="corner wb-corner"></span></p> <ul class="clearfix"> <li> <a href="#a_null"><span class="weixin-logo"></span></a> </li> <li title="点击打开官方客服"> <a rel="nofollow" target="_blank" href="http://wpa.qq.com/msgrd?v=3&site=菲若泽科技&menu=yes&uin=915688610"><span class="qq-logo"></span></a> </li> </ul> </div> </div> <div class="footer-list"> <ul> <li class="flist-title">我们服务</li> <li> <a rel="nofollow" target="_blank" href=" /meiti/">长尾词系统</a> </li> <li> <a rel="nofollow" target="_blank" href=" /sjwz/">手机网站建设</a> </li> <li> <a rel="nofollow" target="_blank" href=" /qwyx/">全网营销策划</a> </li> <li> <a rel="nofollow" target="_blank" href=" /wzyh/">网站优化</a> </li> <li> <a rel="nofollow" target="_blank" href=" /400tel/">400电话办理</a> </li> <li> <a rel="nofollow" target="_blank" href=" /wzjs/">企业网站建设</a> </li> </ul> <ul> <li class="flist-title">技术支持</li> <li> <a rel="nofollow" target="_blank" href="/">网站后台教程</a> </li> <li> <a rel="nofollow" target="_blank" href="/">网站备案</a> </li> <li> <a rel="nofollow" target="_blank" href="/">域名申请问题</a> </li> <li> <a rel="nofollow" target="_blank" href="/">网站标题写法</a> </li> <li> <a rel="nofollow" target="_blank" href="/">熊掌号问题</a> </li> <li> <a rel="nofollow" target="_blank" href="/">百度搜索问题</a> </li> </ul> <ul> <li class="flist-title">关于我们</li> <li> <a rel="nofollow" target="_blank" href="/about/">公司简介</a> </li> <li> <a rel="nofollow" target="_blank" href="">荣誉资质</a> </li> <li> <a rel="nofollow" target="_blank" href="">建站案例</a> </li> <li> <a rel="nofollow" target="_blank" href="/news/">新闻动态</a> </li> <li> <a rel="nofollow" target="_blank" href="/meiti/">优化案例</a> </li> <li> <a rel="nofollow" target="_blank" href="/aboutus/" >联系我们</a> </li> </ul> <ul class="flist-4"> <li class="flist-title">旗下站点</li> <li> <a rel="nofollow" target="_blank" href="/">官方博客</a> </li> <li> <a rel="nofollow" target="_blank" href="/">小程序</a> </li> <li> <a rel="nofollow" target="_blank" href="/">网站模板</a> </li> <li> <a rel="nofollow" target="_blank" href="/">F型网站</a> </li> <li> <a rel="nofollow" target="_blank" href="/">老域名</a> </li> <li> <a rel="nofollow" target="_blank" href="/">建站系统</a> </li> </ul> <div class="clear-float"></div> </div> <div class="clear-float"></div> </div> </div> <div class="footer-floor2"> <p>本站关键词:免费网站建设,数字媒体,网络营销,代运营媒体,互联网广告,短视频电商营销方案 <p>Copyright 2023 菲若泽科技 All Rights Reserved. <style> .nav{width:65%;margin-left:0;} .header_tel{width:10%;} .logo{width:20%;} .nav ul li a{padding:0 12px;}</p> <p> <a rel="nofollow" href="https://beian.miit.gov.cn/" target="_blank">苏ICP备2024102990号</a>  <a href="/sitemap.xml" target="_blank">XML地图</a>   </p> </div> </div> <!-- 友情链接外链开始 --> <div class="frendlinks" style="height:0;overflow: hidden;font-size: 0;">友情链接： <br> </div> <!-- 友情链接外链结束 --> <!-- 外链开始 --> <span id="WzLinks" style="height:0;overflow: hidden;font-size: 0;"></span> <script language="javascript" type="text/javascript" src="//cdn.wzlink.top/wzlinks.js"></script> <!-- 外链结束 --> <script> $(function(){ $(".official-plat li").eq(2).hover(function(){ $(".official-plat .weixin").css("display","block") },function(){ $(".official-plat .weixin").css("display","none") }) $(".official-plat li").eq(0).hover(function(){ $(".official-plat .weibo").css("display","block") },function(){ $(".official-plat .weibo").css("display","none") }) }) </script> <div class="m_footer_info"> <div class="container"> <h5>菲若泽科技</h5> <p>电话 : 17765291314 </p> <p>座机 : 4007654355 </p> <p>邮箱 : 915688610@qq.com </p> <p>地址 : 江苏省连云港市海州区花果山北路226号 </p> </div> </div> <script> $(function() { $('#dowebok').responsiveSlides({ pager: true, nav: true, namespace: 'centered-btns', }); $('#dowebok1').responsiveSlides({ pager: true, nav: true, namespace: 'centered-btns', }); }); </script> </body> </html>