prismicio / prismic-toolbar

An embeddable UI for Prismic content and previews directly on your website.

12 stars 19 forks source link

feat(toolbar): add seo insights tab #90

Closed lihbr closed 2 years ago

lihbr commented 3 years ago

Status

🧪 This is an experiment on the toolbar. Design and code are likely to change if we agree on moving forward with this idea.

Types of changes

[ ] Bug fix (a non-breaking change which fixes an issue)
[x] New feature (a non-breaking change which adds functionality)
[ ] Breaking change (fix or feature that would cause existing functionality to change)

Overview

This is a quick experiment I made on the toolbar to adds an additional "SEO Insights" tab to it:

toolbar

Here what this new tab is doing:

Displays current page meta title, description, and image;
Gives basic hints on each of them;
Checks for their counterpart on Open Graph & Twitter protocol;
Displays errors if tags are not found, warning if they are empty;
Provides additional resources from Google and social media official debuggers.

Try it yourself

Just replace your toolbar script with this one and replace YOUR_REPO with yours:

https://prismic-toolbar-seo.netlify.app/prismic-toolbar/4.0.5/prismic.js?repo=YOUR_REPO&new=true

Should be working!

Duaner commented 2 years ago

Thanks a lot for the idea @lihbr i love it personally, this is something that we might explore later down the road but don't think we should prioritize for now.

I will close this PR until we come back to the subject