--- title: "404 Page: Best Practices and Creative Examples" description: Others call it an error page, but in marketing we like to be optimistic! And so we see a 404 page as an opportunity. image: https://www.bee.digital/hubfs/Google%20Drive%20Integration/404-Seite%20Bew%C3%A4hrte%20Praktiken%20und%20kreative%20Beispiele-May-18-2022-01-37-41-73-PM.png --- Website [![BEE\_LOGO](https://www.bee.digital/hubfs/BEE_LOGO.svg)](https://www.bee.digital) - Services - HubSpot - Resources - [Pricing](https://offers.bee.digital/bee-growth-pricing) - About BEE [Contact now](https://offers.bee.digital/en/contact) - #### Digital Marketing We help you to use your digital potential. For a strong positioning, more visibility and more leads. - [Branding & Positioning](https://www.bee.digital/en/brand-positioning) - [Website-as-a-Service](https://www.bee.digital/en/beevolution-hubspot-website) - [Webdesign](https://www.bee.digital/en/webdesign-provider) - [UX-Design](https://www.bee.digital/en/ux-design) - [Performance Marketing](https://www.bee.digital/en/performance-marketing) - [SEO-as-a-Service](https://www.bee.digital/en/seo-marketing) - [Leadgen-as-a-Service](https://www.bee.digital/en/leadgen-as-a-service) #### Get Growth ready With the BEE.Transformance model, we bring continuous and profitable growth to your company. A new mindset for your team. - [Growth Roadmap](https://www.bee.digital/en/digital-growth-roadmap) - [Market Entry](https://www.bee.digital/en/market-entry-german) - [Potential Analysis](https://offers.bee.digital/potential-analysis-request) #### Industries We transform your challenges into opportunities through the experience we have gained from projects in these industries. - [Manufacturing](https://www.bee.digital/en/manufactuers) - [IT Services](https://www.bee.digital/en/it-providers) - [Software Providers](https://www.bee.digital/en/sw-providers) - [Banking](https://www.bee.digital/en/banking) - [SaaS Company](https://www.bee.digital/en/saas) - [Personnel Service Providers](https://www.bee.digital/en/personnel-service-provider) - [Consulting](https://www.bee.digital/en/consulting) - #### HubSpot Services As a HubSpot Diamond Partner, we help you implement your digital growth strategy with a focus on performance - by implementing and integrating new and existing systems as well as 3rd party apps. - [HubSpot-as-a-Service](https://www.bee.digital/en/hubspot-as-a-service) - [HubSpot Health Check](https://www.bee.digital/en/hubspot-health-check) #### HubSpot Thought Leader As a HubSpot Diamond Partner with +50 certifications, host of the HubSpot User Group Zurich, HubSpot Trainer and HuSpot User Champions, you have access to in-depth HubSpot expertise. - [HubSpot User Group](https://events.hubspot.com/zurich/) - [HubSpot Partner Directory](https://app.hubspot.com/ecosystem/1765345/marketplace/solutions/switzerland) - [HubSpot Community](https://community.hubspot.com/) #### HubSpot Solutions The BEE.Theme offers you more creative freedom than any other theme on the market. Whether you're a beginner or a professional, a creative mind or a digital agency - with the BEE theme, you can easily unleash the maximum power for your pages in HubSpot CMS. - [BEE.Theme - HubSpot CMS Theme](https://beevolution.bee.digital/) - #### BEE.Blog Knowledge around digital marketing, digital sales, technology, data intelligence and employees. - [Blog](https://www.bee.digital/en/blog) #### Knowledge Base Pure knowledge: everything essential concentrated, compact, digitally prepared for you and ready to download. - [Guides & Topics](https://www.bee.digital/en/guides) - [eBooks & Worksheets](https://www.bee.digital/en/ebooks-worksheets) - [FAQ](https://wiki.bee.digital/en) - [Videos & Webinars](https://www.bee.digital/en/growth-videos) #### What is inbound? The most effective way to successfully combine digital marketing and digital sales. - [What is Inbound?](https://www.bee.digital/en/inbound) - [More about Inbound Marketing](https://www.bee.digital/en/inbound-marketing) - [More about Inbound Sales](https://www.bee.digital/en/inbound-sales) - #### BEE.Team The BEE.Performers: many different characters - with one thing in common: the fascination for a digital world. - [More about BEE](https://www.bee.digital/en/growth-partner) #### References More than 100 large and small companies have already started with BEE: to more visibility, more performance, more growth. - [To the references](https://www.bee.digital/en/references) - [To the testimonials](https://www.bee.digital/en/testimonials) #### Invest Participate in the growth of BEE and become part of the BEE Growth Story by purchasing Digital Share Tokens. - [Learn more](https://www.bee.digital/en/investors) #### We're hiring Become a BEE.Performer! Are you ready for your own transformation? - [Apply now](https://www.bee.digital/en/digital-jobs) EN - [DE](https://www.bee.digital/blog/404-seite) English # 404 Page: Best Practices and Creative Examples [Natalie Majolo](https://www.bee.digital/en/blog/author/natalie) | 19 May 2022 - [Why do 404 pages matter?](https://www.bee.digital/en/blog/404-page#why-do-404-pages-matter) - [How can I make my 404 pages better?](https://www.bee.digital/en/blog/404-page#how-can-i-make-my-404-pages-better) - [How do 404 pages even happen?](https://www.bee.digital/en/blog/404-page#how-do-404-pages-even-happen) - [Conclusion](https://www.bee.digital/en/blog/404-page#conclusion) [Back to Blog](https://www.bee.digital/en/blog) Ah, the awkward HTTP 404 page… A visitor has used a URL on your website, and the server says, "No, buddy, that's not here." Others like to call this an "error page", but in marketing, we like to be optimistic! And so, we view a 404 as an opportunity.  Sure, something's gone wrong, and the URL hasn't provided the required content, but this doesn't have to be the end! If you're smart about your 404s, you can keep visitors engaged and revert them back to other (less dodgy) pages on your [website](https://www.bee.digital/en/blog/website-strategy).  Of course, you shouldn't make a habit of cluttering your website with 404 pages, and your web team should be proactive about site hygiene. But, since we are only human, it's important to make those inevitable outdated links as friendly as possible.  ## Why do 404 pages matter? Traditionally, 404 pages are, quite literally, dead ends. When a visitor gets served the "Page Not Found" message, they may immediately suspect that: 1. this is an unsafe site, 2. this is an outdated and irrelevant site, 3. this site doesn't have anything they're looking for;   or, they may think all of these things all at once!  So, as you can deduce from all of these unwanted conclusions, it's critical to ensure that the 404 page doesn't become the finish line for your visitor's interaction with your website.  Back in the day, a simple, white background and straightforward text saying "404 Error: Page Not Found "may have been okay – what did anyone know about the Internet, anyway? But now, expectations have changed, and user experience (UX) is all part of the service delivery. And, at a time when the web is saturated with competitor sites, it's essential to leverage engagement and focus on retention. If that's not incentivising enough, remember that Google is monitoring your site for user experience, so if your bounce rate is through the roof, your site's SEO will suffer! ## How can I make my 404 pages better? The content management suite you’re using should allow you to customise 404 pages. If you’re using HubSpot and would like a simple solution that we’ve personally developed and tested on a wide variety of highly successful websites, then check out the Bee.Theme here. [![BEE.HubSpot Theme](https://hubspot-no-cache-eu1-prod.s3.amazonaws.com/cta/default/1765345/interactive-96048004543.png)](https://www.bee.digital/hs/cta/wi/redirect?encryptedPayload=AVxigLK8MP5%2BBpAeXhxIQ5%2BNiz9X27RObIuc791oVDO9TsMMy%2FcOeKM%2Fc3vuPxWv5HLL0wGiEDtJ%2BD%2Ba%2Bb0uO70jhnGLO9W6ATogpGOqLv9DeE8WlB1xcsqfq1TJykgoQbxZV0KbmYNdOyVnQGMQrhT4TE3wvWn1WbjC0VapzEBv6pYM8vm2EDlT9Xmf%2FRvS8GoVYZuF0oc%3D&webInteractiveContentId=96048004543&portalId=1765345) The strategy you use is really down to your brand’s style and how you typically approach your customers. Here are a few different types of 404 pages: 1\.**The Entertainer** – This type of page uses humour, sometimes in a self deprecated way, to apologise for the issue while also providing information that redirects the visitor to another relevant page. **Examples:** [HubSpot](https://www.hubspot.com)’s always ready with a pun to make the visitor feel better about a broken link. While keeping things light, they also help the visitor redirect to another page that may be of interest.  ![HubSpot 404](https://www.bee.digital/hubfs/Google%20Drive%20Integration/404-Seite%20Bew%C3%A4hrte%20Praktiken%20und%20kreative%20Beispiele-May-18-2022-01-37-41-73-PM.png) The [New Yorker](https://www.newyorker.com/culture/the-n-interview/hong-sangsoo-knows-if-youre-faking-it) uses a version of its iconic logo graphic to indicate that something is amiss and politely redirects the visitor back toward the main site.  ![New Yorker 404](https://www.bee.digital/hs-fs/hubfs/Google%20Drive%20Integration/404-Seite%20Bew%C3%A4hrte%20Praktiken%20und%20kreative%20Beispiele-4.png?height=412&name=404-Seite%20Bew%C3%A4hrte%20Praktiken%20und%20kreative%20Beispiele-4.png) 2\.**The Therapist** – If your user has landed on a 404 page and, ultimately, couldn’t find what they were looking for, you can use this as an opportunity to request more information and ask them to communicate with you so that you can answer their specific question personally. Here, you can use a call-to-action like a quick form that they can fill out and send their query to.  **Examples:** [HSBC](https://www.hsbc.co.uk/current-accouto-hsbc/)keeps things clean and professional while making sure the “Need help?” tab is always close by so that visitors can turn to a virtual assistant.  ![HSBC 404](https://www.bee.digital/hubfs/Google%20Drive%20Integration/404-Seite%20Bew%C3%A4hrte%20Praktiken%20und%20kreative%20Beispiele.png) [Butternut Box](https://butternutbox.com)doesn’t even tell you that you’re on a 404 page! They know you’re there looking for dog food (for your beloved fur friend – we hope), and they dive straight into the questions. First off is, “What breed do we get to feed?” Great diversion and a fantastic attempt at refocusing the pet owner on the task at hand: **feeding the pooch!**  ![Butternutbox 404](https://www.bee.digital/hubfs/Google%20Drive%20Integration/404-Seite%20Bew%C3%A4hrte%20Praktiken%20und%20kreative%20Beispiele-3.png) 3\. **The Guide** – Of course, you’ll never know what every single person on your website was looking for and how they ended up on the 404 pages. But, you can certainly offer a general sense of direction so they can self-navigate out of the error page. Create a helpful navigation to steer them in the right direction so that you can keep them on your website.  **Examples:** Here's [The Daily Mail,](https://www.dailymail.co.uk/home/index.html)offering up a search bar, a full navigation, plus a host of attention-grabbing headlines that will quite easily keep the visitor clicking and reading. ![The Daily Mail 404](https://www.bee.digital/hubfs/Google%20Drive%20Integration/404-Seite%20Bew%C3%A4hrte%20Praktiken%20und%20kreative%20Beispiele-1.png) [Wild Souls](https://www.wildsouls.gr/en/)also does a great job of retaining the visitor by directing them back to the shop, keeping the menu bar available at the top, and even enticing the visitor to keep shopping with a discount.  ![Wild Souls 404](https://www.bee.digital/hubfs/Google%20Drive%20Integration/404-Seite%20Bew%C3%A4hrte%20Praktiken%20und%20kreative%20Beispiele-2.png) ## How do 404 pages even happen? We mentioned the broken link or the page that’s no longer there. But let’s explore how this actually happens.  Your website is stored on a server, where all the content lives. When someone searches for a particular page or clicks a link, sometimes, that page simply isn't found. Now, the guilty party could be you (if you removed a webpage and didn’t change the URL). Or, your website visitor mistyped the URL.  So, if you’ve moved or renamed a webpage, be sure to update the internal link associated with this page so that the old URL is redirected to [the new site](https://www.bee.digital/en/webdesign-guide).  ## Conclusion **Statistically, the main causes for 404 are typos** and outdated bookmarks, so the power isn’t entirely in your hands. What *is* up to you, as we spoke about before, is to be proactive in practicing good website hygiene and fix broken links, while also ensuring that the user experience (of which 404 pages are a huge part) is on a level.  Remember, 88% of shoppers won’t return to your site if the experience is poor, so putting a little effort and attention into that error page is always a worthwhile investment.  [Lead Generation](https://www.bee.digital/en/blog/tag/lead-generation) | [Online Marketing](https://www.bee.digital/en/blog/tag/online-marketing) | [Webdesign](https://www.bee.digital/en/blog/tag/webdesign) | [English](https://www.bee.digital/en/blog/tag/english) ## Related Posts ### [![](https://www.bee.digital/hubfs/BEE_REDESIGN_Mkt-imgs/Webdesign%20guide/aktuelltrends.jpg) 5 Webdesign Trends for 2023 Tim Bittins | 9 Mar 2023 It’s 2023, and the internet is alive with web design trends that are all about creating excellent user experiences (UX). In just five short years, it’s estimated that ... reading time: 15min Zum Blog](https://www.bee.digital/en/blog/webdesign-trends-2023) ### [![Orange is the new black: 5 Branding Design Highlights](https://www.bee.digital/hubfs/Google%20Drive%20Integration/Orange%20Is%20The%20New%20Black%20%7C%20DE.jpeg) Orange is the new black: 5 Branding Design Highlights Natalie Majolo | 13 Apr 2023 Welcome to the zesty world of orange! This vibrant hue has been captivating artists and designers for centuries, from the ancient Egyptians who used it to symbolise the ... reading time: 8min Zum Blog](https://www.bee.digital/en/blog/orange-is-the-new-black) ### [![HubSpot Marketplace: 5 Great Templates for Your CMS](https://www.bee.digital/hubfs/Websitebilder/beevolution_mockup-laptop_tb_v1.webp) HubSpot Marketplace: 5 Great Templates for Your CMS Giuliano Campaniello | 30 Mar 2023 Without an exceptional website, does your business even exist? It’s your job to create a highly functional and customer-centric digital platform that works day and night ... reading time: 9min Zum Blog](https://www.bee.digital/en/blog/hubspot-marketplace) BEE Digital Growth AG The Circle 60 8058 Zürich [info@bee.digital](mailto:info@bee.digital)  [+41 43 336 90 00](tel:0041433369000) BEE Digital Growth GmbH Relenbergstraße 6 D - 70174 Stuttgart [info@bee.digital](mailto:info@bee.digital)  [+49 711 49010128](tel:004971149010128) [![v2](https://www.bee.digital/hubfs/v2.png)](https://ecosystem.hubspot.com/de/marketplace/solutions/bee-digital) [![Bee Inbound](https://www.bee.digital/hubfs/Vector.png)](https://databox.com/partner/bee-inbound) [![agency directory](https://www.bee.digital/hubfs/Vector%20(1).png)](https://ecosystem.hubspot.com/de/marketplace/solutions/bee-digital) [![top blog](https://www.bee.digital/hubfs/Vector%20(2).png)](https://www.swissanimate.ch/top-50-marketingblogs/) [![google-partner-footer](https://www.bee.digital/hubfs/google-partner-footer.png)](https://ads.google.com/intl/en_en/home/partners/become-a-partner/) [![bee-ariba-badge](https://www.bee.digital/hubfs/bee-ariba-badge.png)](https://portal.us.bn.cloud.ariba.com/profile/public?anId=AN01528892760&sourceApplication=SBN) [![t4v\_logo\_white](https://www.bee.digital/hubfs/T4V/T4V%20Logo/t4v_logo_white.png)](https://www.t4v.org/) Our BEE News © 2026 BEE Digital Growth AG. All rights reserved Created with the BEE.Theme - [Privacy Policy](https://www.bee.digital/en/privacy-policy) - [Legal Notes](https://www.bee.digital/en/legal-notices) - [GTC](https://www.bee.digital/hubfs/AGB/BEE_AGB_EN_v1.2.pdf) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Natalie Majolo", "url" : "https://www.bee.digital/en/blog/author/natalie" }, "dateModified" : "2022-09-05T08:38:26.298Z", "datePublished" : "2022-05-19T05:15:00.000Z", "headline" : "404 Page: Best Practices and Creative Examples", "image" : [ "https://www.bee.digital/hubfs/Google%20Drive%20Integration/404-Seite%20Bew%C3%A4hrte%20Praktiken%20und%20kreative%20Beispiele-May-18-2022-01-37-41-73-PM.png" ], "mainEntityOfPage" : { "@id" : "https://www.bee.digital/en/blog/404-page", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.bee.digital/hubfs/BEE_REDESIGN/Logos/final_bee_logo_og.png" }, "name" : "BEE Digital Growth AG" } } ```