Launching Your Site Checklist

Layouts

Your template includes the matching header, footer and navigation, but you have a multitude of options to change it. Depending on why you created a site, you can pick a social media focused header, a call-to-action buttons based header and so on. You can have different layouts between desktop, tablet and mobile views.

To change the layout of your site, in the left panel, click Theme, and then click Site Layout.

Images and Colors

All of our templates have a vibrant color palette and rich array of images, so all that is left to do is re-color the site in your branding colors and pick the images that reflect your niche. When doing so, do not forget to make sure you have adapted all elements of the template to your style.

Make sure to visit every page and double-check that the color of the text elements and backgrounds are correct. Switch to desktop, tablet, and mobile view as you go.

To change images, in the left panel, click Theme, and then click Images.

Page Backgrounds

Replace the default page backgrounds that come with the template. You can set up individual background images per page, so make sure to change not only the main background image, but also individual page backgrounds.

To change the site background, in the left panel, click Theme, and then click Backgrounds.

Consistent Branding

If your site accompanies your business or organization and you already have a branding package, make sure the site reflects that.

Fonts

If your company also has printed materials, such as brochures, leaflets, or business cards for promotion, use the same fonts and colors of your site. When it comes to fonts, our rich built-in library will cover you for the majority of widely-used fonts. If the font is not available, you can use Google fonts or even embed your custom font on the site using @font-face technology.

To change the theme font, in the left panel, click Theme, and then click Text.

Logo

Make sure your logo is in the header of your site. For most templates, you will just need to update the default logo of the template with your own one. Check both the header and the footer of your site.

For some templates, you have the option to upload a larger image on desktop and a crispier, smaller version of it on mobile. This means that you need to update the logo separately for each device layout.

Favicon

Favicons are a great way to make your site stand out on your users’ browsers. It is always a great idea to upload a smaller version of your logo as a favicon. If your logo is too big, just upload a small icon that matches the general design of your site in colors.

To upload a favicon, in the left panel, click Settings, and then click Site Icons. Click +Image next to Favicon.

SEO Optimization

For every site that you build, Website Builder makes our best effort to have your pages load quickly. We automatically resize the images for your site and optimize the code. When publishing a site, the sitemap is submitted to Google and Bing to make sure it is indexed. Complete the following to continue optimizing your site. To see all SEO settings, in the left panel, click Settings, and then click SEO.

Image Optimization

We automatically resize and compress images and show device-suited versions of the image. However, not every image can be optimized to the full potential by modern optimization tools. For instance, no compression tool will optimize the image that comes in 4000x7000 pixels. Since the majority of your users will not have such wide displays, simply upload smaller images.

Meta Tags for Search Engines and Social Media

To ensure the preview of your page on social media and search engine snippets look good, remember to set the following:

• Site Title and Description
• Social Media Image
• Page Titles and Descriptions
• Blog Post Descriptions

Alt text

Search Engines cannot see the images on your site, but they do crawl the alt text you put on them. This is a great place to use some of the keywords for your site.

To add alt text to an image, click the image in the editor, and on the Content tab, type the Alt text in the field provided.

Alt text is especially relevant for pages with a lot of images, but not a lot of content. Text is the main way to communicate with search engines, so make sure not to miss such an opportunity.

Note

Make sure that the alt text matches the image. Otherwise, you will hurt your SEO instead of helping it.

Personalization Rules

Place relevant links on the popups or notification bars through personalization rules. This way, you can make sure the hottest leads will definitely see your promo materials. For more information, see Personalization Rules

.

Contact Forms

It takes a lot of effort to deliver your message online, so make sure you hear the feedback! Do a quick test on your contact forms to make sure you receive the emails. For more information about contact forms, see Contact Forms.

Now checkout our Go-Live checklist to get started on your new website editing!