A Chrome extension with a persistent sidebar to display SEO information.

Latest Version

Version
3.1
Update
July 28, 2024
Size
37.68KiB
Developer
chaensel.de
Category
Users
186
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Tabs
ActiveTab
Storage
Scripting
WebRequest
DeclarativeContent
SidePanel
ContextMenus
WebNavigation
See more

Persistent SEO Sidebar Extension

Overview
The SEO Sidebar Chrome Extension adds a native Chrome sidebar to the browser that remains open across different tabs and sessions. The sidebar provides SEO tools, displays page data, schema.org types, and response headers for the main document. The extension also includes quick access links to validate schema markup and test rich results in Google.

Features

- Persistent sidebar that remains open across tabs and browser sessions
- Supports dark mode and light mode (to be set in extension settings)
- Generates a HTML report, which can be downloaded
- Displays page title, meta description, meta robots, canonical URL, page load time, HTML node count, sitemaps referenced in robots.txt, the robots.txt content, and first H1 tag
- Lists (nested) schema.org types used on the page
- Displays the collected JSON-LD schema markup used on the page.
- Display the contents of the robots.txt
- Displays the sitemaps referenced in the robots.txt
- Displays the redirect chain
- Function to check the current URL against the robots.txt using the most common Bot user agents
- Displays a nested list of all headings (

to

) used on the page
- Displays resized images with preview, source, original and resized dimensions, difference in % of height and width, also the XPath
- Shows response headers for the main document
- 🐙 Collects hreflang liinks from HTML head and HTTP response headers
- Quick access links to validate schema markup and test rich results in Google
- JSON-export of the page data

Once the extension is loaded, click the extension icon to toggle the sidebar.

The sidebar will appear on the left side of the browser window.
Background colour and width of the sdebar can be adjusted in the settings.
Use the provided tools and links within the sidebar.

Update: Needed to remove the context menu as it was creating issues. Will be back soon.
Read more

Source Manifest.json

{"update_url":"https://clients2.google.com/service/update2/crx",
"manifest_version":3,
"name":"Persistent SEO Sidebar",
"version":"3.1",
"description":"A Chrome extension with a persistent sidebar to display SEO information.",
"permissions":["tabs",
"activeTab",
"storage",
"scripting",
"webRequest",
"declarativeContent",
"sidePanel",
"contextMenus",
"webNavigation"],
"host_permissions":["*://*/*"],
"side_panel":{"default_path":"sidebar.html"},
"web_accessible_resources":[{"resources":["sidebar.html",
"settings.html",
"gsc.html"],
"matches":["*://*/*"]}],
"background":{"service_worker":"background.js"},
"action":{"default_icon":{"16":"icons/sidebar-icon-16.png",
"48":"icons/sidebar-icon-48.png",
"128":"icons/sidebar-icon-128.png"},
"default_title":"SEO Sidebar"},
"content_scripts":[{"matches":[""],
"js":["content_script.js",
"download_report.js"],
"run_at":"document_idle"}],
"icons":{"16":"icons/sidebar-icon-16.png",
"48":"icons/sidebar-icon-48.png",
"128":"icons/sidebar-icon-128.png"},
"options_page":"settings.html"}
Read more