Show different title on category page

2018-03-31 16:16:49

In my category pages, the title of the category is shown as the title of the page. I want to have a different title, for SEO purposes. How can this be done?

Say my category is mystery books I want the search engine to see a title like "The Best Mystery Books" instead of "mystery books" that it sees now. I don't care if this title is also shown on the actual page or not.

This is the code I use for the title of category pages:

The "problem" seems to be that WP automatically generates tags from the <header> <h1> of the page.</p><p>Any ideas?</p><p>Maybe I need a function that checks if it is a category and puts the relevant <title> in the <head> of the page?</p> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5022280766749164" data-ad-slot="2991388969" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </div> </div> </div> </div> <div class="clear"></div> <div class="sep20"></div> </div> <div class="footer"> <div class="content"> <div class="inner"> <div class="small">If you have any questions about the website, please choose the following way to contact us.</div> <div class="sep10"></div> <div class="small"><script>document.write('\u0043\u006f\u006e\u0074\u0061\u0063\u0074\u0020\u0045\u006d\u0061\u0069\u006c\u003a\u0031\u0039\u0031\u0033\u0039\u0036\u0036\u0038\u0023\u0071\u0071\u002e\u0063\u006f\u006d\u0028\u0070\u006c\u0065\u0061\u0073\u0065\u0020\u0072\u0065\u0070\u006c\u0061\u0063\u0065\u0020\u0023\u0020\u0074\u006f\u0020\u0040\u0029')</script></div> <div class="sep10"></div> </div> </div> </div> <script type="text/javascript"> document.getElementsByName('sitesearch')[0].value = location.hostname </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-89709078-4', 'auto'); ga('send', 'pageview'); </script> </body> </html>