Hospitality Web Design: 2026 UK Guide for B&Bs & Hotels

Hospitality web design is the difference between a guest house that fills its rooms direct and one that pays an online travel agent a commission on every stay to do the same job. For UK B&Bs, guest houses and small independent hotels, a sharper website is the cheapest growth lever you have. This guide to bed and breakfast web design covers what actually converts a browser into a direct booking, the pages and booking tools a small property needs, the price-display rules your booking page has to follow, what it should cost in 2026, and the design mistakes that quietly hand your margin to the OTAs.

Why hospitality web design works differently to other industries

Most small business websites exist to generate enquiries. Hospitality sites have to close the sale on the page: confirm availability, take payment and send a confirmation, all without a phone call. That puts more weight on speed, trust and friction than on clever copy. Speed alone moves the numbers: Google's web.dev team cites the BBC finding that it lost an additional 10% of users for every additional second its site took to load. For a B&B owner watching guests drift to OTAs (online travel agencies such as Booking.com, Expedia and Airbnb), every one of those lost visitors is a booking that may come back through a commission channel instead.

The economics are simple once you run your own numbers. Take an illustrative 6-room B&B averaging £110 a night at 65% occupancy: that is roughly £156,600 of room revenue a year. If 60% of it arrives through OTAs at a 15% commission, the property pays about £14,100 a year for distribution. Moving a quarter of those OTA bookings to direct saves around £3,500 a year, every year, which is the return your web design project has to justify. Commission rates differ by platform and contract, so use your own: Airbnb's own fee documentation, for example, puts most hosts on its single host-paid fee at 15.5%. The website is not a brochure. It is the lowest-commission sales channel you own outright.

The six essentials of a B&B or guest house website that converts

1. A booking widget guests trust on the first attempt

Put a booking engine (Little Hotelier, SiteMinder, Beds24, Lodgify, or Cloudbeds for larger properties) in the header and on every room page. Embedded, not a pop-up that looks like it has left your site. Guests should never wonder whether the site can actually take a booking. Show real-time availability and the full price from the first screen. UK price rules expect every compulsory charge to be in the price you display, not added at the payment step (the pricing section below sets out what that means for a B&B).

2. Photography that sells the stay, not the building

Book a professional hospitality photographer for a day; it is the best-value line in the whole project. Brief them on guest moments (breakfast service, the firelit lounge, the view from room 4) rather than empty interiors. Serve the images as AVIF or WebP in responsive sizes. A 12-image gallery should weigh under 1.5MB in total, not 12MB.

3. Mobile-first layouts, not desktop afterthoughts

Most guests will first meet your site on a phone, often while comparing it against an OTA listing, and Google indexes the mobile version of your site first. Design the booking flow, room pages and contact details for a 375px screen before you think about the desktop layout. Tap targets at least 48px, body text at 16px, no horizontal scroll. Build to WCAG 2.2 level AA, the W3C accessibility standard, so a guest using a screen reader or enlarged text can still finish a booking.

4. Structured data that describes the property properly

Mark up the property with BedAndBreakfast or Hotel schema: address, price range, amenities, check-in and check-out times, and photos. It helps search engines understand exactly what you are. One myth to drop: marking up your own reviews will not put gold stars next to your site in Google. Google's guidelines only allow review snippets for local businesses on sites that collect reviews about other businesses. The stars guests see come from your Google Business Profile reviews.

5. A clear reason to book direct

Most B&Bs list the same rooms on the same OTAs, then lose direct bookings because they never tell guests why booking direct is better. Put the reason on the homepage, beside the booking widget and on every room page. Perks are the safest lever: late checkout, a welcome drink, a room upgrade when available, breakfast included, free cancellation up to a later date. If you want to advertise a lower direct price, read the rate parity terms in your OTA contracts first, because many restrict how you publish a cheaper rate on your own site.

6. Trust signals at the moment of decision

Show your Google rating and recent Tripadvisor reviews on the booking page, pulled in live rather than pasted, so guests can see they are current. Show any AA or VisitEngland quality rating near the call to action. Put the owners' names and photo on the About page. Guests book people as much as they book buildings, and a small property's personality is the one thing an OTA listing cannot copy.

Web design for bed and breakfast owners: the pages every site needs

A small property does not need a big site. It needs the right eight or nine pages, each answering a question a guest has before they will hand over a card. If you are briefing a designer, or checking the site you already have, this is the list. It applies just as well to web design for guest houses, where the room count is similar and the guest asks the same questions.

1. Home. Where you are, what makes the stay different, a booking button above the fold, and the strongest two or three photos. Not a welcome essay.
2. One page per room. Bed size, bathroom type, sleeping capacity, floor level, view, and whether dogs or children are welcome, plus the room's own photos and a booking button that opens the widget with that room selected. Room pages are where guests decide, and they are also pages Google can rank for specific searches.
3. Breakfast and food. The "breakfast" in bed and breakfast is a selling point. Show it, list the dietary options, and say when it is served.
4. Location and getting here. Parking, nearest station, walking distances to the things guests come for, and an embedded map. This page quietly answers "is it convenient?" for every guest.
5. Book direct. A dedicated page, linked from every room, that sets out the perks of booking with you rather than an OTA.
6. About the owners. A real photo and a paragraph in your own voice, so guests can decide whether yours is a place they want to stay.
7. Reviews. Live widgets rather than a pasted list of quotes, which guests have learned to distrust.
8. Policies and FAQ. Check-in and check-out times, deposits, cancellation terms, dogs, children, accessibility and parking. Answering these up front stops the pre-booking email that so often ends with the guest booking elsewhere.

Guest houses with a restaurant, a garden or an events space should add a page for each, because each one is a reason to choose you and a search you can appear for. If the restaurant takes outside diners, its menu, allergen information and table booking need the same care as the rooms, and our guide to restaurant website design covers that side.

Hotel, B&B or guest house: what changes in the design

"Hospitality web design" covers a range of properties, and the right build is not identical across them. The essentials above hold for all of them, but the emphasis shifts with property size and booking pattern.

• B&B web design, like web design for guest houses, is a tight build. With one to ten rooms, the priority is a fast, single-property site where the availability check loads instantly and the owner's personality comes through. Simple web design for bed and breakfasts nearly always beats an elaborate build: over-engineering a 6-room guest house with hotel-grade infrastructure is a common and expensive mistake.
• Small hotels of 20 rooms or more lean on a proper channel manager, multi-rate and multi-room-type logic, and often multi-language support for international guests. The booking picture is complex enough to warrant its own guide, and our hotel website design guide works through it in detail.
• Holiday lets and serviced accommodation sit closer to the guest house model but need clear minimum-stay rules, cleaning-fee transparency, and calendar sync with Airbnb and Vrbo so you never double-book across channels. They also cannot use a Google Business Profile: Google's eligibility guidelines list holiday homes as ineligible, so a holiday let reaches Google Search and Maps through holiday rental listings fed by a booking engine or channel manager on Google's partner list. Our holiday let website design guide covers the build, and the marketing side is in our guide to holiday let marketing.

The design principle is the same throughout: match the infrastructure to the booking volume. A guest house taking one or two bookings a day does not need an enterprise property management system; a 40-room hotel cannot run on a single-calendar plugin. Get that decision right and everything downstream is cheaper to build and faster to load.

Booking systems and channel managers for a small B&B or guest house

Three tools get confused constantly, and small property owners often pay for all three when they need one or two. Here is what each one does.

• A booking engine is the widget on your website that shows availability, takes the booking and the payment, and sends the confirmation. Every property that wants direct bookings needs one.
• A channel manager keeps your availability and rates in sync across your own site and every OTA, so a room booked on Booking.com disappears from Airbnb and your website within seconds. You need one as soon as you sell the same rooms on more than one channel.
• A property management system (PMS) runs the operation: the room chart, guest records, housekeeping and invoicing. Many small-property products bundle all three into one subscription.

There is no single best channel manager for a small B&B, and no single best booking system for a guest house. The right one is the one that answers these practical questions well for your property:

• Two-way connection or calendar sync? Simple iCal calendar feeds update on a delay, sometimes hours, which is how double bookings happen on busy weekends. A two-way connection to each OTA updates availability almost immediately.
• Commission or subscription? Some booking engines take a percentage of each direct booking; others charge a flat monthly fee. Once direct bookings build, a flat fee is almost always cheaper, and it is the direct bookings you are trying to grow.
• Does it look like your site? The booking step should carry your fonts, colours and logo. A jarring jump to a generic white screen is where guests lose confidence.
• Deposits and payments. Check that it handles deposits, pre-authorisations and UK card authentication cleanly, and pays out on a schedule that works for your cash flow.
• Is it connected to Google? Google shows free booking links that send searchers straight to a property's own booking page at no cost per click. Google's own guidance is that a hotel using a reservation system may already be connected through its provider, so ask your booking engine supplier to switch them on.
• Can it add local charges? If you pass a visitor levy on to guests, the booking engine has to calculate it per stay and show it in the total, with separate "pay now" and "pay locally" amounts if part is settled at the property. Ask before you sign, not after the levy starts.

Showing prices on a B&B website: what UK rules require

The price a guest sees first has to be the price they pay. The CMA's summary of its price transparency guidance (CMA209), which explains the relevant parts of the Digital Markets, Competition and Consumers Act 2024, says any "invitation to purchase" must show the total price, including mandatory fees and taxes. A page on your website counts, and so do emails and social posts that quote a rate. Hiding a compulsory charge until later in the booking is what the CMA calls drip pricing, and it is illegal.

For a B&B or guest house website, that turns into a short checklist:

• "From" prices on room pages. They are allowed, but only if they include every mandatory charge and do not mislead about what they cover. The CMA's own example of an indicative price is "the price for 2 adults staying for 7 nights".
• Compulsory fees go in the headline. A cleaning fee, booking fee or any other charge every guest pays belongs inside the room price, not under it. Genuine extras, such as dinner, a dog or a late checkout, can be shown separately.
• Local charges and taxes. The CMA says mandatory local charges and taxes must be included where you can reasonably work them out, and if part is paid at the property, show clear "pay now" and "pay locally" amounts as well as the total. That now matters for visitor levies. Edinburgh's levy adds 5% to paid overnight stays from 24 July 2026, capped at five nights in a row. In Wales, Cardiff's visitor levy applies to new bookings for stays from 1 April 2027, at the £1.30 per person per night rate that covers hotels, B&Bs and guest houses. Welsh providers can absorb the levy or pass it on; if you pass it on, it belongs in the price you show.
• Deposits. A deposit is not an extra charge, but say how much is taken now and when the balance is due, on the room page as well as at checkout.

The penalties are real: the CMA can fine a business up to 10% of turnover or £300,000, whichever is greater, and order it to compensate customers. This is a summary of the guidance, not legal advice, so take independent advice if your pricing is unusual. On the design side, the fix is cheap: configure the booking engine to include fees and levies in every price it displays, and check the room pages, the homepage and your last few marketing emails against the rule.

The hospitality CMS decision: WordPress, Squarespace, or an all-in-one platform?

This is the question most independent operators get wrong. The choice is rarely about features; it is about who maintains the site once it is live.

WordPress with a hospitality-ready theme (or a lean theme such as Astra or GeneratePress plus a booking engine embed) gives the most flexibility and the best long-term SEO ceiling. It needs a developer or a maintenance contract.

Squarespace and Wix make sense for owners who want to update content themselves on a Sunday morning. Booking integration is usually an embed, page speed is harder to control, and the SEO ceiling is lower, but for a 4-bedroom B&B taking one or two bookings a day, the trade-off can be fair.

All-in-one platforms such as Lodgify, Little Hotelier or Cloudbeds bundle the website, booking engine, channel manager and PMS into one subscription. Convenient, but you rent rather than own the site, the design options are narrower, and switching costs are high. Sensible for owners who want one bill for everything and do not plan to invest in content.

For most UK B&Bs and guest houses, WordPress with a managed WordPress maintenance plan wins on five-year cost and SEO performance. The website is only one part of the mix, and we have written separately about the marketing mix that supports a B&B website. If direct-booking conversion is the priority, our conversion rate optimisation service focuses specifically on lifting the booking-completion rate once traffic is arriving.

Speed targets for a hospitality site in 2026

Google states plainly that Core Web Vitals are used by its ranking systems, alongside the much larger weight of relevant, helpful content. The thresholds Google publishes, measured at the 75th percentile of real visits, are:

• Largest Contentful Paint (LCP): within 2.5 seconds.
• Interaction to Next Paint (INP): 200 milliseconds or less.
• Cumulative Layout Shift (CLS): 0.1 or less.

Small accommodation sites most often fail LCP because the hero image is uncompressed and the booking widget script blocks rendering. The fix is rarely a redesign: compress images to AVIF, lazy-load everything below the fold, load the booking script asynchronously, and host on a server that is not shared with hundreds of other sites. INP is the newer risk: heavy booking-engine JavaScript can push interaction delay over 200ms on mid-range phones, so defer the widget until the guest actually taps "check availability".

SEO for accommodation sites: target the search, not the location

Independent operators waste budget chasing "hotels in Bath" against booking aggregators that will outspend them. The traffic worth winning is intent-specific and long-tail:

• "dog friendly bed and breakfast cotswolds" (you have the experience to write a genuinely useful answer; Booking.com does not).
• "bed and breakfast with hot tub yorkshire dales" (filter pages on OTAs are thin; a dedicated room page can win this).
• "romantic guest house lake district near windermere" (combine your location, your USP and the search modifier).

One page per concrete intent, with the search phrase in the H1, meta title and image alt text. Internal links from the homepage and the rooms index. Structured data on every property page. This is how a 6-room B&B can outrank OTA filter pages for the queries that actually convert, and it is the same approach our SEO service takes for small businesses.

The map results and hotel listings at the top of Google are a separate system from your website's rankings. They are driven by your Google Business Profile: keep it verified, fill in every amenity, add fresh photos, reply to reviews, and connect free booking links through your booking engine. The same logic applies to the "book direct" search itself: a guest who types your property name plus "direct" or "official site" is ready to book, so make sure your own site, not the OTA listing, owns that result.

What B&B and guest house web design costs in the UK

Every property is quoted individually. These ranges follow the bands in our UK website cost guide, applied to accommodation sites:

• £1,500 to £4,000 from a freelancer, or £4,000 to £8,000 from a small studio or agency: a site of around ten pages, with one page per room, an embedded booking engine, structured data and a 12-image gallery. This is the right size for most B&Bs and single-property guest houses. A five-page site costs less, at £500 to £2,500 from a freelancer or £2,500 to £5,000 from a studio.
• £5,000 to £20,000: a full-service agency build for a boutique hotel, with bespoke room-page templates, multi-language support, a photography day and conversion work after launch.
• £15,000 and up: custom booking or PMS integration, member accounts and loyalty mechanics. These are software projects rather than brochure sites, which is why most small properties embed a booking engine instead of building one.

Running costs come on top: roughly £250 to £900 a year in fixed costs for a modest site (domain, hosting and licences), or £850 to £2,700 a year with a care plan looking after it, plus the booking engine subscription or commission. Our guide to website maintenance costs breaks the care-plan bands down. In the worked example above, moving a quarter of a small B&B's OTA bookings to direct is worth about £3,500 a year, the same order of money as a freelancer-built site, which is why a well-built site usually pays for itself over its life. Keep the ongoing cost in view when you choose a platform, because the cheapest build is rarely the cheapest site over five years.

How a small hospitality website usually fails

The pattern is familiar: a beautiful homepage, a slow booking flow, and nothing telling Google or the guest what makes the property different. Five failures account for most of the lost bookings.

Booking abandonment at the date picker. If the engine takes seconds to load availability, guests leave. The fix is usually a lighter widget, or a static "check availability" button that loads the script only when tapped.

OTA copy on the homepage. Owners paste their Booking.com listing into the site, including hard-sell phrases that read awkwardly in their own voice. Rewrite from scratch in the property's voice.

No reason to book direct. If the direct price, perks and cancellation terms look identical to the OTA listing, the guest books where they already have an account.

An unloved Google Business Profile. Out-of-date photos, missing amenities and unanswered reviews cost more direct bookings than most website flaws, because the profile is what guests see first. Treat it as part of the website, not an afterthought.

A price that grows at checkout. A room advertised at £95 that becomes £120 once a compulsory cleaning fee and a levy appear loses the guest at the last step, and under the CMA's price transparency rules it can also break consumer law. Show the total from the first screen.

Frequently asked questions