How to Make a Free Website with Google Sites: Step-by-Step Guide

PDF download Download Article
Make your own personal or business website for free
PDF download Download Article

Want to build your own website but don't know HTML? Google Sites makes it incredibly easy for anyone to create their own professional-looking website for free. All you'll need is a Google account to get started. This wikiHow article will teach you how to create, edit, and publish a website using Google Sites.

Things You Should Know

  • Create your free website at https://sites.google.com .
  • You can start with a blank page or choose a responsive layout template from Google Sites.
  • As you edit your website, your changes are saved automatically. However, your changes won't go live until you click Publish .
Part 1
Part 1 of 4:

Creating a Website

PDF download Download Article
  1. Go to https://sites.google.com in your web browser. If you're signed in to your Google account, you'll be taken to Google Sites. If not, you'll be prompted to sign in now.
  2. In the "Start a new site" section at the top of the page, you'll see the option to create a Blank site, as well as several templates. You can click Template gallery to view additional templates.
    • Once you find a template you like, click to select it. This creates the structure for your new website and opens it for editing.
    • You'll be able to modify any template by moving elements around, adding or removing images, changing colors, and replacing sample text with your own.
    Advertisement
  3. At the top-left corner above the editor, you'll see the name of the template you selected (or "Untitled site" if you selected the Blank template). Click the name, then type a new name for your site.
    • The name you enter is how your website will appear when you sign in to Google Sites. Nobody will be able to see this name except you.
    • As you make changes to your website, they'll be saved automatically. Even if you were to close your web browser right now, you'll be able to access your site again by signing back in to Google Sites and clicking the name of your website. However, your changes won't be visible to people on the internet until you publish the website.
  4. Once your theme opens in the editor, you can create a title for your website. The title appears both at the top of your website (in the header) and in the title bar of peoples' web browsers. [1]
    • If you chose the blank template, click Enter site name at the top-left, type a title, then press Enter or Return .
    • Some templates already have sample titles. If yours does, double-click the current title, then replace it with your own.
    • If you chose a single-page template, you won't see a title. You can only set a title if your website has 2 or more pages. But don't worry—you can add pages easily .
    • Google, Bing, and other search engines will also display your title in search results .
  5. Themes change the color scheme and fonts on your website. Click the Themes tab at the top-right corner of the editing space, then select one of the built-in themes.
    • You can customize each theme by selecting a font style and color.
    • To select a custom color, click the paint bucket icon next to the sample colors, then select a color from the palette.
    • If you want to import a theme from a different Google site you've created, import it by selecting Import theme . [2]
  6. If you want to collaborate on your Google Site with another Google user, you can share the site.
    • Click the icon of a person with a plus sign at the top of the editor, then add the name or email address of your co-creator.
    • Make the person an Editor if you want them to be able to edit and add content, or a Published Viewer if you only want to let them view drafts. Click Send to send them an invitation.
  7. This icon looks like a laptop with an overlapping cell phone, and you'll see it at the top of the page. Whenever you make a significant change (e.g., changing colors or adding a text box), you can preview your changes before publishing your website.
    • When previewing a site, you can click different screen sizes at the bottom of the page to see how the page will look on a phone, tablet, or computer screen.
    • Click the X to exit the preview and return to the editor.
    8. Advertisement
Part 2
Part 2 of 4:

Adding Pages and Navigation

PDF download Download Article
  1. You'll see this on the right side of the window. Depending on the template, you may already have several pages listed here.
    • If you haven't already done so, you'll need to go to https://sites.google.com and click your website to open it for editing.
  2. To add a new page, hover your mouse over the + at the bottom of the right panel, and then click New page . On the "New page" window, type a name for your page, and then click Done . [3]
    • If you like the look of an existing page, you can duplicate it. Click the three-dot menu next to the page's name, select Duplicate page , give the new page a name, and then click Done .
  3. All Google Sites templates come with a navigation bar that makes it easy for your visitors to find what they're looking for. Depending on the template, the navigation bar may be on the top of the page, or on the left side in a "hamburger" menu ☰. To change your navigation bar:
    • Click the gear icon at the top of the editor.
    • Click the Navigation tab.
    • In the "Mode" section, select either Top or Left .
    • You can also make the navigation bar transparent or select a color from the "Color" menu.
    • To add a logo to the navigation bar, click the Brand images tab, then click Upload to select your logo file.
  4. The names you give your pages will determine how they'll be linked on the navigation bar. If your website will have a lot of pages, you can create subpages so you don't crowd the navigation area. When you add a subpage, a drop-down menu is added to the parent page on the navigation bar.
    • To change a page's name, double-click its current name in the Pages panel, edit the name, and then press Enter or Return .
    • To add a subpage, click the three dots next to a page's name, select Add subpage , type a name, and then press Enter or Return .
      • You can also drag any existing page under another page to create a subpage.
    • If you don't want a page to appear on the navigation bar at all, click the three vertical dots next to the page name and select Hide from navigation .
    • To delete a page, click the three-dot menu and select Delete .
    • Don't forget to click the Preview icon to see how your new navigation bar will look.
    5. Advertisement
Part 3
Part 3 of 4:

Adding & Editing Content

PDF download Download Article
  1. You'll see a list of the pages you’ve added to your Google site.
  2. This opens the selected page for editing.
    • Changes you make to one page do not impact other pages.
  3. If you started from a template, you'll already have some sample text you can edit. You can also insert a new text box anywhere on the page to add custom text.
    • To add a text box, click the Insert tab on the right, then select Text box .
    • Type some text. Or, to modify existing text, click the text to place the cursor, and make your changes.
    • Highlight the text with your mouse to select it.
    • From the first drop-down menu above the text, choose Title to make the selected text the page's title, Heading or Subheading for section headers, Normal text for regular content, or Small text for captions and notes.
    • Select a font face and size from the corresponding menus.
    • You can also make the text bold, underlined, change its color, or adjust its alignment and indentation.
  4. If you started with a template, you'll already have sections on your page. If you've added text to a blank template, you'll at least have one section to work with. But you can also add Content Blocks, which are pre-formatted layouts that make it easy to insert your own text and images.
    • Click the Insert tab. You'll see 6 layout options under "Content Blocks."
    • Click a content block to add that layout to your page.
    • You can then click a text box or photo placeholder in a section to replace it with your own.
  5. As you hover your mouse over the sections of your page that contain images, text, or both (including Content Blocks), you'll see a few icons on the left side of the editor, and a handle with 10 dots. Each of these sections can be edited and moved as one with these tools.
    • To move a section, drag the section from the 10-dot handle on its left side. You can move sections anywhere up or down the page.
    • Click the palette icon to change the section's background color. If you want to use an image as the section's background, you click Image to upload one from your computer, select a stock image, or choose a picture you added to Google Photos or Google Drive .
    • You can move text, images, and other elements in and out of sections by dragging them.
    • To delete any part of a section, such as an image or text block, click the object, then click the trash can above it.
  6. You can insert either stock images or custom images anywhere on your website.
    • Click Images on the Insert tab.
    • Select Upload to upload an image from your computer, or Select to choose an image from Google Drive , Google Photos, or from the web.
    • Once you've added the image, you can drag it anywhere you wish, such as into a section.
    • Resize an image by dragging the blue dots surrounding it in any direction, or crop the image by clicking the Crop icon (the first on the image toolbar).
    • To make an image link to another page on your website, click the link icon, then select the page you want to link to.
    • To replace an existing image, click the image, click the three-dot menu on its right side, then select Replace .
    • To add an image carousel, click Image carousel on the insert tab, then choose your images.
  7. To add invisible space between sections, insert a spacer element. If you'd rather have a horizontal line dividing the two sections, you can insert a divider.
    • Click the Insert tab.
    • Click Spacer to add space. You can adjust the size of the spacer by dragging it from one of the large circles on its edges.
    • Click Divider to add a horizontal rule between sections.
    • You can drag a divider or spacer into or out of any section.
  8. At the bottom of the Insert tab, you'll see several other elements you can add to your website, including a Collapsible group , Table of contents , Social links , and more. You can also embed items like Google Maps , a YouTube video, a Google Calendar , Forms , Docs , and more.
    9. Advertisement
Part 4
Part 4 of 4:

Publishing Your Website

PDF download Download Article
  1. On the Pages tab, click through each page on your website and make sure each has a title at the top of the page. This is important for Google search optimization , as well as for keeping your visitors oriented.
  2. A favicon is a small image that represents your website when people view it in their web browsers. They'll see your favicon in their web browser tab when viewing on a computer, and in various places in mobile web browsers. You can create your own favicon using software on your computer, download a free favicon from a site like Icons8 , or try a favicon generator like Favicon.io .
    • Favicons will also appear next to your website in Google search results . [4]
    • To add your favicon, click the gear icon at the top of the Google Sites editor, click the Brand images tab, then click Upload .
    • Alternatively, you can click Select to choose a favicon you've uploaded to your Google Drive or Google Photos.
  3. It's the icon of a computer screen and a cell phone at the top of the page.
    • Click the X at the bottom-right to exit the preview when you're finished.
  4. You'll see this button at the top-right corner of the editor.
  5. If you don't have your own domain name, your website address will be https://sites.google.com/view/<yourpreferredname> . Type a name that describes your website—this can be the name of your business, your full name, or whatever you wish (as long as it's not taken).
    • You can use lowercase letters, numbers, and dashes (hyphens) in your site name, but no other characters or spaces.
    • If you have your own domain name, click MANAGE to learn how to link it to your Google website.
  6. By default, your website will be visible to anybody who comes across it. If you'd rather it only be visible to certain people, you can restrict access.
    • Click MANAGE under "Who can view my site?"
    • Under "Published site," choose Public to make the site public, or Restricted to choose specific people.
    • If you're restricting your site, enter the names of contacts (or email addresses) who should be able to view the site.
    • Click Done when you're finished.
  7. Your website is now live. To view the live website, click the drop-down menu next to the "Publish" button and select View published site .
    • The next time you make a change to your website, you will need to click Publish again to push those changes to the internet.
    8. Advertisement

Community Q&A

Search
Add New Question
  • Question
    Do I have to pay to use Google Sites?
    Community Answer
    No, you do not need to pay to use Google Sites.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 6 Helpful 35
  • Question
    So can I put whatever I want on the website I have?
    Community Answer
    You can put everything but it should be useful. Suppose you created a website of your own, it should have a very short and cool name and obviously the important things mostly people prefer. Then the people will love your website and they will definitely suggest to other people. Take a survey from the people around you.it will definitely gonna help you. Also, don't put anything on the website that breaks the law where you live.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 13 Helpful 34
  • Question
    How do I upload the completed website?
    Community Answer
    If you use Google Sites, you don't have to upload your site. It's all stored on Google's servers or in the Cloud.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 15 Helpful 29
See more answers
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Video

      Tips

      • If you've created a website with Google Sites in the past using the Classic Sites tool, your website is no longer visible to anyone. To get your website back online, you'll need to convert it to the new Google Sites experience and publish it there. [5] Go to https://sites.google.com/classicsitesmanager to get started.
        Thanks
        Helpful 2 Not Helpful 1
      • If you've created a public website, it is recommended to verify it via Google Search Console [6] to ensure the website is crawled and potentially indexed by Google's search engine. You can also connect your Google Site to Google Analytics to get insights and metrics on usage. [7]
        Thanks
        Helpful 2 Not Helpful 0
      • You can unpublish your Google site at any time by clicking the drop-down menu next to the "Publish" button and selecting Unpublish . You'll still be able to edit your unpublished site.
        Thanks
        Helpful 0 Not Helpful 2
      Show More Tips
      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Name
      Please provide your name and last initial
      Submit
      Thanks for submitting a tip for review!
      Advertisement

      Warnings

      • Do not post nudity or explicit images, violent images, or hate speech on Google Sites. Your site may be removed by Google if you do so.
        Thanks
        Helpful 14 Not Helpful 7
      Advertisement

      You Might Also Like

      How to
      Make a Free Website: Site Builders, Expert Tips, & More
      How to
      Get Your Website to Appear on Google: A Full Guide
      How to
      Login to a Website as an Admin
      How to
      Create Your First Website
      How to
      Download, Install, and Use XAMPP on Windows
      How to
      Make a Link to a Specific Part of a Webpage in HTML
      How to
      Host a Web Server for Free on Your Computer
      How to
      Add Fun Games to Your Web Site for Free
      How to
      Make a Website Like the 90s & 2000s: Examples, Tips, More
      How to
      Design a Website: Ideas, Layout, Optimization, & More
      How to
      Change Text Color in HTML and CSS
      Creating a How-To Website: A Complete Guide
      Advertisement

      Expert Interview

      Thanks for reading our article! If you’d like to learn more about creating a website, check out our in-depth interview with Anar Kazimov .

      References

      1. ↑ https://support.google.com/a/users/answer/9310491?hl=en
      2. ↑ https://support.google.com/sites/answer/6372865?hl=en
      3. ↑ https://support.google.com/sites/answer/98216?hl=en
      4. ↑ https://developers.google.com/search/docs/appearance/favicon-in-search
      5. ↑ https://support.google.com/sites/answer/7035197?sjid=13641323940326873728-NA
      6. ↑ https://support.google.com/webmasters/answer/9008080?hl=en#google_sites_verification
      7. ↑ https://support.google.com/sites/answer/97459

      About This Article

      Article Summary X

      1. Go to https://sites.google.com .
      2. Click + .
      3. Enter a title.
      4. Create an address.
      5. Upload a cover photo.
      6. Click Create Site

      Did this summary help you?
      In other languages
      Thanks to all authors for creating a page that has been read 599,130 times.

      Reader Success Stories

      • Nasser Ranjbardust

        Oct 9, 2017

        "Excellent guidelines to create a site on Google."
      More reader stories Hide reader stories
      Share your story

      Is this article up to date?

      Advertisement