So all developers may use page titles consistently, develop a title & title heuristics

Find best practices and write a small post about our decisions for how we write great page titles

This is the thing between the tag, not a page element.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jdkunesh"><img src="https://avatars.githubusercontent.com/u/157725?v=4" />jdkunesh</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>Along with the <TITLE>, make recommendations for FAVICON.ICO usage, title/crawl/bookmark and other meta data elements.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/alaeder16"><img src="https://avatars.githubusercontent.com/u/57451859?v=4" />alaeder16</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p><a href="https://github.com/Chicago/design-cds-bootstrap/files/4221071/Title.Tag.Best.Practices.docx">Title Tag Best Practices.docx</a></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/alaeder16"><img src="https://avatars.githubusercontent.com/u/57451859?v=4" />alaeder16</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>@jdkunesh I attached the short article on the title best practices. Please review and let me know if this is what you were referring to.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jdkunesh"><img src="https://avatars.githubusercontent.com/u/157725?v=4" />jdkunesh</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>Hi @alaeder16 this is awesome. Given this set of heuristics, what would a few recommendations for titles be for the City?</p> <p>City of Chicago (no title) [ page title ] - City of Chicago [ keyword1, keyword2 ] - City of Chicago</p> <p>or similar?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/alaeder16"><img src="https://avatars.githubusercontent.com/u/57451859?v=4" />alaeder16</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>@jdkunesh I would say [Page name] - [ Category] | [City of Chicago]. Where Page name should be different from the page title and consist of keyword 1 and 2. For example: Dog Registration | Animal Care and Control | City of Chicago</p> <p>Currently it is City of Chicago :: Dog Registration</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jdkunesh"><img src="https://avatars.githubusercontent.com/u/157725?v=4" />jdkunesh</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>@alaeder16 @mario-duran Please make it so, and let's include examples in:</p> <ul> <li>[x] stickersheet</li> <li>[x] prototype</li> <li>[ ] codebase</li> </ul> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jdkunesh"><img src="https://avatars.githubusercontent.com/u/157725?v=4" />jdkunesh</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>@mario-duran can you make sure there's a good example in the design system site template for this page title? When done please close. Thanks!</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

Chicago / design-cds-bootstrap

So all developers may use page titles consistently, develop a title & title heuristics #80