Hotelchamp - A Complete Guide To Building and Launching Your New Hotel Website
Hotelchamp - A Complete Guide To Building and Launching Your New Hotel Website
Building and
Launching Your
New Hotel
Website
Build a beautiful and
highly converting
website using
tips from our
team of experts.
Contents
Why Should Your Hotel Have a Website? ................ pg. 3
Checklist for Building Your New Hotel Website .... pg. 4
Choosing a Template ....................................................... pg. 6
No-Code Tools .................................................................... pg. 9
Your Homepage ................................................................ pg. 10
Adding Your Brand Assets .............................................. pg. 11
Mobile-Friendly Design .................................................. pg. 13
Your Page Content ........................................................... pg. 19
Adding Your Call to Action ............................................ pg. 21
Search Engine Optimisation ......................................... pg. 23
Accessibility ........................................................................ pg. 28
Ease of Use ......................................................................... pg. 29
FAQs and Your USPs ........................................................ pg. 30
Setting the Final Details ................................................... pg. 31
Previewing .......................................................................... pg. 32
Publishing ............................................................................ pg. 33
Post-Publishing Details ................................................... pg. 34
Additional Resources ...................................................... pg. 36
2
Why Should Your Hotel
Have a Website?
Gone are the days when hotels could attract and retain
guests through just word of mouth and traditional
marketing. In recent years, 88% of people have preferred
booking hotels online. Now, not having a website is a sure
way to lose credibility. It makes your hotel look
untrustworthy, dated and out-of-touch.
3
A Checklist for Building
Your New Hotel Website
1. Preview and choose a website template
Take into consideration your brand style, site responsiveness and UX.
4
11. Add Google Analytics tracking ID
Create a Google Analytics account; add property ID to site settings to
start measuring performance.
5
Choosing a Template
When building anything, you should always start with a
strategy and action plan. To build a website, start by
clarifying and planning what content to display as well as
your main goals and CTAs. Based on that, you'll need to
decide on either a single-page or a multi-page template.
6
Single-Page Template
Single-page websites remove unnecessary noise and allow
users to focus on the most important content. Content is
displayed on one easy-to-navigate page with the purpose
of providing essential information and giving clear direction
on what actions to take. A single-page website creates a
funnel that converts website visitors quickly and efficiently.
Advantages: Disadvantages:
Simple & quick to set up Lack of SEO: only one
Responsive and mobile- URL to display in search
friendly results. Ranking and
Removes distractions visibility are affected by
and confusion the limited content
Switching from a multi- Long loading time if the
page site can result in a content is not
37.5% increase in optimised, leading to a
conversion higher bounce rate
7
Multi-Page Template
A multi-page structure is a classic way to build a website,
consisting of many pages and subpages. Because it has
been around for so many years, most people are familiar
with navigating menus and search bars. However, your
website’s navigation has to be easily understandable for
higher conversions and longer website visits.
Advantages: Disadvantages:
Opportunity to scale Too much content can be
No limitations on distracting
text, images or Architecture needs to be
videos adapted for mobile-
More control over friendliness
your SEO strategy Bigger commitment in time
and resources
8
No-Code Tools
Building a website from scratch can be overwhelming,
especially without a tech-savvy team. However, website
building has become more accessible and is no longer
limited to developers, thanks to no-code tools. Paired with
the millions of free online educational resources and
tutorials, no-code tools allow hoteliers to rapidly and
efficiently update their websites when they want to.
No-code
frameworks take
the fundamentals
of traditional code
and translate
them into a simple
drag and drop
solution with
reusable and
scalable elements.
9
Your Homepage
“On the average, five times as many people read the
headline as read the body copy. When you have written your
headline, you have spent eighty cents out of your dollar.”
This well-known quote came from the “father of advertising”,
David Ogilvy, in 1963 when talking about the importance of
headings. Today, the same can be said about homepages.
Storytelling?
Talk about what makes you unique:
The history of your hotel, why it was created, the
building and its character, former guests, location and
character of your neighbourhood.
11
Dynamic Scrolling OT TI
P
Dynamic scrolling features all of your important
content on a single page. Without distracting
menus or navigation, you have more control over
how users view your website. It's also a perfect opportunity for
storytelling. You can take visitors through your content and
messaging in a more linear way—giving them the feeling of
holding a flyer or reading a pamphlet.
12
Adding Your Brand Assets
Brand consistency is essential for your hotel to increase
recognition and customer loyalty. If you don't already have
one, you can benefit from creating brand guidelines as it:
Includes best practices and things to avoid
Ensures all communication is polished and professional
Defines your brand look and feel for design consistency
Empowers you to make quick and deliberate design
decisions
What to Include in
Your Brand Guide
Logos Imagery
The most recognisable element of Specify the best colours, backgrounds
your brand identity. Specify all and ideal photography styles, as well
approved versions, placements, as how to use photos in combination
spacing/size requirements and do's with the other visual elements.
and don'ts.
Typography
Tone of Voice Select a brand font for titles, subtitles,
Crucial for consistency and shaping body text, quotes, and highlighted
how your audience sees you. Define text. Outline the font families, desired
your ideal tone of voice in a few size, spacing, and weight and their
words and include examples. relation to each other.
Colours Iconography
Outline primary and secondary It should be easy to understand and
colours—the fewer you have, the consistent with your brand’s other
easier it is to keep things consistent. design elements to create a unified
Specify the proper use of secondary look across all communications.
colours as accents.
13
Can Colour Drive Conversions?
Colour has the power to influence mood and elicit quick
responses. While individual differences can contribute to
how someone perceives colours, studies show that some
colours have the same psychological effects on most
people.
footers, text and accents; 10% is the accent colour, for CTAs,
time-sensitive content and notifications.
14
Mobile-Friendly Design
Mobile eCommerce is quickly taking
the lead ahead of desktop purchasing.
Now is the time to prioritise your
mobile presence and ensure your
website is mobile-friendly.
60%
of overall web
Potential guests want to see your
traffic comes
property, availability, and rates quickly from mobile
and easily without opening another devices
device.
Mobile-friendly and responsive designs are more intuitive,
accessible, and typically more efficient, allowing for quicker
decisions and higher conversions. On top of that, Google
prioritises a mobile-friendly website over desktop for their
search engine algorithm. This is something to keep in mind
if you want to be one step ahead in the SEO game.
What is a
Mobile-First Website?
A mobile-first website is
designed to be viewed on
smartphones and tablets. It’s
adapted for smaller screens,
ensuring each element is
accessible and optimised on
every mobile device. It must
load quickly because it usually
loads via 4G or 5G networks
instead of fast, local WiFi. This
helps conversion rates, which
otherwise drop on average by
4.42% with each additional
second of load time.
15
Mobile-Friendly Checklist
Responsive Templates
Responsive designs automatically adjust height, width, and
resolution to fit various screen sizes without changing the
content—saving time and energy when optimising your site.
All of the Hotelchamp eCommerce website templates are responsive.
Optimise Images
Create the smallest size possible without losing quality. The
smaller bandwidth and data capacity on mobile means
larger images take more time to load and use more data.
If you choose to optimise your images using visual editing software, you
have to do so before uploading them to your website. On the
Hotelchamp eCommerce website builder, this is done automatically.
16
Simplify Content
Mobile devices have less screen space; therefore, fewer
elements can be displayed. Try to condense text and
imagery as much as possible to get your point across.
Content may need to be sacrificed, but the mobile user who’s browsing
and booking through their phone isn’t interested in galleries of high-
resolution images and detailed descriptions of amenities.
Condense Forms
Forms can cause problems due to the shortened attention
span of mobile visitors. Only ask for essential information to
encourage engagement on smaller devices.
Make your forms as simple as possible for a mobile-friendly website
experience. Use large buttons and fewer text boxes so that it's easier to
complete form submissions.
17
Spotlight Your CTAs
CTA buttons should be obvious to see and easy to tap on. If
you have more than one CTA button on your page, decide
which is a higher priority and just focus on that one.
Most mobile visitors use their smartphones with only one hand, so
anything they can’t reach becomes a nuisance and is not user-friendly.
Ensure the button is large enough to be tapped with a thumb, and place
it in a strategic location, such as the bottom of the screen, for a mobile-
friendly website experience.
18
Your Page Content
When adding content, remember that "Less is more and
bigger is better". Our brain can only deal with 5 to 9 pieces
of information simultaneously. Yet, some hoteliers display
huge amounts of information that is impossible for anyone
to digest. Consider two things here:
Information overload
This is the effect visitors get when seeing (not reading) a
screen with vast amounts of information. If there is too
much visual clutter, they'll get overwhelmed and leave.
Typography
When text reaches a certain size, it becomes a graphic
element rather than part of the copy. On its own or paired
with smaller copy, bold and oversized typography creates a
striking first impression on your visitors and condenses your
main message, leading to even faster conversion.
19
Content That Drives Conversions
Your website is often the first touchpoint interested guests
see to learn more about your hotel. Regardless of who your
target audience is, you must ensure your website is always
performing at its best to achieve your ultimate goal: turning
online visitors into guests.
Guests Trust OT TI
H
Fellow Guests
A healthy level of scepticism has developed amongst travellers.
They want to read honest reviews from people like them, who
have stayed at your hotel before. Social proof, like including
review snippets on your homepage or at key points in the
guest journey, can help your conversion. Guests are more likely
to book with a hotel that appears transparent and honest.
20
Adding Your Call to Action
A call-to-action (CTA) is essential for conversion. For hotels,
this comes in the form of a clickable button that encourages
visitors to take action and 'Book now'.
After strategically
positioning your CTAs,
ensure that you add the
correct URLs to the
buttons. Of course,
depending on the type
of amenities you have
and what template
you’ve chosen, there
might also be links to
your restaurant or spa
that you need to update.
21
Contact Information and Forms
'Book Now' buttons aren't the only CTAs on your website.
You also need to make it easy for your guests to get in touch
with you. Add your contact information on your template,
including your hotel’s email, phone number and address.
Make sure submissions from contact forms are sent to a
monitored email address, such as your reception or
reservations email. Update the confirmation message
to suit your brand tone of voice.
and automatically
sync them to your
CRM with Hotelchamp.
P
With Hotelchamp
eCommerce
Search Edit your overall site or individual
Engine page SEO settings, such as
your Site Title and Description,
Optimisation which are used by search
engines to catalogue and
find your site.
Even with little to no budget or
technical skills, you can improve your
hotel's Search Engine Optimisation (SEO).
All you need is a good strategy, good content and a few
simple yet essential guidelines.
How To Structure a
Good Basic SEO Setup
90% of SEO is content. The remaining 10% is the technical
part, which can destroy the effort you put into creating great
content if not done well. On the next four pages, we'll cover
the tips and tricks you should keep in mind to create
impactful SEO content.
23
SEO-Friendly Content
Though SEO is free, it has a cost: time. Putting time into
quality content will get you to the top of search engines.
Everyone wants to be organically found on Google with
generic keywords like "hotel + [destination]". But Google
can't rank you for your destination if you don't have content
about it. You need to give people what they're looking for.
Read more
24
Technical SEO
URL
Your homepage's URL is a no-brainer. When it comes to
other pages like your blogs, write your links in a way that
communicates the main message of the page.
Title
Your page title is the most visible part of search results—
thus, the most crucial thing to take care of. For your
homepage, use this four-element formula: Name + Location
+ Commercial key + USP/differentiating factor. Be aware,
though, that there is a cut-off limit around 50-60 characters.
Meta Descriptions
Meta descriptions are a summary of your page content. If
you don't write your own, Google will pull text from the
page to display in search results. For control over what is
displayed, write a summary for each page of your hotel
website and add it to your SEO settings.
25
On-Page SEO
Here are a couple of things you can do to further optimise
your pages for search engines.
Heading Hierarchy
Headings and subtitles are just as important as descriptive
texts because they tell search engines what the content of
your page is about. However,
using bold, italic and underlined
styling doesn't tell Google if it is a
heading or subtitle. Instead, an H1,
H2, etc., hierarchical structure
should be used across your site.
26
Site SEO
Building Backlinks
Backlinks are links to your website from other websites.
Backlinks increase your site's authority and improve your
Google ranking so you can be found by a larger audience
of potential guests. It's also an excellent opportunity to build
a network with local tour operators, restaurants or bloggers
to create mutual benefits and link to one another's sites.
It's pretty simple: the greater the number of links that point
to a page, the more relevant it will be in Google's eyes. In
terms of SEO, internal and, more specifically, external links
are crucial components of your SEO ranking.
SSL Certificate
SSL certificates keep user data secure, verify website
ownership, prevent the creation of a fake version of the
site, and gain user trust. They are free and can be set up
with just one click. Google penalises sites without
SSL certificates, so this is a step you don’t want to miss.
With Hotelchamp eCommerce, an SSL certificate is
included in the setup of your site.
Measuring
Performance
To track your site’s performance, it’s important to set up
your Google Analytics tracking. If you don’t have a
Google Analytics account yet, you can learn how to
create one here. If you already have an account, you’ll
need your property ID to add to your site settings to start
measuring and tracking your website’s performance.
27
Accessibility around 22%
of all online users
There are 7.53 billion people in the have a disability
world, and 4.48 billion of them use the
Internet. That means that 58% of the
population has access to the Internet. Of these,
there are 1 billion people, around 22% of all online
users, who have a disability.
Your website needs to be accessible to all online visitors.
There are many ways you can make your website more
accessible, like adding alt-text to your images and ensuring
your website design can easily be used by screen readers.
You can also use tools, like accessiBe, to make your website
accessible and compliant with regulations.
Another thing to ask yourself is if online visitors can access
your website across different devices. Is your website
mobile and tablet friendly? It is important that your hotel’s
eCommerce site is available across
all kinds of technologies as you never
know how someone is viewing your
website or through which device.
28
Ease of Use
The easier it is for your online visitors to
find the correct information they need, the
more likely they are to click on your CTA.
Make sure that you don’t clutter your website! You need to
ensure that your website is as user-friendly as possible. Try
not to include unnecessary images or information. Ensuring
your website is simple will help pave the way to frictionless
booking. An easily understandable and navigable online
experience makes all the difference.
Turn Your OT TI
H
30
Setting the Final Details
URL Redirects
Redirects allow you to automatically send traffic from one
URL to a different URL. When you launch your new site, you
might have a new URL structure and redirects help to avoid
broken links. For your old URLs, traffic clicking on these links
can be redirected to the right place on your new site.
31
Previewing
You're almost done with creating your
new hotel website! Once you've added
in all your styling, images and content,
you're ready to start testing.
32
Publishing
And you've done it!
You've successfully built a new website
for your hotel, previewed and tested it.
Now it's time to publish it out to the
world and celebrate this amazing
milestone with your team.
33
Post-Publishing Details
Submit a Site Map to Search Engines
Imagine creating a carbon copy of your entire hotel
website, with all the pages, content and links. A sitemap is
just that, a copy of your website, with the only difference
being that a sitemap is written in a different language. In
simple words, a sitemap translates your website into a
language that is easier to read and interpret by Google and
other SEs like Bing and Yahoo. Though it's highly technical,
there are tools that create a sitemap for you, automatically
and for free, in just one click. Moreover, once in place,
maintaining a sitemap requires nearly zero effort.
Optimise Performance
Once your site is live, you can check the performance of
your site using Google’s PageSpeed Insights. Our website
builder automatically optimises your site, including images,
videos and code, for the best performance, but it’s still a
good idea to check to see if any other issues
come up. If you need to make any
adjustments, make sure you
republish your site so that
your changes are live.
When using Hotelchamp
eCommerce, on publish, your
sitemap is automatically submitted to
Google and Bing so that it is indexed.
This means that guests will
find your new website in OT TI
H
35
Even More Resources to Set
Your Website Up for Success
What To Include In Your Hotel’s Brand
Guide
36