How to fix title too long on Remix

Steps for Remix

1. Identify the route file responsible for the page with the too-long title (e.g. app/routes/products.$handle.tsx or app/routes/_index.tsx) inside your Remix project.
2. Open that route file and locate the exported `meta` function — it will look like: `export const meta: MetaFunction = () => [ { title: '...' }, ... ];`
3. Count the characters in the current title string. Rewrite it to be 60 characters or fewer, keeping the most important keyword(s) near the front (e.g. 'Keyword-Rich Product Name | Brand' instead of a verbose sentence).
4. If a shared/global title is set in app/root.tsx via its own `meta` export or an `<Links>` / `<Meta>` component, check that file too and shorten any default or fallback title template to stay within 60 characters including the brand suffix.
5. If you use a title template pattern (e.g. `${pageTitle} | ${siteName}`), calculate the worst-case length: `pageTitle` max chars = 60 minus separator and brand name length, then enforce that limit when generating `pageTitle` dynamically.
6. Run `npm run dev`, open the page in a browser, inspect the `<title>` tag in DevTools to confirm the rendered title is 60 characters or fewer, then deploy the change.

What is title too long?

Every web page has a title tag — a short line of HTML that tells search engines and browsers what the page is about. It's the large blue (or purple) clickable headline you see in Google search results. When your title is too long, Google cuts it off mid-sentence and adds "…" at the end. Google's practical display limit is roughly 600 pixels wide, which corresponds to about 50–60 characters in a typical font. Keeping titles within that range ensures shoppers and Google see your full intended message.

A truncated title in search results looks incomplete and unprofessional, which directly reduces click-through rates — and fewer clicks means less organic traffic and revenue, even if you rank well. Google also uses the title as a primary signal for what the page is about; an overstuffed, cut-off title can dilute your target keywords and make it harder to rank for any single term. In some cases, Google will silently rewrite a title it considers too long or spammy, replacing it with text of its own choosing that may not align with your brand or target keywords at all. Fixing title length is a quick win that immediately improves both your rankings and the first impression shoppers have of your store.

See the complete Title too long guide for every platform and the full background.