Using a Ranking Badge on Your Own Website
Badges · 7 min read ·
Where to place a ranking badge, what to say beside it, how the link attribute works and how to keep the claim accurate as your position changes.
A ranking badge is a small piece of evidence that you can place in front of every visitor. Used well, it answers a quiet question in a buyer's mind: do other people take this business seriously? Used badly, it becomes clutter, or worse, a claim you cannot support.
This guide covers where to put it, what to say, how the link works and how to keep the badge honest.
Decide what the badge claims
Before you place anything, be clear what the badge actually says. A ranking badge states a position on a defined board in a defined period, such as "Third on this week's launches". It does not say you are the third best business in the world. Write the words beside it to match.
Useful forms of wording:
- "Ranked third among this week's launches" with the date
- "Featured on the leaderboards" if you were listed, not ranked
- "Listed in the launch directory"
Avoid wording that stretches the claim:
- "Voted best" when the board counted something else
- "Top rated" when the badge shows a paid placement
- "Number one" with no board, period or category
If the badge came from a paid placement, say so. Paid and earned signals are different, and mixing them up misleads visitors.
Where to put it
Visitors make a trust decision in several places. The best positions for a badge are:
- Near the top of the home page, beside or under the main headline. This is where new visitors look first.
- On the pricing or sign-up page, where doubt peaks.
- Next to testimonials, where it supports social proof.
- In the footer, as a quiet repetition on every page.
- On launch or press pages, with a link to the source.
One clear badge in one or two places is better than five badges everywhere.
Design it so it helps
Size. Make it big enough to read but not louder than your own brand. A height similar to your logo's is a good starting point.
Contrast. Check that text on the badge is readable in light and dark modes. If your site has both, test each.
Alternative text. Add a short description for people who use screen readers: "Ranked third among this week's launches, with date".
Fixed dimensions. Set the width and height in your markup so the browser reserves the space. This stops the page from jumping as the badge loads. The web performance guidance from Google measures this as Cumulative Layout Shift and treats a score of 0.1 or less as good.
Weight. A badge should be a small image or inline vector. Avoid loading a large script for a single graphic. Page speed is part of the experience you are trying to improve.
How the link works
A badge normally links to the page that proves it. This lets visitors verify the claim and is generally the honest thing to do.
Behind the scenes, links carry attributes that tell search engines how to treat them. Google's guidance describes three: sponsored for advertisements and paid placements, ugc for user-generated content, and nofollow for cases where you would rather not pass signals. It says links marked in these ways will generally not be followed.
For you, as the site displaying a badge, the practical points are:
- If the badge link is a plain editorial link to a ranking page, there is usually no reason to mark it.
- If you were given the badge in return for payment, mark the link as sponsored.
- If a platform provides code that sets the attribute for you, use it as supplied rather than editing it.
When a badge points back to the issuing site, that site decides what it is willing to pass in return. With the Best Biz Launch badge, our script sets the link attribute live, depending on the site's checks, and you do not need to adjust it yourself.
Keeping it accurate
Rankings move. A badge that said "third this week" is stale next week.
- Date it. Include the week or month in the badge wording.
- Use a rolling element if the platform provides one. Some badges update automatically.
- Set a reminder to review claims each month.
- Retire expired claims. Replace "ranked third this week" with "ranked in the top ten in March" or remove it.
- Keep a record. Screenshot the board and note the date, so you can prove the claim later.
An out-of-date badge is a small dishonesty that costs you credibility if someone checks.
What to write around it
A badge on its own can feel like boasting. A sentence of context makes it useful.
- "We launched in March and reached the weekly top ten. Here is what we learned."
- "Our listing is on the leaderboards. See how we compare."
- "Thank you to everyone who tried us."
Link to a short page or post that tells the story. Readers are more persuaded by what you did than by a graphic.
Accessibility and fairness
- Provide text alternatives for images.
- Do not rely on colour alone to convey rank, for example gold for first. Write the position in words.
- Make sure the badge can be reached and understood by keyboard users.
- Do not place it so that it covers content on small screens.
Measuring whether it works
You can learn whether a badge helps with simple tests.
- Compare sign-up rates on the pricing page before and after adding it.
- Look at clicks on the badge link in your analytics.
- Ask new customers whether they noticed it.
- Try with and without for a few weeks if you have enough traffic.
If it does not help, remove it. A simpler page may serve you better.
Related items worth showing
A badge is one signal among others. Pair it with:
- A short list of what you do
- Named customer quotes with permission
- A link to your listing page
- Clear contact details
On this site, you can start your listing through the submit page, edit it from your account, and check what paid options exist on the pricing page.
Mistakes to avoid
- Overclaiming. Say only what the badge supports.
- Hotlinking heavy images that slow the page.
- Leaving expired badges in place.
- Hiding the paid label where there was one.
- Using someone else's badge without permission.
- Placing too many. A cluttered strip looks defensive.
A worked example: from placement to page
Imagine a bookkeeping app that reached a weekly top ten. The team wants to use the result without overstating it.
First, they take a screenshot of the board with the date visible and save it in a shared folder. Then they write the claim: "Ranked in the weekly top ten, March". They place the badge beside the main headline on the home page, with that line in plain text underneath, and link it to the board page so a visitor can check.
On the pricing page, they add a smaller version of the badge near the sign-up button. In the footer, they add a line, "Listed in the launch directory", linked to their profile page. They avoid placing the badge in a pop-up, because pop-ups interrupt reading and are hard to use with a keyboard.
They add alternative text, check the badge in light and dark mode, set its width and height in the markup, and test the page on a phone. A month later, they review the pricing-page sign-up rate and see a small improvement that is consistent with the badge doing a modest job of reassurance. They set a reminder to revisit the wording in April.
What to do if the badge stops loading
Some badges come from another server. If that server is slow or unavailable, your page may show a gap or an error. Protect yourself by reserving space, adding a text fallback with the claim, and testing occasionally. If the badge is purely decorative and the claim is in text, nothing is lost when the image fails. If you rely on a script, check how it behaves when blocked by privacy tools, which many visitors use. A page that still makes sense without the badge is a more robust page.
A short note on privacy and tracking
Some badge scripts load content from another server, which can let that server see that a visitor loaded your page. If you serve visitors in the UK or Europe, check what the badge provider's script does, mention it in your privacy notice if it sets cookies or collects data, and prefer a plain image or inline graphic where possible. A static image with a plain link avoids most of the questions and also loads faster. If the provider offers both options, choose the lighter one unless the script gives you something you really need, such as automatic updating of the position.
Frequently asked questions
Do I need to ask permission to show a badge? Use the badge provided by the issuer and follow their terms.
Can I make the badge smaller? Yes, within the guidelines, but keep it readable.
What if my ranking falls? Update the wording or replace the badge with something accurate, such as "listed on the leaderboards".
Questions and answers
- Where should I put a ranking badge?
- Place it where visitors decide whether to trust you, such as near the top of the home page, on the pricing page or beside testimonials, and keep the claim beside it.
- Should the badge link back to the ranking page?
- Yes. A link lets visitors verify the claim. Whether the link passes ranking signals depends on the attribute set by the site that issues the badge.
- Do I need to update the badge?
- Yes. Positions change, so keep the wording accurate. If your position drops, update or replace the claim.
- Can a badge slow down my page?
- It can if it loads a heavy script or image. Use a small image or inline vector, and set its dimensions so the layout does not shift.