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

Closed
opened 2026-06-23 13:30:07 +00:00 by jmiller · 1 comment
Owner

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
Author
Owner

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 ```
Sign in to join this conversation.
Priority Medium
Type Feature
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: MokoConsulting/MokoSuiteOpenGraph#58