Suggestion: Longer <TITLE> tag in Element Web

natecovington commented 2 years ago

Your use case

What would you like to do?

I'm running an SEM Rush "audit" on my site and it's flagging my element-subdomain for not having "enough text within the title tags" - e.g: <title>Element</title>

Why would you like to do it?

This seems to be a missed opportunity - can quickly roll out a significant change SEO wise:

How would you like to achieve it?

Change it to something like this: <title>Element - Decentralised, encrypted chat & collaboration powered by [Matrix]</title>

Edit: It looks like this page is also missing an H1 tag, possibly another "easy SEO win"

Have you considered any alternatives?

No response

Additional context

No response

t3chguy commented 2 years ago

The title is dynamic and changes to reflect the room you are viewing and any notifications you may have. SEO tooling doesn't consider javascript so misses this reality

natecovington commented 2 years ago

Right, I'm talking about the tag when you're logged out. </p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/justjanne"><img src="https://avatars.githubusercontent.com/u/3933349?v=4" />justjanne</a> commented <strong> 2 years ago</strong> </div> <div class="markdown-body"> <blockquote> <p>Edit: It looks like this page is also missing an H1 tag, possibly another "easy SEO win"</p> </blockquote> <p>The page when you’re logged out does have an H1 tag:</p> <pre><code class="language-html"><h1 class="mx_Header_title">Welcome to Element</h1></code></pre> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/natecovington"><img src="https://avatars.githubusercontent.com/u/4930859?v=4" />natecovington</a> commented <strong> 2 years ago</strong> </div> <div class="markdown-body"> <blockquote> <blockquote> <p>Edit: It looks like this page is also missing an H1 tag, possibly another "easy SEO win"</p> </blockquote> <p>The page when you’re logged out does have an H1 tag:</p> <pre><code><h1 class="mx_Header_title">Welcome to Element</h1></code></pre> </blockquote> <p>Not for me? <img src="https://user-images.githubusercontent.com/4930859/186205418-39015a95-56a1-40c3-9eb4-596bc22ce9b9.png" alt="Screenshot from 2022-08-23 11-56-59" /></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/t3chguy"><img src="https://avatars.githubusercontent.com/u/2403652?v=4" />t3chguy</a> commented <strong> 2 years ago</strong> </div> <div class="markdown-body"> <p>@natecovington you need to run React for it to render the h1 tag</p> <p><img src="https://user-images.githubusercontent.com/2403652/186205627-64c1d681-5cb0-433b-ad36-0b6c276a187d.png" alt="image" /></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/natecovington"><img src="https://avatars.githubusercontent.com/u/4930859?v=4" />natecovington</a> commented <strong> 2 years ago</strong> </div> <div class="markdown-body"> <p>Interesting. Still this is being flagged by SEM Rush as a "missing h1 tag" - does Google see it? </p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/t3chguy"><img src="https://avatars.githubusercontent.com/u/2403652?v=4" />t3chguy</a> commented <strong> 2 years ago</strong> </div> <div class="markdown-body"> <p>Element Web is an SPA, it isn't intended to be SEO'd, element.io is the SEO-optimised site which links to app.element.io, you're unlikely to want someone cold-hitting app.element.io</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/natecovington"><img src="https://avatars.githubusercontent.com/u/4930859?v=4" />natecovington</a> commented <strong> 2 years ago</strong> </div> <div class="markdown-body"> <blockquote> <p>Element Web is an SPA, it isn't intended to be SSO'd, element.io is the SSO-optimised site which links to app.element.io, you're unlikely to want someone cold-hitting app.element.io</p> </blockquote> <p>I'm not talking about app.element.io - I'm talking about "my own homeserver" - otherwise I hear you...</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/t3chguy"><img src="https://avatars.githubusercontent.com/u/2403652?v=4" />t3chguy</a> commented <strong> 2 years ago</strong> </div> <div class="markdown-body"> <p>Element Web isn't a homeserver, that'd be Synapse. Element Web (app.element.io and others) are (Web) Matrix Clients</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/natecovington"><img src="https://avatars.githubusercontent.com/u/4930859?v=4" />natecovington</a> commented <strong> 2 years ago</strong> </div> <div class="markdown-body"> <p>I know what Element Web is. </p> <p>Either way, to summarize, the title tag is just "Element" and seems like a missed opportunity. </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>

element-hq / element-web