內容簡介
SERP Render for Rank Math 外掛替換了 Rank Math SEO 的預覽框，提供精確的 Google 搜尋結果預覽，實時顯示 SEO 標題和描述，幫助使用者優化內容。
【主要功能】
• 實時顯示精確的標題和描述測量
• 真實的省略號截斷顯示
• 彩色表情符號指示標題長度
• 桌面和行動裝置分別使用不同的像素限制
• 顯示 Rank Math 的主要焦點關鍵字
• 靜態 Google 品牌漸層邊框
外掛標籤
開發者團隊
原文外掛簡介
SERP Render for Rank Math replaces Rank Math SEO’s own preview box, in both the sidebar and inside the “Edit Snippet” popup, with a pixel-accurate Google search result preview. It reads Rank Math’s own SEO title and meta description live, as you type, no new fields, nothing overridden or duplicated.
What it does
Live, pixel-width accurate title and description measurement, not character-count estimates
Real ellipsis truncation, the title and description are shown exactly as Google would cut them, not full text plus a separate warning label
A colored-emoji indicator in place of the site favicon, giving at-a-glance feedback on title length as you type (empty, building, good range, near optimal, or exceeding Google’s limit)
Desktop and mobile use their own separate pixel limits. A title that exceeds mobile’s limit but still fits desktop’s is shown as “near optimal,” not as a failure, since it’s a genuine device tradeoff, not a mistake, both modes only agree on failure once a title exceeds the shared upper limit
Desktop and mobile use visibly different container widths and decorative search chrome (icon tabs and a result count on desktop, plain tabs and no result count on mobile), matching how Google’s own interface actually differs between the two
Mobile width matches a real modern phone’s browser viewport, not an arbitrary number
The search bar shows Rank Math’s real primary Focus Keyword, giving the preview an actual representative query rather than a generic placeholder
A static Google-brand gradient border around the preview
Takes the place of Rank Math’s own preview box, the “Edit Snippet” button remains fully functional and clicking the preview itself also opens it
What it deliberately does not do
Does not manage, override, or store its own copy of your title or meta description
Does not attempt to simulate Google rewriting your title or description
Does not currently detect or preview Schema.org rich results. This is a possible future addition
Does not support the Classic Editor, Elementor, or other page builders in this version. Requires the WordPress block editor (Gutenberg)
Does not support Yoast SEO, SEOPress, AIOSEO, or other SEO plugins in this version. Requires Rank Math SEO. (A separate sibling plugin, “SERP Render for Yoast”, covers Yoast SEO.)
A note on how the preview replacement works
Rank Math doesn’t provide an official way for another plugin to replace its own preview box, so this plugin hides it using a single CSS rule targeting Rank Math’s own preview class name, in both the sidebar and inside the “Edit Snippet” popup, since both use the exact same underlying component. If a future Rank Math update renames that class, the rule simply stops matching and Rank Math’s own preview reappears, visibly, not a silent failure. Nothing about your title, description, or Rank Math’s own data is ever touched.
The copy of the preview shown inside the “Edit Snippet” popup specifically relies on an unsupported technique (watching for the popup to open and inserting the preview into it), since Rank Math has no official extension point inside that popup. This is lower-risk than it might sound, the hiding itself is plain CSS and needs no ongoing JavaScript to keep working, but it is still not a guaranteed-stable integration. If a future Rank Math update changes the popup’s internal structure, this specific copy may simply stop appearing inside the popup, the sidebar copy remains the more durable place to check the preview.
A note on the emoji indicator
The emoji replaces the site favicon entirely and is a decorative feedback signal, not a real favicon or a Google-provided element. It reflects the title’s measured pixel width against Google’s limits, nothing else.
External Services
This plugin does not connect to any external server, API, or third-party service. All processing (pixel-width measurement, preview rendering) happens locally in your browser, using data already present in your WordPress editor. No data leaves your site.
