Add character count indicators to OG title/description fields #58

New Issue

2026-06-23T13:30:07Z

jmiller commented

2026-06-23 13:30:07 +00:00

Summary

Add live character count indicators to the OG title and description fields in the article/menu editor, with visual warnings when text exceeds recommended limits.

Why

Every major WordPress SEO plugin (Yoast, Rank Math, SEOPress, AIOSEO) has this
Users don't know if their title/description will be truncated on social platforms
Pure JavaScript enhancement — no backend changes needed

Recommended Limits

Field	Optimal	Max before truncation
og:title	60 chars	90 chars (Facebook)
og:description	155 chars	200 chars
seo_title	60 chars	70 chars
meta_description	155 chars	160 chars

Implementation

Enhance preview.js in plg_content_mokoog
Show 42/60 counter below each field
Color coding: green (under optimal), yellow (near limit), red (over max)
Update counters in real-time as user types

## Summary Add live character count indicators to the OG title and description fields in the article/menu editor, with visual warnings when text exceeds recommended limits. ## Why - Every major WordPress SEO plugin (Yoast, Rank Math, SEOPress, AIOSEO) has this - Users don't know if their title/description will be truncated on social platforms - Pure JavaScript enhancement — no backend changes needed ## Recommended Limits | Field | Optimal | Max before truncation | |-------|---------|----------------------| | og:title | 60 chars | 90 chars (Facebook) | | og:description | 155 chars | 200 chars | | seo_title | 60 chars | 70 chars | | meta_description | 155 chars | 160 chars | ## Implementation - Enhance `preview.js` in `plg_content_mokoog` - Show `42/60` counter below each field - Color coding: green (under optimal), yellow (near limit), red (over max) - Update counters in real-time as user types

jmiller added this to the v1.3 — Quick Wins milestone 2026-06-23 13:30:07 +00:00

jmiller added the enhancement label 2026-06-23 13:30:07 +00:00

jmiller commented

2026-06-23 13:30:11 +00:00

Branch created: feature/58-add-character-count-indicators-to-og-tit

git fetch origin
git checkout feature/58-add-character-count-indicators-to-og-tit

Branch created: [`feature/58-add-character-count-indicators-to-og-tit`](https://git.mokoconsulting.tech/MokoConsulting/MokoSuiteOpenGraph/src/branch/feature/58-add-character-count-indicators-to-og-tit) ```bash git fetch origin git checkout feature/58-add-character-count-indicators-to-og-tit ```

jmiller closed this issue

2026-06-23 14:08:46 +00:00

jmiller referenced this issue from a commit

2026-06-23 15:36:59 +00:00

feat: add fediverse:creator tag, character counters, LinkedIn preview

jmiller referenced this issue

2026-06-23 15:37:25 +00:00

feat: v1.3 — multi-platform social tags, editor UX, video support #82

Sign in to join this conversation.