URL Meta Preview Tool

What It Does

• Accepts any public http:// or https:// URL.
• Extracts title, description, canonical, robots, Open Graph, and Twitter card fields.
• Displays the result in a compact preview pack with diagnostics.
• Supports desktop or mobile fetch profiles.

Setup

1. Open functions/config.local.php.
2. Optional: adjust curl_timeout.
3. Optional: add adsense_client and adsense_sidebar_slot to activate the right sidebar ad area.
4. Make sure PHP curl and DOM parsing are available on the server.
5. Load /UrlMetaPreviewTool/ in your browser through MAMP.

How To Use

1. Paste the target URL.
2. Select the fetch mode and preview focus.
3. Click Inspect Metadata.
4. Review and copy the output from the popup modal.

Folder Structure

• index.php – main UI entry point
• css/style.css – interface styling
• js/app.js – browser-side interactions and modal flow
• functions/lib.php – fetch, parse, validation, and rate limiting logic
• functions/api.php – backend API endpoint
• functions/config.local.php – local settings and ad configuration
• storage/logs – error and debug logs

Security Notes

• The functions and storage folders are protected with .htaccess.
• Requests use a CSRF token.
• A simple file-based rate limit reduces abuse without a database.

Troubleshooting

• If fetching fails, confirm the target page is public and returns HTML.
• If parsing fails, inspect the generated log file under storage/logs.
• If the popup does not open, make sure JavaScript is enabled.
• If folder protection does not work, make sure Apache allows .htaccess overrides.