MokoConsulting/MokoSuiteOpenGraph
1
0
Fork 0
Code Issues 3 Pull Requests Releases 1 Wiki Activity

Add LinkedIn social preview card to editor #61

New Issue
Closed
opened 2026-06-23 13:30:24 +00:00 by jmiller · 1 comment
jmiller commented 2026-06-23 13:30:24 +00:00
Owner
Copy Link
Copy Source

Summary

Add a LinkedIn preview card mockup alongside the existing Facebook and Twitter/X previews in the article/menu editor.

Why

  • LinkedIn is a major referral source for business/professional content
  • Rank Math offers LinkedIn preview for free
  • MokoOG already outputs LinkedIn article:* tags but doesn't preview them
  • LinkedIn uses a distinct card layout from Facebook/Twitter

Implementation

  • Add a third preview card in preview.js / preview.css
  • LinkedIn card layout: image (aspect ratio ~1.91:1), title (below), description, source domain
  • LinkedIn truncation limits: title ~70 chars, description ~100 chars
  • Show alongside existing Facebook and Twitter previews
## Summary Add a LinkedIn preview card mockup alongside the existing Facebook and Twitter/X previews in the article/menu editor. ## Why - LinkedIn is a major referral source for business/professional content - Rank Math offers LinkedIn preview for free - MokoOG already outputs LinkedIn `article:*` tags but doesn't preview them - LinkedIn uses a distinct card layout from Facebook/Twitter ## Implementation - Add a third preview card in `preview.js` / `preview.css` - LinkedIn card layout: image (aspect ratio ~1.91:1), title (below), description, source domain - LinkedIn truncation limits: title ~70 chars, description ~100 chars - Show alongside existing Facebook and Twitter previews
jmiller added this to the v1.3 — Quick Wins milestone 2026-06-23 13:30:24 +00:00
jmiller added the enhancement label 2026-06-23 13:30:24 +00:00
jmiller commented 2026-06-23 13:30:27 +00:00
Author
Owner
Copy Link
Copy Source

Branch created: feature/61-add-linkedin-social-preview-card-to-edit

git fetch origin
git checkout feature/61-add-linkedin-social-preview-card-to-edit
Branch created: [`feature/61-add-linkedin-social-preview-card-to-edit`](https://git.mokoconsulting.tech/MokoConsulting/MokoSuiteOpenGraph/src/branch/feature/61-add-linkedin-social-preview-card-to-edit) ```bash git fetch origin git checkout feature/61-add-linkedin-social-preview-card-to-edit ```
Sign in to join this conversation.
Labels
Clear labels
bug
Something is broken
 documentation
Documentation improvements
 enhancement
production-readiness
Required before v1.0 release
 security
Security vulnerability or hardening
 testing
Test coverage and QA
No labels enhancement
Priority Medium
Type Feature
Milestone
No items
No Milestone v1.3 — Quick Wins
Assignees
Clear assignees
jmiller (Jonathan Miller)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: MokoConsulting/MokoSuiteOpenGraph#61
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?