Tips and pitfalls and examples when using a favicon
A favicon (short for "favorite icon") is the small icon you see in the browser tab next to the title of a website. It also appears in bookmarks, on mobile devices and sometimes even in search engine results.
Why is a favicon important for SEO?
- Trust and recognition: increases the chance of returning visitors.
- Professional appearance: a site without a favicon looks unfinished.
- Mobile search results: a favicon can be visible next to the URL.
- Use in bookmarks: strengthens visual recognition.
Tips: What should a good favicon contain?
1. Use the correct format and file type
Preferably use .png or .ico. For compatibility with all devices, multiple sizes are recommended.
For example, use a favicon generator.
2. Keep the design simple and recognizable
- Use your logo or recognizable element
- Avoid text
- Ensure sufficient contrast
3. Use clear file names
For example, name your favicon favicon.ico or favicon-32x32.png.
4. Implement the correct HTML code
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Common mistakes (pitfalls)
- ❌ Not setting a favicon
- ❌ Only using a favicon.ico
- ❌ Poor quality favicon
- ❌ No fallback for SVG
- ❌ Wrong filename or path
Bonus: Dynamic favicon with PHP
<?php
echo '<link rel="icon" type="image/png" href="/images/favicon.png">';
?><?php
$theme = 'dark'; // of 'light'
echo '<link rel="icon" href="/favicons/favicon-' . $theme . '.ico">';
?>Test your favicon
Use tools like:
Conclusion
A favicon is small, but it's powerful. Take some time to create one that works across all devices and fits your brand. It shows reliability and professionalism – and both your users and search engines see that.
Do you want to rank higher in Google and earn valuable backlinks at the same time? Then broken link building is a smart strategy. Many websites have links that no longer work...
How Latent Semantic Indexing improves your content quality
If you want to get better results in Google, it’s no longer enough to repeat one keyword over and over again. Modern search engines have become smarter and look at the meaning and coherence of words...
Why your page title should match your text for good SEO
Search engine optimization (SEO) is all about relevance. Search engines like Google want to show users the most relevant results...
How the skyscraper method will grow your number of backlinks
The Skyscraper Method is a proven SEO strategy to earn high-quality backlinks by improving existing content and getting relevant websites to link to your new version. Developed by Brian Dean of Backlinko in 2015, this technique consists of three simple steps: find popular work, make something better, and ask existing linkers to share your page. In this article, we’ll explain in plain language what the Skyscraper Method is, why it works, how to apply it step by step, and what results you can expect...
Tips and pitfalls and examples when using a favicon
A favicon (short for "favorite icon") is the small icon you see in the browser tab next to the title of a website. It also appears in bookmarks, on mobile devices and sometimes even in search engine results. Why is a favicon important for SEO? Trust and recognition: increases the chance of returning visitors. Professional appearance: a site without a favicon looks unfinished. Mobile search results: a favicon can be visible next to the URL. Use in bookmarks: strengthens visual recognition. Tips: What should a good favicon contain? 1...
Why quality on your website is essential for more conversions
In today’s digital world, good content on your website isn’t just a nice extra – it’s an absolute must. High-quality content not only attracts visitors, it also ensures that they stick around, see you as an expert and ultimately do exactly what you want them to do, such as fill out a newsletter, make an appointment or buy something. Building trust with your expertise Imagine yourself as a visitor...
Simple tips for successful web texts
Good texts on your website are important. They attract visitors, keep their attention and ensure that they take action, such as buying something or contacting them...
Build an unbeatable content plan step by step
A website without a content plan is like a journey without a roadmap: you go from A to B, maybe you get there, maybe you don’t. With a good content plan, you know exactly what steps you need to take to reach your target audience, engage them, and ultimately get them to take action...
Use words to get your website visitors to take action
Good texts on a website are not just nice to read — they have a purpose. They ensure that visitors stay, become interested and ultimately take action...
Most websites can easily be taken to a higher level by first getting the most basic SEO in order. My free SEO Checker checks for you whether your website meets these basic requirements, or whether there is still room for improvement.
Use my free SEO Checker now
Enter the URL of your website and see where you can improve your website. Please note: A 100% score only means that you have the basic SEO for the page in question in order. For more tips, I would like to invite you to read all my articles.
