Skip to content

Make meta titles short - #5603

Open
sumitshinde-84 wants to merge 4 commits into
mainfrom
make-meta-titles-short
Open

Make meta titles short#5603
sumitshinde-84 wants to merge 4 commits into
mainfrom
make-meta-titles-short

Conversation

@sumitshinde-84

Copy link
Copy Markdown
Contributor

Description

This PR introduces a metaTitle field that allows us to override the browser tab title and Open Graph title independently of the on-page title (H1). This lets authors use a readable, descriptive page title while using a shorter, keyword-focused title for search engines and social sharing.

We updated the meta title instead of the page title to avoid inconsistencies with the hero images and other places where the page title is displayed. By managing the meta title separately, we can optimize titles for SEO and social sharing without changing the visible page title or affecting existing imagery.

Related Issue(s)

Checklist

  • I have read the contribution guidelines
  • I have considered the performance impact of these changes
  • Suitable unit/system level tests have been added and they pass
  • Documentation has been updated
  • For blog PRs, an Art Request has been created (instructions)

sumitshinde-84 and others added 3 commits August 14, 2026 17:15
…copies

package-lock.json picked up unrelated dependency-metadata churn from a
local npm install; two blog posts were also accidentally duplicated
under nuxt/content/blog/ instead of only living in src/blog/.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@netlify

netlify Bot commented Aug 14, 2026

Copy link
Copy Markdown

Deploy Preview for flowforge-website ready!

Name Link
🔨 Latest commit f2cf814
🔍 Latest deploy log https://app.netlify.com/projects/flowforge-website/deploys/6a7f210096d40700089aeec8
😎 Deploy Preview https://deploy-preview-5603--flowforge-website.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 68 (🟢 up 3 from production)
Accessibility: 96 (no change from production)
Best Practices: 100 (no change from production)
SEO: 85 (no change from production)
PWA: -
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.


Use it when the on-page `title` is written for readers (descriptive, sometimes long) but doesn't make a good search-result or tab title. When set, it renders as `{metaTitle} | FlowFuse` in both places; when omitted, the browser tab and share title fall back to `{title} • FlowFuse Blog`.

Keep `metaTitle` short and keyword-forward — it's for SEO/CTR in search results and social previews, not for readability on the page itself.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

How short?


<!-- Browser Title -->
{% if navTitle %}
{% if metaTitle %}

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@sumitshinde-84 If this is only for blogs, I don't know why you need to update base.njk. And it should all be rendered through Nuxt.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants