內容簡介
總結：Geo Widget 在 WordPress Gutenberg 編輯器中直接創建結構化、可引用的答案卡（Answer Cards），有利於優化您的內容，特別針對像谷歌 AI Overviews、必應 Copilot 或 Perplexity 這樣的 AI 搜索引擎。
問題與答案：
Q: 誰適合使用這個外掛？
A:
- 想要在AI答案中被引用的內容創作者
- 專注於生成引擎優化的SEO團隊
- 需要文章中有結構化事實區塊的編輯團隊
- 透過REST API將答案卡整合到外部系統的開發人員
Q: Geo Widget 提供哪些特色？
A:
- 可引用的問題卡模塊，包括問題、答案、要點和來源
- 從140個字符上限的輸入欄位和即時計數器的問題欄位
- 多行文本框用於可引用的答案，並具有即時以顏色標示的答案長度評估器
- 灰色：太短（40字以下）
- 綠色：理想長度（40-80字）
- 黃色：變長中（81-120字）
- 紅色：太長（120字以上）
- 最多6個要點陳述，並設有添加/移除按鈕
- 最多6個帶有標籤、URL、出版商和日期的來源管理
- 從問題自動生成錨點ID，支持分音符。可手動重置選項進行覆蓋
- 服務器端渲染 - 輸出完全在伺服器端呈現（無需前端JavaScript）
- 複製按鈕包括：複製包含錨點片段的permalink、複製格式化引文：「問題」-文章標題（網站名稱，日期）URL，視覺反饋等功能
- REST API 公共端點，通過GET /wp-json/provimedia-geo-widget/v1/answers返回所有答案卡作為JSON，可按帖子篩選。
外掛標籤
開發者團隊
原文外掛簡介
Geo Widget creates structured, citable answer blocks (Answer Cards) directly in the WordPress Gutenberg Editor. This optimizes your content specifically for AI-powered search engines like Google AI Overviews, Bing Copilot, or Perplexity.
Each block consists of a question, answer, bullet points, and sources — including copy buttons so readers and AI systems can correctly cite your content.
Who is this plugin for?
Content creators who want to be cited in AI answers
SEO teams focusing on Generative Engine Optimization
Editorial teams needing structured fact blocks in articles
Developers integrating Answer Cards into external systems via REST API
Features
Gutenberg Block “Answer Card”
Question Field — Input field with character limit (max. 140 characters) and live counter
Answer Field — Multi-line text field for the citable answer
Word Counter with Traffic Light Indicator — Real-time color-coded assessment of answer length:
Gray: Too short (under 40 words)
Green: Ideal length (40-80 words)
Yellow: Getting long (81-120 words)
Red: Too long (over 120 words)
Bullet Points (Key Points) — Up to 6 key statements with add/remove buttons
Source Management — Up to 6 sources with label, URL, publisher, and date
Anchor ID — Automatically generated from the question, with umlaut support. Manually overridable with reset option
Server-Side Rendering — Output is fully rendered server-side (no frontend JavaScript required)
Copy Buttons
Copy Link — Copies the permalink including anchor fragment to clipboard
Copy Citation — Copies a formatted citation: “Question” — Post Title (Site Name, Date) URL
Visual Feedback — Button shows “Copied!” and is briefly disabled
Fallback for Older Browsers — Automatic fallback when Clipboard API is unavailable
Configurable Display — Controllable via sidebar: link only, citation only, or both
REST API
Public Endpoint — GET /wp-json/provimedia-geo-widget/v1/answers returns all Answer Cards as JSON
Filter by Post — Parameter post_id to retrieve blocks from a specific post
Pagination — Parameters per_page and page with response headers X-WP-Total and X-WP-TotalPages
Read-only — GET requests only, no write operations
Disableable — Can be completely disabled in settings
Settings Page
Enable/Disable REST API — Toggles the public API endpoint on or off
Include Answer in Citation — Adds the answer text to the citation
Default Copy Mode — Global default: Link & Citation, Link only, or Citation only
Strict Word Limit — Enforces the 120-word limit when saving
Security
Input sanitization of all attributes
Consistent late-escaping against XSS
Protocol whitelist for URLs (http/https only)
No innerHTML or eval in frontend JavaScript
Drafts and password-protected posts excluded from API
SQL injection protection via parameterized queries
Whitelist validation of all setting values
Nonce protection (CSRF) on settings page
External links with rel="noopener noreferrer"
Clean Uninstallation
On uninstall, all plugin options and transients are completely removed from the database
Compatibility
WordPress 6.0 or higher
PHP 7.4 or higher
Gutenberg Block API v3
RTL support (automatically generated stylesheets)
Translation-ready (Text Domain: provimedia-geo-widget)
Development
The compiled JavaScript and CSS files in the /build directory are generated from source files in the /src directory using WordPress build tools.
Source Code
All source code is included in the plugin:
/src/index.js – Editor block component (React/JSX)
/src/frontend.js – Copy button functionality (Vanilla JS)
/src/editor.scss – Editor-only styles (SCSS)
/src/style.scss – Frontend styles (SCSS)
Build Instructions
Install Node.js (v18 or higher recommended)
Navigate to the plugin directory
Run npm install to install dependencies
Run npm run build to compile assets
Build Commands
npm run build – Compile production assets
npm run start – Watch mode for development
npm run lint – Run code linting
npm run test – Run unit tests
Dependencies
@wordpress/scripts – WordPress build toolchain
@wordpress/blocks – Block registration API
@wordpress/block-editor – Block editor components
@wordpress/components – UI components
@wordpress/i18n – Internationalization utilities
@wordpress/element – React abstraction layer
@wordpress/url – URL validation utilities