Your title, your brand, one separator
The page title is required; the brand joins after a pipe separator (“Title | Brand”). A result page usually shows the brand last, so it is the first thing to fall off when the cut comes - which is why it is optional while the title itself is mandatory.
Both fields are assembled in the local tab by the same fixed rule that assembled the tag already on the page, with nothing uploaded and no network request. A title that has not been published yet can be typed here safely, because it appears only in the source block and the file you choose to download.
Measured in characters, cut at a word
The joined title is measured against the 60-character convention using the same constant and word-boundary cut as the keyword-density checker. Under the limit the page says so; over it, it shows exactly how the ending would be cut, with the ellipsis marked, so you see a concrete result rather than a bare count.
Pixels are never claimed: the 580-pixel figure people quote comes from a font the result page chooses, on a device it chooses - which no page on this side of the table can measure. Because the trim happens at a word boundary rather than mid-word, the page shows the exact ending it would display, not a character number with no context.
Escaped before it reaches markup
`&`, `<`, `>` and `"` in the title become entities before they land in the source block or the download - the same four-entity escaping the rest of the site uses, so the block text and the .html file are the identical, paste-safe string.
Because the output is live markup rather than plain text, an unescaped `<` would be read as a tag when the title is pasted into a page. Escaping turns it into `<`, so the copyable string can never break out of the <title> element - the same protection the email signature generator relies on.
Private by construction
Both fields are noUrl, so the title and brand never enter the address bar, the share link, the copied summary or the print stamp. The tag is composed in the tab by a fixed rule, and the site makes no network requests at all.
Assembly and escaping both happen locally with nothing uploaded, and sharing a link to the page carries your settings, never your title or brand. The .html download is a small self-contained document whose content is escaped before it ships, so the copyable block and the file are the same string.
The title is not the H1, and a result page may rewrite it
Two elements carry the words at the top of a page and they do different jobs. The title element is what a browser prints on the tab, what a bookmark is saved as, what a search result shows as its blue line, and what a social preview falls back to. The H1 is the headline on the page itself, read by someone who has already arrived. They usually say the same thing in different words, and this page writes only the first of them: the tag you get is meant for the head, not for the body.
The reason to keep them apart is that the audiences differ. A title has to survive being cut at sixty characters next to a competitor, so the useful words go first and the brand can be dropped. An H1 can be a question, a promise or a sentence, because the reader is already on the page and does not need to be told which site this is. Copying one into the other is the fastest way to get a title that reads like an on-page headline and an H1 that reads like a search result. If your template prints the H1 from the same field as the title, the two will keep colliding, and the fix belongs in the template rather than in this box.
One more thing belongs here, because it is the question everyone asks after a title ships: a search engine may rewrite the line it displays, most often when the query shares little with the title or when the title looks stuffed. Nothing in a generator can prevent that. What this page can do is hand you a title that says one thing clearly inside the first sixty characters, which is the only part you control - and the escaped source block is what makes that same string safe in the tab, in the snippet and in the file.
Danfio