{"id":5469,"date":"2008-02-20T09:46:48","date_gmt":"2008-02-20T15:46:48","guid":{"rendered":"http:\/\/www.masonworld.com\/making-money-on-the-web\/niche-super-site-adding-a-favicon\/"},"modified":"2026-04-03T10:04:51","modified_gmt":"2026-04-03T15:04:51","slug":"niche-super-site-adding-a-favicon","status":"publish","type":"post","link":"https:\/\/www.latenightim.com\/niche-super-site-adding-a-favicon\/","title":{"rendered":"Niche Super-Site: Setting Up a Favicon for Your Website"},"content":{"rendered":"

After returning from eye surgery, the next small but meaningful improvement to HistoryOfElvis.com was adding a favicon — that tiny icon that appears next to your URL in the browser tab. In 2008, this required editing your WordPress theme's header.php file and manually uploading an icon file. It was a minor task, but it represented an important principle: professional details build trust.<\/p>\n

How I Added a Favicon in 2008<\/h2>\n

The process in 2008 was surprisingly manual:<\/p>\n

    \n
  1. Find or create a small square image related to your niche (I used a JPG of the letter “E” for Elvis)<\/li>\n
  2. Use a free online tool to convert the image to a 16×16 pixel favicon.ico file<\/li>\n
  3. Upload the favicon.ico file to the WordPress wp-includes\/images\/ directory via FTP<\/li>\n
  4. Back up the header.php file from your theme directory<\/li>\n
  5. Open header.php in a text editor and add a link tag pointing to the favicon file between the head tags<\/li>\n
  6. Save, upload, and reload to verify<\/li>\n<\/ol>\n

    If something went wrong — and it often did with path errors or quotation mark encoding issues during copy-paste — you had to debug it manually. For a task that affected a 16-by-16 pixel image, it involved a surprising amount of technical fiddling.<\/p>\n

    I recommended doing this because favicons suggest a professionally maintained site. They remind visitors to bookmark your page when they see the icon in their browser. Anything that builds an extra bit of trust helps monetize clicks. And since it was easy (by 2008 standards), there was no reason not to do it.<\/p>\n

    Adding a Favicon in 2026<\/h2>\n

    This is one area where WordPress has improved dramatically. What used to require FTP access and PHP file editing is now a two-minute task in the WordPress admin panel.<\/p>\n

    The Modern Process<\/h3>\n
      \n
    1. Go to Appearance > Customize<\/strong> in your WordPress dashboard<\/li>\n
    2. Click Site Identity<\/strong><\/li>\n
    3. Find the Site Icon<\/strong> section<\/li>\n
    4. Upload a square image (WordPress recommends at least 512×512 pixels)<\/li>\n
    5. WordPress automatically generates all the required icon sizes for browsers, mobile devices, and app shortcuts<\/li>\n
    6. Click Publish<\/strong><\/li>\n<\/ol>\n

      That is it. No FTP, no file editing, no debugging path errors. WordPress handles everything, including generating Apple Touch Icons for iOS devices and other platform-specific icon formats that did not exist in 2008.<\/p>\n

      Best Practices for Site Icons<\/h3>\n
        \n
      • Use a simple, recognizable design<\/strong> — The icon displays at tiny sizes. Detailed images become unrecognizable blobs. A single letter, simple shape, or bold logo mark works best.<\/li>\n
      • Make it distinct<\/strong> — Your favicon should be recognizable among dozens of other tabs in a browser. Use bold colors that stand out.<\/li>\n
      • Start with a 512×512 pixel PNG<\/strong> — WordPress will handle the downsizing. Starting large ensures quality at every size.<\/li>\n
      • Consider dark mode<\/strong> — Many browsers and operating systems now support dark mode. If your favicon is dark-colored, it may become invisible on dark backgrounds. Test in both light and dark modes.<\/li>\n
      • Use Canva for quick creation<\/strong> — If you do not have design skills, Canva's free tier includes icon templates that work well as favicons.<\/li>\n<\/ul>\n

        Why Favicons Still Matter<\/h3>\n

        The reasons I gave in 2008 still apply: favicons signal professionalism, aid in bookmarking, and make your site recognizable in browser tabs. But they matter even more now because:<\/p>\n

          \n
        • Google sometimes displays favicons in search results, making your listing more visually distinctive<\/li>\n
        • Mobile browsers use your site icon when users add your site to their home screen<\/li>\n
        • Social media platforms may use your site icon in previews and sharing cards<\/li>\n<\/ul>\n

          The Lesson from 2008<\/h2>\n

          My instinct that “it is the small things that matter” was correct. A favicon is a five-minute task that makes your site look more professional. In 2008, that five minutes stretched to thirty because of the technical overhead. In 2026, there is genuinely no excuse not to have one. It takes less time to add a favicon than it does to read this article about adding one.<\/p>\n