Awesome

OuiSEO

An open-source bookmarklet that shows you on-page SEO and social meta data information.

Why should I use this?

As an internet marketer you'll often find yourself looking at a website's source code to verify the page's title tag, meta description, see if the Facebook image meta tag was added, look at the text used for the Twitter card, etc. This process is tedious AND time consuming.

OuiSEO was primarily built to save me time (and, let's be honest, to have some fun coding). If you have any ideas or suggestions please get in touch. If anything seems broken please submit a Github issue.

Note: OuiSEO is an evolving project and new features may be added in the future.

Installation

To install OuiSEO simply go here.

Demo

Inspiration

OuiSEO is greatly inspired by this SEO Bookmarklet made by Troy Meier. Thank you Troy!

Resources

Facebook Resources

• Open graph documentation
• Undestanding Facebook object types
• Facebook Open Graph Debugger
• The Open Graph protocol

Twitter Resources

• Twitter Cards Documentation
• Twitter Cards Validator

License

The MIT License (MIT)

Copyright (c) <year> <copyright holders>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Facebook Open Graph Notes

• Fb url: The URL should be the canonical address for the given page
• Fb title: The title should typically match page title
• Fb description: A short description or summary of the object
• Fb type: Tells Facebook how you'd like your website to be categorized. You can find more info here
  • Note: The og:type meta tag is necessary for Facebook to render a News Feed story that generates a high click-through rate
• Fb img: The URL of an image for this Open Graph object. They suggest that you give them an image of at least 200x200 pixels. However, bigger is better, so if you have a 1500x1500 image that you can use, use that instead (Note: image sizes must be no more than 5MB in size.)

TODO

• Refactor JS
• Create minified version
• Check if they use KM, GA, Mixpanel, Optimizely, VWO, MouseFlow, Google Remarketing, AdRoll, CrazyEgg
• Add 'SEO' score?
• Add 'SEO' suggestions?