The pixel counter brought in The SEO Framework is your best friend! The way it works is by calculating the pixel-width of the characters of your proposed metadata.
It’s much more accurate than mimicking Google Search’s snippet in a preview, and it seamlessly blends in with your WordPress interface.
Google works with pixels
Some characters are wider than others. For example, an
i takes less space than a
W. To visualize this, below you can find five i’s, and five W’s, presented in the way Google would for your titles.
This disrupts Google Search by causing characters to overflow the screen, and many SEOs took advantage of this by displaying captivating all-caps titles.
THIS 52-CHARACTER TITLE REALLY GRABS YOUR ATTENTION!
This 52-character title doesn’t grab your attention.
So, in 2012, Google has disregarded the 70 character-limit and uses pixels instead. Back then, SEOmofo executed an experiment, showcasing a 107-character title displayed in Google Search.
How it works
Now, Google Search provides different snippets for regular results, popular results, rich cards, sitelinks, mobile devices, and more. They all have different pixel-widths.
The pixel counter accommodates for all these pixel-widths and simplifies it into one colored line. As you add content, the line may grow when you still have pixels available, it may get stuck when you’re in the danger zone, and it will shrink when you’re doing it wrong.
- Blue: Empty.
- This is an uncertain state. This will show when your page is unpublished or when The SEO Framework can’t generate a description.
- Google will likely generate an unwanted snippet from your page’s content that matches the search query when this state remains.
- Red: Far too short, you should add more information.
- Your input will be rendered as inadequate, and it will likely be replaced.
- Yellow: Too short, you could add more information.
- This is considered OK.
- You have plenty of room left, and you could add more information that attracts the potential visitor.
- Green: Great!
- Your input makes good use of the available space, and it now fits in all snippets. Good job!
- Yellow: Probably too long, it might get trimmed in search.
- Your input will now appear inconsistently throughout the search results.
- Your input is likely to be cut off and have elipsis (…) added.
- The pixel counter will no longer grow; it is now fixed at full width until it becomes red.
- Red: Far too long, it will get trimmed in search.
- Your input is more likely to be replaced completely.
- Or, your input will be cut off and will have elipsis (…) added.
- This can negatively affect ranking, as your page may be flagged for spam.
- The pixel counter now shrinks to visualize how far you’re over the upper limit.
Please keep in mind that Google may replace your input in the snippet when no content in your input matches the search query, regardless of what the pixel counter says.
Inspect the counter
You can tap on or hover over the pixel counter to be reminded what the pixel color means, and to learn how many pixels you have available.