WP网站模板开发中，怎样给分类目录添加SEO标题和关键词？

　　作为一个wordpress网站的站长，都希望自己的网站在百度或谷歌搜索引擎上的排名好。这时，我们除了要做好wordpress网站的内容之外，还要对wordpress网站做好相关的SEO优化。在前面的章节中，我们介绍了wordpress网站首页的SEO优化，今天，我们再来介绍一下wordpress网站的分类目录页面的SEO优化。

　　我们都知道，分类目录的标题一般都比较短，有的只有2个字，这很利于SEO优化，所以，我们将为wordpress网站的分类目录后台界面添加SEO标题、关键词、描述功能，这样，我们在添加或修改分类目录时，就可以为每一个分类目录创建SEO标题、关键词和描述了。下面，就随我一起来看看吧。具体可以观看我在本站发表的《怎样给wordpress网站的分类目录，添加SEO标题和关键词？》视频。

　　给wordpress网站的后台的“添加新分类目录”界面，增加几个SEO表单。“添加新分类目录”界面默认情况下如下图。

　　把下面的代码，放到wordpress主题的functions.php文件中。

　　//给分类目录添加SEO标题、关键词、描述//添加页面挂载字段add_action('category_add_form_fields','category_term_field');//分类add_action('post_tag_add_form_fields','category_term_field');//标签functioncategory_term_field(){wp_nonce_field(basename(__FILE__),'category_term_field_nonce');//wp_enqueue_script('dreamc_term_fields',

　　get_template_directory_uri().'/js/termmeta-upload.js');echo'';echo'SEO标题';echo'';echo'';echo'';echo'SEO关键词';echo'';echo'';echo'';echo'<label for="</p><p>　　　　category-term-seo_description">SEO描述';echo'<textarea name="</p><p>　　　　category_term_seo_description" id="</p><p>　　　　category-term-seo_description">';echo'';}</p><p>　　这时，我们再到后台去看一下“添加新分类目录”界面，效果如下图：</p><p>　　默认情况下，wordpress后台的分类编辑界面如下图这样。</p><p>　　我们要给这个分类编辑界面添加SEO标题、关键词、描述的表单。在wordpress主题的functions.php文件中，放入如下代码：</p><p>　　//分类扩展信息编辑界面add_action('category_edit_form_fields','edit_category_term_field');//分类add_action('post_tag_edit_form_fields','edit_category_term_field');//标签functionedit_category_term_field($term){//获取数据$category_title=get_term_meta($term->term_id,'category_seo_title',true);$category_keywords=get_term_meta($term->term_id,'category_seo_keywords',true);$category_des=get_term_meta($term->term_id,'category_seo_des',true);echo'';echo'SEO标题';echo'';echowp_nonce_field(basename(__FILE__),'category_term_field_nonce');echo'';echo'';echo'';echo'';echo'SEO关键词';echo'';echo''.$category_keywords.'';echo'';echo'';echo'';echo'SEO描述';echo'';echo''.$category_des.'';echo'';echo'';}</p><p>　　我们再到后台的分类目录编辑界面看一下，效果如下图：</p><p>　　我们在wordpress网站后台的分类目录界面添加或修改数据后，我们还需要对它们进行保存，所以，我们需要functions.php文件添加如下这段保存数据的代码：</p><p>　　//保存数据add_action('create_category','save_category_term_field');add_action('edit_category','save_category_term_field');//分类add_action('create_post_tag','save_category_term_field');add_action('edit_post_tag','save_category_term_field');//标签functionsave_category_term_field($term_id){if(!isset($_POST['category_term_field_nonce'])||!wp_verify_nonce($_POST['category_term_field_nonce'],basename(__FILE__)))return;//获取$category_title=isset($_POST['category_term_title'])?$_POST['category_term_title']:'';$category_keywords=isset($_POST['category_term_keywords'])?$_POST['category_term_keywords']:'';$category_des=isset($_POST['category_term_des'])?$_POST['category_term_des']:'';//更新if(''===$category_title){delete_term_meta($term_id,'category_seo_title');}else{update_term_meta($term_id,'category_seo_title',$category_title);}if(''===$category_keywords){delete_term_meta($term_id,'category_seo_keywords');}else{update_term_meta($term_id,'category_seo_keywords',$category_keywords);}if(''===$category_des){delete_term_meta($term_id,'category_seo_des');}else{update_term_meta($term_id,'category_seo_des',$category_des);}}</p><p>　　通过上面几步，我们就为我们的wordpress网站的分类目录添加了SEO标题、关键词、描述的功能，以后，我们在添加分类目录时，填写这些信息，然后，再在前台模板的头部调用，就可以实现wordpress网站分类目录页面的SEO优化了。</p> </div> </div> <div class="row"> <div class="col-sm-12 text-center"> <div class="blog-post__share"> <a class="btn btn--sm bg--facebook vpe" href="http://www.yufarm.com/html/news/seojc/3202.html"> <span class="btn__text"> ← 上一篇 </span> <a class="btn btn--sm bg--twitter vpe" href="http://www.yufarm.com/html/news/seojc/3205.html"> <span class="btn__text"> 下一篇 → </span> <a class="btn btn--sm bg--plus vpe" href="http://www.yufarm.com/html/news/seojc/"> <span class="btn__text"> 返回栏目列表 </span> </a> </div> </div> </div> </div> </section> <!--Footer Start--> <section class="bg--primary space--sm cta cta-5 hidden-xs"> <div class="container"> <div class="row"> <div class="col-sm-12 text-center"> <h4>联系我们，为您提供专业的SEO技术解决方案！</h4> <a class="btn btn--sm vpe" href="http://www.yufarm.com/html/contact/" rel="nofollow"> <span class="btn__text"> 联系我们 </span> </a> </div> </div> </div> </section> <footer class="bg--dark footer-1 text-center-xs"> <div class="container"> <div class="row"> <div class="col-md-2 col-sm-8 hidden-xs"> <h6><a href="">快速导航</a></h6> <ul class="footer__navigation"> <li class="vpe"> <a href="http://www.yufarm.com/html/news/">技术资讯</a> </li> <li class="vpe"> <a href="http://www.yufarm.com/html/contact/">联系我们</a> </li> </ul> </div> <div class="col-md-4 col-sm-12"> <h6>联系方式</h6> <p>Telegram：@supceet</p> <!--<p>地址：浙江省杭州市萧山区建设二路 666号信息港六期2幢3楼</p>--> <a class="btn btn--primary bg--facebook"> <span class="btn__text"> <i class="socicon-whatsapp"></i> TG：@supceet</span> </a> </div> </div> <div class="row footer__lower text-center-xs"> <div class="col-sm-12"> <hr> </div> <div class="col-sm-6"> <span class="type--fine-print">© <span>2016-2024</span> 千牛网络技术有限公司. <a rel="nofollow">浙ICP备16056682号-5</a></span> </div> <div class="col-sm-6 text-right text-center-xs"> <ul class="social-list"> <li class="vpe"> <i class="socicon-baidu"></i> </li> <li class="vpe"> <i class="socicon-google"></i> </li> <li class="vpe"> <i class="socicon-apple"></i> </li> <li class="vpe"> <i class="socicon-android"></i> </li> </ul> </div> </div> </div> </footer> </div> <!--右侧客服--> <div class="cndns-right"> <div class="cndns-right-meau meau-sev hidden-xs"> <a href="javascript:" class="cndns-right-btn"> <span class="demo-icon icon-qq"></span> <p> 咨询 </p> </a> <div class="cndns-right-box"> <div class="box-border"> <div class="sev-t"> <span class="demo-icon icon-chat"></span> <p>SEO在线咨询<i>为您提供专业技术服务</i></p> <div class="clear"></div> </div> <div class="sev-b"> <ul id="zixunUl"> <li><a href="http://www.yufarm.com/html/contact/" rel="nofollow">余先生</a></li> <li><a href="http://www.yufarm.com/html/contact/" rel="nofollow">王小姐</a></li> <div class="clear"></div> </ul> </div> <span class="arrow-right"></span> </div> </div> </div> <div class="cndns-right-meau meau-contact hidden-xs"> <a href="javascript:" class="cndns-right-btn"> <span class="demo-icon icon-phone-circled"></span> <p> 联系 </p> </a> <div class="cndns-right-box"> <div class="box-border"> <div class="sev-t"> <span class="demo-icon icon-phone-circled"></span> <p>TG:@supceet<br /> <i>7*24小时服务</i></p> <div class="clear"></div> </div> <span class="arrow-right"></span> </div> </div> </div> <!--<div class="cndns-right-meau meau-code hidden-xs"> <a href="javascript:" class="cndns-right-btn"> <span class="demo-icon icon-wechat"></span> <p>TG</p> </a> <div class="cndns-right-box"> <div class="box-border"> <div class="sev-t"><img src="/static/vzz/picture/88652.jpg" alt="二维码" /><i>添加TG</i></div> <span class="arrow-right"></span> </div> </div> </div>--> <div class="cndns-right-meau meau-top" id="top-back"><a href="javascript:" class="cndns-right-btn" onclick="topBack()"> <span class="demo-icon icon-up-open-big"></span> <i>顶部</i></a></div> </div> <!--右侧客服END--> <!--Footer End--> <script type="text/javascript"> $('.cndns-right').hide() $(window).scroll(function(){ if($(this).scrollTop() > 200){ $(".cndns-right").fadeIn(); } else{ $(".cndns-right").fadeOut(); } }) function topBack(){ $('body,html').animate({scrollTop:0},300); } $('.cndns-right .cndns-right-btn:first').css({border:"none"}); </script> <script src="/static/vzz/js/wow.min.js"></script> <script> var windw = $(window).width(); aa = $(".container").length; if(aa>0){ if(windw > 768){ new WOW().init(); } } </script> <script src="/static/vzz/js/jweixin-1.6.0.js" type="text/javascript"> </script> </body> </html>