How to Create Your First Website with Free Hosting and 15 GB Storage — Step-by-Step Tutorial
Introduction
Want your first website but don’t want to pay for hosting or learn coding? Google Sites makes it easy: you get free hosting and use your Google account’s 15 GB of Drive storage for files. This guide walks you through everything — from opening Google Sites to publishing and sharing your live website.
Why use Google Sites?
- Free hosting: Google hosts the site for you under the
sites.google.comdomain. - 15 GB storage: Upload documents, slides, and images to Google Drive (included with your Google account).
- No coding: Easy drag-and-drop editor for pages and content.
- Built-in integrations: Works with Google Drive, Docs, Forms, Slides and YouTube.
Step 1 — Sign in and start a new site
- Open your browser and go to https://sites.google.com.
- Sign in with your Google account (Gmail or Google Workspace account).
- Click the + Blank button to create a new site. If you prefer, choose a template (Portfolio, Project, Classroom) to get started faster.
Step 2 — Choose a theme and set basic styles
On the right panel, click Themes. Pick a clean theme (for example: Simple or Vision) and adjust the color palette and fonts. For a professional look, use readable fonts and a light color palette.
Step 3 — Create and organize pages
Use the Pages tab to add new pages. A compact and useful structure for most first websites looks like this:
- Home — short intro and latest updates
- About — who you are and why the site exists
- Projects / Portfolio — images, descriptions, and file links
- Resources — documents, reading lists, or helpful links
- Contact — email address or an embedded Google Form
Drag pages to reorder them or create subpages (for example: Projects → Project A).
Step 4 — Add content (text, images, and files)
On any page, use the Insert panel to add elements:
- Text box — write titles, explanations, instructions.
- Images — upload or use images from Drive.
- Drive — embed Docs, Slides, Sheets, or PDFs; they update automatically when you edit the source file.
- Embed — add YouTube videos or external content by URL or embed code.
- Buttons — create clear calls-to-action like Download or View Project.
Note: The files you add live in Google Drive — this is where the free 15 GB storage is used. If you expect large media files, consider linking to YouTube for videos to save Drive space.
Step 5 — Configure navigation and site settings
- Click the Settings gear icon (top-right): choose navigation style (Top or Side) and add a site logo or favicon.
- Use the Preview (eye icon) to test the site on desktop, tablet, and mobile.
- Adjust layout blocks as needed to keep the most important information near the top of a page.
Step 6 — Publish your free website
When ready, click Publish (top-right). Choose a web address in the format sites.google.com/view/your-site-name. Then select who can view the site:
- Anyone on the web — makes the site publicly discoverable.
- Anyone with the link — shareable but not indexed publicly.
- People in your organization — limits access to your Google Workspace domain (if available).
Click Publish again to go live. The site is now hosted by Google for free.
Step 7 — Manage your 15 GB storage
Files you upload (images, PDFs, Docs) are saved in Google Drive and count toward the free 15 GB quota. To manage storage:
- Go to Google Drive to review stored files and free up space if needed.
- For large videos, upload to YouTube (unlisted or public) and embed the video on your site instead of storing it in Drive.
- Compress images before uploading to save space.
Step 8 — Keep your site updated
Websites look best when they’re active. To maintain your new site:
- Update the Home page with latest announcements or posts.
- Check embedded Drive links regularly to ensure they remain shared correctly.
- Publish changes after every significant update so visitors always see the latest content.
Accessibility and privacy tips
- Use headings and short paragraphs to help screen readers and improve readability.
- Add alt text to images describing the content for visually impaired users.
- If publishing student work, obtain consent and avoid sharing sensitive personal information.
- Prefer restricted Drive links for graded materials or files that contain personal data.
Troubleshooting (quick fixes)
- Embedded file not visible? Check Drive file sharing — set to "Anyone with link can view" if you want public access.
- Students cannot upload files? File upload via Forms may require Google Workspace settings; use shared Drive folders if needed.
- Site changes not visible? Make sure you click Publish after editing; some caches can delay updates for a short time.
Example site structure (copy and use)
Home
- Announcements
- Course overview
About
Projects / Portfolio
Resources
Contact (Google Form)
Quick checklist before publishing
- All essential pages created
- Drive files embedded and shared correctly
- Navigation tested on mobile and desktop
- Privacy & sharing settings chosen
- Site published and link shared with your audience
Conclusion
Creating your first website is simple with Google Sites: you get free hosting, integrated Drive storage (15 GB), and a clean editor that requires no coding. Use this tool to publish class resources, portfolios, or small business pages quickly and professionally.
