How to create website pages with Site Pages

Last Updated: July 11, 2014

You'll use the site pages' content editor to create and edit the content for your actual website pages.

Instructions

Follow these steps to create website pages for your HubSpot hosted website.

1. Go to Site Pages

Go to Content > Site Pages to get started.

site-pages

If you had your website migrated to HubSpot, you'll already see your migrated pages on your Site Page dashboard.

2. Click on Create a new page

Click on the Create a new page button.

2. Click on Create a new page

3. Choose the template for the page

Next, you'll want to select a template to use as the structure for your page. You can search through the existing templates in your account, purchase a premium template through the HubSpot marketplace, or create a new template layout by converting a mockup into a template layout. To learn how to convert a mockup into a template layout, click here.

In this example, we'll use a template we purchased from the Marketplace called Auburn CTA 3 Slides Design 2.

 

 

Remember that if you had your website migrated, you will have templates in your account that are already customized to your brand. You can find these quickly by searching for templates that have your company name and "Migrated Template" in their name.

4. Name your page

Type in a name for the page you are creating. You'll want it to be descriptive enough so that other users in your HubSpot account will be able to find it easily and recognize what its purpose is. In this example, we're going to be creating a website's homepage using the site pages tool, so we'll name the page "Homepage."

Name_a_site_page

5. Click on Create

After you type in a name, click on the Create button to start adding content to your page.

createbutton

6. Add your content to the site page

Add your content to the page layout using the content editor. To learn more about the content editor, click here.

6. Add your content to the site page

Enter a Page Title

Type in the page title for your page.

The Page Title is the phrase that displays in the bar at the top of your web browser when the page loads. Human beings rarely read the page title when viewing your page, but search engines do look at the page title when trying to determine which keywords the page should rank for.

The page title also appears as the bold text that shows up on a search results page when your page is displayed in search engine results. A well written page title can go far to entice visitors to click through and visit your page. If it's not well written, ranking well on search engine results pages won't do you much good. So it's important to give some thought to how you write your page titles.

Your page title should:

  • Truly reflect the content of the page.
  • Be unique for each page on your site, and not duplicated anywhere else on your site
  • Use target keywords. Keep in mind that the words used first (towards the beginning of the page title) are given more weight by search engines than later words.
  • Remember that keywords or phrases should be separated by a pipe character ( | ) or hyphen ( - ), like in the example below.
  • Be brief. Search engines discount the importance of a given keyword in the page title more or less depending on the total number of words in the title. If a page title has 10 keywords, each word is about half as effective as if the title only had 5 keywords. This means you need to strive to eliminate words you don't want to rank for, like "and," "with," "or," and so on.
  • Be limited in length to about 4 keywords. Seventy characters is the maximum length that will be shown in search engines, so don't go over this limit.
  • Be interesting enough to actual human readers to entice them to click through.
Enter a Page Title

Enter the Page URL

Type in the page URL.

Enter the Page URL

Enter the rest of your content into the page

The number and type of content modules that you need to fill out will vary based on the template you selected, but here are some general best practice tips for making an engaging website page.

  1. Headline - In 3 seconds, a website page needs to answer the question, "What does this page offer me?" Keep your headline clear and simple. No fluff. If it's your homepage it needs to answer the question, "What does this company offer me?"
  2. Sub-headline - Your sub-headline should offer a slightly longer description of what the page offers. Avoid jargony language. Be different and show value. Don't just talk about yourself.
  3. Primary Call-to-Action - Include a primary call-to-action (CTA) above the fold to help drive conversions and clarify the purpose of the page. If you are a Professional or Enterprise customer, you can use a smart CTA that changes it's messaging based on the lifecycle stage of the visitor.
  4. Navigation - To decrease bounce rates, your visitors need a clear path around your site from each website page. Make sure your navigation is visible and towards the top of the page. And keep it simple.
  5. Supporting Image - Most people are visual. Make sure to use an image that clearly represents the purpose of the page. Short videos are great too. Just don't use stock photos of fake business people.

Here are some homepage specific tips:

  1. Headline - In 3 seconds, a website page needs to answer, "What does this page offer?" Keep your headline clear and simple. No fluff. If it's your homepage it needs to answer, "What does this company offer?"
  2. Sub-headline - Your sub-headline should offer a slightly longer description of what the page offers. Avoid gobbledegook language. Be different and show value. Don't just talk about yourself.
  3. Primary Calls-to-Action - Including multiple calls-to-action (CTA) above the fold is important to driving conversions. Offer two to three CTAs (max) that map to different stages of the buying lifecycle.
  4. Benefits - It's not only important to describe what you do, but why it matters. Prospects want to know about the benefits and advantages you can offer them.
  5. Features - In addition to benefits, list some of your key features. This gives people more of an understanding of what's provided by your products and services.
  6. Customer Proof - Customer proof is a powerful indicator of trust. Include just a few of your best (short) quotes and testimonials on your homepage. Adding a name and photo help the testimonials resonate.
  7. Success Indicators - Awards and recognitions can also help you make a good impression on first-time visitors.
  8. Navigation - To decrease bounce rates, your visitors need a clear path into your site from the homepage. Make sure your navigation is visible at the top of the page. And keep it simple.
  9. Supporting Image - Be sure to use an image that clearly indicates what you offer. Short videos are great too. Just don't use stock photos of fake business people. Seriously. Don't do that.
  10. Content Offer - To generate even more leads from your homepage, feature a really great content offer, such as a whitepaper, ebook, or downloadable guide.
  11. Resources - Approximately 96% of the visitors to your website are not ready to buy. Make sure you offer a link to a resource center where they can learn more. If you don't have a resource center, click here to learn how to build one using Site Pages.
  12. Secondary Calls-to-Action - When visitors get to the bottom of your homepage, don't forget to display a CTA there for even more lead generation opportunities. CTAs: They're not just for the top of the page anymore.
Video showing entering the content into the page and it changing in the preview. 

7. Choose your site page options

 

Campaign

You can choose to associate your website page with a HubSpot campaign. This makes it easy to filter for all pages from a specific campaign on the site pages dashboard.

Meta Description

You can enter a meta description for the website page. This will appear in search results below the page title.

Meta description best practices:

  • Length: A good meta description is approximately two sentences, and no more than 150 characters, long.
  • Use Keywords: Keep your target keyword as close to the beginning of the meta description as possible, and only use it once -- don't go overboard with the use of keywords. Search engines don't pay any attention to meta descriptions, so you're really just writing for the human reader here.
  • Create a Call-to-Action: Your meta description should read like a CTA. Remember that this text is written to entice a human reader to click through to your site.
  • Uniqueness: Each page on your site should have a different meta description, focused narrowly on the content that is on that one page of your site. Don't reuse meta descriptions across several different pages on your site.
Meta Description

Head & Footer Section HTML

You can add raw HTML snippets, embed codes, or tracking JavaScript that will be added just after the opening <body> tag or just before the </body> tag for your website page. This is the place for all that.

Head &amp; Footer Section HTML

Style Override

You can override the style that is being applied to your website page by choosing a different style from the Style Override drop-down menu.

Style Override

Alternative Domain

You can also choose to publish a specific website page to a secondary domain by choosing another domain from the Alternative Domain drop-down menu.

Alternative Domain

Password

You can use the password option to:

  • Create a page on your site just for staff. Keep sales collateral and marketing materials here, where only your team can access them.
  • Create a "client-only" page on your website, post templates and client-specific materials there.
  • Have a page for resellers and partners to get advanced materials ahead of a product launch.

Just enter a password into the field and your visitors will be prompted to enter this password before they can view the page.

9. Publish your page

Once you've finished entering the content for your website page, the last step is to publish it. You have the option to publish the page immediately or publish the page at a scheduled date and time sometime in the future. To finish publishing the page, click the Publish button at the bottom of the editor. And then do a little dance.

Next Article: How to edit and optimize images within HubSpot

LOG IN TO YOUR  WEBSITE

Table of Contents

    Get feedback from marketing peers and experts on inbound.org
    Check out Premier Services