Create unique, accurate page titles
A
element tells both users and search engines what the topic of a particular page is. Place the <title> element within the <head> element of the HTML document, and create unique title text for each page on your site.</p>
<hr>
<h1>SEO Tips: Title</h1>
<p>A title link is the title of a search result on Google Search and other properties (for example, Google News) that links to the web page.</p>
<p><img src="/images/description.png" alt="Description snippet"></p>
<h2>Best practices for influencing title links</h2>
<p>Title links are critical to giving users a quick insight into the content of a result and why it's relevant to their query. It's often the primary piece of information people use to decide which result to click on, so it's important to use high-quality title text on your web pages.</p>
<ul>
<li>Make sure every page on your site has a title specified in the <code><title></code> element.</li>
<li>Write descriptive and concise text for your <code><title></code> elements. Avoid vague descriptors like "Home" for your home page, or "Profile" for a specific person's profile.
Also avoid unnecessarily long or verbose text in your <code><title></code> elements, which is likely to be cut short when it shows up in search results.</li>
<li>Avoid keyword stuffing. It's sometimes helpful to have a few descriptive terms in the <code><title></code> element, but there's no reason to have the same words or phrases appear multiple times. Title text like "Foobar, foo bar, foobars, foo bars" doesn't help the user, and this kind of keyword stuffing can make your results look spammy to Google and to users.</li>
<li>Avoid repeated or boilerplate text in <code><title></code> elements. It's important to have distinct text that describes the content of the page in the <code><title></code> element for each page on your site. Titling every page on a commerce site "Cheap products for sale", for example, makes it impossible for users to distinguish between two pages. Long text in the <code><title></code> element that varies by only a single piece of information ("boilerplate" titles) is also bad; for example, a common <code><title></code> element for all pages with text like "Band Name - See videos, lyrics, posters, albums, reviews and concerts" contains a lot of uninformative text.
One solution is to dynamically update the <code><title></code> element to better reflect the actual content of the page. For example, include the words "video", "lyrics", etc., only if that particular page contains video or lyrics.</li>
<li>Brand your titles concisely. The <code><title></code> element on your site's home page is a reasonable place to include some additional information about your site. For example:<pre><code><title>ExampleSocialSite, a place for people to meet and mingle</title>
</code></pre>
</li>
<li>But displaying that text in the <code><title></code> element of every single page on your site will look repetitive if several pages from your site are returned for the same query. In this case, consider including just your site name at the beginning or end of each <code><title></code> element, separated from the rest of the text with a delimiter such as a hyphen, colon, or pipe, like this:<pre><code><title>ExampleSocialSite: Sign up for a new account.</title>
</code></pre>
</li>
</ul>
<h2>Source</h2>
<p>https://developers.google.com/search/docs/appearance/title-link</p>
</main>
<footer></footer>
<!-- Current page: /title/ -->
</body>
</html>